/* Shared ice-white palette; layouts, motion and product materials stay intact. */
:root{color-scheme:light;--ice:#f4f7f8;--surface:#fff;--text:#222635;--quiet:#586174;--accent:#715393;--edge:#dce1e8;--ink:var(--ice);--paper:var(--text);--muted:var(--quiet);--purple:var(--accent);--line:var(--edge)}
body,body.homepage{--ink:var(--ice);--paper:var(--text);background:var(--ice);color:var(--text)}
body .header,body.homepage .header{background:#f9fbfbe8;border-color:var(--edge);color:var(--text);box-shadow:inset 0 1px 0 #fff,0 12px 35px #3544620d}
body .brand img{filter:none;mix-blend-mode:multiply}
body .tool,body .menu-toggle{color:var(--text)}
body .header nav a:hover,body .header nav a[aria-current=page]{color:var(--accent)}
body .mobile-nav,body.homepage .mobile-nav{background:#f9fbfbf5;border-color:var(--edge);box-shadow:0 12px 35px #35446212;color:var(--text)}
body .hero,body.homepage .hero{background:var(--ice)}
body .hero .hero-art{background:radial-gradient(ellipse at 75% 30%,#dce5f5,transparent 60%),radial-gradient(ellipse at 95% 80%,#e5ddf0,transparent 65%),var(--ice);filter:none;opacity:.85}
body .hero:before,body.homepage .hero:before{background:radial-gradient(ellipse at 80% 35%,#c7b3e52a,transparent 55%),radial-gradient(ellipse at 90% 60%,#b3cbef30,transparent 65%)}
body .hero:after{background:linear-gradient(0deg,var(--ice),transparent 30%,transparent 85%,#f4f7f866)}
body .hero h1,body .identity-banner .identity-title,body .about-hero .about-title,body .hero .hero-copy>p,body .identity-banner .identity-copy p{text-shadow:none;color:var(--text)}
body em{color:var(--accent)}
body.homepage .hero h1 em,body.homepage .identity-title em,body.homepage .home-process h2 em{background-image:linear-gradient(110deg,#4f648d,#795294 65%,#915675);color:var(--accent)}
body .intro,body .eyebrow,body .hero-symbol span,body .hero-bottom,body .section-top{color:var(--quiet)}
body .hero-copy>p,body.homepage .hero-copy>p,body .essence-copy p{color:var(--quiet)}
body .homepage-about-link,body.homepage .hero-symbol--cinematic .logo-caption{color:var(--quiet)}
body .homepage-about-link:hover{color:var(--accent);border-color:var(--accent)}
body .home-service-grid{scrollbar-color:#a88bbd #e8eaf0}
body .hero-bottom,body.homepage .hero-bottom{border-color:var(--edge)}
body .hero .hero-symbol--cinematic .logo-stage img,body .identity-white-flight img{filter:none;mix-blend-mode:multiply}
body .logo-stage,body .identity-white-flight{mix-blend-mode:multiply}
body .hero .logo-stage:before{filter:blur(14px);mix-blend-mode:multiply}
body .hero .light,body .contact .light,body .home-process .light,body .identity-banner .light,body .account-form .light{background:linear-gradient(110deg,#d9e5ff,#e4d5f2 45%,#f3dfeb);color:#352443;border:1px solid #cabbdc;box-shadow:inset 0 1px 0 #fff,0 9px 25px #69508817}
body .button.secondary,body.homepage .hero-actions .secondary,body.homepage .identity-cta{background:#ffffffb3;border-color:#c9c0d5;color:#49375d}
body .button.secondary:hover{background:#eee7f5;color:#49375d}
body .identity-banner,body.homepage .identity-banner{background:var(--ice);border-color:var(--edge)}
body .identity-atmosphere,body.homepage .identity-atmosphere{background:radial-gradient(ellipse at 85% 25%,#e1e8f2,transparent 65%),var(--ice)}
body .identity-atmosphere:before{background:radial-gradient(ellipse at 75% 35%,#d7c8ed35,transparent 70%)}
body .identity-atmosphere:after{background:linear-gradient(90deg,#f4f7f880,transparent 70%),linear-gradient(0deg,var(--ice),transparent 25%,transparent 80%,#f4f7f899)}
body .identity-kicker,body .identity-copy p,body .identity-copy p+p,body .identity-values{color:var(--quiet)}
body .identity-values{border-color:var(--edge)}
body.homepage .home-service{background:var(--surface);border-color:#d8dce5;box-shadow:inset 0 1px 0 #fff,0 18px 35px #3544620d}
body.homepage .home-service img{opacity:.48}
body.homepage .home-service:after{background:radial-gradient(ellipse at 100% 0%,#d1bbe730,transparent 65%),linear-gradient(110deg,#fbfcfdfc 5%,#fbfcfdec 60%,#fbfcfdb0),linear-gradient(0deg,#f4f7f8e6,transparent 65%)}
body.homepage .home-service:before{filter:none;mix-blend-mode:multiply;opacity:.5}
body.homepage .home-service h3{color:var(--text)}
body.homepage .home-service p,body .home-service-hint{color:var(--quiet)}
body.homepage .home-service-number,body .process-number{background:#ede7f4;border-color:#d7c9e5;color:#664981}
body .home-service-action{color:#654582;text-decoration-color:#a88cbd}
body.homepage .home-service:hover,body.homepage .home-service:focus-visible{border-color:#ae96c5;box-shadow:inset 0 1px 0 #fff,0 24px 42px #35446212,0 0 35px #a87fd214}
body .home-process{background:radial-gradient(ellipse at 8% 65%,#dce6f43d,transparent 55%),radial-gradient(ellipse at 85% 20%,#e5d8f23d,transparent 60%),#eef2f5;border-color:var(--edge)}
body .home-process .process-kicker,body .process-intro,body .home-process-step p{color:var(--quiet)}
body .home-process-step{background:linear-gradient(145deg,#fff,#f8fafb);border-color:var(--edge);box-shadow:inset 0 1px 0 #fff,0 12px 24px #35446208}
body .reviews,body.homepage .reviews{background:radial-gradient(ellipse at 100% 0%,#e2d6ee30,transparent 65%),var(--ice);color:var(--text);border-color:var(--edge)}
body.homepage .reviews-title em,body.homepage .review-placeholder em{color:var(--accent)}
body.homepage .reviews-kicker,body.homepage .reviews-intro,body.homepage .reviews-hint,body.homepage .review-number,body.homepage .review-state,body.homepage .review-author-note,body.homepage .rating-count,body.homepage .reviews-empty{color:var(--quiet)}
body.homepage .review-card,body.homepage .rating-summary{background:linear-gradient(145deg,#fff,#f8fafb);border-color:var(--edge);color:var(--text);box-shadow:0 9px 24px #3544620a}
body.homepage .rating-avatar{border-color:#fff}
body.homepage .review-author,body.homepage .review-comment{color:var(--text)}
body.homepage .review-partner{border-color:var(--edge)}
body.homepage .review-card-stars{color:var(--accent)}
body.homepage .reviews-control,body.homepage .review-section-button,body.homepage .reviews-more{color:#654582;border-color:#bdaacd}
body.homepage .reviews-control:not(:disabled):hover,body.homepage .review-section-button:hover,body.homepage .reviews-more:hover{background:#ede6f3;color:#54356e}
body.homepage .reviews-track{scrollbar-color:#a88bbd #e8eaf0}
body .contact:not(.founder-contact),body.homepage .contact{background:radial-gradient(ellipse at 5% 0%,#d9e5f960,transparent 55%),radial-gradient(ellipse at 100% 100%,#eadff060,transparent 65%),#f7fafb;color:var(--text);box-shadow:0 -18px 50px #35446208}
body .contact .eyebrow,body .contact-note,body .direct-contacts,body.homepage .direct-contacts,body.homepage .home-contact-copy{color:var(--quiet)}
body .direct-contacts a:hover{color:var(--accent)}
body .contact-word{color:#71539308}
body footer,body.homepage footer{background:var(--ice);color:var(--quiet);border-color:var(--edge)}
body .footer-name,body.homepage .footer-name{color:var(--text)}
body .about-hero{background:radial-gradient(ellipse at 88% 12%,#ddd1ef70,transparent 64%),linear-gradient(145deg,#f9fbfc,#edf2f6);box-shadow:inset 0 -30px 65px -36px #b8c3d222}
body .about-intro,body .process-grid p{color:var(--quiet)}
body .process-grid article,body .company-values{border-color:var(--edge)}
body .process-grid article>span{color:var(--accent)}
body .founder-banner,body .founder-banner .founder-story{background:radial-gradient(ellipse at 100% 8%,#e7dbee70,transparent 62%),linear-gradient(135deg,#fafcfc,#edf2f5);box-shadow:inset 1px 0 0 #fff}
body .founder-kicker,body .founder-topic,body .founder-pending,body .founder-bio{color:var(--quiet)}
body .founder-bio-3{color:#654582;border-color:#aa8bbd}
body .signature{color:#d6dbe3}
body dialog,body dialog.account-drawer,body #review-dialog{background:linear-gradient(155deg,#fff,#f3f6f8);color:var(--text);border-color:#d5dbe3;box-shadow:0 25px 100px #35446226;scrollbar-color:#b6a1c7 #f3f6f8}
body dialog::backdrop,body #review-dialog::backdrop{background:#29344759}
body dialog.account-drawer .dialog-heading{background:#f9fbfbf5;border-color:var(--edge)}
body .dialog-heading .eyebrow,body .option-code,body .account-copy,body .account-note,body .account-hint,body .account-help,body .review-form-intro,body .review-rating-hint,body #review-form>.review-consent,body .review-dialog-top>span{color:var(--quiet)}
body .preference-option{color:var(--text);border-color:var(--edge)}
body .preference-option[aria-pressed=true],body .preference-option:hover{background:#ede7f4}
body .account-form label{color:var(--text)}
body .account-form input,body .account-form input[readonly],body #review-form input:not([type=radio]):not([type=checkbox]),body #review-form select,body #review-form textarea,body #review-form select option{background:#fff;color:var(--text);border-color:#c5cddd}
body .account-form input::placeholder,body #review-form input::placeholder,body #review-form textarea::placeholder{color:#727b89}
body .account-tabs{border-color:var(--edge)}
body .account-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
body .account-link,body .account-return{color:var(--accent)}
body .account-status{background:#eee9f5;border-color:#c8b7d9;color:var(--text)}
body .account-status[data-kind=error]{background:#fff1f2;border-color:#daa5af;color:#923647}
body .customer-card{border-color:var(--edge)}
body .account-menu-option{background:#fff;color:var(--text);border-color:var(--edge)}
body .account-menu-option:hover{background:#ede7f4;border-color:#bdaacd}
body .account-menu-logout{color:var(--accent)}
body.account-page{background:radial-gradient(ellipse at 50% 20%,#e3d9ee,var(--ice) 70%)}
body.account-page>section{background:#fff;border-color:var(--edge)}
body.account-page .account-brand{color:var(--text)}
body .review-floating{background:#fcfdfeef;color:#654582;border-color:#c5b4d6;box-shadow:0 8px 30px #35446217}
body .review-floating:hover{background:#ede7f4}
body .review-close{border-color:#c5b4d6}
body .review-rating-options label{background:#fff;color:#7c678f;border-color:#c5b4d6}
body .review-rating-options label.selected{background:#795395;border-color:#795395;color:#fff}
body .review-form-status{color:#654582}
body #language-button.language-float,body .language-popover{background:#fcfdfeef;border-color:#d5cddd;box-shadow:0 10px 30px #35446217}
body .scene{background:var(--ice)}
body .ambient{background:radial-gradient(ellipse at 63% 48%,#f2e4d8,transparent 64%),var(--ice)}
body .edition,body .chapter,body #description,body .product-meta,body .scroll-hint,body .scroll-hint small,body .steps button,body #replay{color:var(--quiet)}
body .order-panel,body .order-panel h2,body .order-panel p:not(.eyebrow){color:var(--text);text-shadow:none}
body .order-panel .eyebrow{text-shadow:none}
body .progress{background:var(--edge)}
/* Offers: clear heading and a dedicated investment area. */
body.homepage .identity-banner .identity-title{grid-column:1/-1;grid-row:1;margin:0;max-width:none}
body.homepage .identity-banner .home-service-grid{grid-row:2;margin-top:32px}
body.homepage .identity-banner .home-service-hint{grid-row:3}
body.homepage .identity-banner .identity-values{grid-row:4}
body.homepage .home-service h3{margin-top:34px}
body .offer-investment{display:flex;flex-direction:column;gap:7px;padding:18px 0;margin-top:auto;margin-bottom:20px;border-top:1px solid var(--edge)}
body .offer-investment-label{font-size:.8125rem;color:var(--quiet)}
body .offer-investment-value{font-size:1.375rem;font-weight:600;line-height:1.3;color:var(--text)}
body .home-service:has(.offer-investment) .home-service-action{margin-top:0}
/* A continuous video backdrop sits behind every page, independent of banners. */
html{background:#09080d}
body,body.homepage,body.account-page{background:transparent;isolation:isolate}
.site-background-video{position:fixed;inset:0;width:100%;height:100%;height:100dvh;object-fit:cover;object-position:center;z-index:-2;pointer-events:none}
.site-background-wash{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(120deg,#f4f7f8d9,#f4f7f8b5 55%,#f4f7f8c7)}
body .hero,body.homepage .hero,body .identity-banner,body.homepage .identity-banner,body .home-process,body .reviews,body.homepage .reviews,body .contact:not(.founder-contact),body.homepage .contact,body .about-hero,body .founder-banner,body .founder-banner .founder-story,body footer,body.homepage footer,body .scene{background:transparent}
body .hero .hero-art{background:radial-gradient(ellipse at 75% 30%,#dce5f540,transparent 60%),radial-gradient(ellipse at 95% 80%,#e5ddf040,transparent 65%)}
body .hero:after{background:linear-gradient(0deg,#f4f7f835,transparent 30%)}
body .identity-atmosphere,body.homepage .identity-atmosphere{background:transparent}
body .identity-atmosphere:after{background:linear-gradient(90deg,#f4f7f830,transparent 70%)}
body .ambient{background:radial-gradient(ellipse at 63% 48%,#f2e4d835,transparent 64%)}
body.homepage .home-service,body.homepage .home-process-step,body.homepage .review-card{backdrop-filter:blur(8px)}

/* Offer depth: forward movement, directional light and subtle background defocus. */
body.homepage .home-service {
  transform-origin: center;
  transition: transform .5s cubic-bezier(.2,.7,.2,1), border-color .4s ease, box-shadow .5s ease, filter .4s ease;
}
@media (hover: hover) and (pointer: fine) {
  body.homepage .home-service:hover {
    z-index: 2;
    transform: translateY(-12px) translateZ(130px) scale(1.04) rotate(0deg);
    border-color: #a36cda;
    box-shadow: inset 0 1px 0 #fff, 0 20px 38px #35446220,
      5px -3px 28px 4px #ad67e99c,
      32px -24px 70px 15px #984bdfb3,
      55px -36px 120px 28px #b474e580;
  }
}
body.homepage .home-service:focus-visible {
  z-index: 2;
  transform: translateY(-12px) translateZ(130px) scale(1.04) rotate(0deg);
  outline: 2px solid #8862af;
  outline-offset: 4px;
  box-shadow: inset 0 1px 0 #fff, 0 20px 38px #35446220,
    5px -3px 28px 4px #ad67e99c,
    32px -24px 70px 15px #984bdfb3,
    55px -36px 120px 28px #b474e580;
}
@media (prefers-reduced-motion: reduce) {
  body.homepage .home-service { transition: none; }
  body.homepage .home-service:hover,
  body.homepage .home-service:focus-visible { transform: none; }
}

@media (hover: hover) and (pointer: fine) {
  body.homepage .home-service-grid:has(> .home-service:hover) > .home-service:not(:hover):not(:focus-visible) {
    filter: blur(.8px);
    transform: translateZ(-12px) scale(.99) rotate(var(--card-tilt, 0deg));
  }
}
body.homepage .home-service-grid:has(> .home-service:focus-visible) > .home-service:not(:focus-visible):not(:hover) {
  filter: blur(.8px);
  transform: translateZ(-12px) scale(.99) rotate(var(--card-tilt, 0deg));
}
@media (prefers-reduced-motion: reduce) {
  body.homepage .home-service-grid > .home-service { transform: none !important; }
}

/* Monthly offer: benefit first, compact pricing and a clear next step. */
body.homepage .offer-monthly-tag,
body.homepage .offer-type-tag {
  align-self: flex-start;
  padding: 7px 10px;
  border: 1px solid #bca2d54d;
  border-radius: 100px;
  background: #ede5f380;
  color: #74528d;
  font-size: .625rem;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.4;
}
body.homepage .home-offer-launch h3 { margin-top: 24px; }
body.homepage .home-offer-launch .offer-investment--monthly {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 20px 0 0;
  margin-bottom: 9px;
  text-align: left;
}
body.homepage .offer-monthly-price {
  font-size: clamp(1.4rem, 2.1vw, 1.8rem);
  white-space: nowrap;
  line-height: 1.2;
  letter-spacing: -.04em;
  color: var(--text);
}
body.homepage .offer-monthly-period {
  font-size: .875rem;
  color: var(--quiet);
}
body.homepage .home-offer-launch .offer-launch-support {
  max-width: none;
  font-size: .75rem;
  line-height: 1.5;
  margin-bottom: 22px;
}
body.homepage .home-service .home-plan-action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid #b295cc80;
  border-radius: 12px;
  background: #eee7f34d;
  color: #654582;
  font-weight: 600;
  text-decoration: none;
}

body.homepage .offer-growth-price,
body.homepage .offer-creative-price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .25em;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.025em;
  color: var(--text);
}
body.homepage .offer-growth-price > span,
body.homepage .offer-creative-price > span { white-space: nowrap; }

/* Project and campaign offers share the monthly offer's visual hierarchy. */
body.homepage .home-offer-growth h3,
body.homepage .home-offer-creative h3 { margin-top: 24px; }
body.homepage :is(.home-offer-growth, .home-offer-creative) .offer-investment {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  padding: 20px 0 0;
  margin-bottom: 9px;
}
body.homepage .offer-type-period { font-size: .875rem; color: var(--quiet); }
body.homepage .home-service .offer-scope-note {
  max-width: none;
  font-size: .75rem;
  line-height: 1.5;
  margin-bottom: 22px;
}

body.homepage [data-price-min] {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .25em;
  white-space: normal;
  font-variant-numeric: tabular-nums;
}
body.homepage [data-price-min] > span { white-space: nowrap; }
body.homepage .offer-currency-note {
  grid-column: 1 / -1;
  grid-row: 4;
  margin: 8px 0 0;
  font-size: .75rem;
  line-height: 1.5;
  color: var(--quiet);
}
body.homepage .identity-banner .identity-values { grid-row: 5; }