:root{
  --bg:#07090C;--surface:#10141B;--surface2:#161B23;--text:#ECF0F6;--body:#C9D1DC;--muted:#8D97A6;--line:#2A3140;
  --accent:#508AFF;--glow:#163466;--orb-x:68%;--orb-y:18%;--panel-x:0;--form-x:0;--motion-density:40;--motion-speed:.72
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:'Hanken Grotesk',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
body{min-height:100vh}
.page{position:relative;width:100vw;height:100vh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at var(--orb-x) var(--orb-y), color-mix(in srgb,var(--accent) 26%,transparent), transparent 28%),radial-gradient(circle at 15% 100%, rgba(80,138,255,.11), transparent 34%),#07090C}
.grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(236,240,246,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(236,240,246,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.18));z-index:-5;animation:gridDrift calc(38s / max(var(--motion-speed),.25)) linear infinite}
.noise{position:absolute;inset:0;opacity:.065;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 200 200%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%221.4%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22100%25%22 height=%22100%25%22 filter=%22url(%23n)%22 opacity=%220.55%22/%3E%3C/svg%3E');z-index:-1;pointer-events:none;mix-blend-mode:screen}
.motion-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:1;pointer-events:none;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 26%,transparent))}
.motion-layer{position:absolute;inset:0;z-index:-4;overflow:hidden;pointer-events:none}.motion-layer span{position:absolute;display:block;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 64%);box-shadow:0 0 36px color-mix(in srgb,var(--accent) 14%,transparent);opacity:.35}.motion-layer span:nth-child(1){width:36vmin;height:36vmin;right:7vw;top:10vh;animation:floatA calc(18s / max(var(--motion-speed),.25)) ease-in-out infinite}.motion-layer span:nth-child(2){width:18vmin;height:18vmin;left:9vw;bottom:11vh;animation:floatB calc(15s / max(var(--motion-speed),.25)) ease-in-out infinite}.motion-layer span:nth-child(3){width:58vmin;height:1px;right:20vw;bottom:25vh;background:var(--accent);opacity:.22;transform-origin:right;animation:pathPulse calc(9s / max(var(--motion-speed),.25)) ease-in-out infinite}.motion-layer span:nth-child(4){width:10px;height:10px;border-radius:999px;background:var(--accent);left:calc(var(--orb-x) - 5px);top:calc(var(--orb-y) - 5px);box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 14%,transparent),0 0 54px var(--accent);animation:beacon calc(3.8s / max(var(--motion-speed),.25)) ease-in-out infinite}
.page[data-motion="terminal-rain"] .motion-layer span:nth-child(1){clip-path:polygon(12% 0,100% 18%,86% 100%,0 78%)}
.page[data-motion="memory-orbits"] .motion-layer span{border-radius:999px}.page[data-motion="memory-orbits"] .motion-layer span:nth-child(1),.page[data-motion="memory-orbits"] .motion-layer span:nth-child(2){background:transparent;animation-name:orbitTurn}.page[data-motion="memory-orbits"] .visual{border-radius:999px;animation:orbitTurn 22s linear infinite}
.page[data-motion="code-traces"] .grid{background-size:34px 34px;animation-duration:22s}.page[data-motion="code-traces"] .motion-layer span:nth-child(3){height:2px;opacity:.34;animation-name:traceSlide}
.page[data-motion="mesh-routing"] .motion-layer span:nth-child(1),.page[data-motion="mesh-routing"] .motion-layer span:nth-child(2){transform:skew(-12deg);animation-name:floatMesh}
.page[data-motion="tool-constellation"] .motion-layer span:nth-child(1){border-radius:18px;transform:rotate(45deg)}.page[data-motion="tool-constellation"] .motion-layer span:nth-child(2){border-radius:999px}
.page[data-motion="audit-scan"]:before{content:"";position:absolute;inset:-40% 0;background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--accent) 12%,transparent) 48%,color-mix(in srgb,var(--accent) 38%,transparent) 50%,color-mix(in srgb,var(--accent) 12%,transparent) 52%,transparent 100%);z-index:-2;animation:scanY calc(7s / max(var(--motion-speed),.25)) linear infinite}.page[data-motion="audit-scan"] .motion-layer span{border-radius:2px}
.page[data-motion="radar-sweep"] .motion-layer span:nth-child(1){border-radius:999px;right:4vw;top:5vh;background:conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent 22%,transparent);animation:radarTurn calc(7s / max(var(--motion-speed),.25)) linear infinite}.page[data-motion="radar-sweep"] .motion-layer span:nth-child(2){border-radius:999px;background:transparent}
.page[data-motion="product-pulse"] .motion-layer span:nth-child(1){border-radius:0;animation-name:cardBloom}.page[data-motion="product-pulse"] .motion-layer span:nth-child(2){border-radius:0;animation-name:cardBloom;animation-delay:-4s}
.wrap{height:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);gap:28px;align-items:center;padding:clamp(20px,3vw,48px);max-width:1580px;margin:0 auto;position:relative;z-index:1}.brand{position:absolute;top:24px;left:clamp(20px,3vw,48px);display:flex;align-items:center;z-index:4}.brand-logo{width:clamp(210px,18vw,292px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 46%,transparent));animation:none}.hero{transform:translateX(var(--panel-x));max-width:790px}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--accent);font:600 13px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}.eyebrow:before{content:'';width:8px;height:8px;background:var(--accent);animation:beacon 2.8s ease-in-out infinite}h1{margin:0;font-size:clamp(46px,5.9vw,92px);line-height:.92;letter-spacing:-.055em;font-weight:760;text-wrap:balance}.lead{margin:24px 0 0;max-width:720px;color:var(--body);font-size:clamp(17px,1.35vw,22px);line-height:1.42;letter-spacing:-.015em}.proof{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px;max-width:790px}.proof div{position:relative;overflow:hidden;border:1px solid var(--line);background:rgba(16,20,27,.76);padding:16px 16px 15px;backdrop-filter:blur(10px)}.proof div:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--accent) 10%,transparent),transparent);transform:translateX(-120%);animation:sheen calc(8s / max(var(--motion-speed),.25)) ease-in-out infinite}.proof div:nth-child(2):after{animation-delay:-3s}.proof b{display:block;color:var(--text);font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}.proof span{color:var(--muted);font-size:15px;line-height:1.34}.visual{position:absolute;right:7vw;top:12vh;width:410px;height:410px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));opacity:.42;transform:rotate(9deg);z-index:-2;animation:floatA 18s ease-in-out infinite}.visual:before,.visual:after{content:'';position:absolute;border:1px solid color-mix(in srgb,var(--accent) 56%,transparent)}.visual:before{inset:42px;transform:rotate(-18deg)}.visual:after{width:46%;height:46%;right:36px;bottom:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),transparent)}.form-card{transform:translateX(var(--form-x));border:1px solid var(--line);background:linear-gradient(180deg,rgba(22,27,35,.94),rgba(11,14,19,.965));box-shadow:0 24px 80px rgba(0,0,0,.42),0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);padding:24px;max-width:520px;justify-self:end;backdrop-filter:blur(14px)}.form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:18px}.badge{font:700 32px/.9 'JetBrains Mono',monospace;color:var(--accent);text-shadow:0 0 24px color-mix(in srgb,var(--accent) 34%,transparent)}.form-head p{margin:0;color:var(--muted);font-size:14px;line-height:1.35}.field{margin-top:12px}label{display:block;color:var(--body);font-size:12px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}input,textarea,select{width:100%;border:1px solid var(--line);background:#0B0E13;color:var(--text);font:15px/1.3 inherit;padding:12px 13px;border-radius:0;outline:none}textarea{min-height:104px;resize:none}.req{color:var(--accent);font-weight:900;text-shadow:0 0 12px color-mix(in srgb,var(--accent) 60%,transparent)}.form-head strong{color:var(--text);font-weight:800}.field:has([required]) label:after{content:' required';margin-left:6px;color:var(--accent);font:700 10px/1 'JetBrains Mono',monospace;letter-spacing:.06em}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submit{width:100%;margin-top:16px;border:0;background:var(--accent);color:#04161A;font-weight:800;padding:14px 16px;letter-spacing:-.01em;cursor:pointer;position:relative;overflow:hidden}.submit:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.26),transparent);transform:translateX(-120%)}.submit:hover{filter:brightness(1.08)}.submit:hover:after{animation:sheen 1.1s ease}.fine{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.35}.status{min-height:18px;margin-top:10px;color:var(--accent);font-size:13px}.footer{position:absolute;bottom:22px;left:clamp(20px,3vw,48px);right:clamp(20px,3vw,48px);display:flex;justify-content:space-between;color:#5F6878;font:12px/1 'JetBrains Mono',monospace;z-index:4}.links a{color:var(--muted);text-decoration:none;margin-left:14px}.links a:hover{color:var(--accent)}
@keyframes gridDrift{to{transform:translate3d(44px,44px,0)}}@keyframes floatA{0%,100%{transform:translate3d(0,0,0) rotate(9deg)}50%{transform:translate3d(-18px,14px,0) rotate(15deg)}}@keyframes floatB{0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}50%{transform:translate3d(16px,-22px,0) rotate(5deg)}}@keyframes floatMesh{0%,100%{transform:translate3d(0,0,0) skew(-12deg)}50%{transform:translate3d(22px,18px,0) skew(-18deg)}}@keyframes pathPulse{0%,100%{transform:scaleX(.25);opacity:.08}48%{transform:scaleX(1);opacity:.32}}@keyframes traceSlide{0%{transform:translateX(-40vw) scaleX(.2);opacity:.05}45%{opacity:.38}100%{transform:translateX(55vw) scaleX(1);opacity:.02}}@keyframes beacon{0%,100%{opacity:.48;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes markBreath{0%,100%{box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 14%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--accent) 8%,transparent),0 0 28px color-mix(in srgb,var(--accent) 40%,transparent)}}@keyframes orbitTurn{to{transform:rotate(360deg)}}@keyframes radarTurn{to{transform:rotate(360deg)}}@keyframes scanY{0%{transform:translateY(-35%)}100%{transform:translateY(35%)}}@keyframes cardBloom{0%,100%{transform:translateY(0) scale(.9) rotate(2deg);opacity:.18}50%{transform:translateY(-18px) scale(1.05) rotate(-4deg);opacity:.42}}@keyframes sheen{to{transform:translateX(120%)}}
@media(max-width:980px){html,body{overflow:auto}.page{min-height:100vh;height:auto}.wrap{grid-template-columns:1fr;gap:22px;padding-top:86px;padding-bottom:70px}.form-card{justify-self:stretch;max-width:none}.proof{grid-template-columns:1fr}.footer{position:static;padding:0 24px 24px}.visual{display:none}}
@media(max-height:760px) and (min-width:981px){h1{font-size:clamp(42px,5vw,72px)}.lead{font-size:17px}.proof{margin-top:18px}.proof div{padding:12px}.form-card{padding:18px}textarea{min-height:82px}.brand{top:18px}.footer{bottom:14px}.wrap{padding-top:50px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-canvas{display:none}.grid{transform:none!important}}

/* vocabulary-ios-inspired-v1 */
:root{--bg:#f7f1e6;--surface:#fffaf2;--surface2:#f1e6d5;--text:#17201c;--body:#4d574f;--muted:#7d867d;--line:rgba(38,45,39,.13)}
html,body{background:#f7f1e6;color:var(--text);font-family:'Hanken Grotesk',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.page{background:radial-gradient(circle at var(--orb-x) var(--orb-y),color-mix(in srgb,var(--accent) 30%,transparent),transparent 30%),radial-gradient(circle at 9% 92%,rgba(255,184,107,.24),transparent 30%),linear-gradient(135deg,#fff9ef 0%,#f7f1e6 44%,#edf7ee 100%)}
.grid{background-image:linear-gradient(rgba(37,48,41,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(37,48,41,.055) 1px,transparent 1px);opacity:.8;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),rgba(0,0,0,.05))}.noise{opacity:.035;mix-blend-mode:multiply}.motion-canvas{opacity:.62;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 32%,transparent))}.motion-layer span{border-radius:999px;border-color:color-mix(in srgb,var(--accent) 45%,rgba(23,32,28,.12));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),rgba(255,255,255,.26));box-shadow:0 14px 48px color-mix(in srgb,var(--accent) 24%,transparent);opacity:.5}.brand-logo{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.72);padding:6px;filter:drop-shadow(0 12px 24px rgba(48,42,30,.14))}.wrap{grid-template-columns:minmax(0,1fr) minmax(430px,.68fr);gap:clamp(28px,4vw,64px);padding-top:78px}.hero{max-width:835px}.eyebrow{color:#4a5a50;background:rgba(255,255,255,.54);border:1px solid rgba(39,48,42,.1);border-radius:999px;padding:10px 13px;box-shadow:0 10px 24px rgba(77,67,48,.08);font-family:'Hanken Grotesk',Inter,sans-serif;font-weight:800;letter-spacing:.03em}.eyebrow:before{border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 20%,transparent)}h1{font-size:clamp(42px,5.45vw,82px);line-height:.95;color:#14201a;letter-spacing:-.05em}.lead{color:#4e5a52;max-width:760px}.proof{gap:14px;margin-top:22px}.proof div{border-radius:28px;border:1px solid rgba(38,45,39,.10);background:rgba(255,255,255,.58);box-shadow:0 18px 40px rgba(70,58,39,.09);backdrop-filter:blur(18px)}.proof b{color:#18241e}.proof span{color:#687469}.form-card{border:1px solid rgba(38,45,39,.13);border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,250,242,.78));box-shadow:0 28px 80px rgba(64,54,37,.16),inset 0 1px rgba(255,255,255,.8);padding:24px;backdrop-filter:blur(24px)}.form-head{border-bottom:1px solid rgba(38,45,39,.10)}.badge{color:#15221b;background:var(--accent);border-radius:18px;padding:9px 12px;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 30%,transparent);text-shadow:none}.form-head p,.fine{color:#6c766d}.form-head strong{color:#16231d}label{color:#4e5b52;font-weight:900}input,textarea,select{border-radius:18px;border:1px solid rgba(38,45,39,.12);background:rgba(255,255,255,.82);color:#17201c;box-shadow:inset 0 1px rgba(255,255,255,.9)}input:focus,textarea:focus,select:focus{border-color:color-mix(in srgb,var(--accent) 70%,#17201c);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 24%,transparent)}.submit{border-radius:22px;background:#17201c;color:#fff;box-shadow:0 18px 34px rgba(23,32,28,.22),0 0 0 6px color-mix(in srgb,var(--accent) 22%,transparent)}.submit:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.26),transparent)}.footer{color:rgba(23,32,28,.52)}.footer a{color:#17201c}.req,.field:has([required]) label:after{color:color-mix(in srgb,var(--accent) 70%,#18241e);text-shadow:none}.visual{border-radius:999px;border-color:color-mix(in srgb,var(--accent) 35%,rgba(23,32,28,.08));opacity:.18}.visual:before,.visual:after{border-radius:40px;background:color-mix(in srgb,var(--accent) 18%,transparent)}.concept-card{position:relative;margin-top:20px;max-width:760px;border:1px solid rgba(38,45,39,.11);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,250,242,.50));box-shadow:0 24px 70px rgba(70,58,39,.13),inset 0 1px rgba(255,255,255,.82);padding:16px;overflow:hidden;backdrop-filter:blur(20px)}.concept-card:before{content:"";position:absolute;inset:-35%;background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 18%),radial-gradient(circle at 82% 42%,rgba(255,184,107,.23),transparent 18%);animation:sweetGlow 9s ease-in-out infinite;pointer-events:none}.concept-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.concept-top span{display:inline-flex;border-radius:999px;background:color-mix(in srgb,var(--accent) 38%,white);padding:8px 11px;color:#18241e;font:900 12px/1 'Hanken Grotesk',sans-serif;letter-spacing:.04em;text-transform:uppercase}.concept-top b{color:#5f6b62;font-size:13px}.concept-stage{position:relative;z-index:1;height:174px;border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(245,237,222,.56));overflow:hidden;border:1px solid rgba(38,45,39,.08)}.sweet-paths{position:absolute;inset:0;width:100%;height:100%;opacity:.88}.sweet-paths .path{fill:none;stroke:color-mix(in srgb,var(--accent) 75%,#18241e);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:10 13;animation:sweetDash 16s linear infinite}.sweet-paths .path-b{stroke:#f0a04f;stroke-width:2.5;opacity:.7;animation-duration:21s}.pulse-dot{fill:#fff;stroke:var(--accent);stroke-width:4;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 60%,transparent));animation:dotPulse 2.8s ease-in-out infinite}.d2{animation-delay:.55s}.d3{animation-delay:1.1s}.actor{position:absolute;display:grid;place-items:center;text-align:center;width:118px;min-height:110px;border-radius:30px;background:rgba(255,255,255,.78);border:1px solid rgba(38,45,39,.10);box-shadow:0 16px 32px rgba(70,58,39,.10);padding:12px 10px}.actor i{display:block;width:44px;height:44px;margin-bottom:7px;position:relative}.actor strong{font-size:13px;line-height:1.05;color:#17201c}.actor small{font-size:11px;color:#718075;margin-top:4px}.human{left:22px;top:32px}.agent{left:50%;top:20px;transform:translateX(-50%)}.vault{right:24px;top:32px}.human i{border-radius:999px 999px 18px 18px;background:linear-gradient(#17201c 0 34%,var(--accent) 35%);box-shadow:inset 0 -16px rgba(255,255,255,.22)}.human i:before{content:"";position:absolute;left:12px;top:-9px;width:20px;height:20px;border-radius:999px;background:#17201c}.agent i{border-radius:16px;background:linear-gradient(135deg,var(--accent),#fff);border:2px solid #17201c}.agent i:before,.agent i:after{content:"";position:absolute;top:17px;width:7px;height:7px;border-radius:999px;background:#17201c}.agent i:before{left:12px}.agent i:after{right:12px}.vault i{border-radius:14px;background:#17201c;box-shadow:inset 0 0 0 4px color-mix(in srgb,var(--accent) 55%,white)}.vault i:before{content:"";position:absolute;left:11px;top:-10px;width:22px;height:20px;border:4px solid #17201c;border-bottom:0;border-radius:16px 16px 0 0}.vault i:after{content:"";position:absolute;left:18px;top:17px;width:8px;height:8px;border-radius:999px;background:var(--accent)}.machine-card{position:absolute;left:29%;right:29%;bottom:16px;border-radius:20px;background:#17201c;color:#fff;padding:12px 14px;box-shadow:0 18px 34px rgba(23,32,28,.20)}.machine-card span{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.32);margin:6px 0}.machine-card span:nth-child(2){width:64%;background:var(--accent)}.machine-card span:nth-child(3){width:78%}.machine-card b{display:block;margin-top:8px;font:800 10px/1 'JetBrains Mono',monospace;color:rgba(255,255,255,.74)}.concept-card p{position:relative;z-index:1;margin:11px 4px 0;color:#5f6b62;font-size:14px;line-height:1.35}.page[data-motion="memory-orbits"] .concept-stage{border-radius:40px}.page[data-motion="radar-sweep"] .concept-stage{border-radius:999px 36px 36px 999px}@keyframes sweetDash{to{stroke-dashoffset:-180}}@keyframes dotPulse{0%,100%{transform:scale(.82);opacity:.72}50%{transform:scale(1.18);opacity:1}}@keyframes sweetGlow{0%,100%{transform:translate3d(-2%,0,0) rotate(0deg)}50%{transform:translate3d(3%,2%,0) rotate(2deg)}}@media(max-height:840px) and (min-width:981px){h1{font-size:clamp(38px,5vw,68px)}.lead{font-size:16px;margin-top:16px}.proof{margin-top:16px}.concept-card{margin-top:14px;padding:12px}.concept-stage{height:138px}.actor{width:104px;min-height:92px;border-radius:24px;padding:9px}.actor i{width:34px;height:34px}.human i:before{left:9px;width:16px;height:16px}.agent i:before,.agent i:after{top:13px}.vault i:before{left:8px;width:18px;height:16px}.machine-card{padding:8px 10px;bottom:10px}.concept-card p{display:none}.form-card{padding:18px}}@media(max-width:980px){.concept-card{max-width:none}.concept-stage{height:210px}.actor{transform:none}.agent{left:50%;transform:translateX(-50%)}.machine-card{left:22%;right:22%}}

/* higgsfield-hero-art-v1 */
.hero{position:relative}.hero-art{position:absolute;top:58px;right:0;width:clamp(136px,15vw,204px);aspect-ratio:1;margin:0;border-radius:34px;background:rgba(255,255,255,.56);border:1px solid rgba(38,45,39,.10);box-shadow:0 22px 58px rgba(70,58,39,.13),inset 0 1px rgba(255,255,255,.88);padding:10px;overflow:hidden;transform:rotate(1.5deg);animation:artFloat 7s ease-in-out infinite;z-index:2}.hero-art:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 26%,transparent),transparent 28%),radial-gradient(circle at 90% 90%,rgba(255,184,107,.20),transparent 34%);z-index:0}.hero-art img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;border-radius:25px;mix-blend-mode:multiply;filter:saturate(1.04) contrast(.98)}.hero-art:after{content:"";position:absolute;inset:10px;border-radius:25px;background:linear-gradient(120deg,rgba(255,255,255,.28),transparent 38%,rgba(255,255,255,.12));pointer-events:none;z-index:2}h1{max-width:calc(100% - clamp(150px,17vw,225px))}.lead{max-width:calc(100% - clamp(120px,13vw,185px))}@keyframes artFloat{0%,100%{transform:translate3d(0,0,0) rotate(1.5deg)}50%{transform:translate3d(0,-8px,0) rotate(-1deg)}}@media(max-width:1180px){.hero-art{position:relative;top:auto;right:auto;width:180px;margin:16px 0 -4px}.lead,h1{max-width:none}}@media(max-height:800px) and (min-width:1181px){.hero-art{width:150px;top:48px}h1{max-width:calc(100% - 170px)}.lead{max-width:calc(100% - 140px)}}@media(max-width:640px){.hero-art{width:156px;border-radius:28px}.hero-art img{border-radius:20px}}

/* interactive-ink-background-v1 */
.ink-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-4;pointer-events:none;opacity:.74;filter:blur(5px) saturate(1.24);mix-blend-mode:multiply}.page[data-ink-preset="coding-agent-power-users"] .ink-canvas{opacity:.64;filter:blur(4px) saturate(1.26)}.page[data-ink-preset="indie-devs"] .ink-canvas,.page[data-ink-preset="ai-app-founders"] .ink-canvas{opacity:.80;filter:blur(6px) saturate(1.28)}.page[data-ink-preset="security-governance"] .ink-canvas{opacity:.66;filter:blur(5px) saturate(1.14)}

/* ascii-ocean-background-v1 */
.page{
  --ocean-bg:#07111f;
  --ocean-deep:#0b2340;
  --ocean-mid:#2f75d6;
  --ocean-foam:#c9ecff;
  --ocean-word:#8fd0ff;
  background:var(--ocean-bg)!important;
}
.page[data-ascii-ocean="indie-devs"]{--accent:#7fb7ff;--ocean-bg:#07111f;--ocean-deep:#0b2340;--ocean-mid:#2f75d6;--ocean-foam:#c9ecff;--ocean-word:#8fd0ff}
.page[data-ascii-ocean="ai-product-teams"]{--accent:#7ee2ad;--ocean-bg:#071813;--ocean-deep:#103525;--ocean-mid:#2a9d68;--ocean-foam:#d8ffe7;--ocean-word:#8cf0b6}
.page[data-ascii-ocean="coding-agent-power-users"]{--accent:#b8a4ff;--ocean-bg:#100a22;--ocean-deep:#201046;--ocean-mid:#7c5cff;--ocean-foam:#eee8ff;--ocean-word:#cabdff}
.page[data-ascii-ocean="agent-infra"]{--accent:#77d7e8;--ocean-bg:#06161b;--ocean-deep:#0b3440;--ocean-mid:#21a6c8;--ocean-foam:#d9fbff;--ocean-word:#8feaff}
.page[data-ascii-ocean="mcp-tool-builders"]{--accent:#ffd166;--ocean-bg:#1c1404;--ocean-deep:#3a2709;--ocean-mid:#d79a19;--ocean-foam:#fff3c2;--ocean-word:#ffd166}
.page[data-ascii-ocean="security-governance"]{--accent:#ff9fb2;--ocean-bg:#1d0710;--ocean-deep:#3b1021;--ocean-mid:#d34d75;--ocean-foam:#ffe5ec;--ocean-word:#ffabc0}
.page[data-ascii-ocean="memory-qa-radar"]{--accent:#9df27e;--ocean-bg:#071908;--ocean-deep:#173a16;--ocean-mid:#5ec94f;--ocean-foam:#e7ffdf;--ocean-word:#a8ff91}
.page[data-ascii-ocean="ai-app-founders"]{--accent:#ffb86b;--ocean-bg:#201006;--ocean-deep:#422307;--ocean-mid:#ef8b2f;--ocean-foam:#fff0d7;--ocean-word:#ffc98e}
.ascii-ocean-canvas,.ascii-rain-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;pointer-events:none}.ascii-ocean-canvas{z-index:0}.ascii-rain-canvas{z-index:1;mix-blend-mode:screen;opacity:.72}.ascii-ocean-fallback:after{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(circle at var(--orb-x) var(--orb-y),color-mix(in srgb,var(--accent) 28%,transparent),transparent 32%),linear-gradient(135deg,var(--ocean-bg),var(--ocean-deep));pointer-events:none}
.grid,.motion-canvas,.motion-layer,.ink-canvas,.visual{display:none!important}.noise{opacity:.12;mix-blend-mode:screen;z-index:-1}.brand-logo{background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 40%,transparent))}.eyebrow{color:var(--ocean-foam);background:rgba(3,8,14,.52);border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.26);backdrop-filter:blur(18px)}h1{color:#f4fbff;text-shadow:0 16px 42px rgba(0,0,0,.44)}.lead{color:rgba(231,241,247,.84)}.proof div{border-color:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.10));background:rgba(4,10,16,.58);box-shadow:0 22px 58px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.proof b{color:#f7fbff}.proof span{color:rgba(224,235,241,.74)}.form-card{border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12));background:linear-gradient(180deg,rgba(7,13,20,.76),rgba(5,9,15,.66));box-shadow:0 30px 86px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(26px);color:#f5fbff}.form-head{border-bottom-color:rgba(255,255,255,.10)}.form-head p,.fine{color:rgba(224,235,241,.72)}label{color:rgba(243,248,252,.90)}input,select,textarea{background:rgba(0,0,0,.34);border-color:rgba(255,255,255,.16);color:#f6fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--accent) 72%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px rgba(255,255,255,.06)}input::placeholder,textarea::placeholder{color:rgba(224,235,241,.42)}select option{background:#071018;color:#f6fbff}.submit{background:linear-gradient(135deg,var(--accent),var(--ocean-foam));color:#061018;box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 30%,transparent)}.concept-card{border-color:rgba(255,255,255,.12);background:rgba(4,10,16,.48);box-shadow:0 22px 58px rgba(0,0,0,.28);color:#f5fbff}.concept-card p,.actor small,.machine-card{color:rgba(224,235,241,.72)}.concept-top,.actor strong{color:#f7fbff}.actor,.machine-card,.concept-stage{border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.24)}.hero-art{background:rgba(5,12,18,.52);border-color:color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.12));box-shadow:0 24px 64px rgba(0,0,0,.34)}.hero-art:before{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 28%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--ocean-foam) 16%,transparent),transparent 34%)}.hero-art img{mix-blend-mode:screen;filter:saturate(1.05) contrast(1.05)}.footer{color:rgba(224,235,241,.62)}
@media(prefers-reduced-motion:reduce){.ascii-rain-canvas{display:none}.ascii-ocean-canvas{opacity:.72}}

/* light-ocean-chrome-emphasis-v4 */
.chrome-word{
  display:inline;
  color:#e7f8ff;
  background:linear-gradient(112deg,#f4fbff 0%,#c9ecff 18%,#8fd0ff 34%,#ffe2e5 52%,#ff8fa3 68%,#ffd6dc 82%,#dff6ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(127,183,255,.18),0 0 18px rgba(255,143,163,.16);
  filter:drop-shadow(0 0 7px rgba(201,236,255,.20));
}
.lead .chrome-word{
  font-weight:800;
  letter-spacing:-.02em;
  text-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 20px rgba(127,183,255,.14),0 0 12px rgba(255,143,163,.14);
  filter:drop-shadow(0 0 5px rgba(201,236,255,.16));
}
@media(forced-colors:active){.chrome-word{background:none;-webkit-text-fill-color:CanvasText;color:CanvasText;text-shadow:none;filter:none}}

/* mobile-responsive-final-v1
   Keep this block last: later design passes intentionally overrode the early
   mobile media query and forced the form into a 430px second column on phones. */
@media(max-width:980px){
  html,body{width:100%;min-height:100%;height:auto;overflow-x:hidden;overflow-y:auto}
  body{min-height:100svh}
  .page{width:100%;min-height:100svh;height:auto;overflow:hidden;background-attachment:scroll}
  .brand{position:relative;top:auto;left:auto;padding:18px 20px 0;z-index:5}
  .brand-logo{width:min(252px,72vw);height:auto;border-radius:0;padding:0}
  .wrap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px;width:100%;height:auto;min-height:0;max-width:none;margin:0;padding:18px 20px 44px;align-items:start}
  .hero{width:100%;max-width:none;min-width:0;transform:none;display:flex;flex-direction:column;gap:0}
  .eyebrow{margin-bottom:14px;align-self:flex-start;font-size:11px;padding:8px 10px;max-width:100%}
  h1{max-width:100%!important;font-size:clamp(42px,13vw,58px);line-height:.96;letter-spacing:-.055em;text-wrap:balance;overflow-wrap:normal}
  .hero-art{position:relative!important;top:auto!important;right:auto!important;width:min(172px,46vw);margin:18px 0 8px;border-radius:28px;transform:rotate(1deg);order:2}
  .lead{max-width:100%!important;margin:12px 0 0;font-size:18px;line-height:1.44;letter-spacing:-.01em;order:3}
  .proof{grid-template-columns:1fr;gap:10px;margin-top:18px;width:100%;max-width:none;order:4}
  .proof div{border-radius:22px;padding:14px}
  .proof span{font-size:14px}
  .concept-card{width:100%;max-width:none;margin-top:16px;border-radius:26px;padding:14px;order:5}
  .concept-stage{min-height:172px;overflow:hidden;border-radius:22px}
  .actor{width:31%;min-width:0;padding:10px 8px;border-radius:18px;text-align:center}
  .actor strong{font-size:12px;line-height:1.05}.actor small{font-size:10px}
  .machine-card{left:50%;bottom:14px;width:min(230px,78%);transform:translateX(-50%);font-size:10px}
  .form-card{width:100%;max-width:none;min-width:0;justify-self:stretch;transform:none;margin:0;border-radius:28px;padding:20px;box-shadow:0 24px 62px rgba(64,54,37,.14),inset 0 1px rgba(255,255,255,.82)}
  .form-head p{font-size:14px;line-height:1.45}.split{grid-template-columns:1fr;gap:12px}.field{min-width:0}
  label{font-size:11px;line-height:1.25}input,select,textarea{width:100%;min-width:0;font-size:16px}textarea{min-height:112px}.submit{width:100%;min-height:54px}.fine{font-size:12px;line-height:1.42}
  .visual{display:none}.motion-canvas,.ink-canvas{opacity:.48;filter:blur(7px) saturate(1.12)}.motion-layer span:nth-child(3),.motion-layer span:nth-child(4){display:none}
  .footer{position:static;padding:0 20px 24px}
}
@media(max-width:430px){
  .wrap{padding-left:18px;padding-right:18px}.brand{padding-left:18px;padding-right:18px}
  h1{font-size:clamp(40px,12.8vw,54px)}.lead{font-size:17px}.form-card{padding:18px;border-radius:26px}
  .concept-top{font-size:11px}.concept-stage{min-height:164px}.sweet-paths{opacity:.76}
}

/* ascii-ocean-background-final-overrides-v2 - keep last */
html,body{background:#07111f;color:#f5fbff}
.page[data-ascii-ocean]{background:var(--ocean-bg)!important;color:#f5fbff;isolation:isolate}
.page[data-ascii-ocean="indie-devs"]{--accent:#7fb7ff;--ocean-bg:#07111f;--ocean-deep:#0b2340;--ocean-mid:#2f75d6;--ocean-foam:#c9ecff;--ocean-word:#8fd0ff}
.page[data-ascii-ocean="ai-product-teams"]{--accent:#7ee2ad;--ocean-bg:#071813;--ocean-deep:#103525;--ocean-mid:#2a9d68;--ocean-foam:#d8ffe7;--ocean-word:#8cf0b6}
.page[data-ascii-ocean="coding-agent-power-users"]{--accent:#b8a4ff;--ocean-bg:#100a22;--ocean-deep:#201046;--ocean-mid:#7c5cff;--ocean-foam:#eee8ff;--ocean-word:#cabdff}
.page[data-ascii-ocean="agent-infra"]{--accent:#77d7e8;--ocean-bg:#06161b;--ocean-deep:#0b3440;--ocean-mid:#21a6c8;--ocean-foam:#d9fbff;--ocean-word:#8feaff}
.page[data-ascii-ocean="mcp-tool-builders"]{--accent:#ffd166;--ocean-bg:#1c1404;--ocean-deep:#3a2709;--ocean-mid:#d79a19;--ocean-foam:#fff3c2;--ocean-word:#ffd166}
.page[data-ascii-ocean="security-governance"]{--accent:#ff9fb2;--ocean-bg:#1d0710;--ocean-deep:#3b1021;--ocean-mid:#d34d75;--ocean-foam:#ffe5ec;--ocean-word:#ffabc0}
.page[data-ascii-ocean="memory-qa-radar"]{--accent:#9df27e;--ocean-bg:#071908;--ocean-deep:#173a16;--ocean-mid:#5ec94f;--ocean-foam:#e7ffdf;--ocean-word:#a8ff91}
.page[data-ascii-ocean="ai-app-founders"]{--accent:#ffb86b;--ocean-bg:#201006;--ocean-deep:#422307;--ocean-mid:#ef8b2f;--ocean-foam:#fff0d7;--ocean-word:#ffc98e}
.page[data-ascii-ocean] .ascii-ocean-canvas,.page[data-ascii-ocean] .ascii-rain-canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block;pointer-events:none}.page[data-ascii-ocean] .ascii-ocean-canvas{z-index:0}.page[data-ascii-ocean] .ascii-rain-canvas{z-index:1;mix-blend-mode:screen;opacity:.72}.page[data-ascii-ocean].ascii-ocean-fallback:after{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(circle at var(--orb-x) var(--orb-y),color-mix(in srgb,var(--accent) 28%,transparent),transparent 32%),linear-gradient(135deg,var(--ocean-bg),var(--ocean-deep));pointer-events:none}.page[data-ascii-ocean] .grid,.page[data-ascii-ocean] .motion-canvas,.page[data-ascii-ocean] .motion-layer,.page[data-ascii-ocean] .ink-canvas,.page[data-ascii-ocean] .visual{display:none!important}.page[data-ascii-ocean] .noise{opacity:.12;mix-blend-mode:screen;z-index:2}.page[data-ascii-ocean] .brand,.page[data-ascii-ocean] .wrap,.page[data-ascii-ocean] .footer{position:relative;z-index:3}.page[data-ascii-ocean] .brand-logo{background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 40%,transparent))}.page[data-ascii-ocean] .eyebrow{color:var(--ocean-foam);background:rgba(3,8,14,.52);border-color:color-mix(in srgb,var(--accent) 34%,transparent);box-shadow:0 14px 34px rgba(0,0,0,.26);backdrop-filter:blur(18px)}.page[data-ascii-ocean] h1{color:#f4fbff;text-shadow:0 16px 42px rgba(0,0,0,.44)}.page[data-ascii-ocean] .lead{color:rgba(231,241,247,.84)}.page[data-ascii-ocean] .proof div{border-color:color-mix(in srgb,var(--accent) 28%,rgba(255,255,255,.10));background:rgba(4,10,16,.58);box-shadow:0 22px 58px rgba(0,0,0,.28);backdrop-filter:blur(20px)}.page[data-ascii-ocean] .proof b{color:#f7fbff}.page[data-ascii-ocean] .proof span{color:rgba(224,235,241,.74)}.page[data-ascii-ocean] .form-card{border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12));background:linear-gradient(180deg,rgba(7,13,20,.76),rgba(5,9,15,.66));box-shadow:0 30px 86px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.10);backdrop-filter:blur(26px);color:#f5fbff}.page[data-ascii-ocean] .form-head{border-bottom-color:rgba(255,255,255,.10)}.page[data-ascii-ocean] .form-head p,.page[data-ascii-ocean] .fine{color:rgba(224,235,241,.72)}.page[data-ascii-ocean] label{color:rgba(243,248,252,.90)}.page[data-ascii-ocean] input,.page[data-ascii-ocean] select,.page[data-ascii-ocean] textarea{background:rgba(0,0,0,.34);border-color:rgba(255,255,255,.16);color:#f6fbff;box-shadow:inset 0 1px rgba(255,255,255,.05)}.page[data-ascii-ocean] input:focus,.page[data-ascii-ocean] select:focus,.page[data-ascii-ocean] textarea:focus{border-color:color-mix(in srgb,var(--accent) 72%,#fff);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),inset 0 1px rgba(255,255,255,.06)}.page[data-ascii-ocean] input::placeholder,.page[data-ascii-ocean] textarea::placeholder{color:rgba(224,235,241,.42)}.page[data-ascii-ocean] select option{background:#071018;color:#f6fbff}.page[data-ascii-ocean] .submit{background:linear-gradient(135deg,var(--accent),var(--ocean-foam));color:#061018;box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 30%,transparent)}.page[data-ascii-ocean] .concept-card{border-color:rgba(255,255,255,.12);background:rgba(4,10,16,.48);box-shadow:0 22px 58px rgba(0,0,0,.28);color:#f5fbff}.page[data-ascii-ocean] .concept-card p,.page[data-ascii-ocean] .actor small,.page[data-ascii-ocean] .machine-card{color:rgba(224,235,241,.72)}.page[data-ascii-ocean] .concept-top,.page[data-ascii-ocean] .actor strong{color:#f7fbff}.page[data-ascii-ocean] .actor,.page[data-ascii-ocean] .machine-card,.page[data-ascii-ocean] .concept-stage{border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.24)}.page[data-ascii-ocean] .hero-art{background:rgba(5,12,18,.52);border-color:color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.12));box-shadow:0 24px 64px rgba(0,0,0,.34)}.page[data-ascii-ocean] .hero-art:before{background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 28%),radial-gradient(circle at 90% 90%,color-mix(in srgb,var(--ocean-foam) 16%,transparent),transparent 34%)}.page[data-ascii-ocean] .hero-art img{mix-blend-mode:screen;filter:saturate(1.05) contrast(1.05)}.page[data-ascii-ocean] .footer{color:rgba(224,235,241,.62)}
@media(prefers-reduced-motion:reduce){.page[data-ascii-ocean] .ascii-rain-canvas{display:none}.page[data-ascii-ocean] .ascii-ocean-canvas{opacity:.72}}

/* memory-flow-card-redesign-v1
   Dark, compact diagram treatment for the ASCII ocean background. */
.page[data-ascii-ocean] .concept-card{
  margin-top:16px;
  max-width:780px;
  padding:14px;
  border-radius:30px;
  border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.10));
  background:
    radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 28%),
    linear-gradient(180deg,rgba(4,12,20,.78),rgba(3,8,14,.58));
  box-shadow:0 28px 76px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(1.08);
}
.page[data-ascii-ocean] .concept-card:before{
  inset:0;
  background:
    linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 8%,transparent),transparent),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 86px);
  opacity:.45;
  animation:none;
}
.page[data-ascii-ocean] .concept-top{
  margin-bottom:12px;
  padding:0 2px;
}
.page[data-ascii-ocean] .concept-top span{
  color:var(--ocean-foam);
  background:color-mix(in srgb,var(--accent) 16%,rgba(3,8,14,.78));
  border:1px solid color-mix(in srgb,var(--accent) 36%,rgba(255,255,255,.08));
  border-radius:999px;
  padding:9px 14px;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.25);
  font:800 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.065em;
}
.page[data-ascii-ocean] .concept-top b{
  color:color-mix(in srgb,var(--ocean-foam) 72%,rgba(255,255,255,.18));
  font:700 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.page[data-ascii-ocean] .concept-stage{
  height:136px;
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.10));
  background:
    radial-gradient(circle at 50% 48%,rgba(255,255,255,.055),transparent 25%),
    linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.18));
  box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 0 36px rgba(0,0,0,.28);
}
.page[data-ascii-ocean] .sweet-paths{
  inset:8px 2%;
  width:96%;
  height:calc(100% - 16px);
  opacity:.82;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 22%,transparent));
}
.page[data-ascii-ocean] .sweet-paths .path{
  stroke:color-mix(in srgb,var(--accent) 70%,var(--ocean-foam));
  stroke-width:2.6;
  stroke-dasharray:6 16;
  opacity:.58;
}
.page[data-ascii-ocean] .sweet-paths .path-b{
  stroke:color-mix(in srgb,var(--ocean-word) 48%,#ffbd73);
  stroke-width:1.8;
  opacity:.34;
}
.page[data-ascii-ocean] .pulse-dot{
  fill:var(--ocean-bg);
  stroke:var(--ocean-foam);
  stroke-width:3;
  opacity:.86;
}
.page[data-ascii-ocean] .actor{
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  width:124px;
  min-height:96px;
  padding:9px 10px 8px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.12));
  background:linear-gradient(180deg,rgba(8,18,28,.84),rgba(5,11,18,.64));
  box-shadow:0 18px 40px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);
}
.page[data-ascii-ocean] .human{left:22px;top:20px}.page[data-ascii-ocean] .agent{top:14px}.page[data-ascii-ocean] .vault{right:22px;top:20px}
.page[data-ascii-ocean] .actor i{
  width:34px;
  height:34px;
  margin:0 0 4px;
  border-radius:15px;
  background:rgba(255,255,255,.04);
  border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.14));
  box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 8%,transparent),inset 0 1px rgba(255,255,255,.12);
}
.page[data-ascii-ocean] .human i{
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--ocean-foam) 92%,#fff) 0 18%,transparent 19%),
    radial-gradient(ellipse at 50% 91%,color-mix(in srgb,var(--accent) 78%,var(--ocean-bg)) 0 48%,transparent 49%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
  border-color:color-mix(in srgb,var(--ocean-foam) 42%,rgba(255,255,255,.16));
  box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 8%,transparent),0 0 24px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px rgba(255,255,255,.16);
}
.page[data-ascii-ocean] .human i:before{
  left:10px;
  top:5px;
  width:14px;
  height:14px;
  border-radius:999px;
  background:color-mix(in srgb,var(--ocean-foam) 90%,#fff);
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 30%,transparent);
}
.page[data-ascii-ocean] .human i:after{
  content:"";
  position:absolute;
  left:7px;
  top:22px;
  width:20px;
  height:11px;
  border-radius:15px 15px 8px 8px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 74%,var(--ocean-foam)),color-mix(in srgb,var(--accent) 66%,var(--ocean-bg)));
  box-shadow:inset 0 1px rgba(255,255,255,.22);
}
.page[data-ascii-ocean] .agent i{
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#07111f 0 15%,transparent 16%),linear-gradient(135deg,var(--ocean-foam),var(--accent));
  border:1px solid color-mix(in srgb,var(--ocean-foam) 75%,var(--accent));
}
.page[data-ascii-ocean] .agent i:before,
.page[data-ascii-ocean] .agent i:after{
  display:none;
}
.page[data-ascii-ocean] .vault i{
  border-radius:50% / 17%;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--ocean-foam) 82%,#fff) 0 7%,transparent 8% 35%,color-mix(in srgb,var(--accent) 58%,var(--ocean-bg)) 36% 42%,transparent 43% 66%,color-mix(in srgb,var(--accent) 50%,var(--ocean-bg)) 67% 73%,transparent 74%),
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 50%,var(--ocean-bg)),color-mix(in srgb,var(--accent) 72%,var(--ocean-foam)));
  box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 8%,transparent),0 0 24px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px rgba(255,255,255,.24);
}
.page[data-ascii-ocean] .vault i:before{
  content:"";
  position:absolute;
  display:block;
  left:3px;
  top:2px;
  width:26px;
  height:9px;
  border:1px solid color-mix(in srgb,var(--ocean-foam) 70%,var(--accent));
  border-radius:50%;
  background:color-mix(in srgb,var(--ocean-bg) 58%,var(--accent));
  box-shadow:inset 0 1px rgba(255,255,255,.20);
}
.page[data-ascii-ocean] .vault i:after{
  content:"";
  position:absolute;
  left:5px;
  top:18px;
  width:24px;
  height:8px;
  border-radius:50%;
  background:transparent;
  border-bottom:2px solid color-mix(in srgb,var(--ocean-foam) 70%,var(--accent));
  box-shadow:none;
}
.page[data-ascii-ocean] .actor strong{
  max-width:104px;
  color:#f7fbff;
  font-size:13px;
  font-weight:800;
  line-height:1.05;
  letter-spacing:-.015em;
}
.page[data-ascii-ocean] .actor small{
  color:rgba(224,235,241,.68);
  font-size:10px;
  font-weight:650;
}
.page[data-ascii-ocean] .machine-card{
  z-index:1;
  left:50%;
  right:auto;
  bottom:9px;
  width:228px;
  transform:translateX(-50%);
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.12));
  background:linear-gradient(180deg,rgba(8,17,27,.92),rgba(3,8,14,.82));
  box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08);
  color:rgba(224,235,241,.78);
  padding:10px 12px;
}
.page[data-ascii-ocean] .machine-card span{
  height:5px;
  margin:5px 0;
  background:rgba(255,255,255,.18);
}
.page[data-ascii-ocean] .machine-card span:nth-child(2){
  width:68%;
  background:linear-gradient(90deg,var(--accent),var(--ocean-foam));
}
.page[data-ascii-ocean] .machine-card b{
  margin-top:7px;
  color:rgba(245,251,255,.76);
  font-size:10px;
  letter-spacing:.03em;
}
.page[data-ascii-ocean] .concept-card p{display:none}

@media(max-height:840px) and (min-width:981px){
  .page[data-ascii-ocean] .concept-card{padding:14px;margin-top:16px}
  .page[data-ascii-ocean] .concept-stage{height:156px}
  .page[data-ascii-ocean] .actor{width:124px;min-height:104px;padding:10px;border-radius:20px}
  .page[data-ascii-ocean] .actor i{width:34px;height:34px}.page[data-ascii-ocean] .actor strong{font-size:13px}.page[data-ascii-ocean] .actor small{font-size:10px}
  .page[data-ascii-ocean] .machine-card{bottom:12px;width:224px;padding:8px 10px}
}
@media(max-width:980px){
  .page[data-ascii-ocean] .concept-card{padding:14px;border-radius:26px}
  .page[data-ascii-ocean] .concept-stage{height:218px;min-height:218px;border-radius:22px}
  .page[data-ascii-ocean] .actor{width:31%;min-height:112px;padding:10px 7px;border-radius:18px}
  .page[data-ascii-ocean] .human{left:10px;top:42px}.page[data-ascii-ocean] .agent{top:26px}.page[data-ascii-ocean] .vault{right:10px;top:42px}
  .page[data-ascii-ocean] .actor i{width:34px;height:34px}.page[data-ascii-ocean] .actor strong{font-size:12px}.page[data-ascii-ocean] .actor small{font-size:10px}
  .page[data-ascii-ocean] .machine-card{width:min(236px,76%);bottom:16px}
}
@media(max-width:430px){
  .page[data-ascii-ocean] .concept-top{align-items:flex-start;flex-direction:column;gap:8px}
  .page[data-ascii-ocean] .concept-stage{height:236px;min-height:236px}
  .page[data-ascii-ocean] .actor{width:32%;min-height:106px;padding:9px 5px}
  .page[data-ascii-ocean] .actor i{width:30px;height:30px}.page[data-ascii-ocean] .actor strong{font-size:11px}.page[data-ascii-ocean] .actor small{font-size:9px}
  .page[data-ascii-ocean] .machine-card{bottom:14px;width:min(220px,82%)}
}


/* ascii-rainfall-visual-focus-v1 */
.page[data-ascii-ocean] .hero-art{
  display:none!important;
}
.page[data-ascii-ocean] .hero h1,
.page[data-ascii-ocean] .hero .lead{
  max-width:100%!important;
}
.page[data-ascii-ocean] .form-head strong{
  color:#ff5f73;
  text-shadow:0 0 18px rgba(255,95,115,.28);
}

/* product-memory-flow-card-v2 - adapted from ~/memory-flow.html */
.page[data-ascii-ocean] .memory-flow-card{
  width:100%;
  max-width:780px;
  margin-top:16px;
  padding:14px;
  border-radius:30px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.10));
  background:
    radial-gradient(520px 220px at 14% 12%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 66%),
    linear-gradient(180deg,rgba(17,13,8,.86),rgba(5,8,13,.62));
  box-shadow:0 28px 76px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(22px) saturate(1.08);
}
.page[data-ascii-ocean] .memory-flow-card:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 44%,transparent) 0 10px,transparent 10px 22px);
  opacity:.55;
}
.page[data-ascii-ocean] .memory-flow-head{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
  padding:0 2px;
}
.page[data-ascii-ocean] .memory-flow-pill{
  display:inline-flex;
  align-items:center;
  color:#f7fbff;
  border:1px solid color-mix(in srgb,var(--accent) 40%,rgba(255,255,255,.16));
  border-radius:999px;
  padding:9px 16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 12%,rgba(3,8,14,.78)),rgba(3,8,14,.52));
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 10px 26px rgba(0,0,0,.25);
  font:800 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.page[data-ascii-ocean] .memory-flow-head b{
  color:color-mix(in srgb,var(--ocean-foam) 72%,rgba(255,255,255,.18));
  font:800 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.page[data-ascii-ocean] .memory-flow-stage{
  position:relative;
  height:202px;
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.10));
  background:
    radial-gradient(480px 220px at 50% 0%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 70%),
    linear-gradient(180deg,rgba(0,0,0,.30),rgba(0,0,0,.18));
  box-shadow:inset 0 1px rgba(255,255,255,.06),inset 0 0 36px rgba(0,0,0,.28);
  overflow:hidden;
}
.page[data-ascii-ocean] .memory-flow-wires{
  position:absolute;
  inset:10px 2%;
  width:96%;
  height:calc(100% - 20px);
  pointer-events:none;
  opacity:.86;
  filter:drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 22%,transparent));
}
.page[data-ascii-ocean] .memory-wire{
  fill:none;
  stroke:color-mix(in srgb,var(--accent) 70%,var(--ocean-foam));
  stroke-width:2.5;
  stroke-linecap:round;
  stroke-dasharray:7 17;
  opacity:.56;
  animation:memoryWireFlow 1.8s linear infinite;
}
.page[data-ascii-ocean] .memory-wire-b{
  stroke:color-mix(in srgb,var(--ocean-word) 48%,#ffbd73);
  stroke-width:1.8;
  opacity:.34;
  animation-duration:2.4s;
}
.page[data-ascii-ocean] .memory-pulse{
  fill:var(--ocean-bg);
  stroke:var(--ocean-foam);
  stroke-width:3;
  opacity:.88;
  filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 42%,transparent));
}
.page[data-ascii-ocean] .memory-node{
  position:absolute;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:132px;
  min-height:116px;
  padding:12px 10px 11px;
  border-radius:22px;
  border:1px solid color-mix(in srgb,var(--accent) 26%,rgba(255,255,255,.12));
  background:linear-gradient(180deg,rgba(8,18,28,.86),rgba(5,11,18,.66));
  box-shadow:0 18px 40px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08);
  text-align:center;
}
.page[data-ascii-ocean] .founder-node{left:22px;top:42px}
.page[data-ascii-ocean] .app-node{left:50%;top:26px;transform:translateX(-50%)}
.page[data-ascii-ocean] .storage-node{right:22px;top:42px}
.page[data-ascii-ocean] .memory-node strong{
  max-width:112px;
  color:#f7fbff;
  font-size:15px;
  font-weight:850;
  line-height:1.04;
  letter-spacing:-.015em;
}
.page[data-ascii-ocean] .memory-node small{
  color:rgba(224,235,241,.70);
  font-size:11px;
  font-weight:700;
}
.page[data-ascii-ocean] .memory-icon{
  position:relative;
  width:40px;
  height:40px;
  margin:0 0 5px;
  display:block;
  border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.14));
  box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 8%,transparent),0 0 24px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px rgba(255,255,255,.14);
}
.page[data-ascii-ocean] .person-icon{
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--ocean-foam) 92%,#fff) 0 18%,transparent 19%),
    radial-gradient(ellipse at 50% 88%,color-mix(in srgb,var(--accent) 78%,var(--ocean-bg)) 0 46%,transparent 47%),
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01));
}
.page[data-ascii-ocean] .app-icon{
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,#07111f 0 14%,transparent 15%),linear-gradient(135deg,var(--ocean-foam),var(--accent));
  border-color:color-mix(in srgb,var(--ocean-foam) 75%,var(--accent));
}
.page[data-ascii-ocean] .storage-icon{
  border-radius:50% / 17%;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--ocean-foam) 82%,#fff) 0 7%,transparent 8% 35%,color-mix(in srgb,var(--accent) 58%,var(--ocean-bg)) 36% 42%,transparent 43% 66%,color-mix(in srgb,var(--accent) 50%,var(--ocean-bg)) 67% 73%,transparent 74%),
    linear-gradient(180deg,color-mix(in srgb,var(--accent) 50%,var(--ocean-bg)),color-mix(in srgb,var(--accent) 72%,var(--ocean-foam)));
}
.page[data-ascii-ocean] .storage-icon:before{
  content:"";
  position:absolute;
  left:4px;
  top:3px;
  width:30px;
  height:10px;
  border:1px solid color-mix(in srgb,var(--ocean-foam) 70%,var(--accent));
  border-radius:50%;
  background:color-mix(in srgb,var(--ocean-bg) 58%,var(--accent));
  box-shadow:inset 0 1px rgba(255,255,255,.20);
}
.page[data-ascii-ocean] .memory-tray{
  position:absolute;
  left:50%;
  top:calc(100% - 24px);
  transform:translateX(-50%);
  z-index:-1;
  width:252px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--accent) 22%,rgba(255,255,255,.12));
  background:linear-gradient(180deg,rgba(8,17,27,.92),rgba(3,8,14,.82));
  box-shadow:0 18px 42px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.08);
  padding:28px 12px 10px;
}
.page[data-ascii-ocean] .tray-bar{
  display:block;
  height:6px;
  margin:6px 0;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.16);
}
.page[data-ascii-ocean] .tray-bar i{
  display:block;
  height:100%;
  width:78%;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--accent),var(--ocean-foam));
  animation:memoryBarLoad 3.2s ease-in-out infinite alternate;
}
.page[data-ascii-ocean] .tray-bar.quiet i{width:92%;background:rgba(255,255,255,.25);animation-duration:4.1s}
.page[data-ascii-ocean] .memory-tray b{
  display:block;
  margin-top:8px;
  color:rgba(245,251,255,.76);
  font:800 11px/1 'JetBrains Mono',monospace;
  letter-spacing:.04em;
}
@keyframes memoryWireFlow{to{stroke-dashoffset:-24}}
@keyframes memoryBarLoad{from{width:56%}to{width:86%}}
@media(max-height:840px) and (min-width:981px){
  .page[data-ascii-ocean] .memory-flow-stage{height:182px}
  .page[data-ascii-ocean] .memory-node{width:126px;min-height:108px}.page[data-ascii-ocean] .memory-icon{width:34px;height:34px}.page[data-ascii-ocean] .memory-node strong{font-size:14px}.page[data-ascii-ocean] .memory-node small{font-size:10px}.page[data-ascii-ocean] .memory-tray{width:238px;padding-top:24px}
}
@media(max-width:980px){
  .page[data-ascii-ocean] .memory-flow-card{padding:14px;border-radius:26px}
  .page[data-ascii-ocean] .memory-flow-stage{height:238px;min-height:238px;border-radius:22px}
  .page[data-ascii-ocean] .memory-node{width:31%;min-height:112px;padding:10px 7px;border-radius:18px}
  .page[data-ascii-ocean] .founder-node{left:10px;top:50px}.page[data-ascii-ocean] .app-node{top:30px}.page[data-ascii-ocean] .storage-node{right:10px;top:50px}
  .page[data-ascii-ocean] .memory-icon{width:34px;height:34px}.page[data-ascii-ocean] .memory-node strong{font-size:12px}.page[data-ascii-ocean] .memory-node small{font-size:10px}
  .page[data-ascii-ocean] .memory-tray{width:min(236px,76vw);top:calc(100% - 18px)}
}
@media(max-width:430px){
  .page[data-ascii-ocean] .memory-flow-head{align-items:flex-start;flex-direction:column;gap:8px}.page[data-ascii-ocean] .memory-flow-pill{font-size:11px;padding:8px 12px}.page[data-ascii-ocean] .memory-flow-stage{height:252px;min-height:252px}.page[data-ascii-ocean] .memory-node{width:32%;min-height:108px;padding:9px 5px}.page[data-ascii-ocean] .memory-icon{width:30px;height:30px}.page[data-ascii-ocean] .memory-node strong{font-size:11px}.page[data-ascii-ocean] .memory-node small{font-size:9px}.page[data-ascii-ocean] .memory-tray{width:min(220px,82vw)}
}
@media(prefers-reduced-motion:reduce){.page[data-ascii-ocean] .memory-wire,.page[data-ascii-ocean] .tray-bar i{animation:none!important}}

/* atomicstrata-memory-logo-refresh-v1 - keep last.
   Replaces the old square icon treatment with the approved wordmark placement. */
.page .brand-logo,
.page[data-ascii-ocean] .brand-logo{
  width:clamp(220px,18vw,300px)!important;
  height:auto!important;
  max-height:72px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 34%,transparent))!important;
  animation:none!important;
}
@media(max-width:980px){
  .page .brand-logo,
  .page[data-ascii-ocean] .brand-logo{
    width:min(252px,72vw)!important;
    max-height:68px!important;
  }
}

/* paid-ads-conversion-pass-v1 */
.page[data-ascii-ocean] .brand-lockup{
  gap:18px;
  align-items:center;
  flex-wrap:wrap;
}
.page[data-ascii-ocean] .brand-lockup .brand-logo{
  width:clamp(168px,15vw,252px)!important;
  max-height:64px!important;
  object-fit:contain;
}
.product-lockup{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.product-pill{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.18));
  color:#fff;
  font:900 clamp(14px,1.2vw,19px)/1 'Hanken Grotesk',Inter,sans-serif;
  letter-spacing:-.015em;
  text-shadow:0 2px 16px rgba(0,0,0,.38);
  box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 22%,rgba(0,0,0,.18)),inset 0 1px rgba(255,255,255,.22);
}
.memory-pill{background:linear-gradient(135deg,#ffffff,#b8a4ff 48%,#7c5cff);color:#090613}
.radar-pill{background:linear-gradient(135deg,#ffffff,#9df27e 48%,#35d474);color:#061207}
.page[data-ascii-ocean] h1{
  font-weight:900;
  letter-spacing:-.065em;
}
.page[data-ascii-ocean] .lead{
  font-size:clamp(20px,1.62vw,27px);
  line-height:1.34;
  color:rgba(244,251,255,.92);
}
.page[data-ascii-ocean] .lead strong{
  color:#fff;
  font-weight:900;
  background:linear-gradient(112deg,#fff,var(--ocean-foam),var(--accent));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.page[data-ascii-ocean] .form-head p{
  font-size:17px;
  line-height:1.4;
  color:rgba(245,251,255,.92);
}
.page[data-ascii-ocean] .form-head strong{
  color:#fff;
  font-weight:900;
}
.optional{
  color:color-mix(in srgb,var(--ocean-foam) 70%,rgba(255,255,255,.45));
  font-weight:700;
  text-transform:none;
  letter-spacing:0;
}
.page[data-ascii-ocean] .submit{
  min-height:62px;
  border-radius:22px;
  font-size:18px;
  font-weight:900;
  letter-spacing:-.01em;
  text-transform:none;
  background:linear-gradient(135deg,#fff,var(--ocean-foam) 28%,var(--accent) 100%);
  box-shadow:0 22px 62px color-mix(in srgb,var(--accent) 38%,transparent),inset 0 1px rgba(255,255,255,.58);
}
@media(max-width:980px){
  .page[data-ascii-ocean] .brand-lockup{gap:12px;padding-bottom:4px}
  .page[data-ascii-ocean] .brand-lockup .brand-logo{width:min(210px,58vw)!important;max-height:54px!important}
  .product-pill{min-height:32px;padding:8px 11px;font-size:13px}
}

/* product-logo-footer-corrections-v1 */
.product-lockup{
  display:flex;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.product-logo{
  display:block;
  height:clamp(30px,3.1vw,46px);
  width:auto;
  max-width:min(220px,42vw);
  object-fit:contain;
  padding:6px 10px;
  border-radius:16px;
  border:1px solid color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.14));
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 34px color-mix(in srgb,var(--accent) 18%,rgba(0,0,0,.18)),inset 0 1px rgba(255,255,255,.7);
}
.credibility-footer{
  position:absolute;
  right:clamp(16px,2.6vw,40px);
  bottom:clamp(14px,2.2vw,32px);
  z-index:4;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 11px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,8,14,.46);
  box-shadow:0 18px 42px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(1.08);
}
.credibility-footer span{
  color:rgba(245,251,255,.70);
  font:800 10px/1.1 'JetBrains Mono',monospace;
  letter-spacing:.07em;
  text-transform:uppercase;
  max-width:92px;
}
.credibility-footer img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  border-radius:10px;
  background:#fff;
  padding:4px;
}
.credibility-footer img[src$="mit-logo.jpg"]{
  width:72px;
  object-fit:cover;
  object-position:center;
}
@media(max-width:980px){
  .product-lockup{gap:8px}
  .product-logo{height:34px;max-width:148px;padding:5px 8px;border-radius:12px}
  .credibility-footer{position:relative;right:auto;bottom:auto;margin:0 18px 18px auto;width:max-content;max-width:calc(100% - 36px)}
  .credibility-footer span{display:none}
  .credibility-footer img{width:34px;height:34px;border-radius:8px}
  .credibility-footer img[src$="mit-logo.jpg"]{width:58px}
}

/* atomic-memory-flow-static-v1 - static HTML adaptation of components/AtomicMemoryFlow.jsx */
.atomic-memory-flow-static{
  max-width:840px;
  margin:18px 0 0;
  padding:14px 16px 15px;
  border-radius:18px;
  border:1px solid #221b34;
  background:#110d1c;
  color:#e8e3f5;
  box-shadow:0 24px 64px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06);
  overflow:hidden;
}
.am-flow-head,.am-flow-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}
.am-flow-head span,.am-flow-legend,.am-flow-stage small{
  font-family:'JetBrains Mono','DM Mono',ui-monospace,monospace;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#b9a6f5;
}
.am-flow-legend{display:flex;align-items:center;gap:6px;color:#9a90b5}
.am-flow-legend i{width:7px;height:7px;border-radius:999px;background:#b9a6f5;display:inline-block}
.am-flow-legend i.correction{background:#f0a8c8;margin-left:8px}
.am-flow-stage{
  position:relative;
  display:grid;
  grid-template-columns:1fr 86px 1.18fr;
  gap:16px;
  min-height:214px;
  margin-top:12px;
  padding:16px;
  border-radius:14px;
  border:1px solid #221b34;
  background:
    radial-gradient(circle at 50% 50%,rgba(185,166,245,.16),transparent 15%),
    linear-gradient(90deg,transparent 0 30%,rgba(185,166,245,.10) 30% 31%,transparent 31% 65%,rgba(185,166,245,.10) 65% 66%,transparent 66%),
    #0c0915;
}
.am-flow-sources,.am-flow-store{display:flex;flex-direction:column;gap:8px;justify-content:center;min-width:0}
.am-flow-sources b,.am-flow-store b{
  display:block;
  padding:8px 10px;
  border-radius:10px;
  border:1px solid #221b34;
  background:rgba(185,166,245,.045);
  color:#e8e3f5;
  font-size:12.5px;
  font-weight:700;
  line-height:1.2;
}
.am-flow-sources b:nth-of-type(2),.am-flow-store b.corrected{border-color:#f0a8c8;background:rgba(240,168,200,.08)}
.am-flow-sources em,.am-flow-store em{display:block;margin-top:3px;color:#6b6480;font-size:10.5px;font-style:normal;font-weight:600}
.am-flow-store b{border-color:#3a2f5c;background:rgba(185,166,245,.06);border-left:2px solid #3a2f5c}
.am-flow-store b.corrected{border-left-color:#f0a8c8;color:#f4e7ef}
.am-flow-core{align-self:center;justify-self:center;text-align:center;position:relative;color:#cdbcff}
.am-flow-core:before{
  content:"";display:block;width:46px;height:46px;margin:0 auto 8px;border-radius:999px;
  background:radial-gradient(circle,#cdbcff 0 20%,rgba(185,166,245,.16) 21% 60%,transparent 61%);
  box-shadow:0 0 26px rgba(185,166,245,.32);
}
.am-flow-core strong{display:block;font-size:12.5px;text-transform:lowercase}.am-flow-core small{display:block;margin-top:2px;color:#6b6480;letter-spacing:0;text-transform:none}
.am-flow-footer{margin-top:12px;color:#9a90b5;font-size:12px}
.am-flow-footer a{color:#061018;background:linear-gradient(135deg,#fff,#cdbcff 40%,#b9a6f5);text-decoration:none;font-weight:950;padding:10px 13px;border-radius:14px;box-shadow:0 12px 30px rgba(185,166,245,.18)}
@media(max-width:980px){
  .atomic-memory-flow-static{margin-top:14px;padding:13px;border-radius:16px}
  .am-flow-head,.am-flow-footer{align-items:flex-start;flex-direction:column}
  .am-flow-stage{grid-template-columns:1fr;gap:10px;min-height:0;padding:12px;background:#0c0915}
  .am-flow-core{order:2}.am-flow-sources{order:1}.am-flow-store{order:3}
  .am-flow-core:before{width:34px;height:34px;margin-bottom:5px}
  .am-flow-footer a{width:100%;text-align:center}
}

/* proportion-pass-v1 - one workflow module, balanced form, softer logo tiles */
.page[data-ascii-ocean] .wrap{
  align-items:start;
  padding-top:clamp(92px,8.5vh,128px);
  padding-bottom:clamp(74px,8vh,108px);
}
.page[data-ascii-ocean] .hero{
  max-width:860px;
}
.page[data-ascii-ocean] h1{
  font-size:clamp(42px,4.85vw,76px);
  line-height:.96;
}
.page[data-ascii-ocean] .lead{
  font-size:clamp(18px,1.42vw,24px);
  max-width:790px;
}
.page[data-ascii-ocean] .form-card{
  align-self:start;
  margin-top:clamp(8px,1.4vh,22px);
}
.product-logo{
  background:#f7f4ff;
  height:clamp(36px,3.45vw,54px);
  max-width:min(250px,44vw);
  padding:7px 12px;
  border-color:rgba(255,255,255,.58);
  box-shadow:0 14px 34px rgba(0,0,0,.18),0 0 32px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px rgba(255,255,255,.92);
}
.atomic-memory-flow-static{
  max-width:820px;
  margin-top:20px;
  padding:13px 15px 14px;
}
.am-flow-stage{
  min-height:188px;
  padding:13px;
}
.am-flow-sources b,.am-flow-store b{
  padding:7px 9px;
  font-size:12px;
}
.am-flow-footer a{
  padding:9px 12px;
}
.proof{
  margin-top:16px;
  max-width:820px;
}
.credibility-footer{
  background:rgba(3,8,14,.56);
  padding:8px 10px;
}
.credibility-footer img{
  width:40px;
  height:40px;
  padding:5px;
  background:#f7f4ff;
  object-fit:contain;
}
.credibility-footer img[src$="mit-logo.jpg"]{
  width:64px;
  height:40px;
  object-fit:contain;
}
@media(max-height:860px) and (min-width:981px){
  .page[data-ascii-ocean] .wrap{padding-top:84px;padding-bottom:72px;gap:24px}
  .page[data-ascii-ocean] h1{font-size:clamp(38px,4.35vw,66px)}
  .page[data-ascii-ocean] .lead{font-size:18px;margin-top:16px}
  .atomic-memory-flow-static{margin-top:14px;padding:12px}
  .am-flow-stage{min-height:166px;padding:11px}
  .am-flow-sources b,.am-flow-store b{font-size:11px;padding:6px 8px}
  .proof{margin-top:12px}
  .proof div{padding:12px 13px}
  .form-card{padding:20px}
}
@media(max-width:980px){
  .page[data-ascii-ocean] .wrap{padding-top:18px;padding-bottom:32px}
  .product-logo{height:36px;max-width:154px;background:#f7f4ff}
  .atomic-memory-flow-static{max-width:none;margin-top:14px}
  .proof{margin-top:14px}
}

/* github-icon-cta-v1 */
.am-flow-footer a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}
.github-icon{
  width:18px;
  height:18px;
  flex:0 0 auto;
  display:block;
}
@media(max-width:980px){.github-icon{width:17px;height:17px}}

/* qa-mobile-flow-order-v1 */
@media(max-width:980px){
  .atomic-memory-flow-static{order:4}
  .proof{order:5}
  .form-card{order:6}
}

/* react-atomic-memory-flow-embed-v1 */
.atomic-memory-flow-embed{
  max-width:840px;
  margin:18px 0 0;
}
.atomic-memory-flow-root{
  min-height:392px;
}
.flow-loading{
  min-height:360px;
  display:grid;
  place-items:center;
  border-radius:18px;
  border:1px solid #221b34;
  background:#110d1c;
  color:#b9a6f5;
  font:800 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.flow-repo-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:48px;
  margin-top:10px;
  border-radius:16px;
  color:#061018;
  background:linear-gradient(135deg,#fff,#cdbcff 40%,#b9a6f5);
  font:950 16px/1 'Hanken Grotesk',Inter,sans-serif;
  text-decoration:none;
  box-shadow:0 16px 42px rgba(185,166,245,.24),inset 0 1px rgba(255,255,255,.62);
}
.flow-repo-link .github-icon{width:18px;height:18px;display:block;flex:0 0 auto}
@media(max-height:860px) and (min-width:981px){
  .atomic-memory-flow-root{min-height:348px}
  .flow-loading{min-height:320px}
}
@media(max-width:980px){
  .atomic-memory-flow-embed{order:4;max-width:none;margin-top:14px}
  .atomic-memory-flow-root{min-height:390px}
}

/* qa-proportion-compact-react-flow-v1 */
.atomic-memory-flow-root{min-height:318px}
.flow-loading{min-height:296px}
.flow-repo-link{max-width:680px;min-height:44px;margin-top:8px;font-size:15px}
@media(max-height:860px) and (min-width:981px){
  .atomic-memory-flow-root{min-height:294px}
  .flow-loading{min-height:276px}
}
@media(max-width:980px){
  .atomic-memory-flow-root{min-height:330px}
  .flow-repo-link{max-width:none}
}

/* qa-wide-desktop-proportion-v2 */
.atomic-memory-flow-root{min-height:372px}
.flow-loading{min-height:350px}
.flow-repo-link{max-width:min(760px,72%);min-height:46px}
@media(min-width:1600px){
  .page[data-ascii-ocean] .wrap{
    width:100%;
    max-width:none;
    grid-template-columns:minmax(860px,1fr) minmax(620px,.48fr);
    gap:clamp(56px,5.2vw,120px);
    padding-left:clamp(72px,3.4vw,96px);
    padding-right:clamp(72px,3.4vw,96px);
  }
  .page[data-ascii-ocean] .brand{left:clamp(72px,3.4vw,96px)}
  .page[data-ascii-ocean] .hero{max-width:1180px}
  .page[data-ascii-ocean] h1{font-size:clamp(76px,4.4vw,112px)}
  .page[data-ascii-ocean] .lead{font-size:clamp(22px,1.25vw,30px);max-width:1180px}
  .atomic-memory-flow-embed{max-width:1120px}
  .atomic-memory-flow-root{min-height:372px}
  .proof{max-width:1120px}
  .form-card{width:100%;max-width:880px;margin-top:clamp(72px,8vh,128px)}
}
@media(max-height:860px) and (min-width:981px){
  .atomic-memory-flow-root{min-height:338px}
  .flow-loading{min-height:320px}
}
@media(max-width:980px){
  .atomic-memory-flow-root{min-height:370px}
}

/* repo-cta-integrated-into-flow-v1 */
.flow-repo-link{display:none!important}
.atomic-memory-flow-embed{position:relative}
@media(max-width:980px){
  .atomic-memory-flow-root [style*="justify-content: flex-end"]{justify-content:flex-start!important}
}

/* scroll-sticky-form-fix-v1 */
html,body{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body{min-height:100vh!important}
.page[data-ascii-ocean]{
  min-height:100vh!important;
  height:auto!important;
  overflow:visible!important;
}
.page[data-ascii-ocean] .wrap{
  min-height:100vh;
  height:auto;
}
.page[data-ascii-ocean] .form-card{
  position:sticky;
  top:clamp(88px,10vh,128px);
  max-height:calc(100vh - clamp(120px,14vh,168px));
  overflow-y:auto;
  overscroll-behavior:contain;
}
.page[data-ascii-ocean] .ascii-ocean-canvas,
.page[data-ascii-ocean] .ascii-rain-canvas{
  position:fixed!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .form-card{
    position:relative;
    top:auto;
    max-height:none;
    overflow:visible;
  }
  .page[data-ascii-ocean] .wrap{min-height:0}
}

/* force-desktop-sticky-waitlist-v2 */
@media(min-width:981px){
  .page[data-ascii-ocean] .form-card{
    position:-webkit-sticky!important;
    position:sticky!important;
    top:clamp(76px,9vh,116px)!important;
    align-self:start!important;
    transform:none!important;
    max-height:calc(100vh - clamp(104px,12vh,148px))!important;
    overflow-y:auto!important;
    z-index:5;
  }
  .page[data-ascii-ocean] .wrap{
    align-items:start!important;
    overflow:visible!important;
  }
}

/* pinned-waitlist-form-v3 - keeps right form following viewport on long pages */
@media(min-width:981px){
  .page[data-ascii-ocean] .form-card{
    position:fixed!important;
    right:clamp(24px,3vw,54px)!important;
    top:clamp(76px,9vh,116px)!important;
    width:min(520px,34vw)!important;
    max-width:520px!important;
    max-height:calc(100vh - clamp(104px,12vh,148px))!important;
    overflow-y:auto!important;
    transform:none!important;
    z-index:10!important;
  }
  .page[data-ascii-ocean] .wrap{
    grid-template-columns:minmax(0,1fr) minmax(420px,.72fr)!important;
  }
}
@media(min-width:1600px){
  .page[data-ascii-ocean] .form-card{
    right:clamp(72px,3.4vw,96px)!important;
    width:min(34vw,760px)!important;
    max-width:760px!important;
  }
}
@media(max-width:980px){
  .page[data-ascii-ocean] .form-card{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* brand-product-link-actions-v1 */
.brand-logo-link,
.product-logo-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  border-radius:18px;
}
.product-logo-link{border-radius:16px;transition:transform .18s ease,filter .18s ease}
.product-logo-link:hover{transform:translateY(-2px);filter:drop-shadow(0 12px 24px rgba(185,166,245,.22))}
.product-logo-link:focus-visible,
.brand-logo-link:focus-visible{outline:2px solid #cdbcff;outline-offset:4px}
.coming-soon-trigger{cursor:default;transition:transform .18s ease,filter .18s ease}
.coming-soon-trigger:hover{transform:translateY(-1px);filter:drop-shadow(0 12px 24px rgba(255,255,255,.14))}
.coming-soon-trigger::after{
  content:attr(data-coming-soon);
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  transform:translate(-50%,-4px);
  opacity:0;
  pointer-events:none;
  white-space:nowrap;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(3,8,14,.82);
  color:#f7f4ff;
  box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(14px) saturate(1.08);
  font:900 11px/1 'JetBrains Mono','DM Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:opacity .18s ease,transform .18s ease;
  z-index:30;
}
.coming-soon-trigger:hover::after,
.coming-soon-trigger:focus-visible::after{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){
  .brand-logo-link,.product-logo-link{border-radius:12px}
  .coming-soon-trigger::after{top:calc(100% + 6px);font-size:10px}
}

/* brand-hover-click-layer-fix-v1 */
.page[data-ascii-ocean] .brand{z-index:40!important;pointer-events:auto}
.page[data-ascii-ocean] .brand-logo-link,
.page[data-ascii-ocean] .product-logo-link{pointer-events:auto}

/* coming-soon-visible-popover-v2 - make Atomic Strata hover unmistakable */
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:22px;
  border:1px solid transparent;
  background:transparent;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
  z-index:-1;
}
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:hover::before,
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:focus-visible::before{
  border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18));
  background:rgba(3,8,14,.38);
  box-shadow:0 18px 46px rgba(0,0,0,.26),0 0 34px color-mix(in srgb,var(--accent) 22%,transparent);
}
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger::after{
  top:50%!important;
  left:calc(100% + 14px)!important;
  transform:translate(-8px,-50%)!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#f7f4ff,#cdbcff 58%,var(--accent))!important;
  color:#061018!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 34px color-mix(in srgb,var(--accent) 30%,transparent)!important;
  font:950 12px/1 'JetBrains Mono','DM Mono',monospace!important;
  z-index:100!important;
}
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:hover::after,
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:focus-visible::after{
  opacity:1!important;
  transform:translate(0,-50%)!important;
}
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:hover .brand-logo,
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:focus-visible .brand-logo{
  filter:drop-shadow(0 0 24px color-mix(in srgb,var(--accent) 62%,transparent)) brightness(1.06)!important;
}
@media(max-width:640px){
  .page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger::after{
    top:calc(100% + 8px)!important;
    left:50%!important;
    transform:translate(-50%,-6px)!important;
  }
  .page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:hover::after,
  .page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:focus-visible::after{
    transform:translate(-50%,0)!important;
  }
}

/* coming-soon-below-logo-v3 - avoid being hidden behind product chips */
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger::after{
  top:calc(100% + 9px)!important;
  left:8px!important;
  transform:translateY(-5px)!important;
}
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:hover::after,
.page[data-ascii-ocean] .brand-logo-link.coming-soon-trigger:focus-visible::after{
  opacity:1!important;
  transform:translateY(0)!important;
}

/* radar-coming-soon-and-ascii-loader-v1 */
.page[data-ascii-ocean] .brand-logo-link:not(.coming-soon-trigger)::before,
.page[data-ascii-ocean] .brand-logo-link:not(.coming-soon-trigger)::after{
  content:none!important;
  display:none!important;
}
.page[data-ascii-ocean] .brand-logo-link:not(.coming-soon-trigger){
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease;
}
.page[data-ascii-ocean] .brand-logo-link:not(.coming-soon-trigger):hover{
  transform:translateY(-1px);
  filter:drop-shadow(0 16px 28px color-mix(in srgb,var(--accent) 18%,transparent));
}
.product-logo-radar-link.coming-soon-trigger{
  cursor:default;
}
.product-logo-radar-link.coming-soon-trigger::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:18px;
  border:1px solid transparent;
  background:transparent;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
  z-index:-1;
}
.product-logo-radar-link.coming-soon-trigger:hover::before,
.product-logo-radar-link.coming-soon-trigger:focus-visible::before{
  border-color:color-mix(in srgb,var(--accent) 48%,rgba(255,255,255,.18));
  background:rgba(3,8,14,.34);
  box-shadow:0 14px 38px rgba(0,0,0,.24),0 0 26px color-mix(in srgb,var(--accent) 18%,transparent);
}
.product-logo-radar-link.coming-soon-trigger::after{
  content:attr(data-coming-soon)!important;
  position:absolute!important;
  left:50%!important;
  top:calc(100% + 8px)!important;
  transform:translate(-50%,-5px)!important;
  opacity:0!important;
  pointer-events:none!important;
  white-space:nowrap!important;
  padding:9px 12px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  background:linear-gradient(135deg,#f7f4ff,#cdbcff 58%,var(--accent))!important;
  color:#061018!important;
  box-shadow:0 18px 48px rgba(0,0,0,.36),0 0 30px color-mix(in srgb,var(--accent) 26%,transparent)!important;
  font:950 11px/1 'JetBrains Mono','DM Mono',monospace!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  transition:opacity .18s ease,transform .18s ease!important;
  z-index:100!important;
}
.product-logo-radar-link.coming-soon-trigger:hover::after,
.product-logo-radar-link.coming-soon-trigger:focus-visible::after{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
.product-logo-radar-link.coming-soon-trigger:hover .product-logo-radar,
.product-logo-radar-link.coming-soon-trigger:focus-visible .product-logo-radar{
  filter:brightness(1.04) drop-shadow(0 0 18px color-mix(in srgb,var(--accent) 24%,transparent));
}
.flow-loading{
  min-height:350px;
  display:grid;
  place-items:center;
  gap:10px;
  border-radius:18px;
  border:1px solid #221b34;
  background:
    radial-gradient(circle at 50% 34%,rgba(185,166,245,.18),transparent 28%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 28px),
    #110d1c;
  color:#cdbcff;
  box-shadow:0 24px 64px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.06);
  overflow:hidden;
  position:relative;
}
.flow-loading::before{
  content:"";
  position:absolute;
  inset:-40% -10%;
  background:linear-gradient(115deg,transparent 35%,rgba(185,166,245,.16) 48%,transparent 62%);
  animation:flowLoaderSweep 1.7s ease-in-out infinite;
}
.flow-loading-ascii{
  position:relative;
  margin:0;
  color:#e8e3f5;
  text-shadow:0 0 18px rgba(185,166,245,.44);
  font:800 clamp(13px,1vw,16px)/1.28 'DM Mono','JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.02em;
  animation:flowLoaderPulse 1.4s ease-in-out infinite;
}
.flow-loading span{
  position:relative;
  color:#b9a6f5;
  font:900 11px/1 'JetBrains Mono','DM Mono',monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
@keyframes flowLoaderSweep{0%{transform:translateX(-36%)}100%{transform:translateX(36%)}}
@keyframes flowLoaderPulse{0%,100%{opacity:.76;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@media(max-width:980px){
  .product-logo-radar-link.coming-soon-trigger::after{font-size:10px!important;top:calc(100% + 6px)!important}
  .flow-loading{min-height:320px}
}

/* atomic-radar-explainer-tooltip-v1 */
.product-logo-radar-link.coming-soon-trigger::after{
  width:min(320px,72vw)!important;
  white-space:normal!important;
  text-align:left!important;
  line-height:1.28!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
  font-family:'Hanken Grotesk',Inter,sans-serif!important;
  font-size:13px!important;
  font-weight:900!important;
}
@media(max-width:980px){
  .product-logo-radar-link.coming-soon-trigger::after{
    width:min(280px,76vw)!important;
    font-size:12px!important;
  }
}

/* ascii-opener-loader-and-sticky-credibility-v2 */
.flow-loading{
  isolation:isolate;
}
.flow-loading::after{
  content:"0101  MEM  ░▒▓  REVISE  //  STORE  //  TRACE";
  position:absolute;
  left:0;
  right:0;
  bottom:14px;
  color:rgba(205,188,255,.46);
  font:800 10px/1 'DM Mono','JetBrains Mono',ui-monospace,monospace;
  letter-spacing:.18em;
  text-align:center;
  white-space:nowrap;
  animation:asciiTicker 2.4s steps(28,end) infinite;
  z-index:1;
}
.flow-loading-ascii{
  min-width:min(520px,84vw);
  text-align:left;
  filter:drop-shadow(0 0 16px rgba(185,166,245,.28));
  z-index:2;
}
.flow-loading span{z-index:2;margin-bottom:24px}
@keyframes asciiTicker{0%{transform:translateX(-18%);opacity:.18}40%{opacity:.62}100%{transform:translateX(18%);opacity:.22}}
@media(min-width:981px){
  .page[data-ascii-ocean] .credibility-footer{
    position:fixed!important;
    right:clamp(24px,3vw,54px)!important;
    bottom:clamp(18px,2.4vh,32px)!important;
    z-index:9!important;
  }
}
@media(min-width:1600px){
  .page[data-ascii-ocean] .credibility-footer{right:clamp(72px,3.4vw,96px)!important}
}
@media(max-width:980px){
  .page[data-ascii-ocean] .credibility-footer{position:relative!important;right:auto!important;bottom:auto!important;z-index:4!important}
  .flow-loading::after{font-size:9px;letter-spacing:.12em}
  .flow-loading-ascii{min-width:0;width:100%;font-size:12px!important}
}

/* participant-value-note-v1 */
.participant-note{
  max-width:1120px;
  margin:18px 0 0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 15px;
  border-radius:18px;
  border:1px solid color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.12));
  background:rgba(3,8,14,.42);
  box-shadow:0 18px 42px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(16px) saturate(1.08);
}
.participant-note b{
  flex:0 0 auto;
  color:var(--ocean-foam,#f5fbff);
  font:900 11px/1 'JetBrains Mono','DM Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding-top:2px;
}
.participant-note span{
  color:rgba(231,241,247,.82);
  font-size:15px;
  line-height:1.35;
}
@media(max-width:980px){
  .participant-note{order:4;flex-direction:column;gap:7px;margin-top:14px;border-radius:16px;padding:12px}
  .participant-note span{font-size:14px}
  .atomic-memory-flow-embed{order:5!important}
  .proof{order:6!important}
  .form-card{order:7!important}
}

/* center-fixed-waitlist-form-v4 */
@media(min-width:981px){
  .page[data-ascii-ocean] .form-card{
    top:50%!important;
    transform:translateY(-50%)!important;
    max-height:calc(100vh - 172px)!important;
  }
}
@media(max-width:980px){
  .page[data-ascii-ocean] .form-card{transform:none!important}
}

/* rain-audio-toggle-v1 */
.rain-audio-toggle{
  position:fixed;
  left:clamp(18px,2.4vw,34px);
  bottom:clamp(18px,2.4vh,32px);
  z-index:45;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.16));
  background:rgba(3,8,14,.54);
  color:rgba(245,251,255,.82);
  box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(16px) saturate(1.08);
  cursor:pointer;
  font-family:'Hanken Grotesk',Inter,sans-serif;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.rain-audio-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 64%,rgba(255,255,255,.22));background:rgba(3,8,14,.68)}
.rain-audio-toggle span{font:900 16px/1 'JetBrains Mono','DM Mono',monospace;color:var(--ocean-foam,#c9ecff);text-shadow:0 0 14px color-mix(in srgb,var(--accent) 46%,transparent)}
.rain-audio-toggle b{font-size:12px;line-height:1;font-weight:900;letter-spacing:.02em}
.rain-audio-toggle i{font-style:normal;color:#061018;background:#f7f4ff;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.06em}
.rain-audio-toggle[aria-pressed="true"]{background:color-mix(in srgb,var(--accent) 18%,rgba(3,8,14,.68));border-color:color-mix(in srgb,var(--accent) 72%,rgba(255,255,255,.22))}
.rain-audio-toggle[aria-pressed="true"] span{animation:rainSoundPulse 1.6s ease-in-out infinite}
@keyframes rainSoundPulse{0%,100%{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:980px){.rain-audio-toggle{left:18px;bottom:18px;min-height:38px;padding:8px 10px}.rain-audio-toggle b{display:none}}

/* footer-social-links-v1 */
.footer-social-links{
  display:flex;
  align-items:center;
  gap:6px;
  padding-left:2px;
}
.footer-social-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,rgba(255,255,255,.18));
  background:rgba(255,255,255,.07);
  color:rgba(245,251,255,.86);
  text-decoration:none;
  font:900 10px/1 'JetBrains Mono','DM Mono',monospace;
  letter-spacing:.05em;
  text-transform:uppercase;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease;
}
.footer-social-links a:hover,
.footer-social-links a:focus-visible{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--accent) 70%,rgba(255,255,255,.24));
  background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.08));
  color:#fff;
  outline:none;
}
@media(max-width:980px){
  .footer-social-links{gap:5px}
  .footer-social-links a{min-height:30px;padding:7px 8px;font-size:9px}
}

/* darken-ocean-and-social-logo-footer-v2 */
.page[data-ascii-ocean]::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:rgba(0,0,0,.50);
}
.page[data-ascii-ocean] .noise{
  display:none!important;
  opacity:0!important;
}
.page[data-ascii-ocean] .brand,
.page[data-ascii-ocean] .wrap,
.page[data-ascii-ocean] .credibility-footer{
  z-index:3;
}
.footer-social-links a.footer-social-link{
  width:32px;
  min-width:32px;
  height:32px;
  min-height:32px;
  padding:0;
  border-radius:999px;
}
.footer-social-link svg{
  width:17px;
  height:17px;
  display:block;
  fill:currentColor;
}
.footer-social-link-discord{color:#fff;background:rgba(88,101,242,.22)!important;border-color:rgba(129,140,248,.55)!important}
.footer-social-link-x{color:#fff;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.28)!important}
.footer-social-link-discord:hover,.footer-social-link-discord:focus-visible{background:#5865f2!important;border-color:#8ea1ff!important}
.footer-social-link-x:hover,.footer-social-link-x:focus-visible{background:#fff!important;color:#071018!important;border-color:#fff!important}
@media(max-width:980px){
  .footer-social-links a.footer-social-link{width:32px;min-width:32px;height:32px;min-height:32px;padding:0}
  .footer-social-link svg{width:16px;height:16px}
}

/* force half-black overlay over WebGL and fallback oceans */
.page[data-ascii-ocean]::after,
.page[data-ascii-ocean].ascii-ocean-fallback::after{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:rgba(0,0,0,.50)!important;
}

/* mobile-early-access-jump-v1 */
.mobile-signup-jump{
  display:none;
}
@media(max-width:980px){
  html{scroll-behavior:smooth}
  #focus-signup{scroll-margin-top:18px}
  .mobile-signup-jump{
    order:4;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    margin:14px 0 0;
    padding:14px 18px;
    border-radius:999px;
    color:#061018;
    background:linear-gradient(135deg,var(--accent),var(--ocean-foam));
    box-shadow:0 18px 44px color-mix(in srgb,var(--accent) 30%,transparent),inset 0 1px rgba(255,255,255,.55);
    text-decoration:none;
    font:950 14px/1 'Hanken Grotesk',Inter,sans-serif;
    letter-spacing:.01em;
  }
  .participant-note{order:4}
  .mobile-signup-jump + .atomic-memory-flow-embed{order:5!important}
}

/* radar-one-liner-proof-note-cta-v1 */
.radar-one-liner{
  max-width:720px;
  margin:12px 0 0;
  color:rgba(245,251,255,.90);
  font-size:clamp(15px,1.05vw,18px);
  line-height:1.38;
  font-weight:800;
  letter-spacing:-.01em;
  text-shadow:0 10px 28px rgba(0,0,0,.28);
}
.credibility-note{
  max-width:1120px;
  margin:10px 0 0;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:12px 15px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.30);
  box-shadow:0 16px 36px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(16px) saturate(1.05);
}
.credibility-note b{
  flex:0 0 auto;
  color:var(--ocean-foam,#f5fbff);
  font:900 11px/1 'JetBrains Mono','DM Mono',monospace;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding-top:2px;
}
.credibility-note span{
  color:rgba(231,241,247,.80);
  font-size:14px;
  line-height:1.35;
}
@media(max-width:980px){
  .radar-one-liner{order:3;margin-top:10px;font-size:15px;line-height:1.42}
  .credibility-note{order:4;flex-direction:column;gap:7px;margin-top:10px;border-radius:16px;padding:12px}
  .credibility-note span{font-size:14px}
  .mobile-signup-jump{order:4}
}

/* atomic-radar-visible-centered-coming-soon-v1 */
.product-lockup,
.product-logo-link,
.product-logo-radar-link.coming-soon-trigger{
  overflow:visible!important;
}
.product-logo-radar-link.coming-soon-trigger{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.product-logo-radar-link.coming-soon-trigger::after{
  content:"Atomic Radar: memory QA for stale, conflicting, or unsafe agent memory.\A Coming soon."!important;
  left:50%!important;
  right:auto!important;
  top:calc(100% + 12px)!important;
  transform:translate(-50%,4px)!important;
  width:min(340px,82vw)!important;
  max-width:min(340px,82vw)!important;
  white-space:pre-line!important;
  text-align:center!important;
  line-height:1.28!important;
  padding:11px 14px!important;
  border-radius:16px!important;
  z-index:999!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
  font:900 13px/1.28 'Hanken Grotesk',Inter,sans-serif!important;
}
.product-logo-radar-link.coming-soon-trigger:hover::after,
.product-logo-radar-link.coming-soon-trigger:focus-visible::after{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
@media(max-width:980px){
  .product-logo-radar-link.coming-soon-trigger::after{
    width:min(300px,82vw)!important;
    font-size:12px!important;
  }
}

/* polished-radar-card-and-glass-cta-v1 */
.product-logo-radar-link.coming-soon-trigger::after{
  content:none!important;
  display:none!important;
}
.product-logo-radar-link.coming-soon-trigger{
  position:relative!important;
  overflow:visible!important;
}
.coming-soon-card{
  position:absolute;
  left:50%;
  top:calc(100% + 14px);
  width:min(292px,82vw);
  transform:translate(-50%,8px);
  opacity:0;
  pointer-events:none;
  z-index:1000;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:15px 16px 14px;
  border-radius:20px;
  border:1px solid color-mix(in srgb,var(--accent,#9df27e) 46%,rgba(255,255,255,.20));
  background:rgba(4,10,16,.90);
  color:#f5fbff;
  box-shadow:0 22px 58px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.10);
  backdrop-filter:blur(18px) saturate(1.08);
  text-align:center;
  transition:opacity .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.coming-soon-card::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:var(--accent,#9df27e);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,#9df27e) 16%,transparent),0 0 22px color-mix(in srgb,var(--accent,#9df27e) 48%,transparent);
}
.coming-soon-card strong{
  display:block;
  color:#f7fbff;
  font:950 15px/1.05 'Hanken Grotesk',Inter,sans-serif;
  letter-spacing:-.01em;
}
.coming-soon-card span{
  display:block;
  max-width:240px;
  color:rgba(231,241,247,.76);
  font:700 12px/1.32 'Hanken Grotesk',Inter,sans-serif;
}
.coming-soon-card em{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:2px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid color-mix(in srgb,var(--accent,#9df27e) 52%,rgba(255,255,255,.16));
  background:rgba(255,255,255,.045);
  color:color-mix(in srgb,var(--accent,#9df27e) 82%,#fff);
  font:950 10px/1 'JetBrains Mono','DM Mono',monospace;
  font-style:normal;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.product-logo-radar-link.coming-soon-trigger:hover .coming-soon-card,
.product-logo-radar-link.coming-soon-trigger:focus-visible .coming-soon-card{
  opacity:1;
  transform:translate(-50%,0);
}
.submit{
  border:1px solid color-mix(in srgb,var(--accent,#7fb7ff) 52%,rgba(255,255,255,.22))!important;
  border-radius:18px!important;
  background:rgba(245,251,255,.11)!important;
  color:#f5fbff!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.18),0 0 28px color-mix(in srgb,var(--accent,#7fb7ff) 16%,transparent)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.22);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.submit:hover,
.submit:focus-visible{
  transform:translateY(-1px);
  background:rgba(245,251,255,.17)!important;
  border-color:color-mix(in srgb,var(--accent,#7fb7ff) 74%,rgba(255,255,255,.32))!important;
  box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.24),0 0 38px color-mix(in srgb,var(--accent,#7fb7ff) 24%,transparent)!important;
  filter:none!important;
}
.submit:after{
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.18),transparent)!important;
}
@media(max-width:980px){
  .coming-soon-card{width:min(278px,82vw);padding:13px 14px}
  .coming-soon-card strong{font-size:14px}
  .coming-soon-card span{font-size:12px}
}

/* restrained-liquid-glass-cta-v1 */
.page[data-ascii-ocean] .submit,
.mobile-signup-jump{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--accent,#7fb7ff) 56%,rgba(255,255,255,.30))!important;
  background:rgba(245,251,255,.105)!important;
  color:#f7fbff!important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    0 0 34px color-mix(in srgb,var(--accent,#7fb7ff) 18%,transparent),
    inset 0 1px rgba(255,255,255,.34),
    inset 0 -18px 34px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.24)!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28),0 0 16px color-mix(in srgb,var(--accent,#7fb7ff) 22%,transparent)!important;
  transform:translateZ(0);
}
.page[data-ascii-ocean] .submit::before,
.mobile-signup-jump::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:6px;
  height:38%;
  border-radius:999px 999px 18px 18px;
  background:rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px rgba(255,255,255,.46),
    0 10px 28px rgba(255,255,255,.08);
  filter:blur(.2px);
  opacity:.64;
  pointer-events:none;
  z-index:-1;
  transition:opacity .18s ease,transform .18s ease;
}
.page[data-ascii-ocean] .submit::after,
.mobile-signup-jump::after{
  content:"";
  position:absolute;
  width:46%;
  height:140%;
  left:-54%;
  top:-20%;
  border-radius:999px;
  background:rgba(255,255,255,.16)!important;
  box-shadow:
    0 0 34px rgba(255,255,255,.18),
    0 0 22px color-mix(in srgb,var(--accent,#7fb7ff) 20%,transparent);
  filter:blur(10px);
  opacity:0;
  transform:rotate(16deg) translateX(0);
  pointer-events:none;
  z-index:-1;
  transition:opacity .2s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.page[data-ascii-ocean] .submit:hover,
.page[data-ascii-ocean] .submit:focus-visible,
.mobile-signup-jump:hover,
.mobile-signup-jump:focus-visible{
  transform:translateY(-2px) translateZ(0)!important;
  background:rgba(245,251,255,.155)!important;
  border-color:color-mix(in srgb,var(--accent,#7fb7ff) 76%,rgba(255,255,255,.40))!important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.42),
    0 0 46px color-mix(in srgb,var(--accent,#7fb7ff) 26%,transparent),
    inset 0 1px rgba(255,255,255,.42),
    inset 0 -20px 38px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.page[data-ascii-ocean] .submit:hover::before,
.page[data-ascii-ocean] .submit:focus-visible::before,
.mobile-signup-jump:hover::before,
.mobile-signup-jump:focus-visible::before{
  opacity:.82;
  transform:translateY(-1px) scaleX(.98);
}
.page[data-ascii-ocean] .submit:hover::after,
.page[data-ascii-ocean] .submit:focus-visible::after,
.mobile-signup-jump:hover::after,
.mobile-signup-jump:focus-visible::after{
  opacity:.62;
  transform:rotate(16deg) translateX(340%);
}
@media(prefers-reduced-motion:reduce){
  .page[data-ascii-ocean] .submit::after,
  .mobile-signup-jump::after{transition:none!important;transform:none!important;display:none!important}
  .page[data-ascii-ocean] .submit:hover,
  .page[data-ascii-ocean] .submit:focus-visible,
  .mobile-signup-jump:hover,
  .mobile-signup-jump:focus-visible{transform:none!important}
}

/* client-readability-pass-v1 — flat type, red emphasis, darker overlay, less copy */
.page[data-ascii-ocean]::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 62% 12%, rgba(255,255,255,.04), transparent 28%),
    linear-gradient(90deg, rgba(0,0,0,.74) 0%, rgba(0,0,0,.58) 46%, rgba(0,0,0,.70) 100%);
}
.page[data-ascii-ocean] .ascii-rain-canvas{opacity:.40!important}
.page[data-ascii-ocean] .ascii-ocean-canvas{opacity:.62!important}
.page[data-ascii-ocean] .noise{opacity:.045!important}
.chrome-word,
.page[data-ascii-ocean] h1,
.page[data-ascii-ocean] .dynamic-type{
  color:#fff!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:#fff!important;
  filter:none!important;
  text-shadow:0 18px 46px rgba(0,0,0,.72)!important;
}
.danger-word{
  color:#ff3b3b!important;
  -webkit-text-fill-color:#ff3b3b!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(255,59,59,.18),0 14px 40px rgba(0,0,0,.62)!important;
}
.page[data-ascii-ocean] .lead{
  color:rgba(246,250,255,.90)!important;
  max-width:680px;
  text-shadow:0 10px 32px rgba(0,0,0,.62);
}
.page[data-ascii-ocean] .radar-one-liner{
  display:none!important;
}
.page[data-ascii-ocean] .participant-note,
.page[data-ascii-ocean] .credibility-note,
.page[data-ascii-ocean] .proof{
  display:none!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  margin-top:20px!important;
  max-width:760px!important;
}
.page[data-ascii-ocean] .form-card{
  background:linear-gradient(180deg,rgba(2,7,12,.88),rgba(2,5,9,.80))!important;
  box-shadow:0 34px 92px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.10)!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean]::before{background:rgba(0,0,0,.68)}
  .page[data-ascii-ocean] .lead{font-size:17px!important}
}

/* client-readability-pass-v2 — red bad words, blue good words, calmer hero hierarchy */
.good-word{
  color:#62b7ff!important;
  -webkit-text-fill-color:#62b7ff!important;
  font-weight:900!important;
  text-shadow:0 0 18px rgba(98,183,255,.18),0 14px 40px rgba(0,0,0,.62)!important;
}
.page[data-ascii-ocean]::before{
  background:
    radial-gradient(circle at 62% 12%, rgba(98,183,255,.045), transparent 26%),
    linear-gradient(90deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.66) 48%, rgba(0,0,0,.76) 100%)!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  margin-top:28px!important;
  transform:translateY(10px);
  opacity:.92;
}
.page[data-ascii-ocean] .flow-loading,
.page[data-ascii-ocean] .atomic-memory-flow-root canvas,
.page[data-ascii-ocean] .atomic-memory-flow-root svg{
  filter:saturate(.92) brightness(.88);
}
.page[data-ascii-ocean] .form-card{
  transform:translateX(var(--form-x)) scale(.985);
}
.page[data-ascii-ocean] .lead{
  max-width:650px!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{transform:none;opacity:.95;margin-top:20px!important}
  .page[data-ascii-ocean] .form-card{transform:none}
}

/* client-readability-pass-v3 — scannable proof strip + lighter form */
.hero-proof-strip{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  max-width:650px;
  margin:14px 0 0;
  color:rgba(235,244,255,.72);
  font:800 12px/1 'JetBrains Mono',monospace;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.hero-proof-strip span{color:rgba(235,244,255,.54)}
.hero-proof-strip b{
  color:#dff2ff;
  background:rgba(98,183,255,.11);
  border:1px solid rgba(98,183,255,.24);
  border-radius:999px;
  padding:8px 10px;
  box-shadow:inset 0 1px rgba(255,255,255,.08);
}
.page[data-ascii-ocean] .form-card{
  background:rgba(3,8,14,.78)!important;
  border-color:rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px) saturate(1.02)!important;
}
.page[data-ascii-ocean] .form-head p{font-size:14px!important;line-height:1.42!important}
@media(max-width:980px){.hero-proof-strip{margin-top:12px;gap:7px}.hero-proof-strip b{padding:7px 9px}}

/* repo-cta-match-waitlist-v1 — keep repo CTA visually consistent with waitlist CTA */
.page[data-ascii-ocean] .flow-repo-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
  max-width:min(760px,72%)!important;
  min-height:46px!important;
  margin-top:10px!important;
  padding:14px 16px!important;
  border:1px solid color-mix(in srgb,var(--accent,#7fb7ff) 56%,rgba(255,255,255,.30))!important;
  border-radius:18px!important;
  background:rgba(245,251,255,.105)!important;
  color:#f7fbff!important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    0 0 34px color-mix(in srgb,var(--accent,#7fb7ff) 18%,transparent),
    inset 0 1px rgba(255,255,255,.34),
    inset 0 -18px 34px rgba(0,0,0,.26),
    inset 0 0 0 1px rgba(255,255,255,.055)!important;
  backdrop-filter:blur(22px) saturate(1.24)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.24)!important;
  font:950 15px/1 'Hanken Grotesk',Inter,sans-serif!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(0,0,0,.28),0 0 16px color-mix(in srgb,var(--accent,#7fb7ff) 22%,transparent)!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  transform:translateZ(0);
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.page[data-ascii-ocean] .flow-repo-link::before{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:6px;
  height:38%;
  border-radius:999px 999px 18px 18px;
  background:rgba(255,255,255,.18);
  box-shadow:
    inset 0 1px rgba(255,255,255,.46),
    0 10px 28px rgba(255,255,255,.08);
  filter:blur(.2px);
  opacity:.64;
  pointer-events:none;
  z-index:-1;
  transition:opacity .18s ease,transform .18s ease;
}
.page[data-ascii-ocean] .flow-repo-link::after{
  content:"";
  position:absolute;
  width:46%;
  height:140%;
  left:-54%;
  top:-20%;
  border-radius:999px;
  background:rgba(255,255,255,.16)!important;
  box-shadow:
    0 0 34px rgba(255,255,255,.18),
    0 0 22px color-mix(in srgb,var(--accent,#7fb7ff) 20%,transparent);
  filter:blur(10px);
  opacity:0;
  transform:rotate(16deg) translateX(0);
  pointer-events:none;
  z-index:-1;
  transition:opacity .2s ease,transform .55s cubic-bezier(.2,.8,.2,1);
}
.page[data-ascii-ocean] .flow-repo-link:hover,
.page[data-ascii-ocean] .flow-repo-link:focus-visible{
  transform:translateY(-2px) translateZ(0)!important;
  background:rgba(245,251,255,.155)!important;
  border-color:color-mix(in srgb,var(--accent,#7fb7ff) 76%,rgba(255,255,255,.40))!important;
  box-shadow:
    0 28px 72px rgba(0,0,0,.42),
    0 0 46px color-mix(in srgb,var(--accent,#7fb7ff) 26%,transparent),
    inset 0 1px rgba(255,255,255,.42),
    inset 0 -20px 38px rgba(0,0,0,.30),
    inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.page[data-ascii-ocean] .flow-repo-link:hover::before,
.page[data-ascii-ocean] .flow-repo-link:focus-visible::before{
  opacity:.82;
  transform:translateY(-1px) scaleX(.98);
}
.page[data-ascii-ocean] .flow-repo-link:hover::after,
.page[data-ascii-ocean] .flow-repo-link:focus-visible::after{
  opacity:.62;
  transform:rotate(16deg) translateX(340%);
}
.page[data-ascii-ocean] .flow-repo-link .github-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 auto!important;
}
@media(prefers-reduced-motion:reduce){
  .page[data-ascii-ocean] .flow-repo-link::after{transition:none!important;transform:none!important;display:none!important}
  .page[data-ascii-ocean] .flow-repo-link:hover,
  .page[data-ascii-ocean] .flow-repo-link:focus-visible{transform:none!important}
}
@media(max-width:980px){
  .page[data-ascii-ocean] .flow-repo-link{max-width:none!important;min-height:52px!important}
}

/* atomic-memory-field-reference-v1 — design direction from /root/atomicadstrat.html */
:root{
  --memory-field-bg:#0a0c0e;
  --memory-field-ghost:#eef2f0;
  --memory-field-dim:#8b969e;
  --memory-field-sub:#aeb8b3;
  --memory-field-accent:#59d3bd;
  --memory-field-ember:#e0764a;
}
.page[data-landing-page="early-access"],
.page[data-ascii-ocean]{
  background:var(--memory-field-bg)!important;
  color:var(--memory-field-ghost)!important;
  font-family:"DM Mono","SF Mono",ui-monospace,Menlo,monospace!important;
}
.page[data-ascii-ocean] .ascii-ocean-canvas,
.page[data-ascii-ocean] .ascii-rain-canvas,
.page[data-ascii-ocean] .motion-canvas,
.page[data-ascii-ocean] .motion-layer,
.page[data-ascii-ocean] .grid,
.page[data-ascii-ocean] .visual{
  display:none!important;
}
.page[data-ascii-ocean]::before,
.page[data-ascii-ocean]::after,
.page[data-ascii-ocean].ascii-ocean-fallback::after{
  content:none!important;
  display:none!important;
  background:transparent!important;
}
.memory-field-stage{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:auto;
}
#memory-field-gl{
  width:100%;
  height:100%;
  display:block;
}
.memory-field-captions{
  position:fixed;
  left:50%;
  bottom:7.4vh;
  transform:translateX(-50%);
  text-align:center;
  z-index:1;
  pointer-events:none;
  user-select:none;
  font-family:"DM Mono","SF Mono",ui-monospace,Menlo,monospace;
}
#memory-phase-label{
  font-size:11px;
  letter-spacing:.35em;
  text-transform:uppercase;
  color:var(--memory-field-accent);
  opacity:0;
  transition:opacity .9s ease;
}
#memory-phase-line{
  margin-top:10px;
  font-size:14px;
  letter-spacing:.02em;
  color:rgba(174,184,179,.72);
  opacity:0;
  transition:opacity .9s ease;
}
#memory-phase-label.on,
#memory-phase-line.on{opacity:1}
#memory-phase-label.ember{color:var(--memory-field-ember)}
.page[data-ascii-ocean] .brand{
  top:22px!important;
  left:clamp(22px,3vw,46px)!important;
  z-index:6!important;
}
.page[data-ascii-ocean] .brand-logo{
  width:clamp(172px,14vw,228px)!important;
  filter:drop-shadow(0 0 18px rgba(238,242,240,.20))!important;
}
.page[data-ascii-ocean] .product-logo{
  height:clamp(30px,2.2vw,38px)!important;
  max-width:160px!important;
  background:rgba(238,242,240,.035)!important;
  border:1px solid rgba(238,242,240,.08)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.memory-sound-toggle{
  position:fixed;
  top:24px;
  right:clamp(22px,3vw,46px);
  z-index:8;
  min-height:36px;
  padding:9px 13px;
  border:1px solid rgba(89,211,189,.36);
  border-radius:999px;
  background:rgba(10,12,14,.54);
  color:rgba(238,242,240,.82);
  font:500 11px/1 "DM Mono",ui-monospace,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
  backdrop-filter:blur(14px);
  cursor:pointer;
}
.memory-sound-toggle[aria-pressed="true"]{
  color:var(--memory-field-accent);
  border-color:rgba(89,211,189,.72);
  box-shadow:0 0 26px rgba(89,211,189,.12);
}
.page[data-ascii-ocean] .wrap{
  position:relative!important;
  z-index:4!important;
  min-height:100vh!important;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:clamp(108px,13vh,156px) clamp(28px,4.4vw,76px) clamp(96px,11vh,132px)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr)!important;
  align-items:center!important;
  gap:clamp(42px,6vw,92px)!important;
}
.page[data-ascii-ocean] .hero{
  max-width:760px!important;
  transform:none!important;
  text-align:center!important;
  justify-self:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
.dynamic-hero-kicker{
  margin-bottom:18px!important;
  color:rgba(89,211,189,.86)!important;
  font:500 11px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.34em!important;
}
.dynamic-hero-kicker:before{display:none!important}
.page[data-ascii-ocean] h1{
  max-width:760px!important;
  margin:0 auto!important;
  font-family:"DM Mono","SF Mono",ui-monospace,Menlo,monospace!important;
  font-size:clamp(22px,3.4vw,40px)!important;
  line-height:1.16!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  color:var(--memory-field-ghost)!important;
  text-align:center!important;
  text-shadow:0 14px 38px rgba(0,0,0,.52)!important;
}
.page[data-ascii-ocean] .lead{
  max-width:680px!important;
  margin:14px auto 0!important;
  font-family:"DM Mono","SF Mono",ui-monospace,Menlo,monospace!important;
  font-size:clamp(12px,1.2vw,15px)!important;
  line-height:1.72!important;
  font-weight:400!important;
  letter-spacing:.04em!important;
  color:rgba(174,184,179,.86)!important;
  text-align:center!important;
  text-shadow:0 12px 32px rgba(0,0,0,.40)!important;
}
.danger-word{color:var(--memory-field-ember)!important;-webkit-text-fill-color:var(--memory-field-ember)!important;font-weight:500!important;text-shadow:0 0 18px rgba(224,118,74,.18)!important}
.good-word{color:var(--memory-field-accent)!important;-webkit-text-fill-color:var(--memory-field-accent)!important;font-weight:500!important;text-shadow:0 0 18px rgba(89,211,189,.20)!important}
.hero-proof-strip{
  justify-content:center!important;
  max-width:680px!important;
  margin:20px auto 0!important;
  color:rgba(174,184,179,.62)!important;
  font:500 11px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
.hero-proof-strip b{
  color:rgba(238,242,240,.82)!important;
  background:rgba(89,211,189,.055)!important;
  border-color:rgba(89,211,189,.18)!important;
  font-weight:500!important;
  padding:7px 9px!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(760px,100%)!important;
  max-width:760px!important;
  margin:36px auto 0!important;
  transform:none!important;
  opacity:.86!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  min-height:300px!important;
}
.page[data-ascii-ocean] .flow-loading{
  min-height:280px!important;
  border-radius:0!important;
  border:1px solid rgba(89,211,189,.12)!important;
  background:rgba(10,12,14,.36)!important;
  color:rgba(89,211,189,.76)!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
  box-shadow:0 24px 80px rgba(0,0,0,.22)!important;
}
.page[data-ascii-ocean] .form-card{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  justify-self:center!important;
  width:min(420px,100%)!important;
  max-width:420px!important;
  max-height:none!important;
  overflow:visible!important;
  margin:clamp(18px,4vh,42px) 0 0!important;
  padding:22px!important;
  border-radius:0!important;
  border:1px solid rgba(238,242,240,.11)!important;
  background:rgba(10,12,14,.58)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px rgba(238,242,240,.06)!important;
  backdrop-filter:blur(16px) saturate(1.02)!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
}
.page[data-ascii-ocean] .form-head{border-bottom-color:rgba(238,242,240,.10)!important}
.page[data-ascii-ocean] .form-head p,
.page[data-ascii-ocean] .fine{
  color:rgba(174,184,179,.78)!important;
  font:400 12px/1.62 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.02em!important;
}
.page[data-ascii-ocean] label{
  color:rgba(238,242,240,.70)!important;
  font:500 10px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.18em!important;
}
.page[data-ascii-ocean] input,
.page[data-ascii-ocean] select,
.page[data-ascii-ocean] textarea{
  border-radius:0!important;
  border-color:rgba(238,242,240,.14)!important;
  background:rgba(0,0,0,.28)!important;
  color:var(--memory-field-ghost)!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
}
.page[data-ascii-ocean] .submit,
.page[data-ascii-ocean] .flow-repo-link,
.mobile-signup-jump{
  border-radius:0!important;
  border-color:rgba(89,211,189,.36)!important;
  background:rgba(89,211,189,.10)!important;
  color:rgba(238,242,240,.92)!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
  font-weight:500!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 28px rgba(89,211,189,.08),inset 0 1px rgba(238,242,240,.10)!important;
}
.page[data-ascii-ocean] .submit:hover,
.page[data-ascii-ocean] .flow-repo-link:hover,
.mobile-signup-jump:hover{
  background:rgba(89,211,189,.15)!important;
  border-color:rgba(89,211,189,.62)!important;
}
.page[data-ascii-ocean] .credibility-footer.social-footer{
  position:fixed!important;
  right:clamp(22px,3vw,46px)!important;
  bottom:22px!important;
  left:auto!important;
  z-index:6!important;
  display:flex!important;
  justify-content:flex-end!important;
  padding:0!important;
}
.social-footer .footer-social-links{display:flex!important;gap:10px!important}
.social-footer .footer-social-link{
  border-color:rgba(238,242,240,.14)!important;
  background:rgba(10,12,14,.42)!important;
  color:rgba(238,242,240,.76)!important;
  backdrop-filter:blur(12px)!important;
}
@media(max-width:980px){
  .memory-field-captions{display:none!important}
  .memory-sound-toggle{top:18px;right:18px}
  .page[data-ascii-ocean] .brand{position:relative!important;top:auto!important;left:auto!important;padding:18px 18px 0!important}
  .page[data-ascii-ocean] .wrap{
    grid-template-columns:1fr!important;
    padding:54px 20px 84px!important;
    gap:26px!important;
  }
  .page[data-ascii-ocean] .hero{max-width:none!important}
  .page[data-ascii-ocean] h1{font-size:clamp(24px,7.3vw,38px)!important}
  .page[data-ascii-ocean] .lead{font-size:13px!important;line-height:1.62!important}
  .page[data-ascii-ocean] .atomic-memory-flow-embed{margin-top:24px!important}
  .page[data-ascii-ocean] .form-card{width:100%!important;max-width:none!important;margin-top:0!important}
  .page[data-ascii-ocean] .credibility-footer.social-footer{position:relative!important;right:auto!important;bottom:auto!important;justify-content:center!important;margin:0 0 24px!important}
}

/* qa-centralized-flow-v1 — user QA fixes: brighter product logos, centered flow, no sound button */
.memory-sound-toggle{display:none!important}
.page[data-ascii-ocean] .product-lockup{
  gap:10px!important;
  padding:6px 8px!important;
  border:1px solid rgba(238,242,240,.12)!important;
  background:rgba(238,242,240,.08)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.26), inset 0 1px rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px) saturate(1.06)!important;
}
.page[data-ascii-ocean] .product-logo-link{
  background:rgba(245,247,244,.94)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  border-radius:14px!important;
  padding:7px 10px!important;
  box-shadow:0 10px 24px rgba(0,0,0,.28)!important;
}
.page[data-ascii-ocean] .product-logo{
  height:clamp(34px,2.45vw,44px)!important;
  max-width:190px!important;
  width:auto!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  object-fit:contain!important;
  filter:saturate(1.08) contrast(1.08)!important;
}
.page[data-ascii-ocean] .brand-logo-link{
  padding:6px 8px!important;
  border-radius:14px!important;
  background:rgba(10,12,14,.30)!important;
  border:1px solid rgba(238,242,240,.08)!important;
  backdrop-filter:blur(10px)!important;
}
.page[data-ascii-ocean] .wrap{
  grid-template-columns:minmax(0,1fr)!important;
  max-width:980px!important;
  justify-items:center!important;
  align-items:start!important;
  gap:0!important;
  padding-top:clamp(118px,14vh,168px)!important;
}
.page[data-ascii-ocean] .hero{
  width:100%!important;
  max-width:860px!important;
  justify-self:center!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(840px,100%)!important;
  max-width:840px!important;
  margin:38px auto 0!important;
}
.page[data-ascii-ocean] .form-card{
  grid-column:1!important;
  width:min(520px,100%)!important;
  max-width:520px!important;
  justify-self:center!important;
  margin:34px auto 0!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .product-lockup{gap:7px!important;padding:5px!important}
  .page[data-ascii-ocean] .product-logo-link{padding:6px 8px!important}
  .page[data-ascii-ocean] .product-logo{height:34px!important;max-width:150px!important}
  .page[data-ascii-ocean] .wrap{padding-top:64px!important}
  .page[data-ascii-ocean] .form-card{margin-top:26px!important}
}

/* qa-spacing-fix-v1 — separate hero, visual module, and waitlist */
.page[data-ascii-ocean] .hero-proof-strip{
  margin-bottom:0!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  margin-top:clamp(64px,7vh,96px)!important;
  margin-bottom:0!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  min-height:clamp(520px,54vh,660px)!important;
}
.page[data-ascii-ocean] .flow-loading{
  min-height:clamp(500px,52vh,640px)!important;
}
.page[data-ascii-ocean] .form-card{
  margin-top:clamp(88px,10vh,132px)!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{margin-top:42px!important}
  .page[data-ascii-ocean] .atomic-memory-flow-root{min-height:430px!important}
  .page[data-ascii-ocean] .flow-loading{min-height:410px!important}
  .page[data-ascii-ocean] .form-card{margin-top:56px!important}
}

/* hero-text-outline-v1 — small black outline for readability over ASCII field */
.page[data-ascii-ocean] h1,
.page[data-ascii-ocean] .dynamic-type{
  -webkit-text-stroke:.65px rgba(0,0,0,.78)!important;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.72),
     1px -1px 0 rgba(0,0,0,.72),
    -1px  1px 0 rgba(0,0,0,.72),
     1px  1px 0 rgba(0,0,0,.72),
     0 14px 38px rgba(0,0,0,.62)!important;
}
.page[data-ascii-ocean] .lead,
.page[data-ascii-ocean] .dynamic-subtype{
  -webkit-text-stroke:.35px rgba(0,0,0,.72)!important;
  text-shadow:
    -1px -1px 0 rgba(0,0,0,.58),
     1px -1px 0 rgba(0,0,0,.58),
    -1px  1px 0 rgba(0,0,0,.58),
     1px  1px 0 rgba(0,0,0,.58),
     0 12px 32px rgba(0,0,0,.52)!important;
}
.page[data-ascii-ocean] .danger-word,
.page[data-ascii-ocean] .good-word{
  -webkit-text-stroke:.55px rgba(0,0,0,.76)!important;
}

/* subheader-readability-plate-v1 — prevent ASCII field from mixing into subheader */
.page[data-ascii-ocean] .lead{
  display:inline-block!important;
  padding:10px 18px 11px!important;
  border:1px solid rgba(238,242,240,.075)!important;
  border-radius:2px!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(0,0,0,.50),rgba(0,0,0,.34) 70%,rgba(0,0,0,.20))!important;
  color:rgba(226,232,228,.94)!important;
  backdrop-filter:blur(2.5px) saturate(.9)!important;
  -webkit-backdrop-filter:blur(2.5px) saturate(.9)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035)!important;
}
.page[data-ascii-ocean] .dynamic-subtype{
  font-weight:500!important;
}

/* qa-form-flow-polish-v1 — Radar copy, single CTA surface, unified panels, content-following captions */
.page[data-ascii-ocean] .submit::before,
.page[data-ascii-ocean] .submit::after{
  content:none!important;
  display:none!important;
}
.page[data-ascii-ocean] .submit{
  min-height:58px!important;
  border-radius:0!important;
  background:rgba(89,211,189,.105)!important;
  border:1px solid rgba(89,211,189,.36)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 28px rgba(89,211,189,.08),inset 0 1px rgba(238,242,240,.10)!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-embed,
.page[data-ascii-ocean] .atomic-memory-flow-root,
.page[data-ascii-ocean] .flow-loading{
  border-color:rgba(238,242,240,.11)!important;
  background:rgba(10,12,14,.58)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34), inset 0 1px rgba(238,242,240,.06)!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root *{
  border-color:rgba(89,211,189,.28)!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root [style*="background"]{
  background-color:rgba(10,12,14,.42)!important;
}
.memory-field-captions{
  position:relative!important;
  left:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:min(520px,100%)!important;
  margin:46px auto 28px!important;
  z-index:4!important;
  text-align:center!important;
}
#memory-phase-label{
  color:rgba(89,211,189,.80)!important;
}
#memory-phase-line{
  color:rgba(226,232,228,.72)!important;
}
@media(max-width:980px){
  .memory-field-captions{display:block!important;margin:34px auto 20px!important;padding:0 20px!important}
}

/* hero-waitlist-jump-v1 — visible scroll CTA now that waitlist sits below the fold */
html{scroll-behavior:smooth}
#focus-signup{scroll-margin-top:clamp(28px,6vh,72px)}
.page[data-ascii-ocean] .mobile-signup-jump{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  margin:26px auto 0!important;
  padding:13px 20px!important;
  border:1px solid rgba(89,211,189,.46)!important;
  border-radius:999px!important;
  background:rgba(10,12,14,.56)!important;
  color:rgba(238,242,240,.94)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),0 0 30px rgba(89,211,189,.10),inset 0 1px rgba(238,242,240,.11)!important;
  backdrop-filter:blur(14px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
  font:500 12px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.page[data-ascii-ocean] .mobile-signup-jump:hover,
.page[data-ascii-ocean] .mobile-signup-jump:focus-visible{
  transform:translateY(-2px)!important;
  background:rgba(89,211,189,.12)!important;
  border-color:rgba(89,211,189,.74)!important;
  outline:none!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .mobile-signup-jump{width:auto!important;min-height:48px!important;margin-top:22px!important}
}

/* flow-box-layout-fix-v1 — reserve real page height so loading/loaded flow never sits under waitlist */
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  display:block!important;
  position:relative!important;
  min-height:clamp(700px,64vh,820px)!important;
  margin-bottom:clamp(96px,12vh,150px)!important;
  overflow:visible!important;
  z-index:4!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  display:block!important;
  position:relative!important;
  min-height:inherit!important;
  height:auto!important;
}
.page[data-ascii-ocean] .flow-loading{
  min-height:clamp(680px,62vh,800px)!important;
}
.page[data-ascii-ocean] .form-card{
  position:relative!important;
  z-index:5!important;
  margin-top:0!important;
  clear:both!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{
    min-height:560px!important;
    margin-bottom:72px!important;
  }
  .page[data-ascii-ocean] .flow-loading{min-height:540px!important}
}

/* tool-logo-strip-v1 — logo-style chips for Claude Code, Cursor, Codex, MCP */
.page[data-ascii-ocean] .logo-strip{
  gap:10px!important;
}
.page[data-ascii-ocean] .logo-strip > span:first-child{
  margin-right:2px!important;
}
.page[data-ascii-ocean] .tool-logo{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  background:rgba(10,12,14,.62)!important;
  border:1px solid rgba(238,242,240,.13)!important;
  color:rgba(238,242,240,.88)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24), inset 0 1px rgba(255,255,255,.06)!important;
  backdrop-filter:blur(12px) saturate(1.05)!important;
}
.page[data-ascii-ocean] .tool-logo i{
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  border-radius:999px!important;
  font-style:normal!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.page[data-ascii-ocean] .tool-logo span{
  color:inherit!important;
  font:500 11px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.08em!important;
  text-transform:none!important;
}
.page[data-ascii-ocean] .tool-logo-claude i{color:#e0764a!important;background:rgba(224,118,74,.12)!important}
.page[data-ascii-ocean] .tool-logo-cursor i{color:#eef2f0!important;background:rgba(238,242,240,.10)!important}
.page[data-ascii-ocean] .tool-logo-codex i{color:#59d3bd!important;background:rgba(89,211,189,.12)!important}
.page[data-ascii-ocean] .tool-logo-mcp i{color:#c7b8ff!important;background:rgba(199,184,255,.12)!important}
@media(max-width:980px){
  .page[data-ascii-ocean] .logo-strip{gap:8px!important}
  .page[data-ascii-ocean] .tool-logo{padding:7px 9px!important}
  .page[data-ascii-ocean] .tool-logo span{font-size:10px!important}
}

/* flow-box-size-sync-v1 — make loading and loaded flow use the same reserved box */
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(1040px,100%)!important;
  max-width:1040px!important;
  height:clamp(560px,52vw,640px)!important;
  min-height:clamp(560px,52vw,640px)!important;
  margin-top:clamp(58px,6vh,86px)!important;
  margin-bottom:clamp(110px,12vh,150px)!important;
  overflow:visible!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
  position:relative!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > *{
  max-height:100%!important;
}
.page[data-ascii-ocean] .flow-loading{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  max-height:100%!important;
}
.page[data-ascii-ocean] .form-card{
  margin-top:0!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{
    height:520px!important;
    min-height:520px!important;
    margin-bottom:84px!important;
  }
}

/* flow-box-wrap-content-v2 — wrapper must not be a giant modal; loader and final card share card-sized dimensions */
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(1080px,100%)!important;
  max-width:1080px!important;
  height:auto!important;
  min-height:0!important;
  margin-top:clamp(58px,6vh,86px)!important;
  margin-bottom:clamp(92px,10vh,128px)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > div{
  width:100%!important;
  max-width:1080px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.page[data-ascii-ocean] .flow-loading{
  width:100%!important;
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  box-sizing:border-box!important;
}
.page[data-ascii-ocean] .flow-loading-ascii{
  margin-top:0!important;
}
.page[data-ascii-ocean] .form-card{
  margin-top:0!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin-bottom:76px!important;
  }
  .page[data-ascii-ocean] .flow-loading{
    height:390px!important;
    min-height:390px!important;
    max-height:390px!important;
  }
}

/* access-kicker-and-repo-cta-v1 — rotating access label + site-native repo CTA */
.page[data-ascii-ocean] .dynamic-hero-kicker{
  color:rgba(89,211,189,.78)!important;
  transition:opacity .42s ease, transform .42s ease!important;
}
.page[data-ascii-ocean] .dynamic-hero-kicker.is-fading{
  opacity:.18!important;
  transform:translateY(2px)!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root a[aria-label="Try the Atomic Memory repo on GitHub"]{
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  color:rgba(238,242,240,.94)!important;
  background:rgba(10,12,14,.64)!important;
  border:1px solid rgba(89,211,189,.46)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.26),0 0 22px rgba(89,211,189,.10),inset 0 1px rgba(238,242,240,.10)!important;
  backdrop-filter:blur(12px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
  font:500 12px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.05em!important;
  text-decoration:none!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root a[aria-label="Try the Atomic Memory repo on GitHub"]:hover,
.page[data-ascii-ocean] .atomic-memory-flow-root a[aria-label="Try the Atomic Memory repo on GitHub"]:focus-visible{
  background:rgba(89,211,189,.12)!important;
  border-color:rgba(89,211,189,.72)!important;
  outline:none!important;
}

/* waitlist-jump-single-surface-v1 — remove nested/double-button look */
.page[data-ascii-ocean] .mobile-signup-jump,
.page[data-ascii-ocean] .mobile-signup-jump:hover,
.page[data-ascii-ocean] .mobile-signup-jump:focus-visible{
  background:rgba(10,12,14,.74)!important;
  border:1px solid rgba(89,211,189,.50)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.34),0 0 20px rgba(89,211,189,.08)!important;
  outline:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.page[data-ascii-ocean] .mobile-signup-jump::before,
.page[data-ascii-ocean] .mobile-signup-jump::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  border:0!important;
  box-shadow:none!important;
  background:none!important;
}

/* flow-reserve-final-card-v3 — final React card is tall; reserve its full height before waitlist */
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(1080px,100%)!important;
  max-width:1080px!important;
  height:clamp(650px,56vw,720px)!important;
  min-height:clamp(650px,56vw,720px)!important;
  margin-bottom:clamp(96px,10vh,132px)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > div{
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > div > div:nth-child(2){
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
}
.page[data-ascii-ocean] .flow-loading{
  height:100%!important;
  min-height:100%!important;
  max-height:none!important;
}
.page[data-ascii-ocean] .form-card{
  margin-top:0!important;
  transform:none!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed{
    height:620px!important;
    min-height:620px!important;
    margin-bottom:82px!important;
  }
}

/* flow-modal-proportion-v4 — keep React animation in its designed stage and center loader */
.page[data-ascii-ocean] .atomic-memory-flow-embed{
  width:min(1080px,100%)!important;
  max-width:1080px!important;
  height:auto!important;
  min-height:430px!important;
  margin-top:clamp(58px,6vh,86px)!important;
  margin-bottom:clamp(96px,10vh,132px)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root{
  width:100%!important;
  height:auto!important;
  min-height:430px!important;
  max-height:none!important;
  display:block!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > div{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:block!important;
  flex-direction:initial!important;
}
.page[data-ascii-ocean] .atomic-memory-flow-root > div > div:nth-child(2){
  height:292px!important;
  min-height:292px!important;
  max-height:292px!important;
  flex:none!important;
  overflow:hidden!important;
}
.page[data-ascii-ocean] .flow-loading{
  height:430px!important;
  min-height:430px!important;
  max-height:430px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:18px!important;
  padding:24px!important;
}
.page[data-ascii-ocean] .flow-loading-ascii{
  margin:0!important;
  transform:none!important;
  max-width:min(520px,88%)!important;
}
.page[data-ascii-ocean] .flow-loading span{
  margin:0!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .atomic-memory-flow-embed,
  .page[data-ascii-ocean] .atomic-memory-flow-root{
    min-height:430px!important;
  }
  .page[data-ascii-ocean] .atomic-memory-flow-root > div > div:nth-child(2){
    height:292px!important;
    min-height:292px!important;
    max-height:292px!important;
  }
  .page[data-ascii-ocean] .flow-loading{
    height:430px!important;
    min-height:430px!important;
    max-height:430px!important;
  }
}

/* flow-install-tabs-modal-v1 — install switcher + How it works popup */
.page[data-ascii-ocean] .flow-install-panel{display:grid!important;grid-template-columns:auto minmax(280px,1fr) auto!important;gap:10px!important;align-items:center!important;margin:0 0 16px!important;padding:10px!important;border:1px solid rgba(89,211,189,.24)!important;background:rgba(10,12,14,.64)!important;box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(238,242,240,.06)!important}
.flow-install-tabs{display:flex;gap:6px;align-items:center}
.flow-install-tab,.flow-how-button{border:1px solid rgba(238,242,240,.13);background:rgba(238,242,240,.045);color:rgba(226,232,228,.74);min-height:36px;padding:0 12px;font:500 11px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.flow-install-tab.is-active{color:rgba(89,211,189,.96);border-color:rgba(89,211,189,.52);background:rgba(89,211,189,.10)}
.flow-install-command{min-height:36px;display:flex;align-items:center;padding:0 13px;color:rgba(238,242,240,.92);border:1px solid rgba(238,242,240,.10);background:rgba(0,0,0,.34);font:500 12px/1 "DM Mono",ui-monospace,monospace;white-space:nowrap;overflow:auto}
.flow-how-button{color:rgba(238,242,240,.95);border-color:rgba(89,211,189,.44);background:rgba(89,211,189,.10)}
.flow-how-modal[hidden]{display:none!important}
.flow-how-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:32px;background:rgba(0,0,0,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.flow-how-card{position:relative;width:min(760px,100%);max-height:min(86vh,900px);overflow:auto;padding:28px;border:1px solid rgba(89,211,189,.22);background:rgba(7,10,12,.96);color:rgba(238,242,240,.92);box-shadow:0 38px 110px rgba(0,0,0,.62)}
.flow-how-close{position:absolute;top:18px;right:18px;border:0;background:transparent;color:rgba(238,242,240,.58);font-size:24px;cursor:pointer}
.flow-how-card h2{margin:0 42px 8px 0;font:700 24px/1.1 "DM Mono",ui-monospace,monospace;color:#fff}.flow-how-subtitle{margin:0 0 22px;color:rgba(226,232,228,.58);font:500 13px/1.4 "DM Mono",ui-monospace,monospace}
.flow-how-steps{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:how}.flow-how-steps li{counter-increment:how;border-top:1px solid rgba(238,242,240,.10);padding-top:18px;display:grid;grid-template-columns:44px 1fr;gap:14px}.flow-how-steps li:before{content:"0" counter(how);color:rgba(89,211,189,.86);font:500 12px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.08em}
.flow-how-steps b{display:block;color:rgba(89,211,189,.94);font:700 14px/1 "DM Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.flow-how-steps span{display:block;margin-top:8px;color:rgba(238,242,240,.84);font:500 14px/1.55 "DM Mono",ui-monospace,monospace}.flow-how-steps pre{margin:12px 0 0;padding:14px;border-left:2px solid rgba(89,211,189,.78);background:rgba(0,0,0,.34);white-space:pre-wrap;color:rgba(238,242,240,.90);font:500 12px/1.5 "DM Mono",ui-monospace,monospace}
.flow-how-card footer{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;color:rgba(89,211,189,.76);font:500 12px/1 "DM Mono",ui-monospace,monospace}.flow-how-card footer a{color:inherit;text-decoration:none}
@media(max-width:780px){.page[data-ascii-ocean] .flow-install-panel{grid-template-columns:1fr!important}.flow-install-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.flow-how-modal{padding:18px}.flow-how-card{padding:22px}}

/* flow-copy-and-reviewable-modal-v2 */
.flow-install-command-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0}
.flow-copy-button{min-height:36px;padding:0 12px;border:1px solid rgba(89,211,189,.32);border-left:0;background:rgba(89,211,189,.08);color:rgba(238,242,240,.88);font:500 11px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.flow-install-command-wrap .flow-install-command{border-right:0!important;min-width:0!important}
.flow-how-card{width:min(820px,100%)!important;padding:26px!important}
.flow-how-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.flow-how-diagram article{min-height:136px;padding:16px;border:1px solid rgba(89,211,189,.18);background:rgba(10,12,14,.72);box-shadow:inset 0 1px rgba(238,242,240,.05)}
.flow-how-diagram b{display:block;color:rgba(89,211,189,.95);font:700 12px/1 "DM Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.flow-how-diagram span{display:block;margin-top:10px;color:rgba(238,242,240,.78);font:500 13px/1.45 "DM Mono",ui-monospace,monospace}.flow-how-diagram code{display:block;margin-top:14px;padding:10px;background:rgba(0,0,0,.32);color:rgba(238,242,240,.90);font:500 12px/1.35 "DM Mono",ui-monospace,monospace;white-space:normal;word-break:break-word}
.flow-how-proof{margin:16px 0 0;color:rgba(226,232,228,.64);font:500 13px/1.45 "DM Mono",ui-monospace,monospace;text-align:center}
.flow-how-steps{display:none!important}
@media(max-width:780px){.flow-install-command-wrap{grid-template-columns:1fr}.flow-copy-button{border-left:1px solid rgba(89,211,189,.32);border-top:0}.flow-how-diagram{grid-template-columns:1fr}.flow-how-diagram article{min-height:auto}}

/* flow-modal-top-layer-v1 — keep waitlist behind the modal while reviewing */
body.flow-how-open{
  overflow:hidden!important;
}
body.flow-how-open .page{
  overflow:hidden!important;
}
.flow-how-modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  background:rgba(0,0,0,.86)!important;
  backdrop-filter:blur(14px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(14px) saturate(.82)!important;
  isolation:isolate!important;
}
.flow-how-modal .flow-how-card{
  position:relative!important;
  z-index:1!important;
}
body.flow-how-open .form-card,
body.flow-how-open #focus-signup{
  pointer-events:none!important;
}

/* benchmarks-below-waitlist-v1 */
.page[data-ascii-ocean] .benchmarks-section{
  grid-column:1 / -1!important;
  width:min(1180px,100%)!important;
  margin:clamp(68px,10vh,118px) auto 34px!important;
  position:relative!important;
  z-index:4!important;
}
.page[data-ascii-ocean] .benchmarks-shell{
  padding:clamp(26px,5vw,58px)!important;
  border:1px solid rgba(89,211,189,.13)!important;
  background:linear-gradient(180deg,rgba(4,7,9,.72),rgba(3,5,7,.54))!important;
  box-shadow:0 36px 100px rgba(0,0,0,.34), inset 0 1px rgba(238,242,240,.04)!important;
  backdrop-filter:blur(10px) saturate(.96)!important;
  -webkit-backdrop-filter:blur(10px) saturate(.96)!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
}
.page[data-ascii-ocean] .benchmarks-kicker{
  margin:0 0 22px!important;
  color:rgba(89,211,189,.90)!important;
  font:500 13px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.42em!important;
  text-transform:uppercase!important;
}
.page[data-ascii-ocean] .benchmarks-section h2{
  margin:0!important;
  max-width:940px!important;
  color:rgba(246,248,246,.98)!important;
  font:800 clamp(36px,5.5vw,72px)/.98 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:-.055em!important;
  text-shadow:0 12px 34px rgba(0,0,0,.50)!important;
}
.page[data-ascii-ocean] .benchmarks-intro{
  max-width:820px!important;
  margin:28px 0 76px!important;
  color:rgba(226,232,228,.72)!important;
  font:500 clamp(15px,1.5vw,20px)/1.45 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:-.035em!important;
}
.page[data-ascii-ocean] .benchmarks-list{display:grid!important;gap:42px!important}
.page[data-ascii-ocean] .benchmark-row header{
  display:flex!important;
  align-items:baseline!important;
  gap:24px!important;
  margin-bottom:16px!important;
}
.page[data-ascii-ocean] .benchmark-row h3{
  margin:0!important;
  min-width:120px!important;
  color:rgba(246,248,246,.96)!important;
  font:800 18px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:-.04em!important;
}
.page[data-ascii-ocean] .benchmark-row header span{
  color:rgba(127,140,150,.72)!important;
  font:500 14px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:-.02em!important;
}
.page[data-ascii-ocean] .benchmark-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px)!important;
  gap:26px!important;
  align-items:start!important;
}
.page[data-ascii-ocean] .benchmark-bars{
  display:grid!important;
  gap:12px!important;
  padding-left:36px!important;
  border-left:1px solid rgba(238,242,240,.055)!important;
}
.page[data-ascii-ocean] .benchmark-bar-line{
  display:grid!important;
  grid-template-columns:150px minmax(160px,1fr)!important;
  gap:18px!important;
  align-items:center!important;
}
.page[data-ascii-ocean] .benchmark-label{
  color:rgba(238,242,240,.86)!important;
  font:700 14px/1 "DM Mono",ui-monospace,monospace!important;
  text-align:right!important;
}
.page[data-ascii-ocean] .benchmark-label.muted{color:rgba(127,140,150,.78)!important;font-weight:500!important}
.page[data-ascii-ocean] .benchmark-bar{
  width:var(--bar)!important;
  height:28px!important;
  min-width:18px!important;
  border-radius:2px!important;
  background-image:radial-gradient(circle,rgba(0,0,0,.30) 1.3px,transparent 1.5px)!important;
  background-size:7px 7px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 24px rgba(89,211,189,.10)!important;
}
.page[data-ascii-ocean] .benchmark-bar-atomic{background-color:rgba(89,211,189,.82)!important}
.page[data-ascii-ocean] .benchmark-bar-peer{background-color:rgba(91,111,126,.56)!important}
.page[data-ascii-ocean] .benchmark-meta{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px 12px!important;
  align-items:center!important;
  justify-items:end!important;
}
.page[data-ascii-ocean] .benchmark-pill{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:6px 12px!important;
  border:1px solid rgba(238,242,240,.08)!important;
  background:rgba(0,0,0,.18)!important;
  color:rgba(127,140,150,.80)!important;
  font:500 12px/1 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:.03em!important;
}
.page[data-ascii-ocean] .benchmark-pill.positive{color:rgba(89,211,189,.95)!important;border-color:rgba(89,211,189,.22)!important;background:rgba(89,211,189,.055)!important}
.page[data-ascii-ocean] .benchmark-pill.neutral{color:rgba(226,232,228,.78)!important}
.page[data-ascii-ocean] .benchmark-meta b,
.page[data-ascii-ocean] .benchmark-meta em{
  grid-column:2!important;
  justify-self:end!important;
  font-style:normal!important;
  font-family:"DM Mono",ui-monospace,monospace!important;
}
.page[data-ascii-ocean] .benchmark-meta b{color:rgba(246,248,246,.96)!important;font-size:17px!important;font-weight:800!important}
.page[data-ascii-ocean] .benchmark-meta em{color:rgba(127,140,150,.82)!important;font-size:15px!important;font-weight:600!important}
.page[data-ascii-ocean] .benchmarks-note{
  max-width:860px!important;
  margin:56px 0 0!important;
  padding-top:28px!important;
  border-top:1px solid rgba(238,242,240,.09)!important;
  color:rgba(127,140,150,.76)!important;
  font:500 14px/1.55 "DM Mono",ui-monospace,monospace!important;
  letter-spacing:-.02em!important;
}
@media(max-width:980px){
  .page[data-ascii-ocean] .benchmarks-section{margin-top:54px!important}
  .page[data-ascii-ocean] .benchmarks-intro{margin-bottom:44px!important}
  .page[data-ascii-ocean] .benchmark-grid{grid-template-columns:1fr!important;gap:16px!important}
  .page[data-ascii-ocean] .benchmark-meta{grid-template-columns:auto auto!important;justify-content:start!important;justify-items:start!important;padding-left:36px!important}
  .page[data-ascii-ocean] .benchmark-meta b,.page[data-ascii-ocean] .benchmark-meta em{grid-column:auto!important}
}
@media(max-width:640px){
  .page[data-ascii-ocean] .benchmarks-shell{padding:24px 18px!important}
  .page[data-ascii-ocean] .benchmark-row header{display:grid!important;gap:8px!important}
  .page[data-ascii-ocean] .benchmark-bars{padding-left:14px!important}
  .page[data-ascii-ocean] .benchmark-bar-line{grid-template-columns:1fr!important;gap:8px!important}
  .page[data-ascii-ocean] .benchmark-label{text-align:left!important}
  .page[data-ascii-ocean] .benchmark-meta{padding-left:14px!important;grid-template-columns:1fr!important}
}

/* benchmark-bar-alignment-v2 — align labels, bars, and values on the same rows */
.page[data-ascii-ocean] .benchmark-grid{
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.page[data-ascii-ocean] .benchmark-bars{
  width:100%!important;
  max-width:980px!important;
  display:grid!important;
  gap:10px!important;
  padding-left:0!important;
  border-left:0!important;
}
.page[data-ascii-ocean] .benchmark-bar-line{
  display:grid!important;
  grid-template-columns:154px minmax(220px,1fr) 76px!important;
  gap:18px!important;
  align-items:center!important;
}
.page[data-ascii-ocean] .benchmark-label{
  text-align:right!important;
  white-space:nowrap!important;
}
.page[data-ascii-ocean] .benchmark-track{
  position:relative!important;
  height:28px!important;
  background:rgba(238,242,240,.035)!important;
  overflow:hidden!important;
}
.page[data-ascii-ocean] .benchmark-track::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background-image:radial-gradient(circle,rgba(238,242,240,.13) 1px,transparent 1.4px)!important;
  background-size:7px 7px!important;
  opacity:.42!important;
  pointer-events:none!important;
}
.page[data-ascii-ocean] .benchmark-bar{
  position:relative!important;
  z-index:1!important;
  width:var(--bar)!important;
  height:100%!important;
  min-width:18px!important;
  border-radius:0!important;
}
.page[data-ascii-ocean] .benchmark-score{
  color:rgba(246,248,246,.96)!important;
  font:800 15px/1 "DM Mono",ui-monospace,monospace!important;
  text-align:left!important;
  font-style:normal!important;
}
.page[data-ascii-ocean] .benchmark-score.muted{
  color:rgba(127,140,150,.82)!important;
  font-weight:600!important;
}
.page[data-ascii-ocean] .benchmark-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  padding-left:172px!important;
  margin-top:10px!important;
}
.page[data-ascii-ocean] .benchmark-meta b,
.page[data-ascii-ocean] .benchmark-meta em{
  display:none!important;
}
@media(max-width:760px){
  .page[data-ascii-ocean] .benchmark-bar-line{
    grid-template-columns:1fr 66px!important;
    gap:8px 12px!important;
  }
  .page[data-ascii-ocean] .benchmark-label{
    grid-column:1 / -1!important;
    text-align:left!important;
  }
  .page[data-ascii-ocean] .benchmark-meta{
    padding-left:0!important;
  }
}
/* kicker-product-colors-v1 — Radar fades green, Cloud fades blue */
.page[data-ascii-ocean] .dynamic-hero-kicker{
  color:var(--kicker-color,var(--ocean-foam,#c9ecff))!important;
  text-shadow:0 0 18px color-mix(in srgb,var(--kicker-color,var(--ocean-foam,#c9ecff)) 34%,transparent)!important;
}
.page[data-ascii-ocean] .dynamic-hero-kicker:before{
  background:var(--kicker-color,var(--accent,#7fb7ff))!important;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--kicker-color,var(--accent,#7fb7ff)) 16%,transparent),0 0 22px color-mix(in srgb,var(--kicker-color,var(--accent,#7fb7ff)) 36%,transparent)!important;
}

/* mobile-hero-typewriter-stability-v1 — reserve text slots so retyping does not move waitlist */
@media(max-width:980px){
  .page[data-ascii-ocean] .hero h1{
    min-height:clamp(128px,36vw,178px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
  }
  .page[data-ascii-ocean] .dynamic-type{
    display:block!important;
    width:100%!important;
  }
  .page[data-ascii-ocean] .lead{
    min-height:clamp(118px,32vw,168px)!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    width:100%!important;
  }
  .page[data-ascii-ocean] .dynamic-subtype{
    display:block!important;
    width:100%!important;
  }
}
@media(max-width:430px){
  .page[data-ascii-ocean] .hero h1{
    min-height:172px!important;
  }
  .page[data-ascii-ocean] .lead{
    min-height:158px!important;
  }
}