body.toa-one-tap-page{
  --toa-bg:#081729;
  --toa-panel:#0d2237;
  --toa-panel-2:#12304a;
  --toa-line:#2d5f7f;
  --toa-line-strong:#4d9ac0;
  --toa-text:#fbfdff;
  --toa-muted:#b3ccdc;
  --toa-cyan:#98ecff;
  --toa-blue:#5a96ff;
  --toa-lilac:#b7a8ff;
  --toa-serif:Georgia,'Times New Roman',serif;
  --toa-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  margin:0;
  overflow-x:hidden;
  background:var(--toa-bg);
  color:var(--toa-text);
}

body.toa-one-tap-page #toa-header{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(8,23,41,.86)!important;
  border-bottom:1px solid rgba(111,191,235,.34)!important;
  backdrop-filter:blur(20px) saturate(125%);
}
body.toa-one-tap-page #toa-header>div{
  max-width:1180px!important;
  padding:11px 18px!important;
  flex-wrap:nowrap!important;
}
body.toa-one-tap-page #toa-header [data-tool="brand"]{
  min-width:0!important;
  flex:1 1 auto!important;
}
body.toa-one-tap-page #toa-nav{
  display:flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:4px!important;
  flex-wrap:nowrap!important;
}
body.toa-one-tap-page #toa-nav .toa-nav-link,
body.toa-one-tap-page #toa-nav .toa-nav-cta{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  text-decoration:none;
  font-family:var(--toa-sans);
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  transition:border-color .2s ease,background .2s ease,color .2s ease,transform .2s ease;
}
body.toa-one-tap-page #toa-nav .toa-nav-link{
  padding:0 10px;
  color:#a9c0d0;
}
body.toa-one-tap-page #toa-nav .toa-nav-link:hover{color:#fff;background:#071521}
body.toa-one-tap-page #toa-nav .toa-nav-cta{
  padding:0 15px;
  margin-left:4px;
  border:1px solid #61d6ff;
  background:linear-gradient(135deg,#086cff,#20c7ff);
  color:#fff;
  box-shadow:0 10px 28px rgba(0,126,255,.18);
}
body.toa-one-tap-page #toa-nav .toa-nav-cta:hover{transform:translateY(-1px)}

body.toa-home-ready main>:not(.toa-homepage){display:none!important}
.toa-homepage{width:100%;background:var(--toa-bg);color:var(--toa-text);font-family:var(--toa-sans)}
.toa-homepage *{box-sizing:border-box}
.toa-homepage a:focus-visible,.toa-homepage summary:focus-visible{outline:2px solid var(--toa-cyan);outline-offset:4px}
.toa-shell{width:min(100%,1180px);margin:0 auto;padding-left:18px;padding-right:18px}
.toa-section{position:relative;padding:76px 0;border-top:1px solid rgba(23,56,79,.74)}
.toa-section:first-child{border-top:0}
.toa-eyebrow{margin-bottom:14px;color:var(--toa-cyan);font-size:9px;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.toa-homepage h1,.toa-homepage h2{font-family:var(--toa-serif);font-weight:400;letter-spacing:-.052em;color:#fff}
.toa-homepage h1 em,.toa-homepage h2 em{font-weight:400;color:#a8eaff;text-shadow:0 0 28px rgba(145,224,255,.14)}
.toa-homepage h2{margin:0;font-size:clamp(38px,10vw,56px);line-height:.98}
.toa-homepage p{color:var(--toa-muted);line-height:1.6}
.toa-section-head>p{max-width:620px;margin:16px 0 0;font-size:14px}
.toa-center{text-align:center}
.toa-center>p{max-width:620px;margin:16px auto 0}

.toa-hero{min-height:calc(100svh - 68px);display:flex;align-items:center;overflow:hidden;padding:52px 0 60px;background:radial-gradient(circle at 82% 16%,rgba(112,214,255,.26),transparent 31%),radial-gradient(circle at 14% 78%,rgba(183,168,255,.15),transparent 34%),linear-gradient(180deg,#0d2035 0%,#09192b 58%,#081729 100%)}
.toa-hero:after{content:"";position:absolute;inset:auto -16% -150px auto;width:500px;height:500px;border-radius:50%;background:linear-gradient(135deg,rgba(120,224,255,.13),rgba(183,168,255,.08));filter:blur(52px);pointer-events:none}
.toa-hero-grid{display:grid;gap:42px;position:relative;z-index:1}
.toa-hero-copy{max-width:690px}
.toa-hero h1{margin:0;font-size:clamp(52px,14vw,76px);line-height:.9}
.toa-lead{max-width:35ch;margin:20px 0 0;font-size:15px}
.toa-product-card{margin-top:25px;padding:18px;border:1px solid rgba(130,215,255,.46);border-radius:19px;background:linear-gradient(180deg,rgba(18,47,72,.84),rgba(11,30,48,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 48px rgba(44,141,211,.10);backdrop-filter:blur(10px)}
.toa-product-card span{display:block;color:var(--toa-cyan);font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}
.toa-product-card strong{display:block;color:#e9f7ff;font-size:14px;line-height:1.5;font-weight:750}
.toa-primary-cta{display:flex;width:100%;min-height:58px;margin-top:24px;align-items:center;justify-content:center;border:1px solid #b5efff;border-radius:16px;background:linear-gradient(135deg,#4f8fff 0%,#65cfff 58%,#9bdfff 100%);color:#fff!important;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.02em;box-shadow:0 18px 48px rgba(73,158,255,.28),0 0 28px rgba(152,236,255,.10);transition:transform .2s ease,box-shadow .2s ease}
.toa-primary-cta:hover{transform:translateY(-2px);box-shadow:0 22px 58px rgba(73,158,255,.34),0 0 34px rgba(152,236,255,.14)}
.toa-cta-note{text-align:center;margin-top:9px;color:#94b7cc;font-size:9px;letter-spacing:.02em}

.toa-hero-visual{display:flex;justify-content:center}
.toa-phone-wrap{width:min(100%,375px)}
.toa-phone{padding:7px;border-radius:48px;border:1px solid #397eaa;background:linear-gradient(150deg,#153853,#02050b 28%,#0a1a28 78%,#02050b);box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 60px rgba(0,130,255,.08)}
.toa-phone-screen{min-height:560px;padding:0 14px 20px;border:1px solid #1c425c;border-radius:40px;overflow:hidden;background:radial-gradient(circle at 90% 0,rgba(18,143,255,.17),transparent 30%),#06101a}
.toa-phone-status{height:44px;display:flex;align-items:center;justify-content:space-between;color:#7691a5;font-size:9px}
.toa-phone-status i{width:82px;height:24px;border-radius:999px;background:#010307;border:1px solid #111c25}
.toa-phone-brand{display:flex;align-items:center;gap:11px;padding:17px 2px 13px}
.toa-phone-brand>span{width:54px;height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:center;border:1px solid #2b6688;border-radius:16px;background:#0a2031;color:#72dcff;font-family:var(--toa-serif);font-size:24px}
.toa-phone-brand small{display:block;color:#63d7ff;font-size:7px;font-weight:900;letter-spacing:.13em}
.toa-phone-brand b{display:block;margin-top:4px;color:#fff;font-family:var(--toa-serif);font-size:18px;font-weight:400;line-height:1.05}
.toa-phone-screen>button{width:100%;min-height:52px;border:1px solid #69dcff;border-radius:15px;background:linear-gradient(135deg,#0871ff,#20c7ff);color:#fff;font-size:11px;font-weight:900}
.toa-phone-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}
.toa-phone-grid span{min-height:62px;display:flex;align-items:center;justify-content:center;border:1px solid #1d4863;border-radius:14px;background:#071622;color:#ddecf6;font-size:10px;font-weight:850}
.toa-phone-info{margin-top:9px;padding:14px;border:1px solid #1a4058;border-radius:15px;background:#050d15}
.toa-phone-info small{display:block;color:#64d5ff;font-size:7px;font-weight:900;letter-spacing:.13em}
.toa-phone-info b,.toa-phone-info span{display:block;margin-top:6px;color:#d4e6f1;font-size:9px;line-height:1.45}
.toa-phone-info span{margin-top:2px;color:#718da1}
.toa-phone-caption{text-align:center;margin-top:12px;color:#68869b;font-size:9px;text-transform:uppercase;letter-spacing:.11em}

.toa-explain{background:#030811}
.toa-explain .toa-center>p{font-size:14px}
.toa-flow{max-width:690px;margin:34px auto 0;display:grid;gap:10px;justify-items:center}
.toa-flow>div{width:100%;padding:17px;border:1px solid var(--toa-line);border-radius:17px;background:#06111b}
.toa-flow small{display:block;color:#5ccfff;font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:5px}
.toa-flow b{display:block;color:#eef8ff;font-size:12px;letter-spacing:.08em}
.toa-flow i{color:#4e91b6;font-style:normal;font-size:20px;line-height:1}
.toa-flow-actions b{font-size:10px;line-height:1.55}

.toa-example-grid,.toa-benefit-grid,.toa-step-grid{display:grid;gap:11px;margin-top:28px}
.toa-example-grid article,.toa-benefit-grid article,.toa-step-grid article{border:1px solid var(--toa-line);border-radius:18px;background:linear-gradient(180deg,#071521,#040b12)}
.toa-example-grid article{padding:17px}
.toa-example-grid small{display:block;color:var(--toa-cyan);font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:7px}
.toa-example-grid b{display:block;color:#edf8ff;font-size:13px;line-height:1.4}
.toa-small-note{margin:15px 0 0;color:#668398!important;font-size:10px!important}

.toa-how{background:radial-gradient(circle at 15% 30%,rgba(0,128,255,.07),transparent 30%),#02060c}
.toa-step-grid article{padding:20px}
.toa-step-grid article>span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #2a6789;border-radius:50%;color:var(--toa-cyan);font-size:9px;font-weight:900}
.toa-step-grid h3{margin:16px 0 0;color:#fff;font-family:var(--toa-serif);font-size:25px;font-weight:400;letter-spacing:-.03em}
.toa-step-grid p{margin:8px 0 0;font-size:11px}

.toa-benefit-grid article{min-height:142px;padding:18px}
.toa-benefit-grid b{display:block;color:#fff;font-size:13px}
.toa-benefit-grid p{margin:8px 0 0;font-size:10px}

.toa-roadmap{background:#02060c}
.toa-roadmap-grid{display:grid;gap:11px;margin-top:28px}
.toa-roadmap-grid article{padding:19px;border:1px solid var(--toa-line);border-radius:18px;background:linear-gradient(180deg,#071521,#040b12)}
.toa-roadmap-grid small{display:block;color:var(--toa-cyan);font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:8px}
.toa-roadmap-grid b{display:block;color:#fff;font-family:var(--toa-serif);font-size:24px;font-weight:400;letter-spacing:-.025em}
.toa-roadmap-grid p{margin:8px 0 0;font-size:10px}

.toa-difference{background:radial-gradient(circle at 88% 24%,rgba(107,207,255,.12),transparent 30%),#0a1a2b}
.toa-compare{display:grid;gap:10px;margin-top:28px;align-items:stretch}
.toa-compare article{padding:20px;border:1px solid #17384f;border-radius:18px;background:#06101a}
.toa-compare article.is-toa{border-color:#347fa8;background:linear-gradient(180deg,#092032,#06111b);box-shadow:0 20px 50px rgba(0,126,255,.08)}
.toa-compare small{display:block;color:#7694a8;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:9px}
.toa-compare .is-toa small{color:var(--toa-cyan)}
.toa-compare b{display:block;color:#eef8ff;font-size:14px;line-height:1.45}
.toa-vs{text-align:center;color:#4d748d;font-size:8px;font-weight:900;letter-spacing:.2em}
.toa-difference-note{margin:16px 0 0;color:#7692a5!important;font-size:11px!important}

.toa-control-grid{display:grid;gap:30px}
.toa-control-grid p{margin:16px 0 0;max-width:540px;font-size:13px}
.toa-control-close{color:#dff3ff!important;font-family:var(--toa-serif);font-size:20px!important;line-height:1.3!important}
.toa-action-cloud{display:flex;flex-wrap:wrap;align-content:center;gap:9px}
.toa-action-cloud span{display:inline-flex;min-height:44px;align-items:center;padding:0 14px;border:1px solid #21506c;border-radius:999px;background:#06131f;color:#dcecf6;font-size:9px;font-weight:900;letter-spacing:.08em}
.toa-action-cloud span:nth-child(3n+1){border-color:#2e7397;color:#8edfff}

.toa-vision{overflow:hidden;background:radial-gradient(circle at 80% 22%,rgba(0,136,255,.11),transparent 34%),#030811}
.toa-vision h2{font-size:clamp(44px,11vw,64px)}
.toa-vision>div>p{max-width:650px;margin:18px 0 0;font-size:13px}
.toa-vision-line{margin-top:28px;padding:17px;border:1px solid #245a79;border-radius:16px;background:#06131f;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;color:#9ae3ff;text-align:center}
.toa-vision-line b{font-size:9px;letter-spacing:.12em}
.toa-vision-line i{font-style:normal;color:#4f84a2}
.toa-vision-line span{width:100%;padding-top:10px;border-top:1px solid #173b53;color:#66849a;font-size:7px;font-weight:850;letter-spacing:.14em}

.toa-faq-list{display:grid;gap:9px;margin-top:25px}
.toa-faq-list details{overflow:hidden;border:1px solid rgba(95,169,209,.55);border-radius:16px;background:linear-gradient(180deg,rgba(19,47,72,.88),rgba(12,31,50,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.toa-faq-list summary{position:relative;list-style:none;cursor:pointer;padding:16px 44px 16px 16px;color:#f5fbff;font-size:12px;font-weight:850;line-height:1.35}
.toa-faq-list summary::-webkit-details-marker{display:none}
.toa-faq-list summary:after{content:"+";position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--toa-cyan);font-size:19px;font-weight:400}
.toa-faq-list details[open] summary:after{content:"−"}
.toa-faq-list p{margin:0;padding:0 16px 16px;color:#819daf;font-size:11px;line-height:1.6}

.toa-final{padding-bottom:94px;background:radial-gradient(circle at 50% 100%,rgba(100,202,255,.18),transparent 42%),radial-gradient(circle at 18% 20%,rgba(183,168,255,.10),transparent 34%),#0a1a2c}
.toa-final p{font-size:13px}
.toa-final .toa-primary-cta{max-width:430px;margin-left:auto;margin-right:auto}

/* Door 1 editorial story: pain -> education -> vision, intentionally not card-heavy */
.toa-story-copy{max-width:760px}
.toa-story-copy>p{margin:16px 0 0;max-width:650px;font-size:14px}
.toa-problem{background:radial-gradient(circle at 86% 18%,rgba(127,208,255,.11),transparent 30%),#0b1c2f}
.toa-pain-lines,.toa-usecase-list,.toa-value-lines,.toa-vision-stack{margin-top:34px;border-top:1px solid var(--toa-line)}
.toa-pain-lines>div,.toa-usecase-list>div,.toa-value-lines>div,.toa-vision-stack>div{padding:20px 0;border-bottom:1px solid var(--toa-line)}
.toa-pain-lines>div{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start}
.toa-pain-lines span{color:var(--toa-cyan);font-size:9px;font-weight:900;letter-spacing:.14em}
.toa-pain-lines p{margin:0;color:#f0f9ff;font-family:var(--toa-serif);font-size:22px;line-height:1.18}
.toa-education{background:radial-gradient(circle at 15% 30%,rgba(111,206,255,.13),transparent 32%),radial-gradient(circle at 90% 76%,rgba(183,168,255,.08),transparent 30%),#0a1a2b}
.toa-simple-path{display:grid;grid-template-columns:1fr;gap:0;margin-top:34px;width:100%}
.toa-simple-path>div{min-width:0;display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--toa-line);color:#f2f9fd}
.toa-simple-path>div:first-child{border-top:1px solid var(--toa-line)}
.toa-simple-path small{display:inline-flex;width:26px;height:26px;flex:0 0 26px;align-items:center;justify-content:center;border:1px solid #5ba6ca;border-radius:50%;background:rgba(120,218,255,.06);color:var(--toa-cyan);font-size:8px;font-weight:900}
.toa-simple-path b{min-width:0;font-size:12px;overflow-wrap:anywhere}
.toa-simple-path i{display:none;color:#70afcc;font-style:normal}
.toa-story-note{margin:18px 0 0!important;color:#9bb8ca!important;font-size:10px!important}
.toa-usecase-list>div{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);gap:16px;align-items:center}
.toa-usecase-list small{display:block;color:var(--toa-cyan);font-size:8px;font-weight:900;letter-spacing:.15em;margin:0}
.toa-usecase-list p{display:none}
.toa-usecase-list b{display:block;margin:0;color:#f4fbff;font-family:var(--toa-serif);font-size:22px;line-height:1.1;font-weight:400;letter-spacing:-.02em}
.toa-outcome{background:radial-gradient(circle at 18% 80%,rgba(183,168,255,.09),transparent 32%),#0d2034}
.toa-value-lines>div{display:grid;gap:7px}
.toa-value-lines b{color:#fff;font-size:13px}
.toa-value-lines span{color:#aec7d7;font-size:11px;line-height:1.55}
.toa-flat-compare{margin-top:34px;border-top:1px solid var(--toa-line)}
.toa-flat-compare>div{padding:20px 0;border-bottom:1px solid var(--toa-line)}
.toa-flat-compare small{display:block;color:#97b2c5;font-size:8px;font-weight:900;letter-spacing:.14em;margin-bottom:8px}
.toa-flat-compare b{display:block;color:#f1f9ff;font-size:14px;line-height:1.45}
.toa-flat-compare .is-toa small{color:var(--toa-cyan)}
.toa-vision{background:radial-gradient(circle at 82% 22%,rgba(106,205,255,.20),transparent 34%),radial-gradient(circle at 20% 82%,rgba(183,168,255,.13),transparent 34%),#0b1b2d}
.toa-vision-stack small{display:block;color:var(--toa-cyan);font-size:8px;font-weight:900;letter-spacing:.15em;margin-bottom:7px}
.toa-vision-stack h3{margin:0;color:#fff;font-family:var(--toa-serif);font-size:28px;font-weight:400;letter-spacing:-.03em}
.toa-vision-stack p{margin:8px 0 0;max-width:650px;font-size:11px}
.toa-vision-close{margin:24px 0 0!important;max-width:700px;color:#e1f1fa!important;font-family:var(--toa-serif);font-size:19px!important;line-height:1.35!important}

/* Ambient aquatic light: motion-reactive, decorative only */
:root{
  --toa-aqua-x1:0px;--toa-aqua-y1:0px;
  --toa-aqua-x2:0px;--toa-aqua-y2:0px;
  --toa-aqua-x3:0px;--toa-aqua-y3:0px;
  --toa-aqua-scroll:0px;
}
.toa-aqua-field{position:fixed;inset:-16vh -18vw;z-index:2;pointer-events:none;overflow:hidden;opacity:.72;mix-blend-mode:screen;contain:strict}
.toa-aqua-field::before{content:"";position:absolute;inset:-14%;background-image:radial-gradient(ellipse at center,rgba(164,236,255,.34) 0 8%,rgba(105,198,255,.16) 13%,transparent 31%),radial-gradient(ellipse at center,rgba(196,184,255,.22) 0 7%,rgba(119,184,255,.10) 14%,transparent 30%);background-size:210px 150px,285px 205px;background-position:0 0,72px 48px;filter:blur(7px);opacity:.23;transform:rotate(-7deg) scale(1.08);animation:toa-water-caustics 18s ease-in-out infinite alternate;will-change:background-position,transform}
.toa-aqua-field::after{content:"";position:absolute;inset:-12%;background:repeating-radial-gradient(ellipse at 42% 30%,rgba(176,240,255,.20) 0 2px,rgba(105,202,255,.08) 3px 7px,transparent 10px 28px);filter:blur(10px);opacity:.14;transform:scale(1.12) rotate(4deg);animation:toa-water-ripples 24s linear infinite;will-change:transform}
.toa-aqua-glow{position:absolute;display:block;border-radius:44% 56% 52% 48% / 58% 42% 58% 42%;filter:blur(62px);will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
@keyframes toa-water-caustics{0%{background-position:0 0,72px 48px;transform:rotate(-7deg) scale(1.08)}50%{background-position:96px -38px,-34px 116px;transform:rotate(-3deg) scale(1.12)}100%{background-position:182px 72px,122px -52px;transform:rotate(-9deg) scale(1.06)}}
@keyframes toa-water-ripples{0%{transform:scale(1.12) rotate(4deg) translate3d(0,0,0)}50%{transform:scale(1.18) rotate(7deg) translate3d(-2.5%,1.5%,0)}100%{transform:scale(1.12) rotate(4deg) translate3d(0,0,0)}}
.toa-aqua-one{width:58vw;height:42vw;min-width:330px;min-height:260px;top:2%;right:-9%;background:radial-gradient(circle at 42% 44%,rgba(129,224,255,.34) 0,rgba(74,171,255,.15) 42%,rgba(74,171,255,0) 72%);transform:translate3d(var(--toa-aqua-x1),calc(var(--toa-aqua-y1) - var(--toa-aqua-scroll)),0)}
.toa-aqua-two{width:48vw;height:48vw;min-width:300px;min-height:300px;left:-8%;top:38%;background:radial-gradient(circle at 55% 45%,rgba(185,170,255,.24) 0,rgba(91,171,255,.12) 46%,rgba(91,171,255,0) 72%);transform:translate3d(var(--toa-aqua-x2),calc(var(--toa-aqua-y2) + var(--toa-aqua-scroll)),0)}
.toa-aqua-three{width:52vw;height:34vw;min-width:320px;min-height:230px;right:5%;bottom:-4%;background:radial-gradient(circle at 50% 50%,rgba(117,239,255,.20) 0,rgba(99,155,255,.10) 45%,rgba(99,155,255,0) 74%);transform:translate3d(var(--toa-aqua-x3),calc(var(--toa-aqua-y3) - var(--toa-aqua-scroll)),0)}
.toa-homepage .toa-section>.toa-shell{position:relative;z-index:3}

.toa-reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}
.toa-reveal.is-visible{opacity:1;transform:none}

@media(max-width:767px){
  body.toa-one-tap-page #toa-header>div{padding:9px 12px!important}
  body.toa-one-tap-page #toa-header [data-tool="brand"] img{width:42px!important;height:38px!important}
  body.toa-one-tap-page #toa-header [data-tool="brand"]>div>div:first-child{font-size:11px!important}
  body.toa-one-tap-page #toa-header [data-tool="brand"]>div>div:last-child{display:none!important}
  body.toa-one-tap-page #toa-nav .toa-nav-link{display:none!important}
  body.toa-one-tap-page #toa-nav .toa-nav-cta{min-height:38px;padding:0 12px;font-size:9px}
}

@media(min-width:768px){
  body.toa-one-tap-page #toa-header>div{padding:13px 24px!important}
  .toa-shell{padding-left:28px;padding-right:28px}
  .toa-section{padding:104px 0}
  .toa-homepage h2{font-size:clamp(48px,5.2vw,70px)}
  .toa-hero{padding:74px 0 88px}
  .toa-hero-grid{display:block}
  .toa-hero h1{font-size:clamp(66px,7vw,104px)}
  .toa-lead{font-size:17px;max-width:42ch}
  .toa-product-card{max-width:650px;padding:21px 22px}
  .toa-product-card strong{font-size:15px}
  .toa-primary-cta{max-width:330px}
  .toa-cta-note{max-width:330px}
  .toa-phone-wrap{width:min(100%,390px)}
  .toa-phone-screen{min-height:600px}
  .toa-flow{grid-template-columns:1fr auto 1.15fr auto 1.5fr;align-items:center;max-width:980px}
  .toa-flow i{transform:rotate(-90deg)}
  .toa-flow>div{min-height:100px;display:flex;flex-direction:column;justify-content:center}
  .toa-example-grid,.toa-benefit-grid{grid-template-columns:repeat(4,1fr)}
  .toa-roadmap-grid{grid-template-columns:repeat(3,1fr)}
  .toa-example-grid article{min-height:142px;display:flex;flex-direction:column;justify-content:flex-end}
  .toa-step-grid{grid-template-columns:repeat(3,1fr);gap:14px}
  .toa-step-grid article{min-height:235px}
  .toa-benefit-grid article{min-height:175px}
  .toa-compare{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;max-width:920px}
  .toa-compare article{min-height:170px;display:flex;flex-direction:column;justify-content:center}
  .toa-control-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}
  .toa-action-cloud{justify-content:flex-start}
  .toa-action-cloud span{min-height:50px;padding:0 18px;font-size:10px}
  .toa-vision>div>p{font-size:15px}
  .toa-vision-line{max-width:760px;justify-content:flex-start;text-align:left;padding:19px 22px}
  .toa-vision-line span{text-align:left}
  .toa-faq-list{max-width:920px}
  .toa-faq-list summary{padding:18px 52px 18px 18px;font-size:13px}
  .toa-faq-list p{padding:0 18px 18px;font-size:12px;max-width:790px}
}

@media(min-width:1080px){
  body.toa-one-tap-page #toa-nav{gap:7px!important}
  body.toa-one-tap-page #toa-nav .toa-nav-link{padding:0 12px;font-size:10px}
  .toa-shell{padding-left:34px;padding-right:34px}
}

@media(prefers-reduced-motion:reduce){
  .toa-aqua-field{display:none!important}
  .toa-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .toa-primary-cta,.toa-nav-cta{transition:none!important}
}

/* Euphoric premium pass — Door 1 draft */
body.toa-one-tap-page{
  --toa-bg:#0a1830;
  --toa-panel:#102946;
  --toa-panel-2:#173a60;
  --toa-line:#5b91b3;
  --toa-line-strong:#8fd8f5;
  --toa-text:#f8fcff;
  --toa-muted:#c4dced;
  --toa-cyan:#a9f2ff;
  --toa-blue:#76a9ff;
  --toa-lilac:#cbbdff;
  background:
    radial-gradient(circle at 17% 10%,rgba(126,232,255,.17),transparent 25%),
    radial-gradient(circle at 86% 20%,rgba(203,189,255,.15),transparent 29%),
    radial-gradient(circle at 52% 68%,rgba(118,169,255,.10),transparent 34%),
    linear-gradient(180deg,#0b1930 0%,#10294c 42%,#13385f 69%,#0d2342 100%);
}

.toa-homepage{position:relative;isolation:isolate;overflow:hidden}
.toa-homepage:before{
  content:"";
  position:fixed;
  inset:-18%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 30% 22%,rgba(165,246,255,.16),transparent 21%),
    radial-gradient(circle at 73% 26%,rgba(210,196,255,.13),transparent 24%),
    radial-gradient(circle at 66% 76%,rgba(120,192,255,.11),transparent 23%);
  filter:blur(22px);
  animation:toaAmbientFloat 18s ease-in-out infinite alternate;
}

@keyframes toaAmbientFloat{
  0%{transform:translate3d(-1%,1%,0) scale(1)}
  100%{transform:translate3d(1.5%,-1.5%,0) scale(1.045)}
}

.toa-aqua-field{
  inset:-18vh -18vw;
  opacity:.88;
  mix-blend-mode:screen;
  filter:saturate(1.08);
}
.toa-aqua-glow{filter:blur(76px);opacity:.96}
.toa-aqua-one{
  background:radial-gradient(circle at 42% 44%,rgba(174,247,255,.50) 0,rgba(97,191,255,.22) 38%,rgba(97,191,255,0) 73%);
  animation:toaWaterPulse1 15s ease-in-out infinite alternate;
}
.toa-aqua-two{
  background:radial-gradient(circle at 55% 45%,rgba(207,190,255,.34) 0,rgba(115,193,255,.16) 44%,rgba(115,193,255,0) 73%);
  animation:toaWaterPulse2 19s ease-in-out infinite alternate;
}
.toa-aqua-three{
  background:radial-gradient(circle at 50% 50%,rgba(140,242,255,.30) 0,rgba(103,163,255,.14) 45%,rgba(103,163,255,0) 74%);
  animation:toaWaterPulse3 17s ease-in-out infinite alternate;
}

@keyframes toaWaterPulse1{
  0%{scale:1;opacity:.88}
  100%{scale:1.09;opacity:1}
}
@keyframes toaWaterPulse2{
  0%{scale:1;opacity:.80}
  100%{scale:1.07;opacity:.97}
}
@keyframes toaWaterPulse3{
  0%{scale:1;opacity:.76}
  100%{scale:1.1;opacity:.94}
}

.toa-hero{
  background:
    radial-gradient(circle at 80% 14%,rgba(145,231,255,.30),transparent 30%),
    radial-gradient(circle at 15% 82%,rgba(203,189,255,.18),transparent 34%),
    linear-gradient(180deg,#102844 0%,#0c2039 58%,#0b1b31 100%);
}
.toa-hero:after{
  background:linear-gradient(135deg,rgba(155,237,255,.18),rgba(203,189,255,.11));
  filter:blur(58px);
}

.toa-product-card,
.toa-faq-list details,
.toa-vision-stack>div,
.toa-usecase-list>div{
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
  border-color:rgba(198,238,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 18px 48px rgba(4,19,38,.18),0 0 26px rgba(122,210,255,.045);
  backdrop-filter:blur(18px) saturate(118%);
  -webkit-backdrop-filter:blur(18px) saturate(118%);
}

.toa-homepage h1,
.toa-homepage h2,
.toa-homepage h3{
  text-shadow:0 3px 28px rgba(128,205,255,.12);
}
.toa-homepage h1 em,
.toa-homepage h2 em{
  color:#b9f1ff;
  text-shadow:0 0 34px rgba(148,226,255,.22),0 0 60px rgba(203,189,255,.08);
}
.toa-eyebrow{color:#b9f4ff}
.toa-lead,.toa-story-copy p,.toa-story-note,.toa-faq-list p{color:#c8deed}

.toa-primary-cta{
  position:relative;
  overflow:hidden;
  border-color:rgba(226,249,255,.82);
  background:linear-gradient(135deg,#7ee9ff 0%,#6fb9ff 48%,#c4b7ff 100%);
  color:#071a31!important;
  box-shadow:0 18px 46px rgba(86,177,255,.30),0 0 34px rgba(160,236,255,.18),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
}
.toa-primary-cta:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.50) 48%,transparent 78%);
  transform:translateX(-135%);
  transition:transform .8s cubic-bezier(.2,.7,.2,1);
  pointer-events:none;
}
.toa-primary-cta:hover,.toa-primary-cta:focus-visible{
  transform:translateY(-2px) scale(1.012);
  filter:saturate(1.08) brightness(1.03);
  box-shadow:0 24px 58px rgba(86,177,255,.35),0 0 42px rgba(196,183,255,.20),inset 0 1px 0 rgba(255,255,255,.65);
}
.toa-primary-cta:hover:before,.toa-primary-cta:focus-visible:before{transform:translateX(135%)}

.toa-vision{
  background:
    radial-gradient(circle at 82% 20%,rgba(134,221,255,.24),transparent 34%),
    radial-gradient(circle at 19% 80%,rgba(203,189,255,.16),transparent 35%),
    linear-gradient(180deg,rgba(15,40,69,.94),rgba(11,29,50,.96));
}
.toa-vision-stack>div{border-radius:20px}
.toa-vision-close{color:#edfaff!important;text-shadow:0 0 24px rgba(155,231,255,.12)}

.toa-faq-list details{border-radius:18px}
.toa-usecase-list>div{border-radius:16px;padding-left:16px;padding-right:16px}

/* Flowing color-wave header bar — Door 1 */
body.toa-one-tap-page #toa-header{position:sticky;border-bottom-color:transparent!important;overflow:visible}
body.toa-one-tap-page #toa-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:2px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(126,232,255,.10),#7ce9ff,#80b9ff,#c9b7ff,#8ff1ff,rgba(126,232,255,.10));
  background-size:260% 100%;
  animation:toaHeaderWave 5.2s linear infinite;
  box-shadow:0 0 12px rgba(139,232,255,.24),0 0 20px rgba(199,183,255,.10);
}
@keyframes toaHeaderWave{0%{background-position:0% 50%}100%{background-position:260% 50%}}

@media(prefers-reduced-motion:reduce){
  .toa-homepage:before,.toa-aqua-one,.toa-aqua-two,.toa-aqua-three{animation:none!important}
  .toa-primary-cta:before{display:none!important}
  body.toa-one-tap-page #toa-header:after{animation:none!important}
}

/* UI stabilization pass — remove stacked legacy dividers and normalize responsive layout */
body.toa-one-tap-page{overflow-x:hidden}
body.toa-one-tap-page #toa-header,
body.toa-one-tap-page #toa-header *,
.toa-homepage,
.toa-homepage *{box-sizing:border-box}
.toa-homepage .toa-section,.toa-homepage .toa-shell,.toa-story-copy,.toa-vision-stack,.toa-usecase-list{min-width:0;max-width:100%}
.toa-homepage h1,.toa-homepage h2,.toa-homepage h3,.toa-homepage p,.toa-homepage b,.toa-homepage span{overflow-wrap:break-word}

/* Bigger Vision — clean roadmap UI */
.toa-vision{position:relative;overflow:hidden}
.toa-vision .toa-shell{max-width:1160px}
.toa-vision .toa-story-copy{max-width:820px}
.toa-vision-stack{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
  margin-top:34px;
  border-top:0!important;
}
.toa-vision-stack>div{
  min-width:0;
  margin:0;
  padding:20px;
  border:1px solid rgba(174,229,255,.20)!important;
  border-radius:18px;
  background:linear-gradient(180deg,rgba(255,255,255,.095),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 14px 34px rgba(4,18,36,.14);
  backdrop-filter:blur(14px) saturate(116%);
  -webkit-backdrop-filter:blur(14px) saturate(116%);
  overflow:hidden;
}
.toa-vision-stack small{margin:0 0 8px;color:#b9f4ff}
.toa-vision-stack h3{font-size:clamp(25px,4vw,31px);line-height:1.04}
.toa-vision-stack p{margin:9px 0 0;max-width:none;color:#c6ddea;font-size:11px;line-height:1.55}
.toa-vision-close{margin-top:28px!important;max-width:780px!important}

/* Examples — remove divider/card collision */
.toa-usecase-list{display:grid;gap:9px;border-top:0!important}
.toa-usecase-list>div{
  min-width:0;
  margin:0;
  border:1px solid rgba(174,229,255,.16)!important;
}

.toa-faq-list details{overflow:hidden}

@media(min-width:768px){
  .toa-vision-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .toa-vision-stack>div{padding:24px 22px;min-height:174px}
}

@media(max-width:767px){
  .toa-vision .toa-story-copy h2{font-size:clamp(38px,12vw,54px);line-height:.98}
  .toa-vision-stack>div{padding:18px 17px}
  .toa-vision-close{font-size:17px!important}
}

/* Interaction integrity — Door 1 */
body.toa-one-tap-page .toa-nav-link,body.toa-one-tap-page .toa-nav-cta,.toa-homepage a,.toa-homepage summary{transition:color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
body.toa-one-tap-page .toa-nav-link:hover{color:#c9f6ff!important;background:rgba(126,232,255,.07)!important}
body.toa-one-tap-page .toa-nav-cta:hover{background:linear-gradient(135deg,#8df1ff,#80bdff 52%,#cebaff)!important;color:#08213f!important;border-color:rgba(238,252,255,.9)!important}
.toa-homepage .toa-faq-list summary{cursor:pointer}
.toa-homepage .toa-faq-list summary:hover{background:linear-gradient(90deg,rgba(126,232,255,.07),rgba(200,182,255,.035))!important;color:#fff!important}
body.toa-one-tap-page a:focus-visible,.toa-homepage summary:focus-visible{outline:2px solid #a7efff!important;outline-offset:3px!important;box-shadow:0 0 0 5px rgba(126,232,255,.10)!important}
.toa-primary-cta:active{transform:translateY(0) scale(.995)!important;filter:brightness(.98)!important}
@media(hover:none){body.toa-one-tap-page .toa-nav-link:hover,.toa-homepage .toa-faq-list summary:hover{background:transparent!important}.toa-primary-cta:hover{transform:none!important}}