/* Public homepage content, in the approved cinematic visual language. */
.site-menu{position:static;font:12px Inter,sans-serif}.site-menu summary{list-style:none;cursor:pointer;padding:10px 12px;border:1px solid #b9d4ff24;border-radius:99px;white-space:nowrap;display:flex;gap:9px;align-items:center}.site-menu summary::-webkit-details-marker{display:none}.site-menu[open] summary{color:#95caff;background:#86baff12}.site-menu-panel{position:absolute;top:calc(100% + 12px);left:0;right:0;border:1px solid #8caee637;border-radius:19px;padding:25px;background:rgba(8,15,27,.96);box-shadow:0 16px 48px #0005;max-height:calc(100svh - 115px);overflow:auto}.site-menu-panel .eyebrow{display:block;font-size:10px;margin-bottom:16px}.site-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.site-menu-links a{padding:10px 9px;color:#c4d1e7;border-radius:7px;display:flex;justify-content:space-between;gap:6px;font-size:12px}.site-menu-links a:hover{background:#9acaff10;color:white}.site-menu-links a span{color:#83bfff}.site-menu-panel>p{font-size:10px;color:#94a8c5;margin:18px 0 0}.approach-link{display:inline-block;color:#a5cdff;font:11px 'JetBrains Mono',monospace;margin:22px 0 0 16px}.card{height:440px}.product-entry{display:flex;align-items:center;justify-content:space-between;font:11px 'JetBrains Mono',monospace;color:#aad1ff;border-top:1px solid #a0bbdd18;padding-top:14px;margin-top:13px;gap:8px}.product-entry:hover{color:white}.home-focus,.workbench-section,.local-tools-section{padding-block:115px}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:50px}.focus-number{font:11px 'JetBrains Mono',monospace;color:#83b9ef}.focus-item{padding:22px 0 0;border-top:1px solid #aac9ef25;display:flex;flex-direction:column}.focus-item h3{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:25px 0 16px}.focus-item p{font-size:14px;line-height:1.85;color:#bfccdf;margin:0 0 20px}.focus-item .product-link{padding-top:22px;font-size:11px}.availability-note{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid #bdd1f51a;padding-top:23px;margin-top:45px;font-size:12px;color:#aabbd4}.availability-note a{color:#acd2ff}.workbench-section>.section-top .sub{max-width:54ch;margin-bottom:0}.workbench-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;margin-top:65px;align-items:center}.workbench-kicker{font:10px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#a9caff}.workbench-copy h3{font-size:clamp(28px,3vw,40px);line-height:1.18;letter-spacing:-.04em;font-weight:600;margin-top:24px}.workbench-copy>p{font-size:14px;color:#becce1;line-height:1.85;margin:20px 0 30px;max-width:40ch}.evidence-trace{display:grid;gap:6px}.evidence-trace>div{position:relative;padding:12px 16px 12px 43px;border-left:1px solid #8aaaca2e;transition:border-color .4s,background .4s}.evidence-trace>div>span{position:absolute;left:12px;top:16px;font:9px 'JetBrains Mono',monospace;color:#8da1bf}.evidence-trace b{font-size:13px;font-weight:500;color:#a7b8d0;transition:color .4s}.evidence-trace p{font-size:11px;line-height:1.6;margin:5px 0 0;color:#92a6c3}.evidence-trace .active{border-color:#91cbff;background:linear-gradient(90deg,#8bbcff16,transparent)}.evidence-trace .active b,.evidence-trace .done b{color:#d5e8ff}.evidence-trace .done{border-color:#77c8b065}.workbench-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.workbench-actions .btn{font-size:11px;padding:11px 13px}.analysis-display{position:relative;perspective:1100px;min-width:0;padding:24px 8px 0}.code-shell{--tilt-x:0deg;--tilt-y:0deg;position:relative;z-index:2;border:1px solid #a8ccff38;border-radius:16px;background:linear-gradient(140deg,#101b2dec,#07101beb);box-shadow:0 20px 45px #0003,inset 0 1px #cfdeff0c;transform:rotateX(calc(5deg + var(--tilt-x))) rotateY(calc(-7deg + var(--tilt-y)));transition:transform .35s ease-out;overflow:hidden}.code-topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px;border-bottom:1px solid #b7d3f31c;font:10px 'JetBrains Mono',monospace;color:#a5bddb}.code-topbar>div{display:flex;gap:5px}.code-topbar i{width:5px;height:5px;border-radius:50%;background:#8daccd66}.code-topbar i:first-child{background:#8ab9ed}.code-topbar button{font:9px 'JetBrains Mono',monospace;border:1px solid #a3c6ec29;border-radius:5px;padding:7px 9px;background:#a9d0ff06;color:#c8dafa;cursor:pointer;min-height:32px}.code-label{font:8px/1.8 'JetBrains Mono',monospace;letter-spacing:.06em;color:#a7bbd5;padding:14px 18px 0}.code-body{height:346px;position:relative;padding:18px;overflow:hidden}.code-body pre{font:11px/1.85 'JetBrains Mono',monospace;margin:0;color:#a9d2fc;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;position:relative}.code-body code{font:inherit}.scan-beam{position:absolute;left:0;right:0;top:var(--beam,10%);height:45px;background:linear-gradient(180deg,transparent,#82beff12);border-bottom:1px solid #8dcfff7a;pointer-events:none;opacity:.8;transition:opacity .4s}.analysis-display[data-complete="true"] .scan-beam{opacity:0}.code-readout{display:flex;align-items:center;gap:9px;padding:14px 18px;border-top:1px solid #a3c6ec18;min-height:49px;font:9px/1.5 'JetBrains Mono',monospace;color:#b6d7fa}.readout-dot{width:5px;height:5px;flex:none;border-radius:50%;background:#87caff;box-shadow:0 0 9px #87caff60}.readout-demo{margin-left:auto;font-size:8px;color:#a0aec5}.analysis-orbit{position:absolute;inset:0 0 100px;pointer-events:none;transform:rotateX(62deg) rotateZ(-22deg)}.analysis-orbit span{position:absolute;inset:0 -8px;border:1px solid #8da7e52d;border-radius:50%;transform:rotate(0deg)}.analysis-orbit span+span{inset:25px -25px;transform:rotate(20deg);border-color:#78bdef20}.file-token{position:absolute;z-index:3;top:-15px;right:25px;width:57px;height:72px;border:1px solid #b3d4ff66;border-radius:6px;background:linear-gradient(140deg,#243c5e,#0a182b);box-shadow:0 12px 28px #0005;transform:rotateY(-22deg) rotateZ(7deg);animation:mg-file-float 7s ease-in-out infinite;animation-play-state:paused;pointer-events:none}.file-token:after{content:'';position:absolute;inset:6px -6px -6px 6px;border:1px solid #97b8e52a;z-index:-1;border-radius:5px}.file-token>span{display:block;font:12px 'JetBrains Mono',monospace;color:#b9dcff;padding:13px 9px 0}.file-token small{font:6px/1.7 'JetBrains Mono',monospace;color:#9dbde4;display:block;margin:10px 9px}.workbench-controls{position:relative;z-index:3;display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.workbench-controls button{padding:10px 11px;min-height:40px;font:9px 'JetBrains Mono',monospace;color:#adc0d9;background:#08132180;border:1px solid #b0caf52b;border-radius:7px;cursor:pointer}.workbench-controls button.on{border-color:#95c9ff87;color:#dcecff;background:#73b6fd12}.workbench-controls #replay-workflow{margin-left:auto}.analysis-result{min-height:91px;padding:20px 0 0}.analysis-result>span{font:500 16px Sora,sans-serif;color:#c0d9fc}.analysis-result p{font-size:11px;line-height:1.8;color:#b1c1d8;margin:9px 0 0}.analysis-display[data-example="1"][data-complete="true"] .analysis-result>span{color:#ffc171}.workbench-note{margin:30px 0 0;font-size:12px;color:#aebed4;border-top:1px solid #9bbee822;padding-top:22px}.local-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:48px}.local-tool{border:1px solid #b4cbef26;border-radius:20px;background:linear-gradient(145deg,#15223850,#09122325);padding:32px;display:flex;flex-direction:column;min-width:0;transition:border-color .4s,transform .4s}.local-tool:hover{border-color:#94bfe577;transform:translateY(-4px)}.local-tool .eyebrow{font-size:10px;margin:16px 0}.local-tool h3{font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.2}.local-tool p{font-size:14px;line-height:1.85;color:#c0cde0;margin:18px 0 30px;max-width:42ch}.tool-cta{display:flex;justify-content:space-between;align-items:center;gap:15px;font:11px 'JetBrains Mono',monospace;color:#a9d2fc;margin-top:auto;padding-top:18px;border-top:1px solid #adcef121}.tool-art{height:180px;position:relative;perspective:700px;pointer-events:none}.hash-file{position:absolute;top:12px;left:calc(50% - 42px);width:84px;height:103px;border:1px solid #a7d1ff7b;border-radius:6px;background:linear-gradient(145deg,#1b35504f,#0c1a2d);transform:rotateY(-25deg) rotateX(12deg) rotateZ(10deg);animation:mg-file-float 8s ease-in-out infinite;animation-play-state:paused}.hash-file:before,.hash-file:after{content:'';position:absolute;inset:6px -6px -6px 6px;border:1px solid #b6d7f938;border-radius:6px;z-index:-1}.hash-file:after{inset:12px -12px -12px 12px;opacity:.5}.hash-file i{display:block;height:1px;background:#99c4ee7a;width:46px;margin:16px 13px}.hash-file i+i{margin-top:10px;width:37px}.hash-file span{font:8px 'JetBrains Mono',monospace;color:#b8dbff;margin:12px}.hash-ring{position:absolute;left:calc(50% - 95px);top:-1px;width:190px;height:150px;border:1px solid #85b7e633;border-radius:50%;transform:rotateX(58deg) rotateZ(-15deg)}.hash-bits{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:9px 'JetBrains Mono',monospace;letter-spacing:.08em;color:#87b8e5}.link-loop{position:absolute;top:30px;left:calc(50% - 68px);width:96px;height:55px;border:1px solid #acd6ffb3;border-radius:20px;transform:rotateY(-30deg) rotateZ(-30deg);box-shadow:inset 0 0 20px #76b7ff0b,0 0 20px #76b7ff08}.link-loop.two{top:67px;left:calc(50% - 20px);border-color:#b1a7f3aa}.link-signal{position:absolute;top:47px;left:calc(50% - 43px);width:4px;height:4px;border-radius:50%;background:#a3d6ff;box-shadow:0 0 12px #a3d6ff88;animation:mg-link-flow 5s ease-in-out infinite;animation-play-state:paused}.trust-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:38px;padding:25px 0 38px;border-top:1px solid #a0bdd41a}.footer-columns h3{font:10px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#9db4d3;margin-bottom:20px}.footer-columns a{display:block;width:fit-content;font-size:12px;color:#b6c6dd;margin:13px 0}.footer-columns a:hover{color:white}.footer-columns a>span{font-size:10px;color:#93b7e0;margin-left:5px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a0bdd41a;padding-top:22px;font-size:10px}.footer-bottom a{color:#bad5f7}.effect-visible .file-token,.effect-visible .hash-file,.effect-visible .link-signal{animation-play-state:running}
@keyframes mg-file-float{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes mg-link-flow{0%,100%{translate:0 0;opacity:.4}50%{translate:64px 40px;opacity:1}}
@media(max-width:1100px){.workbench-grid{gap:38px}.focus-grid{gap:25px}.code-topbar{padding:13px}.code-label{font-size:7px}.code-body{padding:14px}.code-body pre{font-size:10px}}
@media(max-width:1000px){nav a.l{display:none}.workbench-grid{grid-template-columns:1fr;gap:62px}.workbench-copy>p{max-width:56ch}.analysis-display{width:100%;max-width:660px;justify-self:center}.focus-grid{grid-template-columns:1fr;gap:25px}.focus-item h3{margin-top:17px}.focus-item .product-link{max-width:280px}.local-tool{padding:25px}.code-body pre{font-size:11px}.code-label{font-size:8px}.home-focus,.workbench-section,.local-tools-section{padding-block:90px}}
@media(max-width:600px){nav{padding:7px 8px;gap:3px}nav .logo{font-size:14px;margin-right:2px}nav .logo img{width:24px;height:24px}nav .btn{font-size:10px;padding:9px 8px}.site-menu summary{font-size:10px;padding:9px 8px;gap:5px}.site-menu-panel{padding:18px}.site-menu-links{grid-template-columns:1fr 1fr;gap:4px}.site-menu-links a{font-size:11px;padding:9px 6px}.home-focus,.workbench-section,.local-tools-section{padding-block:75px}.focus-grid{margin-top:35px}.workbench-grid{margin-top:40px;gap:55px}.code-shell{transform:rotateX(3deg) rotateY(-3deg)}.analysis-display{padding:20px 0 0}.analysis-orbit{inset:0 10px 100px}.analysis-orbit span+span{inset:25px -8px}.file-token{right:20px}.code-topbar{gap:7px;padding:12px;font-size:9px}.code-topbar button{font-size:8px;padding:7px}.code-label{font-size:6.5px;padding-inline:12px}.code-body{padding:14px 12px;height:330px}.code-body pre{font-size:9.5px;line-height:1.85}.code-readout{padding:13px 12px;font-size:8px;gap:6px}.readout-demo{font-size:7px}.workbench-controls button{font-size:8px;padding:10px 9px}.workbench-controls #replay-workflow{margin-left:0}.local-tool-grid{grid-template-columns:1fr;gap:24px;margin-top:32px}.local-tool{padding:26px}.local-tool h3{font-size:27px}.availability-note{font-size:11px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-columns>div:last-child{grid-column:1/-1}.footer-columns a{font-size:11px}.card{height:440px}}
body.motion-paused .file-token,body.motion-paused .hash-file,body.motion-paused .link-signal,body.tab-hidden .file-token,body.tab-hidden .hash-file,body.tab-hidden .link-signal{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.file-token,.hash-file,.link-signal{animation:none!important}.code-shell,.local-tool{transition:none}.code-shell{transform:none}.local-tool:hover{transform:none}.scan-beam{display:none}}
/* Contain projected 3D bounds without affecting the persistent backdrop. */
.analysis-display{contain:paint;overflow:clip;padding:36px 20px 0}
.file-token{top:8px}
@media(max-width:600px){.analysis-display{padding:32px 8px 0}}
/* Keep the floating file clear of the copy control and code labels. */
.analysis-display{padding-top:92px}
.local-tool h3,.local-tool p,.tool-cta,.analysis-result{text-shadow:0 2px 4px #000,0 0 12px #0009}
.workbench-actions .btn span{font-family:'JetBrains Mono',monospace}
/* Product marks move gently; a restrained highlight follows each card edge. */
#products .card{--rim-color:#8fcaff}
#products .card:nth-child(2){--rim-color:#82dcb7}
#products .card:nth-child(3){--rim-color:#b6a4f3}
#products .card .face>.card-rim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;color:var(--rim-color);overflow:hidden}
.card-rim rect{fill:none;stroke:currentColor;stroke-linecap:round;stroke-dasharray:12 88;animation:mg-card-perimeter 10s linear infinite;animation-play-state:paused}
.card-rim .rim-beam{stroke-width:1.5;opacity:.82}
.card-rim .rim-halo{stroke-width:4;filter:blur(2px);opacity:.32}
#products .card:nth-child(2) .card-rim rect{animation-delay:-3.3s}
#products .card:nth-child(3) .card-rim rect{animation-delay:-6.6s}
#products .product-glyph{animation:mg-mark-float 5.6s ease-in-out infinite;animation-play-state:paused}
#products .product-glyph.mod span{animation:mg-mod-layer 5.6s ease-in-out infinite;animation-play-state:paused}
#products .product-glyph.mod span:nth-child(2){animation-delay:-.45s}
#products .product-glyph.mod span:nth-child(3){animation-delay:-.9s}
#products .product-glyph.ai span:first-child{animation:mg-ai-pulse 6s ease-in-out infinite;animation-play-state:paused}
#products .product-glyph.ai span:nth-child(2){animation:mg-ai-orbit-a 14s linear infinite;animation-play-state:paused}
#products .product-glyph.ai span:nth-child(3){animation:mg-ai-orbit-b 14s linear infinite;animation-play-state:paused}
#products .product-glyph.ai:after{content:'';position:absolute;left:23px;top:20px;width:5px;height:5px;border-radius:50%;background:#9aeac7;box-shadow:0 0 9px #83d9b655;animation:mg-ai-pulse 6s ease-in-out infinite;animation-play-state:paused}
#products .product-glyph.link span:first-child{animation:mg-link-mark-a 6s ease-in-out infinite;animation-play-state:paused}
#products .product-glyph.link span:nth-child(2){animation:mg-link-mark-b 6s ease-in-out infinite;animation-play-state:paused}
#products .card.effect-visible .card-rim rect,#products .card.effect-visible .product-glyph,#products .card.effect-visible .product-glyph span,#products .card.effect-visible .product-glyph:after{animation-play-state:running}
body.motion-paused #products .card-rim rect,body.motion-paused #products .product-glyph,body.motion-paused #products .product-glyph span,body.motion-paused #products .product-glyph:after,body.tab-hidden #products .card-rim rect,body.tab-hidden #products .product-glyph,body.tab-hidden #products .product-glyph span,body.tab-hidden #products .product-glyph:after{animation-play-state:paused!important}
@keyframes mg-card-perimeter{to{stroke-dashoffset:-100}}
@keyframes mg-mark-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes mg-mod-layer{0%,100%{transform:translateY(0) rotate(-30deg) skewY(12deg)}50%{transform:translateY(-3px) rotate(-26deg) skewY(12deg)}}
@keyframes mg-ai-pulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes mg-ai-orbit-a{from{transform:rotate(60deg) scaleX(.4)}to{transform:rotate(420deg) scaleX(.4)}}
@keyframes mg-ai-orbit-b{from{transform:rotate(-60deg) scaleX(.4)}to{transform:rotate(-420deg) scaleX(.4)}}
@keyframes mg-link-mark-a{0%,100%{transform:translate(0,0) rotate(-45deg)}50%{transform:translate(2px,2px) rotate(-42deg)}}
@keyframes mg-link-mark-b{0%,100%{transform:translate(0,0) rotate(-45deg)}50%{transform:translate(-2px,-2px) rotate(-48deg)}}
@media(prefers-reduced-motion:reduce){#products .card-rim rect,#products .product-glyph,#products .product-glyph span,#products .product-glyph:after{animation:none!important}#products .card-rim .rim-beam{stroke-dasharray:none;opacity:.35}#products .card-rim .rim-halo{opacity:0}}

/* Gentle aurora trail, short-viewport flow and touch feedback. */
.card-rim .rim-halo{stroke-dasharray:24 76;stroke-width:5;opacity:.16;filter:blur(3px)}
.card-rim .rim-beam{stroke-dasharray:5 95;stroke-width:1.4;filter:blur(.35px)}
.card-rim rect{animation-name:soft-rim;animation-duration:12s}
@keyframes soft-rim{from{stroke-dashoffset:var(--trail-start,0)}to{stroke-dashoffset:calc(var(--trail-start,0) - 100)}}
.product-glyph{transition:filter .4s,scale .4s;cursor:pointer}
.card:hover .product-glyph,.card:focus-visible .product-glyph{filter:drop-shadow(0 0 12px #71cfffa0);scale:1.06}
.logo-reacting .product-glyph{animation:logo-feedback 1.1s ease-out!important}
@keyframes logo-feedback{0%{scale:1}35%{scale:1.16;filter:drop-shadow(0 0 22px #93dbff)}100%{scale:1;filter:drop-shadow(0 0 7px #71cfff)}}
#workflow-code code:after{content:'▌';color:#8de5fa;animation:typing-caret 1s steps(2,end) infinite}
#analysis-display[data-complete="true"] #workflow-code code:after{content:''}
@keyframes typing-caret{50%{opacity:0}}
#layers.flow-mode{height:auto!important;margin-block:80px}
.flow-mode .sticky{position:relative;top:auto;height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto;padding:50px 20px;align-items:start;gap:32px}
.flow-mode .stackbox{height:320px;position:sticky;top:85px}
.flow-mode .st p{max-height:none;opacity:1;transform:none;overflow:visible}
.flow-mode .steps h2{font-size:clamp(25px,4vw,36px)}
@media(max-width:600px){.flow-mode .sticky{grid-template-columns:1fr;padding:35px 0;gap:20px}.flow-mode .stackbox{height:240px;position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.logo-reacting .product-glyph,#workflow-code code:after{animation:none!important}}
body.motion-paused #workflow-code code:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.card-rim .rim-beam{stroke-dasharray:none!important;opacity:.12!important}.card-rim .rim-halo{opacity:0!important}}

.admin-session-badge{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;padding:5px 10px;border:1px solid #94c8ad55;border-radius:999px;background:#0b1915aa;color:#d4f3df;font:9px 'JetBrains Mono',monospace;letter-spacing:.06em}
.admin-session-badge[hidden]{display:none}
.admin-session-badge .btn{font:11px 'JetBrains Mono',monospace;padding:9px 13px;min-height:38px;border-color:#94c8ad55;background:#10231d;color:#e2fff0}