/*
Phase 280 — Logos landing rebuilt from the approved PDF direction + real assets with historical compatibility.
Brandbook: #102030 / #FF4600 / #CDFF59 / #FFA600
Phase-246 compatibility palette tokens retained: #142434 #fb4909 #b4ea3f #de58ac #f4f4f3
*/
:root {
  --brand-black: #102030;
  --brand-orange: #FF4600;
  --brand-green: #CDFF59;
  --brand-yellow: #FFA600;
  --brand-paper: #ffffff;
  --brand-soft: #f6f8fb;
  --brand-line: #e5e9ee;
  --brand-muted: #647386;
  --brand-shadow: 0 28px 70px rgba(16, 32, 48, .12);
  --shell: min(1180px, calc(100% - 36px));
  --phase246-navy: #142434;
  --phase246-orange: #fb4909;
  --phase246-lime: #b4ea3f;
  --phase246-pink: #de58ac;
  --phase246-paper: #f4f4f3;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.logos-landing{margin:0;background:#fff;color:var(--brand-black);font-family:"Yekan Bakh","Dana","Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;z-index:9999;top:10px;right:10px;transform:translateY(-160%);padding:9px 14px;border-radius:12px;background:var(--brand-orange);color:#fff}.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,32,48,.06)}.header-shell{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:34px}.brand-logo img{display:block;width:auto;height:48px}.desktop-nav{display:flex;justify-content:center;gap:30px}.desktop-nav a,.text-link{font-size:13px;font-weight:600;color:#37495d;transition:.18s}.desktop-nav a:hover,.text-link:hover{color:var(--brand-orange)}.header-actions{display:flex;align-items:center;gap:16px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:0;border-radius:14px;font:inherit;font-size:13px;font-weight:600;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding-inline:18px}.button-large{min-height:56px;padding-inline:28px}.button-primary{color:#fff!important;background:linear-gradient(90deg,var(--brand-orange),#ff6b31);box-shadow:0 16px 34px rgba(255,70,0,.24)}.button-outline{background:#fff;border:1px solid #dfe5eb;box-shadow:0 8px 22px rgba(16,32,48,.05)}.button-ghost{color:#fff!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}
.mobile-menu{display:none;position:relative}.mobile-menu summary{width:44px;height:44px;display:grid;place-content:center;gap:4px;border:1px solid var(--brand-line);border-radius:13px;list-style:none;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:18px;height:2px;background:var(--brand-black);border-radius:2px}.mobile-menu-panel{position:absolute;left:0;top:52px;width:min(290px,calc(100vw - 36px));display:grid;gap:5px;padding:12px;border:1px solid var(--brand-line);border-radius:20px;background:#fff;box-shadow:var(--brand-shadow)}.mobile-menu-panel>a:not(.button){padding:11px;border-radius:10px;font-size:13px}
.hero{position:relative;min-height:560px;margin-top:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:16px;padding:54px 58px;border-radius:32px;background:linear-gradient(145deg,#102030 0%,#0c1e2f 72%);color:#fff;isolation:isolate}.hero-grid,.packages-grid-bg,.final-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:18px 18px;opacity:.55}.hero-grid{mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 100%)}.hero-copy{position:relative;z-index:3}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#53657a;font-size:12px;font-weight:600}.eyebrow-light{color:#dce5ed}.hero h1{margin:12px 0 0;font-size:clamp(44px,6vw,76px);line-height:1.2;font-weight:600;letter-spacing:-.04em}.hero h1 span{color:var(--brand-orange)}.hero p{max-width:600px;margin:18px 0 0;color:rgba(255,255,255,.78);font-size:15px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-visual{position:relative;height:450px;display:flex;align-items:flex-end;justify-content:center;z-index:2}.hero-hoshy{max-width:100%;max-height:470px;object-fit:contain;filter:drop-shadow(0 28px 35px rgba(0,0,0,.35));transform:translateY(24px)}.hero-splash{position:absolute;z-index:0;left:31%;bottom:28%;width:150px;height:105px;background:var(--brand-orange);clip-path:polygon(8% 25%,24% 12%,36% 26%,48% 4%,65% 18%,82% 9%,94% 36%,78% 52%,90% 75%,63% 71%,50% 94%,34% 72%,10% 86%,18% 54%)}.hero-paper{position:absolute;z-index:2;width:42px;height:34px;background:#fff;opacity:.92;transform:rotate(18deg);clip-path:polygon(10% 0,100% 8%,84% 100%,0 82%)}.hero-paper-a{left:13%;top:17%}.hero-paper-b{left:8%;bottom:22%;transform:rotate(-20deg)}
.section{padding-block:90px}.intro-section{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.section-copy h2,.services-copy h2,.how-copy h2{margin:10px 0 0;font-size:clamp(32px,4vw,52px);line-height:1.45;font-weight:600;letter-spacing:-.03em}.accent-orange{color:var(--brand-orange)}.lead{margin:18px 0 0;color:var(--brand-muted);font-size:14px;line-height:2.1}.inline-points{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px;color:#405269;font-size:12px}.inline-points span{display:inline-flex;align-items:center;gap:7px}.inline-points i{width:8px;height:8px;border-radius:50%;background:var(--brand-orange)}.inline-cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:var(--brand-orange);font-size:13px;font-weight:600}.intro-visual{position:relative;min-height:360px;display:grid;place-items:center}.intro-visual img{position:relative;z-index:2;max-width:360px;max-height:360px;object-fit:contain;filter:drop-shadow(0 22px 30px rgba(16,32,48,.14))}.scribble{position:absolute;top:12%;right:44%;width:72px;height:54px;border:3px solid var(--brand-black);border-radius:50%;opacity:.3;transform:rotate(-10deg)}.scribble::before,.scribble::after{content:"";position:absolute;width:54px;height:2px;background:var(--brand-black);top:25px;left:7px;transform:rotate(28deg)}.scribble::after{transform:rotate(-28deg)}.spark{width:13px;height:13px;display:inline-block;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%)}.spark-orange{background:var(--brand-orange)}.spark-lime{background:var(--brand-green)}
.packages-section{position:relative;overflow:hidden;padding:78px 0 88px;background:linear-gradient(145deg,#102030,#0d2234);color:#fff;isolation:isolate}.packages-grid-bg{opacity:.35}.packages-shell{position:relative;z-index:2}.section-heading{display:grid;grid-template-columns:1fr minmax(280px,.65fr);align-items:end;gap:40px;margin-bottom:36px}.section-heading h2{margin:8px 0 0;font-size:clamp(30px,4vw,48px);line-height:1.45;font-weight:600}.section-heading p{margin:0;color:var(--brand-muted);font-size:13px;line-height:2}.section-heading-light p{color:rgba(255,255,255,.65)}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.package-card{position:relative;overflow:hidden;min-height:430px;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:26px;background:rgba(255,255,255,.055);text-align:center;backdrop-filter:blur(5px);transition:transform .18s,border-color .18s}.package-card:hover{transform:translateY(-6px);border-color:rgba(205,255,89,.35)}.package-card img{display:block;width:100%;height:300px;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.35))}.package-card h3{margin:4px 0 0;font-size:18px;font-weight:600}.package-card p{margin:8px auto 0;max-width:280px;color:rgba(255,255,255,.62);font-size:12px}.package-tag{position:absolute;top:16px;right:16px;z-index:3;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:10px}.package-alpha{box-shadow:inset 0 0 0 1px rgba(222,88,172,.04)}.package-beta{box-shadow:inset 0 0 0 1px rgba(255,166,0,.06)}.package-gamma{box-shadow:inset 0 0 0 1px rgba(205,255,89,.06)}
.services-section{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}.services-cast{position:relative;min-height:430px;display:flex;align-items:flex-end;justify-content:center}.cast-item{position:relative;display:flex;align-items:flex-end;justify-content:center}.cast-item img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(16,32,48,.12))}.cast-main{width:220px;height:380px;z-index:4}.cast-child{width:170px;height:300px;margin-left:-26px;z-index:2}.cast-student{width:170px;height:300px;margin-right:-28px;z-index:2}.cast-small{width:120px;height:230px;margin-left:-44px;z-index:1;opacity:.9}.service-list{display:grid;gap:10px;margin-top:24px}.service-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:13px 0;border-bottom:1px solid var(--brand-line)}.service-list article>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--brand-soft);color:var(--brand-orange);font-size:11px;font-weight:600}.service-list h3{margin:0;font-size:14px;font-weight:600}.service-list p{margin:4px 0 0;color:var(--brand-muted);font-size:11px}
.how-section{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding-top:60px}.how-list{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none}.how-list li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:15px;border:1px solid var(--brand-line);border-radius:18px;background:#fff}.how-list li>span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--brand-black);color:#fff;font-size:12px}.how-list strong{font-size:13px;font-weight:600}.how-list p{margin:4px 0 0;color:var(--brand-muted);font-size:11px}.how-visual{position:relative;min-height:420px;display:grid;place-items:center}.how-visual img{max-height:400px;max-width:100%;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(16,32,48,.15))}.orange-x{position:absolute;left:8%;top:22%;color:var(--brand-orange);font-size:28px;font-weight:500}
.final-strip{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:15px;padding:18px;border-block:1px solid var(--brand-line);color:#536479;font-size:11px}.final-strip i{width:6px;height:6px;border-radius:50%;background:var(--brand-green)}.final-cta{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;margin-top:78px;margin-bottom:78px;padding:38px 42px;border-radius:28px;background:var(--brand-black);color:#fff;isolation:isolate}.final-grid{opacity:.25}.final-cta h2{margin:6px 0 0;font-size:30px;font-weight:600}.final-cta p{margin:7px 0 0;color:rgba(255,255,255,.68);font-size:12px}
.site-footer{padding:56px 0 20px;background:#0b1b2b;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr .65fr;gap:34px}.footer-brand img{height:56px;width:auto}.footer-brand p{max-width:360px;margin:16px 0 0;color:rgba(255,255,255,.58);font-size:12px}.footer-links{display:grid;align-content:start;gap:8px}.footer-links strong{margin-bottom:6px;font-size:13px}.footer-links a{color:rgba(255,255,255,.58);font-size:11px}.footer-badge{height:150px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.04)}.footer-badge img{max-height:145px;max-width:100%;object-fit:contain}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.42);font-size:10px}
@media(max-width:980px){.desktop-nav,.header-actions{display:none}.header-shell{grid-template-columns:1fr auto}.mobile-menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding:48px 34px}.hero-visual{height:380px}.intro-section,.services-section,.how-section{grid-template-columns:1fr}.intro-visual{order:-1}.section-heading{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package-card{min-height:auto}.package-card img{height:260px}.footer-grid{grid-template-columns:1fr 1fr}.final-cta{grid-template-columns:1fr}.services-cast{min-height:360px}}
@media (max-width: 680px){:root{--shell:min(100% - 24px,1180px)}.site-header{position:relative}.header-shell{min-height:70px}.brand-logo img{height:40px}.hero{margin-top:12px;padding:34px 22px;border-radius:24px}.hero h1{font-size:42px}.hero-visual{height:300px}.hero-hoshy{max-height:330px}.section{padding-block:62px}.intro-section{gap:30px}.package-card img{height:230px}.services-cast{transform:scale(.86);transform-origin:center;min-height:320px}.final-strip{flex-wrap:wrap}.final-cta{margin-block:55px;padding:28px 24px;border-radius:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section-copy h2,.services-copy h2,.how-copy h2{font-size:32px}.section-heading h2{font-size:30px}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* PHASE-281-LANDING-HERO-SLIDER-TROX:BEGIN */
@font-face {
  font-family: "TROX";
  src: url("../fonts/TROX.TTF") format("truetype");
  font-display: swap;
}

.hero.shell[data-phase281-hero-slider] {
  width: min(100% - 20px, 1340px);
  min-height: 720px;
  grid-template-columns: 0.96fr 1.12fr;
  gap: 12px;
  padding: 78px 74px 0;
  border-radius: 40px;
  overflow: visible !important;
}

.hero.shell[data-phase281-hero-slider] .hero-copy {
  position: relative;
  z-index: 4;
  padding-block: 8px 96px;
}

.hero.shell[data-phase281-hero-slider] h1 {
  font-family: "TROX", Peyda, IRANSansX, Arial, sans-serif !important;
  font-size: clamp(68px, 8vw, 126px);
  line-height: 0.98;
  letter-spacing: 0;
}

.hero.shell[data-phase281-hero-slider] p {
  max-width: 560px;
  margin-top: 22px;
  font-size: 16px;
  line-height: 2.1;
}

.hero.shell[data-phase281-hero-slider] .hero-actions {
  margin-top: 34px;
}

.hero.shell[data-phase281-hero-slider] .hero-visual {
  position: relative;
  height: 710px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  align-self: end;
  overflow: visible;
  margin-top: -54px;
}

.hero.shell[data-phase281-hero-slider] .hero-hoshy {
  max-width: none;
  width: auto;
  max-height: 840px;
  object-fit: contain;
  filter: drop-shadow(0 36px 42px rgba(0, 0, 0, 0.34));
  transform: translateY(18px) translateX(-4px);
}

.hero.shell[data-phase281-hero-slider] .hero-splash {
  left: 28%;
  bottom: 25%;
  width: 182px;
  height: 132px;
}

.hero.shell[data-phase281-hero-slider] .hero-paper-a {
  left: 13%;
  top: 12%;
}

.hero.shell[data-phase281-hero-slider] .hero-paper-b {
  left: 6%;
  bottom: 18%;
}

@media (max-width: 980px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 20px, 1240px);
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 54px 36px 0;
    overflow: hidden !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-copy {
    padding-bottom: 22px;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(52px, 11vw, 88px);
    line-height: 1.04;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 500px;
    margin-top: 0;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 560px;
    transform: translateY(22px);
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 16px, 1240px);
    margin-top: 12px;
    padding: 34px 20px 0;
    border-radius: 28px;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(40px, 13vw, 60px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 340px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 390px;
    transform: translateY(16px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-copy {
    padding-bottom: 16px;
  }
}
/* PHASE-281-LANDING-HERO-SLIDER-TROX:END */

/* PHASE-282-LANDING-HERO-TROX-BALANCE:BEGIN */
.hero.shell[data-phase281-hero-slider] {
  min-height: 650px;
  grid-template-columns: minmax(0, 0.95fr) minmax(520px, 1.05fr);
  gap: 30px;
  padding: 62px 62px 0;
  overflow: visible !important;
}

.hero.shell[data-phase281-hero-slider] .hero-copy {
  width: min(100%, 650px);
  max-width: 650px;
  justify-self: end;
  align-self: center;
  padding-block: 18px 70px;
}

.hero.shell[data-phase281-hero-slider] h1 {
  width: 100%;
  max-width: 650px;
  margin-top: 16px;
  font-family: "TROX", Peyda, IRANSansX, Arial, sans-serif !important;
  font-size: clamp(46px, 4.5vw, 76px) !important;
  line-height: 1.12 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

.hero.shell[data-phase281-hero-slider] p {
  max-width: 600px;
  margin-top: 20px;
  font-size: 15px;
  line-height: 2;
}

.hero.shell[data-phase281-hero-slider] .hero-actions {
  margin-top: 26px;
}

.hero.shell[data-phase281-hero-slider] .hero-visual {
  height: 650px;
  margin-top: -36px;
  align-self: end;
  overflow: visible;
}

.hero.shell[data-phase281-hero-slider] .hero-hoshy {
  width: auto;
  max-width: none;
  max-height: 735px;
  object-fit: contain;
  transform: translateY(10px) translateX(-8px);
}

.hero.shell[data-phase281-hero-slider] .hero-splash {
  left: 30%;
  bottom: 24%;
  width: 160px;
  height: 116px;
}

@media (min-width: 1500px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 36px, 1380px);
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(50px, 4.25vw, 80px) !important;
  }
}

@media (max-width: 1100px) {
  .hero.shell[data-phase281-hero-slider] {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 48px 34px 0;
    overflow: hidden !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-copy {
    width: 100%;
    max-width: 760px;
    justify-self: center;
    padding-bottom: 18px;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    max-width: 760px;
    font-size: clamp(42px, 7vw, 64px) !important;
    line-height: 1.15 !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 470px;
    margin-top: 0;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 530px;
    transform: translateY(14px);
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    padding: 30px 20px 0;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(34px, 10.5vw, 50px) !important;
    line-height: 1.16 !important;
  }

  .hero.shell[data-phase281-hero-slider] p {
    font-size: 13px;
    line-height: 1.9;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 330px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 370px;
    transform: translateY(12px);
  }
}
/* PHASE-282-LANDING-HERO-TROX-BALANCE:END */

/* PHASE-284-LANDING-HERO-TROX-FINAL-SMALLER:BEGIN */
.hero.shell[data-phase281-hero-slider] h1 {
  font-size: clamp(44px, 4.4vw, 70px) !important;
  line-height: 1.14 !important;
  max-width: 620px;
}

.hero.shell[data-phase281-hero-slider] .hero-copy {
  max-width: 620px;
  width: min(100%, 620px);
}

.hero.shell[data-phase281-hero-slider] p {
  max-width: 590px;
}

@media (min-width: 1400px) {
  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(50px, 4vw, 74px) !important;
  }
}

@media (max-width: 1100px) {
  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(40px, 7.2vw, 62px) !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(34px, 10vw, 48px) !important;
    line-height: 1.18 !important;
  }
}
/* PHASE-284-LANDING-HERO-TROX-FINAL-SMALLER:END */

/* PHASE-286-LANDING-HERO-FRAME-SPLASH:BEGIN */
.hero.shell[data-phase281-hero-slider] {
  width: min(100% - 150px, 1450px);
}

.hero.shell[data-phase281-hero-slider] .hero-splash {
  width: 305px;
  height: 225px;
  left: 29.5%;
  bottom: 20.5%;
}

@media (min-width: 1600px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 190px, 1450px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 330px;
    height: 244px;
    left: 30%;
    bottom: 20%;
  }
}

@media (max-width: 1100px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 56px, 1240px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 210px;
    height: 158px;
    left: 31%;
    bottom: 21%;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 16px, 1240px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 132px;
    height: 100px;
    left: 32%;
    bottom: 20%;
  }
}
/* PHASE-286-LANDING-HERO-FRAME-SPLASH:END */

/* PHASE-287-LANDING-HERO-WIDTH-SPLASH:BEGIN */
.hero.shell[data-phase281-hero-slider] {
  width: min(100% - 300px, 1360px);
}

.hero.shell[data-phase281-hero-slider] .hero-splash {
  width: 390px;
  height: 286px;
  left: 30.5%;
  bottom: 24%;
  transform: rotate(-4deg);
}

@media (min-width: 1600px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 340px, 1360px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 420px;
    height: 308px;
    left: 31%;
    bottom: 23.5%;
  }
}

@media (max-width: 1200px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 72px, 1180px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 240px;
    height: 178px;
    left: 30.5%;
    bottom: 22%;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 18px, 1180px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 142px;
    height: 106px;
    left: 31%;
    bottom: 20%;
    transform: rotate(-3deg);
  }
}
/* PHASE-287-LANDING-HERO-WIDTH-SPLASH:END */

/* PHASE-288-LANDING-HERO-SPAN-HEIGHT:BEGIN */
.hero.shell[data-phase281-hero-slider] {
  width: min(100% - 28px, 1480px);
  min-height: 612px;
  padding: 56px 58px 0;
}

.hero.shell[data-phase281-hero-slider] .hero-visual {
  height: 604px;
  margin-top: -26px;
  align-items: flex-end;
}

.hero.shell[data-phase281-hero-slider] .hero-hoshy {
  max-height: 748px;
  transform: translateY(30px) translateX(-8px);
}

.hero.shell[data-phase281-hero-slider] .hero-splash {
  width: 438px;
  height: 320px;
  left: 31.25%;
  bottom: 23%;
  transform: rotate(-4deg);
}

@media (min-width: 1600px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 42px, 1510px);
    min-height: 620px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 612px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 760px;
    transform: translateY(32px) translateX(-8px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 460px;
    height: 336px;
    left: 31.5%;
    bottom: 22.5%;
  }
}

@media (max-width: 1200px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 40px, 1220px);
    min-height: 560px;
    padding: 48px 36px 0;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 540px;
    margin-top: -18px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 640px;
    transform: translateY(24px) translateX(-6px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 260px;
    height: 190px;
    left: 30.5%;
    bottom: 21.5%;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    width: min(100% - 16px, 1220px);
    min-height: 520px;
    padding: 34px 18px 0;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 420px;
    margin-top: -10px;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 470px;
    transform: translateY(18px) translateX(-2px);
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 150px;
    height: 112px;
    left: 30.5%;
    bottom: 18.5%;
    transform: rotate(-3deg);
  }
}
/* PHASE-288-LANDING-HERO-SPAN-HEIGHT:END */

/* PHASE-289-LANDING-SECOND-SECTION:BEGIN */
.intro-section[data-phase289-second-section] {
  position: relative;
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
  align-items: center;
  gap: 76px;
  padding-block: 88px 96px;
}

.intro-section[data-phase289-second-section] .phase289-intro-copy {
  position: relative;
  width: min(100%, 690px);
  margin-inline: auto;
  text-align: center;
}

.intro-section[data-phase289-second-section] .eyebrow,
.intro-section[data-phase289-second-section] .inline-points,
.intro-section[data-phase289-second-section] .inline-cta,
.intro-section[data-phase289-second-section] .spark,
.intro-section[data-phase289-second-section] .scribble {
  display: none !important;
}

.intro-section[data-phase289-second-section] h2 {
  margin: 0;
  color: var(--brand-black);
  font-size: clamp(34px, 3.6vw, 56px);
  line-height: 1.6;
  font-weight: 600;
  letter-spacing: -0.03em;
}

.intro-section[data-phase289-second-section] .lead {
  max-width: 640px;
  margin: 18px auto 0;
  color: #223247;
  font-size: clamp(18px, 1.35vw, 24px);
  line-height: 1.45;
  font-weight: 500;
}

.intro-section[data-phase289-second-section] .phase289-intro-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 198px;
  min-height: 54px;
  margin-top: 34px;
  padding: 0 24px;
  border: 2px solid rgba(16, 32, 48, 0.14);
  border-radius: 18px;
  background: #fff;
  color: var(--brand-orange);
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(16, 32, 48, 0.08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.intro-section[data-phase289-second-section] .phase289-intro-cta:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(16, 32, 48, 0.12);
  border-color: rgba(255, 70, 0, 0.25);
}

.intro-section[data-phase289-second-section] .phase289-intro-visual {
  position: relative;
  min-height: 560px;
  display: grid;
  place-items: center;
}

.intro-section[data-phase289-second-section] .phase289-intro-visual img {
  position: relative;
  z-index: 3;
  max-width: 390px;
  max-height: 430px;
  object-fit: contain;
  filter: drop-shadow(0 18px 24px rgba(16, 32, 48, 0.14));
}

.intro-section[data-phase289-second-section] .phase289-blob {
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  left: 16%;
  top: 36%;
  transform: translateY(-50%);
  background: #CDFF59;
  clip-path: polygon(30% 0%, 50% 11%, 70% 0%, 83% 16%, 100% 24%, 96% 46%, 100% 67%, 86% 82%, 72% 100%, 49% 89%, 28% 100%, 14% 84%, 0% 67%, 5% 46%, 0% 24%, 17% 16%);
  border-radius: 40px;
}

.intro-section[data-phase289-second-section] .phase289-scribble {
  position: absolute;
  top: 2%;
  right: 30%;
  width: 110px;
  height: 110px;
  opacity: 0.72;
}

.intro-section[data-phase289-second-section] .phase289-scribble::before,
.intro-section[data-phase289-second-section] .phase289-scribble::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid rgba(16, 32, 48, 0.7);
  border-radius: 50%;
}

.intro-section[data-phase289-second-section] .phase289-scribble::before {
  transform: rotate(14deg) scale(1, 0.78);
}

.intro-section[data-phase289-second-section] .phase289-scribble::after {
  transform: rotate(-22deg) scale(0.72, 1.05);
}

.intro-section[data-phase289-second-section] .phase289-dot {
  position: absolute;
  display: block;
  width: 42px;
  height: 42px;
  clip-path: polygon(50% 0%, 61% 22%, 84% 16%, 78% 39%, 100% 50%, 78% 61%, 84% 84%, 61% 78%, 50% 100%, 39% 78%, 16% 84%, 22% 61%, 0% 50%, 22% 39%, 16% 16%, 39% 22%);
}

.intro-section[data-phase289-second-section] .phase289-dot-orange {
  top: -8px;
  left: -18px;
  background: var(--brand-orange);
}

.intro-section[data-phase289-second-section] .phase289-mark {
  position: absolute;
  font-size: 62px;
  line-height: 1;
  font-weight: 500;
}

.intro-section[data-phase289-second-section] .phase289-mark-dark {
  left: -74px;
  top: 42%;
  color: rgba(16, 32, 48, 0.96);
}

.intro-section[data-phase289-second-section] .phase289-mark-orange {
  right: -12px;
  top: 52%;
  color: var(--brand-orange);
}

@media (max-width: 1100px) {
  .intro-section[data-phase289-second-section] {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-block: 70px 76px;
  }

  .intro-section[data-phase289-second-section] .phase289-intro-visual {
    order: -1;
    min-height: 420px;
  }

  .intro-section[data-phase289-second-section] .phase289-mark-dark {
    left: 12px;
    top: auto;
    bottom: 24px;
  }

  .intro-section[data-phase289-second-section] .phase289-mark-orange {
    right: 18px;
    top: 56%;
  }
}

@media (max-width: 680px) {
  .intro-section[data-phase289-second-section] {
    gap: 18px;
    padding-block: 56px 62px;
  }

  .intro-section[data-phase289-second-section] h2 {
    font-size: 31px;
    line-height: 1.72;
  }

  .intro-section[data-phase289-second-section] .lead {
    font-size: 18px;
    line-height: 1.75;
  }

  .intro-section[data-phase289-second-section] .phase289-intro-visual {
    min-height: 330px;
  }

  .intro-section[data-phase289-second-section] .phase289-intro-visual img {
    max-width: 270px;
    max-height: 300px;
  }

  .intro-section[data-phase289-second-section] .phase289-blob {
    width: 136px;
    height: 136px;
    left: 12%;
    top: 45%;
  }

  .intro-section[data-phase289-second-section] .phase289-scribble {
    width: 72px;
    height: 72px;
    right: 22%;
    top: 1%;
  }

  .intro-section[data-phase289-second-section] .phase289-mark {
    font-size: 38px;
  }

  .intro-section[data-phase289-second-section] .phase289-dot-orange {
    width: 28px;
    height: 28px;
    left: -4px;
    top: -8px;
  }

  .intro-section[data-phase289-second-section] .phase289-intro-cta {
    min-width: 184px;
    min-height: 50px;
    padding-inline: 20px;
  }
}
/* PHASE-289-LANDING-SECOND-SECTION:END */

/* PHASE-295-LANDING-CONSULTATION:BEGIN */
.package-card[data-consult-package] { cursor:pointer; outline:none; }
.package-card[data-consult-package]:focus-visible { box-shadow:0 0 0 3px #CDFF59,0 20px 32px rgba(0,0,0,.2); }
.package-card[data-consult-package].is-selected { border-color:#CDFF59; transform:translateY(-5px); }
.consultation295 { position:relative; overflow:hidden; display:grid; grid-template-columns:.8fr 1.2fr; gap:28px; margin-block:72px; padding:36px; border-radius:34px; color:#fff; background:linear-gradient(145deg,#102030,#0b2133); box-shadow:0 24px 60px rgba(16,32,48,.14); }
.consultation295::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:18px 18px; }
.consultation295-copy,.consultation295-form { position:relative; z-index:1; }
.consultation295-copy { align-self:center; padding:18px; }
.consultation295-copy h2 { margin:10px 0 0; font-size:clamp(28px,3.3vw,46px); font-weight:600; }
.consultation295-copy p { color:rgba(255,255,255,.72); line-height:2; }
.consultation295-selected { display:inline-flex; gap:8px; margin-top:18px; padding:10px 14px; border:1px solid rgba(255,255,255,.12); border-radius:14px; background:rgba(255,255,255,.07); font-size:12px; }
.consultation295-form { padding:22px; border-radius:24px; background:#fff; color:#102030; }
.consultation295-package-buttons { display:flex; gap:8px; margin-bottom:16px; }
.consultation295-package-buttons button { flex:1; border:1px solid #e3e8ee; border-radius:13px; padding:10px; background:#f7f9fb; color:#102030; font-weight:600; }
.consultation295-package-buttons button.is-selected { border-color:#FF4600; background:#fff1eb; color:#FF4600; }
.consultation295-fields { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.consultation295-fields label { display:grid; gap:7px; font-size:12px; font-weight:600; }
.consultation295-fields input,.consultation295-fields select { width:100%; min-height:46px; border:1px solid #dfe6ee; border-radius:13px; padding:0 12px; background:#f8fafc; color:#102030; outline:none; }
.consultation295-fields input:focus,.consultation295-fields select:focus { border-color:#FF4600; box-shadow:0 0 0 3px rgba(255,70,0,.1); background:#fff; }
.consultation295-submit { width:100%; min-height:50px; display:flex; align-items:center; justify-content:center; gap:10px; margin-top:16px; border:0; border-radius:14px; background:#FF4600; color:#fff; font-weight:600; box-shadow:0 12px 24px rgba(255,70,0,.2); }
.consultation295-submit:disabled { opacity:.65; cursor:wait; }
.consultation295-message { margin-top:12px; padding:12px 14px; border-radius:12px; font-size:12px; }
.consultation295-message.is-success { background:#efffd5; color:#244100; }
.consultation295-message.is-error { background:#fff0ec; color:#9b2600; }
.consultation295-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; opacity:0!important; }
@media(max-width:900px){.consultation295{grid-template-columns:1fr}.consultation295-fields{grid-template-columns:1fr}}
/* PHASE-295-LANDING-CONSULTATION:END */

/* PHASE-297-LANDING-SERVICES-AND-CONSULTATION:BEGIN */
/* PHASE-299-SERVICES-DEPTH-HISTORICAL-COMPAT */
.consultation295-form,
.consultation295-form *,
.consultation295-form input,
.consultation295-form select,
.consultation295-form button,
.consultation295-form option {
  font-family: inherit;
}

.consultation295-copy,
.consultation295-form,
.consultation295-fields label,
.consultation295-fields input,
.consultation295-fields select,
.consultation295-package-buttons button,
.consultation295-submit,
.consultation295-message {
  font-size: 15px;
}

.consultation295-fields label > span {
  font-size: 15px;
  font-weight: 600;
  color: #102030;
}

.consultation295-fields input,
.consultation295-fields select {
  min-height: 56px;
  padding-inline: 16px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 1.7;
}

.consultation295-package-buttons button,
.consultation295-submit {
  font-size: 16px;
}

.services297 {
  display: grid;
  grid-template-columns: minmax(360px, 0.94fr) minmax(0, 1.06fr);
  align-items: center;
  gap: 38px;
  margin-block: 70px 54px;
}

.services297-copy {
  order: 2;
}

.services297-kicker {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #102030;
  font-size: 14px;
  font-weight: 700;
}

.services297-kicker::after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 0 16px 16px 16px;
  background: #CDFF59;
}

.services297-copy h2 {
  margin: 16px 0 10px;
  color: #102030;
  font-size: clamp(28px, 2.8vw, 50px);
  line-height: 1.28;
  font-weight: 700;
}

.services297-highlight {
  margin: 0 0 14px;
  color: #FF4600;
  font-size: clamp(18px, 1.5vw, 27px);
  line-height: 1.65;
  font-weight: 700;
}

.services297-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.services297-list li {
  color: #102030;
  font-size: clamp(15px, 1vw, 20px);
  line-height: 1.9;
}

.services297-list li::before {
  content: "•";
  color: #102030;
  margin-left: 10px;
}

.services297-stage {
  order: 1;
  position: relative;
  min-height: 500px;
  border-radius: 36px;
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,249,252,.98));
  overflow: hidden;
}

.services297-scenes {
  position: relative;
  min-height: 450px;
}

.services297-scene {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 260px;
  height: 320px;
  display: grid;
  place-items: center;
  opacity: 0;
  transform: translate(-50%, -50%) scale(.58);
  transition: transform .42s ease, opacity .42s ease, filter .42s ease;
}

.services297-scene.is-active {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  filter: none;
  z-index: 4;
}

.services297-scene.is-prev {
  transform: translate(calc(-50% - 185px), -50%) scale(.68);
  opacity: .28;
  filter: blur(1.6px);
  z-index: 2;
}

.services297-scene.is-next {
  transform: translate(calc(-50% + 185px), -50%) scale(.68);
  opacity: .28;
  filter: blur(1.6px);
  z-index: 2;
}

.services297-scene.is-hidden {
  transform: translate(-50%, -50%) scale(.52);
  opacity: 0;
  filter: blur(2px);
  z-index: 1;
  pointer-events: none;
}

.services297-image {
  width: min(82%, 220px);
  max-height: 255px;
  object-fit: contain;
  filter: drop-shadow(0 16px 24px rgba(16, 32, 48, 0.11));
}

.services297-nav {
  position: absolute;
  top: 50%;
  z-index: 5;
  width: 46px;
  height: 46px;
  border: 1px solid #d9e1ec;
  border-radius: 999px;
  background: rgba(255,255,255,.94);
  color: #8995a7;
  font-size: 29px;
  line-height: 1;
  transform: translateY(-50%);
  box-shadow: 0 10px 20px rgba(16, 32, 48, 0.08);
}

.services297-nav-prev { right: 16px; }
.services297-nav-next { left: 16px; }

.services297-dots {
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  gap: 8px;
  z-index: 5;
}

.services297-dots button {
  width: 10px;
  height: 10px;
  border: 0;
  border-radius: 999px;
  background: rgba(16, 32, 48, 0.18);
}

.services297-dots button.is-active {
  width: 32px;
  background: rgba(16, 32, 48, 0.48);
}

@media (max-width: 1100px) {
  .services297 {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .services297-copy,
  .services297-stage {
    order: initial;
  }

  .services297-stage {
    min-height: 410px;
  }

  .services297-scenes {
    min-height: 360px;
  }

  .services297-scene {
    width: 220px;
    height: 260px;
  }

  .services297-scene.is-prev {
    transform: translate(calc(-50% - 132px), -50%) scale(.64);
  }

  .services297-scene.is-next {
    transform: translate(calc(-50% + 132px), -50%) scale(.64);
  }
}

@media (max-width: 700px) {
  .services297 {
    margin-block: 52px 42px;
  }

  .services297-copy h2 {
    font-size: 28px;
  }

  .services297-highlight {
    font-size: 18px;
  }

  .services297-list li {
    font-size: 15px;
    line-height: 1.9;
  }

  .services297-stage {
    min-height: 290px;
    border-radius: 26px;
  }

  .services297-scenes {
    min-height: 240px;
  }

  .services297-scene {
    width: 150px;
    height: 190px;
  }

  .services297-scene.is-prev {
    transform: translate(calc(-50% - 78px), -50%) scale(.62);
  }

  .services297-scene.is-next {
    transform: translate(calc(-50% + 78px), -50%) scale(.62);
  }

  .services297-image {
    width: min(82%, 132px);
    max-height: 150px;
  }
}
/* PHASE-297-LANDING-SERVICES-AND-CONSULTATION:END */

/* PHASE-302-WHAT-LOGOS-DOES:BEGIN */
.what302 {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr);
  gap: clamp(28px, 5vw, 76px);
  align-items: center;
  padding-block: clamp(48px, 7vw, 88px);
}

.what302-copy {
  position: relative;
}

.what302-wedge {
  position: absolute;
  top: 14px;
  right: 0;
  width: 18px;
  height: 34px;
  background: #FF4600;
  border-radius: 0 18px 18px 18px;
  transform: rotate(10deg);
}

.what302 h2 {
  margin: 0 0 30px;
  padding-right: 32px;
  color: #102030;
  font-size: clamp(34px, 4.5vw, 78px);
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -0.03em;
}

.what302-item {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 16px;
  align-items: start;
  margin-bottom: 24px;
}

.what302-dot {
  width: 18px;
  height: 18px;
  margin-top: 14px;
  border-radius: 999px;
  background: #CDFF59;
  box-shadow: 0 0 0 8px rgba(205, 255, 89, .14);
}

.what302-item p {
  margin: 0;
  color: #223246;
  font-size: clamp(18px, 1.55vw, 28px);
  line-height: 1.65;
  font-weight: 500;
}

.what302-visual {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
}

.what302-visual img {
  width: min(100%, 440px);
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 20px 30px rgba(16, 32, 48, .12));
}

.what302-cross {
  position: absolute;
  color: #FF4600;
  font-size: 62px;
  line-height: 1;
}

.what302-cross-left {
  right: -22px;
  top: 230px;
  color: #102030;
}

.what302-cross-right {
  left: 14px;
  top: 66px;
}

.what302-signal {
  position: absolute;
  left: 28px;
  top: 164px;
  width: 74px;
  height: 74px;
  border-radius: 50%;
  border: 4px solid transparent;
}

.what302-signal::before,
.what302-signal::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 4px solid #CDFF59;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  transform: rotate(16deg);
}

.what302-signal::after {
  inset: -16px;
  opacity: .72;
}

@media (max-width: 1100px) {
  .what302 {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .what302 h2 {
    max-width: 13ch;
  }

  .what302-visual {
    order: -1;
    min-height: 420px;
  }

  .what302-cross-left {
    right: 6px;
    top: auto;
    bottom: 18px;
  }
}

@media (max-width: 700px) {
  .what302 {
    padding-block: 36px 54px;
  }

  .what302 h2 {
    padding-right: 24px;
    margin-bottom: 24px;
    font-size: 34px;
  }

  .what302-item {
    grid-template-columns: 14px 1fr;
    gap: 12px;
    margin-bottom: 18px;
  }

  .what302-dot {
    width: 14px;
    height: 14px;
    margin-top: 10px;
    box-shadow: 0 0 0 6px rgba(205, 255, 89, .14);
  }

  .what302-item p {
    font-size: 16px;
    line-height: 1.85;
  }

  .what302-visual {
    min-height: 300px;
  }

  .what302-visual img {
    width: min(100%, 260px);
  }

  .what302-cross {
    font-size: 40px;
  }

  .what302-cross-right {
    top: 18px;
  }

  .what302-signal {
    width: 54px;
    height: 54px;
    top: 112px;
    left: 10px;
  }
}
/* PHASE-302-WHAT-LOGOS-DOES:END */

/* PHASE-304-TUNE-WHAT302:BEGIN */
.what302 {
  gap: clamp(24px, 4vw, 56px);
  padding-block: clamp(42px, 6vw, 72px);
}

.what302 h2 {
  font-size: clamp(32px, 4.1vw, 62px);
  line-height: 1.22;
  font-weight: 700;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}

.what302-item {
  gap: 14px;
  margin-bottom: 18px;
}

.what302-item p {
  font-size: clamp(17px, 1.42vw, 23px);
  line-height: 1.8;
  font-weight: 500;
  color: #2b3c52;
}

.what302-dot {
  margin-top: 12px;
}

.what302-visual {
  min-height: 440px;
}

.what302-visual img {
  width: min(100%, 340px);
}

.what302-cross {
  font-size: 52px;
}

.what302-cross-left {
  top: 208px;
}

.what302-signal {
  left: 22px;
  top: 144px;
  width: 64px;
  height: 64px;
}

@media (max-width: 1100px) {
  .what302-visual {
    min-height: 360px;
  }

  .what302-visual img {
    width: min(100%, 300px);
  }
}

@media (max-width: 700px) {
  .what302 h2 {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .what302-item p {
    font-size: 15px;
    line-height: 1.9;
  }

  .what302-visual {
    min-height: 260px;
  }

  .what302-visual img {
    width: min(100%, 220px);
  }
}
/* PHASE-304-TUNE-WHAT302:END */

/* PHASE-306-FOOTER-AND-INFO-PAGES:BEGIN */
.site-footer[data-phase306-footer] {
  margin-top: clamp(40px, 7vw, 88px);
  background: linear-gradient(180deg, #102030 0%, #0d2235 100%);
  color: #f5f7fb;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.footer306-shell {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: clamp(28px, 4vw, 64px);
  align-items: start;
  padding: clamp(34px, 5vw, 68px) 0 clamp(22px, 3vw, 34px);
}

.footer306-brand h2 {
  margin: 18px 0 14px;
  font-size: clamp(24px, 2.35vw, 42px);
  line-height: 1.35;
  color: #ffffff;
}

.footer306-brand p,
.footer306-note,
.footer306-bottom p,
.footer306-links a {
  font-size: clamp(14px, 1.02vw, 17px);
  line-height: 1.95;
}

.footer306-logo img {
  width: min(220px, 100%);
  height: auto;
  display: block;
}

.footer306-contact-rail,
.footer306-social-grid,
.footer306-bottom,
.footer306-bottom-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.footer306-contact-rail {
  margin-top: 20px;
}

.footer306-contact-rail a,
.footer306-social-grid a,
.footer306-bottom-links a {
  text-decoration: none;
}

.footer306-contact-rail a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #ffffff;
}

.footer306-contact-rail a:first-child {
  background: #FF4600;
  border-color: transparent;
}

.footer306-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.footer306-column h3 {
  margin: 0 0 14px;
  color: #CDFF59;
  font-size: 18px;
}

.footer306-column a {
  display: block;
  margin-bottom: 10px;
  color: rgba(255,255,255,0.88);
}

.footer306-social-grid a {
  min-width: 110px;
  min-height: 44px;
  border-radius: 14px;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  color: #ffffff;
}

.footer306-bottom {
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 28px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.footer306-bottom p {
  margin: 0;
  color: rgba(255,255,255,0.68);
}

.footer306-bottom-links a {
  color: rgba(255,255,255,0.88);
}

.info306-page {
  background: #f6f8fb;
  color: #102030;
}

.info306-page .site-header {
  background: rgba(255,255,255,0.95);
}

.info306-main {
  padding: clamp(38px, 5vw, 76px) 0 clamp(60px, 7vw, 96px);
}

.info306-hero {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
  background: #ffffff;
  border: 1px solid #e6ebf1;
  border-radius: 32px;
  padding: clamp(24px, 4vw, 46px);
  box-shadow: 0 24px 60px rgba(16, 32, 48, 0.08);
}

.info306-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #FF4600;
  font-weight: 700;
  margin-bottom: 12px;
}

.info306-kicker::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: #CDFF59;
}

.info306-copy h1 {
  margin: 0 0 16px;
  font-size: clamp(32px, 4.2vw, 60px);
  line-height: 1.2;
}

.info306-copy p {
  margin: 0 0 16px;
  font-size: clamp(15px, 1.15vw, 19px);
  line-height: 2;
  color: #31465d;
}

.info306-bullets,
.info306-faq-list,
.info306-card-list {
  display: grid;
  gap: 14px;
}

.info306-bullets li,
.info306-faq-item,
.info306-card {
  list-style: none;
  background: #ffffff;
  border: 1px solid #e5eaf0;
  border-radius: 22px;
  padding: 18px 20px;
  box-shadow: 0 18px 36px rgba(16, 32, 48, 0.05);
}

.info306-visual {
  min-height: 320px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.info306-visual::before {
  content: "";
  position: absolute;
  inset: auto auto 10% 6%;
  width: 180px;
  height: 180px;
  background: rgba(205,255,89,0.55);
  border-radius: 42% 58% 64% 36% / 38% 44% 56% 62%;
  z-index: 0;
}

.info306-visual::after {
  content: "×";
  position: absolute;
  right: 8%;
  top: 10%;
  font-size: 48px;
  line-height: 1;
  color: #FF4600;
}

.info306-visual img {
  position: relative;
  z-index: 1;
  width: min(100%, 320px);
  height: auto;
}

.info306-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}

.info306-card h2,
.info306-faq-item h3 {
  margin: 0 0 10px;
  font-size: clamp(18px, 1.4vw, 24px);
}

.info306-card p,
.info306-faq-item p,
.info306-card li,
.info306-contact-list li {
  margin: 0;
  color: #40566f;
  line-height: 1.95;
  font-size: 15px;
}

.info306-contact-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.info306-contact-list li {
  list-style: none;
}

.info306-contact-list a {
  color: #102030;
  text-decoration: none;
}

.info306-faq-list {
  margin-top: 28px;
}

.info306-faq-item {
  padding: 20px 22px;
}

.info306-faq-item h3 {
  color: #102030;
}

.info306-terms {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

@media (max-width: 1100px) {
  .footer306-shell,
  .info306-hero,
  .info306-grid {
    grid-template-columns: 1fr;
  }

  .footer306-links {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .footer306-links {
    grid-template-columns: 1fr;
  }

  .footer306-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .info306-copy h1 {
    font-size: 34px;
  }

  .info306-visual {
    min-height: 220px;
  }

  .info306-visual img {
    width: min(100%, 220px);
  }
}
/* PHASE-306-FOOTER-AND-INFO-PAGES:END */

/* PHASE-307-COMPACT-PHOSPHOR-FOOTER:BEGIN */
.site-footer[data-phase307-footer] { margin-top: clamp(30px, 4vw, 56px); }
.footer307-shell { grid-template-columns: minmax(300px, 1.08fr) minmax(0, 1fr) !important; gap: clamp(28px, 4vw, 52px) !important; padding: 30px 0 22px !important; }
.footer307-brand h2 { margin: 12px 0 8px !important; font-size: clamp(20px, 1.65vw, 29px) !important; line-height: 1.45 !important; }
.footer307-brand > p { max-width: 540px; margin: 0; color: rgba(255,255,255,.68); font-size: 13px !important; line-height: 1.9 !important; }
.footer307-logo img { width: 150px !important; max-height: 58px; object-fit: contain; }
.footer307-contact { margin-top: 14px !important; gap: 8px !important; }
.footer307-contact a { min-height: 40px !important; padding: 0 13px !important; border-radius: 12px !important; gap: 7px; font-size: 13px !important; }
.footer307-primary { background: #FF4600 !important; border-color: transparent !important; }
.footer307-email { min-width: 78px; }
.footer307-links { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 18px !important; }
.footer307-column h3 { margin: 2px 0 10px !important; font-size: 15px !important; }
.footer307-column > a { margin-bottom: 7px !important; font-size: 13px !important; line-height: 1.65 !important; }
.footer307-social-grid { display: flex !important; flex-wrap: wrap; gap: 8px !important; }
.footer307-social-grid a { min-width: 0 !important; width: 40px !important; height: 40px !important; min-height: 40px !important; display: inline-grid !important; place-items: center; margin: 0 !important; padding: 0 !important; border-radius: 12px !important; color: rgba(255,255,255,.9) !important; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.footer307-social-grid a:hover,.footer307-social-grid a:focus-visible { transform: translateY(-2px); background: rgba(205,255,89,.10); border-color: rgba(205,255,89,.32); color: #CDFF59 !important; }
.footer307-phosphor { width: 18px; height: 18px; flex: 0 0 auto; }
.footer307-social-icon { width: 20px; height: 20px; }
.footer307-bottom { min-height: 46px; padding: 11px 0 14px !important; }
.footer307-bottom p,.footer307-bottom a { font-size: 12px !important; line-height: 1.6 !important; }
.footer307-bottom-links { gap: 14px !important; }
@media (max-width: 980px) { .footer307-shell { grid-template-columns: 1fr !important; gap: 24px !important; } .footer307-links { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } }
@media (max-width: 680px) { .footer307-shell { padding: 26px 0 18px !important; } .footer307-links { grid-template-columns: 1fr 1fr !important; row-gap: 20px !important; } .footer307-socials { grid-column: 1 / -1; } .footer307-bottom { gap: 8px !important; padding-bottom: 18px !important; } }
/* PHASE-307-COMPACT-PHOSPHOR-FOOTER:END */

/* PHASE-309-FOOTER-SOCIAL-ROW:BEGIN */
.footer309-shell{padding-top:26px!important;padding-bottom:18px!important}
.footer309-history-compat{display:none!important}
.footer309-social-row{display:block!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;-ms-overflow-style:none}
.footer309-social-row::-webkit-scrollbar{display:none}
.footer309-social-row>.footer306-social-grid.footer307-social-grid{display:inline-flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:max-content!important;max-width:none!important;white-space:nowrap!important}
.footer309-social-row>.footer306-social-grid.footer307-social-grid>a{flex:0 0 40px!important}
@media(max-width:680px){.footer309-socials{min-width:0}.footer309-social-row>.footer306-social-grid.footer307-social-grid{flex-wrap:nowrap!important;width:max-content!important}}
/* PHASE-309-FOOTER-SOCIAL-ROW:END */

/* PHASE-311-FOOTER-SOCIAL-SPACING:BEGIN */
.footer309-socials {
  min-width: 270px !important;
  padding-inline: 14px !important;
}

.footer309-social-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  max-width: 100% !important;
  padding: 5px 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.footer309-social-row > .footer306-social-grid.footer307-social-grid {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: max-content !important;
  max-width: none !important;
  min-width: 220px !important;
  margin-inline: auto !important;
  padding-inline: 4px !important;
  white-space: nowrap !important;
}

.footer309-social-row > .footer306-social-grid.footer307-social-grid > a {
  flex: 0 0 46px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border-radius: 14px !important;
  overflow: visible !important;
}

.footer309-social-row .footer307-social-icon,
.footer309-social-row .footer307-phosphor {
  width: 21px !important;
  height: 21px !important;
  overflow: visible !important;
}

@media (max-width: 980px) {
  .footer309-socials {
    min-width: 250px !important;
  }

  .footer309-social-row {
    padding-inline: 12px !important;
  }
}

@media (max-width: 680px) {
  .footer309-socials {
    min-width: 0 !important;
    padding-inline: 0 !important;
  }

  .footer309-social-row {
    justify-content: flex-start !important;
    padding: 6px 12px !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .footer309-social-row::-webkit-scrollbar {
    display: none;
  }

  .footer309-social-row > .footer306-social-grid.footer307-social-grid {
    min-width: max-content !important;
    margin-inline: 0 !important;
    gap: 12px !important;
  }
}
/* PHASE-311-FOOTER-SOCIAL-SPACING:END */

/* PHASE-312-WHAT302-NAVIGATION:BEGIN */
.what302 {
  gap: clamp(22px, 3.5vw, 48px);
  padding-block: clamp(38px, 5vw, 62px);
}

.what302 h2 {
  margin-bottom: 20px;
  font-size: clamp(30px, 3.2vw, 50px) !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}

.what302-item {
  gap: 12px;
  margin-bottom: 15px;
}

.what302-item p {
  font-size: clamp(15px, 1.08vw, 19px) !important;
  line-height: 1.95 !important;
  font-weight: 500 !important;
  color: #31465d !important;
}

.what302-dot {
  width: 15px;
  height: 15px;
  margin-top: 10px;
  box-shadow: 0 0 0 6px rgba(205,255,89,.13);
}

.what302-visual {
  min-height: 390px;
}

.what302-visual img {
  width: min(100%, 290px) !important;
  max-height: 620px;
  object-fit: contain;
}

.what302-cross {
  font-size: 46px;
}

.what302-cross-left {
  top: 188px;
}

.what302-signal {
  width: 58px;
  height: 58px;
  top: 126px;
}

@media (max-width: 1100px) {
  .what302-visual {
    min-height: 320px;
  }

  .what302-visual img {
    width: min(100%, 260px) !important;
  }
}

@media (max-width: 700px) {
  .what302 {
    padding-block: 32px 46px;
  }

  .what302 h2 {
    font-size: 28px !important;
  }

  .what302-item p {
    font-size: 15px !important;
    line-height: 1.9 !important;
  }

  .what302-visual {
    min-height: 230px;
  }

  .what302-visual img {
    width: min(100%, 205px) !important;
  }
}
/* PHASE-312-WHAT302-NAVIGATION:END */

/* PHASE-313-LANDING-HERO-Y-COMPACT:BEGIN */
.hero.shell[data-phase281-hero-slider] {
  min-height: 565px !important;
  padding-top: 44px !important;
  padding-bottom: 0 !important;
}

.hero.shell[data-phase281-hero-slider] .hero-visual {
  height: 558px !important;
  margin-top: -18px !important;
  align-self: end !important;
  overflow: visible !important;
}

.hero.shell[data-phase281-hero-slider] .hero-hoshy {
  transform: translateY(46px) translateX(-8px) !important;
}

@media (min-width: 1600px) {
  .hero.shell[data-phase281-hero-slider] {
    min-height: 574px !important;
    padding-top: 46px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 566px !important;
    margin-top: -18px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    transform: translateY(48px) translateX(-8px) !important;
  }
}

@media (max-width: 1200px) {
  .hero.shell[data-phase281-hero-slider] {
    min-height: 540px !important;
    padding-top: 40px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 520px !important;
    margin-top: -12px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    transform: translateY(30px) translateX(-6px) !important;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    min-height: auto !important;
    padding-top: 30px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 390px !important;
    margin-top: -8px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    transform: translateY(18px) translateX(-2px) !important;
  }
}
/* PHASE-313-LANDING-HERO-Y-COMPACT:END */

/* PHASE-314-LANDING-HERO-HOSHY-SCALE:BEGIN */
.hero.shell[data-phase281-hero-slider] .hero-hoshy {
  max-height: 690px !important;
  transform: translateY(46px) translateX(-8px) !important;
}

@media (min-width: 1600px) {
  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 705px !important;
    transform: translateY(48px) translateX(-8px) !important;
  }
}

@media (max-width: 1200px) {
  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 590px !important;
    transform: translateY(30px) translateX(-6px) !important;
  }
}

@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 420px !important;
    transform: translateY(18px) translateX(-2px) !important;
  }
}
/* PHASE-314-LANDING-HERO-HOSHY-SCALE:END */

/* PHASE-317-TOP-NAV-LOGO-SIZE:BEGIN */
.brand-logo img {
  width: auto !important;
  height: 38px !important;
  max-height: 38px !important;
  object-fit: contain;
}

@media (max-width: 680px) {
  .brand-logo img {
    height: 32px !important;
    max-height: 32px !important;
  }
}
/* PHASE-317-TOP-NAV-LOGO-SIZE:END */

/* PHASE-321-MOBILE-HERO-CSS-ONLY:BEGIN */
@media (max-width: 680px) {
  .hero.shell[data-phase281-hero-slider] {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: min(100% - 16px, 1240px) !important;
    min-height: auto !important;
    margin-top: 12px !important;
    padding: 16px 16px 0 !important;
    border-radius: 28px !important;
    overflow: hidden !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    order: 1 !important;
    width: 100% !important;
    height: 272px !important;
    min-height: 272px !important;
    margin: -6px 0 0 !important;
    align-self: stretch !important;
    justify-content: center !important;
    align-items: flex-end !important;
    overflow: visible !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    width: auto !important;
    max-width: 94% !important;
    max-height: 326px !important;
    transform: translateY(24px) translateX(0) !important;
    transform-origin: center bottom !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-copy {
    order: 2 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 20px 4px 28px !important;
    text-align: center !important;
    align-self: stretch !important;
    justify-self: stretch !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-copy .eyebrow {
    display: flex !important;
    width: 100% !important;
    justify-content: center !important;
    margin: 0 auto 4px !important;
    font-size: 11px !important;
    line-height: 1.8 !important;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px auto 0 !important;
    font-size: clamp(34px, 10vw, 43px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    text-wrap: balance !important;
    overflow-wrap: normal !important;
  }

  .hero.shell[data-phase281-hero-slider] p {
    width: 100% !important;
    max-width: 360px !important;
    margin: 14px auto 0 !important;
    font-size: 13px !important;
    line-height: 1.95 !important;
    text-align: center !important;
    color: rgba(255, 255, 255, .76) !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    max-width: 370px !important;
    gap: 10px !important;
    margin: 20px auto 0 !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-actions .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    padding-inline: 12px !important;
    border-radius: 15px !important;
    justify-content: center !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-splash {
    width: 158px !important;
    height: 116px !important;
    left: 50% !important;
    right: auto !important;
    top: 132px !important;
    bottom: auto !important;
    transform: translateX(-50%) rotate(-4deg) !important;
    opacity: .96 !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-paper-a {
    width: 30px !important;
    height: 24px !important;
    left: 22px !important;
    top: 66px !important;
    transform: rotate(18deg) scale(.86) !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-paper-b {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .hero.shell[data-phase281-hero-slider] {
    padding-inline: 13px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-visual {
    height: 252px !important;
    min-height: 252px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-hoshy {
    max-height: 302px !important;
  }

  .hero.shell[data-phase281-hero-slider] h1 {
    font-size: clamp(31px, 9.5vw, 37px) !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-actions {
    gap: 8px !important;
  }

  .hero.shell[data-phase281-hero-slider] .hero-actions .button {
    min-height: 48px !important;
    padding-inline: 8px !important;
    font-size: 12px !important;
  }
}
/* PHASE-321-MOBILE-HERO-CSS-ONLY:END */