/* The original navy/mint stylesheet remains the Dark theme. Ocean is an
   additive theme; product and retro previews retain their own authentic colours. */
.supplied-brand{width:215px;flex-shrink:0;padding:7px 10px;background:#fff;border-radius:7px;line-height:1}
.logo-crop{display:block;position:relative;width:100%;aspect-ratio:6.36;overflow:hidden}
.supplied-brand .logo-crop img{position:absolute;width:123%;max-width:none;height:auto;left:-11.3%;top:-110.4%;border-radius:0}
.nav-actions{display:flex;align-items:center;gap:17px}.nav-wrap{gap:20px}.nav-wrap nav{gap:25px}
.theme-switch{display:flex;border:1px solid var(--line);padding:3px;border-radius:30px;background:#0a2832;gap:2px;flex-shrink:0}
.theme-switch button{padding:5px 10px;min-height:30px;border-radius:20px;background:transparent;color:#a8c6d0;font-size:12px;font-weight:600}
.theme-switch button[aria-pressed=true]{background:#85f2cf;color:#082b2c}
.page-hero{text-align:center;padding:76px 0 52px;position:relative;background:radial-gradient(ellipse at center,#154b4e42,transparent 68%)}
.page-hero h1{font-size:clamp(3rem,6.2vw,5.3rem);margin-bottom:26px}.page-hero>p:not(.eyebrow){max-width:670px;margin-inline:auto;font-size:1.05rem}
.page-jump-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:30px}.page-jump-links a{padding:8px 15px;border:1px solid var(--line);border-radius:24px;font-size:14px;background:var(--panel)}.page-jump-links a:hover{color:var(--aqua);border-color:var(--aqua)}
.feature-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:70px;border-bottom:1px solid var(--line)}.feature-detail h2{font-size:2.8rem;margin-bottom:23px}.feature-detail p{font-size:1rem}.feature-detail:nth-child(even)>div:first-child{order:2}.feature-detail .product-window{grid-column:1/-1;max-width:100%;transform:none}
.detail-list{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:13px;font-size:15px;color:var(--muted)}.detail-list li{position:relative;padding-left:24px}.detail-list li:before{content:'✓';color:var(--aqua);position:absolute;left:0}
.feature-visual{padding:35px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#173c4766,#0b202a);min-height:260px;display:flex;flex-direction:column;justify-content:center}.feature-visual .mini-editor,.feature-visual .mini-record{margin:0}.visual-kicker{font-size:12px;letter-spacing:.1em;color:var(--aqua);margin-bottom:22px}.shortcut-grid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;color:var(--muted);font-size:14px}.shortcut-grid kbd{padding:12px;background:#133441;border:1px solid #3e5e68;border-bottom-width:4px;border-radius:8px;color:#d7f6ed;font-size:15px;text-align:center}.mini-report{background:#ece7d8;color:#193c43;padding:28px;border-radius:3px;transform:rotate(-3deg);font-family:Georgia,serif}.mini-report h3{font-family:Georgia,serif;font-size:1.9rem;border-bottom:3px double #597f7a;padding-bottom:14px;margin-bottom:18px}.mini-report p{font-size:15px;color:#465d5a}.mini-report span{display:block;font:11px var(--mono);border-top:1px solid #a5b5a9;padding-top:15px}
.database-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-block:25px 80px}.database-card{scroll-margin-top:115px;padding:36px;border:1px solid var(--line);border-radius:14px;background:var(--panel);position:relative}.database-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px}.db-card-top{display:flex;align-items:center;gap:15px;margin-bottom:23px}.db-badge{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:#85f2cf12;color:var(--aqua);font:600 16px var(--mono);border:1px solid var(--line)}.database-card h2{font-size:1.9rem}.db-type{display:block;font-size:12px;color:var(--muted);margin-top:5px}.database-card>p,.database-card>div>p{font-size:1rem}.db-note{font-size:13px!important;color:var(--muted);padding-top:18px;border-top:1px solid var(--line);margin-top:22px}.db-example{background:#081d28;padding:18px 20px;border:1px solid #355664;border-radius:8px;font:13px/1.9 var(--mono);color:#b2d9df;overflow-wrap:anywhere;white-space:pre-wrap}.db-example b{color:#c5b6ff;font-weight:500}.db-example em{font-style:normal;color:#94efd0}.database-guide{padding:65px 0;border-top:1px solid var(--line)}.database-guide h2{margin-bottom:30px}.database-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.database-guide-grid h3{font-size:1.3rem;margin:16px 0}.database-guide-grid>div>span{font-size:12px;font-family:var(--mono);color:var(--aqua)}.database-guide-grid p{font-size:1rem}.page-footnote{font-size:14px;padding:20px 25px;border:1px solid var(--line);border-radius:8px;background:var(--panel);margin-bottom:65px}

html[data-theme=ocean]{color-scheme:light;--bg:#f4fbfc;--panel:#fff;--panel-light:#e8f5f7;--text:#082f4a;--muted:#496879;--aqua:#007c87;--line:rgba(26,88,111,.16)}
[data-theme=ocean] body{background:var(--bg)}
[data-theme=ocean] ::selection{background:#ffc5c1;color:#173d54}
[data-theme=ocean] .site-header{background:#fffaf4ed;border-bottom-color:#bccdd050;box-shadow:0 4px 30px #1d6e7720}
[data-theme=ocean] .supplied-brand{background:transparent;padding-inline:0}
[data-theme=ocean] .supplied-brand img{mix-blend-mode:multiply}
[data-theme=ocean] .nav-wrap nav a{color:#365569}
[data-theme=ocean] .nav-wrap nav a:hover,[data-theme=ocean] .nav-wrap nav a[aria-current=page]{color:#b33366}
[data-theme=ocean] .theme-switch{background:#e5eff1;border-color:#b8cfd5}
[data-theme=ocean] .theme-switch button{color:#3e6575}
[data-theme=ocean] .theme-switch button[aria-pressed=true]{background:#fff;box-shadow:0 2px 6px #18495520;color:#0c526b}
[data-theme=ocean] .nav-cta{background:#0b3a53;color:white;border-color:#0b3a53}
[data-theme=ocean] .hero{isolation:isolate;background:linear-gradient(#fde5df,#ffdbbc 40%,#8acdd5 70%,var(--bg));padding-top:75px}
[data-theme=ocean] .hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:linear-gradient(180deg,#fff3e529 0%,#ffefdf20 45%,#eefafb00 60%,#f4fbfc 100%),url('/assets/ocean-sunset.png');background-size:cover;background-position:center 47%;}
[data-theme=ocean] .hero-glow{z-index:-1;background:radial-gradient(ellipse at 50% 21%,#fff6e5aa 0%,#ffe9d951 31%,transparent 63%),linear-gradient(0deg,#f4fbfc,transparent 28%)}
[data-theme=ocean] #ocean-canvas{opacity:.14;mix-blend-mode:multiply;top:170px}
[data-theme=ocean] .hero-content{z-index:1}
[data-theme=ocean] .hero .eyebrow{color:#683253;text-shadow:0 1px 8px #fff9e9}
[data-theme=ocean] .hero h1{color:#0b3153;text-shadow:0 2px 35px #fff3e599;font-weight:650}
[data-theme=ocean] .hero h1>span{color:#ad3468;text-shadow:0 2px 30px #ffe7dba6}
[data-theme=ocean] .hero-copy{color:#20485c;font-weight:500;text-shadow:0 1px 8px #fff7eacc}
[data-theme=ocean] .button.primary{background:linear-gradient(120deg,#0a3557,#086477);border-color:#124b64;color:#fff;box-shadow:0 6px 24px #084b6930}
[data-theme=ocean] .button.primary:hover{background:linear-gradient(120deg,#17496c,#147f89);box-shadow:0 9px 28px #08566c3b}
[data-theme=ocean] .button.glass{background:#fff9edbf;color:#153e56;border-color:#dfb8ad;backdrop-filter:blur(12px)}
[data-theme=ocean] .trial-note{color:#214b62;text-shadow:0 1px 10px #fff9ed}
[data-theme=ocean] .trial-note strong{color:#653056;font-weight:650}
[data-theme=ocean] .product-window{box-shadow:0 25px 70px #03364a45,0 0 0 8px #ffffff29;border-color:#6f9baf;color:#ecf6f5}
[data-theme=ocean] .product-window .product-menu a{color:#85f2cf}
[data-theme=ocean] .product-window .preview-tabs button[aria-selected=true]{border-top-color:#85f2cf}
[data-theme=ocean] .floating-note{background:#fffcf0ed;border-color:#ffbcb9;color:#563a51;box-shadow:0 10px 35px #63425425}
[data-theme=ocean] .floating-note span{color:#b24073}
[data-theme=ocean] .engines>p,[data-theme=ocean] .engines small{color:#4b7280}
[data-theme=ocean] .engines>div>span{color:#315e71}
[data-theme=ocean] .engine-symbol{color:#168296}
[data-theme=ocean] .feature-card{background:linear-gradient(135deg,#fff,#f0fafd);box-shadow:0 10px 24px #0e5b7510;border-color:#c4dfe6}
[data-theme=ocean] .feature-card:nth-child(2),[data-theme=ocean] .feature-card:nth-child(3){background:linear-gradient(135deg,#fffaf5,#fff3f4)}
[data-theme=ocean] .feature-icon{background:#dff3f0;border-color:#a6d8d4;color:#05777c}
[data-theme=ocean] .feature-card:nth-child(2) .feature-icon,[data-theme=ocean] .feature-card:nth-child(3) .feature-icon{background:#ffe4e4;border-color:#f0bbbb;color:#af3b68}
[data-theme=ocean] .feature-card small{color:#5a7686}
[data-theme=ocean] .mini-editor,[data-theme=ocean] .mini-record,[data-theme=ocean] .connection-cards>span{box-shadow:0 8px 20px #15425a12}
[data-theme=ocean] .mini-editor code em,[data-theme=ocean] .mini-record em{color:#85f2cf}
[data-theme=ocean] .connection-cards small{color:#91b4c2}
[data-theme=ocean] .connection-cards i{background:#85f2cf}
[data-theme=ocean] .format-pills span{background:#fff4e9;border-color:#e4bdb2;color:#9b4364;box-shadow:0 5px 14px #af69831a}
[data-theme=ocean] .utility-strip{color:#436b7e}
[data-theme=ocean] .utility-strip b{color:#12838d}
[data-theme=ocean] .utility-strip kbd{border-color:#adc9d1;background:#fff}
[data-theme=ocean] .reports-section{background:linear-gradient(115deg,#d2f0ed,#e6f6f5 50%,#ffe4d5);border-color:#bcd9dd}
[data-theme=ocean] .reports-layout .subtle{color:#547881}
[data-theme=ocean] .newspaper{box-shadow:10px 14px 0 #568a8c25,12px 16px 0 #467d7a44,0 20px 60px #093e491a}
[data-theme=ocean] .fun-feature{background:radial-gradient(ellipse at 85% 20%,#f3b5d044,transparent 55%),linear-gradient(125deg,#fff5e7,#ffedf3 55%,#eee8ff)}
[data-theme=ocean] .fun-feature .aqua,[data-theme=ocean] .fun-hero .aqua{color:#ab326f}
[data-theme=ocean] .label-pill{border-color:#d494ad;background:#fff6f0b8;color:#a03d69}
[data-theme=ocean] .stack-caption,[data-theme=ocean] .fun-ticker{color:#705b78}
[data-theme=ocean] .fun-ticker i{color:#b95283}
[data-theme=ocean] .pricing-section{background:radial-gradient(ellipse at 30% 40%,#e0f6ef,transparent 60%)}
[data-theme=ocean] .pricing-card{background:linear-gradient(145deg,#fff7ed,#fff2f6 53%,#f6edff);border-color:#e9bdc1;box-shadow:0 20px 65px #75416c13}
[data-theme=ocean] .pricing-top,[data-theme=ocean] .price{color:#173c56}
[data-theme=ocean] .price>span,[data-theme=ocean] .pricing-card>p{color:#786078}
[data-theme=ocean] .check-list{color:#4d6073;border-color:#dbbcd0}
[data-theme=ocean] .check-list li:before{color:#ac4271}
[data-theme=ocean] .pricing-card>small{color:#79677b}
[data-theme=ocean] .faq-list summary{color:#254f64}
[data-theme=ocean] .faq-list summary:after{color:#a3416f}
[data-theme=ocean] .closing-cta{background:radial-gradient(ellipse at 50% 90%,#8edfdc59,transparent 68%),linear-gradient(110deg,#fff0dd,#ffe6e9,#eee6fd);border-radius:20px 20px 0 0;border-color:#ecd1d5}
[data-theme=ocean] .closing-cta>span{color:#b44b7c}
[data-theme=ocean] .site-footer{background:#e3f3f6}
[data-theme=ocean] .footer-links,[data-theme=ocean] .footer-bottom,[data-theme=ocean] .motion-toggle{color:#456e7e}
[data-theme=ocean] .fun-hero,[data-theme=ocean] .page-hero{background:radial-gradient(ellipse at 50% 20%,#ffc8d147,transparent 70%)}
[data-theme=ocean] .fun-hero-meta,[data-theme=ocean] .back-link,[data-theme=ocean] .playground-heading>span{color:#5e7689}
[data-theme=ocean] .playground{border-color:#9fc4d1;box-shadow:0 20px 60px #22607415}
[data-theme=ocean] .experience-menu{background:#e4f1f4;border-color:#b2cfd6}
[data-theme=ocean] .experience-menu button{color:#365a71}
[data-theme=ocean] .experience-menu button span{color:#6f8e9c}
[data-theme=ocean] .experience-menu button[aria-selected=true]{background:#fff;border-left-color:#c65784;color:#923665}
[data-theme=ocean] .experience-menu button[aria-selected=true] i{color:#b64377}
[data-theme=ocean] .experience-panel{background:#fff}
[data-theme=ocean] .button.small{background:#e4f0f2;color:#24536a;border-color:#afcdd5}
[data-theme=ocean] .era-grid article{border-color:#b4d4df}
[data-theme=ocean] .story-tags span{background:#fff;border-color:#c4d6dd;color:#506c7f}
[data-theme=ocean] .teletext-section{background:linear-gradient(120deg,#daf3ef,#faeddf)}
[data-theme=ocean] .teletext-card{box-shadow:10px 10px 0 #8eb9bd44}
[data-theme=ocean] .schema-diagram{color:#eaf7f5;box-shadow:20px 20px 0 #b4d7d750,21px 21px 0 #86b6bf}
[data-theme=ocean] .schema-node strong{color:#85f2cf}
[data-theme=ocean] .download-card{background:linear-gradient(140deg,#fffbf2,#ffedf2,#e3f4f8);border-color:#e3bdc7;box-shadow:0 20px 60px #6559831c}
[data-theme=ocean] .download-summary b{color:#184760}
[data-theme=ocean] .download-summary span,[data-theme=ocean] .download-card .release-status,[data-theme=ocean] .download-note,[data-theme=ocean] .download-card-bottom{color:#59728a}
[data-theme=ocean] .page-jump-links a{background:#fff}
[data-theme=ocean] .feature-visual{background:linear-gradient(135deg,#dbf1ee,#fff0e4);border-color:#b9d4d9}
[data-theme=ocean] .feature-detail:nth-child(even) .feature-visual{background:linear-gradient(135deg,#ffe7e5,#ede8fb);border-color:#e2c7d7}
[data-theme=ocean] .database-card{background:linear-gradient(145deg,#fff,#eff9fb);box-shadow:0 8px 28px #0d638215}
[data-theme=ocean] .database-card:nth-child(2n){background:linear-gradient(145deg,#fff8ef,#fff0f4)}
[data-theme=ocean] .db-badge{color:#15677d;background:#d9f1f0;border-color:#b0d9d9}
[data-theme=ocean] .database-card:nth-child(2n) .db-badge{color:#a34173;background:#ffe2e7;border-color:#e7bacb}
[data-theme=ocean] .page-footnote{background:#e7f4f4}

@media(max-width:1150px){.supplied-brand{width:180px}.nav-wrap nav{gap:19px}.nav-actions{gap:11px}.theme-switch button{padding-inline:8px}.nav-wrap{gap:14px}.nav-wrap nav a{font-size:13px}}
@media(max-width:960px){.menu-toggle{display:block;margin-left:auto;padding:8px 0;font-size:14px}.nav-wrap nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 28px;background:#0b2531;border-bottom:1px solid #34505a;box-shadow:0 15px 30px #0003}.nav-wrap nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-wrap nav a{font-size:16px;padding:13px}.nav-actions{gap:15px}.supplied-brand{width:210px}[data-theme=ocean] .nav-wrap nav{background:#fffaf5;border-color:#d1dadd}.feature-detail{gap:35px}.database-card{padding:26px}.database-card:last-child{gap:25px}.footer-links{flex-wrap:wrap;max-width:430px}.feature-detail h2{font-size:2.4rem}}
@media(max-width:600px){.supplied-brand{width:160px;padding:5px 7px}.nav-wrap{gap:10px}.nav-actions{gap:0}.nav-cta{display:none}.theme-switch button{padding:4px 7px;font-size:11px;min-height:29px}.theme-switch{padding:2px}.menu-toggle{font-size:0;padding:10px 0}.menu-toggle span{font-size:18px;margin:0}.site-header .logo-crop{min-height:23px}.nav-wrap nav{padding-inline:18px}.hero:before{background-position:62% center!important}[data-theme=ocean] .hero{padding-top:45px}[data-theme=ocean] .hero h1{font-size:clamp(2.8rem,11.5vw,4.3rem)}[data-theme=ocean] .hero-copy{font-size:.96rem}[data-theme=ocean] .hero-glow{background:radial-gradient(ellipse at 50% 23%,#fff1deba,transparent 80%),linear-gradient(0deg,#f4fbfc,transparent 32%)}.page-hero{padding-top:45px;padding-bottom:30px}.page-hero h1{font-size:3.15rem}.page-hero>p:not(.eyebrow){font-size:1rem}.page-jump-links{gap:7px;margin-top:24px}.page-jump-links a{font-size:12px;padding:7px 12px}.feature-detail{grid-template-columns:1fr;gap:28px;padding-block:45px}.feature-detail:nth-child(even)>div:first-child{order:0}.feature-detail h2{font-size:2.35rem}.feature-visual{padding:24px;min-height:240px}.database-grid{grid-template-columns:1fr;padding-bottom:45px;gap:17px}.database-card{padding:25px}.database-card:last-child{grid-column:auto;display:block}.database-card h2{font-size:1.8rem}.database-card:last-child .db-example{margin-top:26px}.database-guide{padding-block:45px}.database-guide-grid{grid-template-columns:1fr;gap:20px}.page-footnote{margin-bottom:45px;padding:18px}.feature-detail .product-window{grid-column:1}.footer-top .supplied-brand{width:215px}.footer-links{display:grid;grid-template-columns:1fr 1fr}.closing-cta{border-radius:14px 14px 0 0}}
@media(prefers-reduced-motion:reduce){[data-theme=ocean] .hero:before{transform:none}}
.db-badge img{display:block;width:30px;height:30px;object-fit:contain}
[data-theme=dark] .db-badge{background:#ecf7fa;border-color:#a7c9d7}


/* Sunlit shallows: retain the water texture without descending into navy. */
[data-theme=ocean] body[data-page=home] .hero{background:linear-gradient(#fde5df,#ffdbbc 40%,#9cdde1 75%,#d9f3f2)}
[data-theme=ocean] body[data-page=home] .hero:before{background-image:linear-gradient(180deg,#fff3e529 0%,#ffefdf20 45%,#eefafb00 60%,#d9f3f2 100%),url('/assets/ocean-sunset.png')}
[data-theme=ocean] body[data-page=home] .hero-glow{background:radial-gradient(ellipse at 50% 21%,#fff6e5aa 0%,#ffe9d951 31%,transparent 63%),linear-gradient(0deg,#d9f3f2,transparent 28%)}
[data-theme=ocean] .ocean-depth{position:relative;isolation:isolate;background:linear-gradient(180deg,#d9f3f2,#edfafa 34%,#f4fbfc 60%,#f4fbfc)}
[data-theme=ocean] .ocean-depth:before{content:'';position:absolute;z-index:-1;inset:0 0 auto;height:1500px;max-height:100%;background:url('/assets/ocean-underwater.png') center top/cover no-repeat;opacity:.13;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 40%,transparent 100%);pointer-events:none}
[data-theme=ocean] .ocean-depth .feature-card{background:#ffffffeb;box-shadow:0 12px 35px #1a7a8a0b}
[data-theme=ocean] .ocean-depth .feature-card:nth-child(2),[data-theme=ocean] .ocean-depth .feature-card:nth-child(3){background:#fff8f5f5}
[data-theme=ocean] .text-link:hover{color:#a13365;border-color:currentColor}
body[data-page=home] .section{padding-block:76px}
body[data-page=home] .hero h1{font-size:clamp(2.8rem,5.6vw,5rem)}
body[data-page=home] .hero-copy{max-width:750px}
.trial-note a{text-decoration:underline;text-underline-offset:3px;margin-left:9px}
.engines img{vertical-align:middle;object-fit:contain;margin-right:7px}
.engines .text-link{margin-top:20px;font-size:.8rem}
[data-theme=dark] .engines img{background:#eff9fa;border-radius:6px;padding:3px;width:31px;height:31px}
.app-gallery{max-width:1000px;margin:38px auto 0;scroll-margin-top:100px;text-align:left}
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#102e3b;border:1px solid #496875;border-bottom:0;border-radius:12px 12px 0 0;color:#c2dde6}
.gallery-toolbar>span{font-size:10px;font-weight:650;letter-spacing:.13em}
.gallery-toolbar [role=tablist]{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}
.gallery-toolbar button{background:transparent;border-radius:6px;color:inherit;padding:8px 14px;font-size:12px;min-height:36px}
.gallery-toolbar button[aria-selected=true]{background:#c4f4e9;color:#163e4c}
[data-theme=ocean] .gallery-toolbar{background:#fffaf1e8;border-color:#c8dde0;color:#385d70}
[data-theme=ocean] .gallery-toolbar button[aria-selected=true]{background:#0e5369;color:#fff}
.screenshot-link{display:block;position:relative;overflow:hidden;border:1px solid var(--line);background:#edf4f5;border-radius:9px;cursor:zoom-in}
.screenshot-link img{display:block;width:100%;height:auto}
.app-gallery .screenshot-link{border-radius:0 0 10px 10px;box-shadow:0 20px 55px #0b576325;aspect-ratio:16/10}
.app-gallery .screenshot-link img{height:100%;object-fit:contain;background:#eef3f5}
.enlarge-hint{position:absolute;right:12px;bottom:12px;background:#0c3b50ec;border:1px solid #8fc3ce;color:#fff;padding:7px 12px;border-radius:6px;font-size:12px;box-shadow:0 3px 15px #103a5130}
.screenshot-caption{font-size:12px;color:var(--muted);text-align:center;margin:14px 0 0}
.report-summary{margin-top:28px;border-top:1px solid var(--line);padding:27px 0 0;display:flex;align-items:center;justify-content:space-between;gap:40px}
.report-summary>div{max-width:770px}.report-summary .eyebrow{margin-bottom:10px}.report-summary h3{font-size:1.35rem}.report-summary p:last-child{margin:12px 0 0;font-size:.95rem}.report-summary>a{white-space:nowrap}
body[data-page=home] .feature-card{min-height:0;padding:30px}
.fun-real-shot{margin:0;min-width:0;transform:perspective(1300px) rotateY(-4deg);filter:drop-shadow(0 15px 24px #17294b20)}
body[data-page=home] .fun-showcase{grid-template-columns:.8fr 1.2fr;gap:45px}
body[data-page=home] .fun-ticker{margin-top:35px}
body[data-page=home] .closing-cta{padding-block:55px}
.screenshot-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #83b9c6;border-radius:12px;background:var(--bg);color:var(--text);box-shadow:0 20px 100px #0006}
.screenshot-dialog::backdrop{background:#061e34cc;backdrop-filter:blur(5px)}
.screenshot-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;font-size:13px}
.screenshot-dialog button{background:var(--panel-light);border:1px solid var(--line);border-radius:6px;padding:8px 15px;min-height:44px}
.screenshot-dialog .full-image{overflow:auto;max-height:calc(94dvh - 80px)}
.screenshot-dialog img{display:block;width:100%;height:auto}
html:has(.screenshot-dialog[open]){overflow:hidden}
@media(max-width:600px){
 body[data-page=home] .hero h1{font-size:clamp(2.25rem,9.8vw,3.6rem)}
 body[data-page=home] .section{padding-block:48px}
 .trial-note a{display:block;margin:8px 0 0}
 .app-gallery{margin-top:28px}.gallery-toolbar{padding:9px;justify-content:center}.gallery-toolbar>span{display:none}.gallery-toolbar button{padding:8px 10px;font-size:11px}
 .app-gallery .screenshot-link{aspect-ratio:1.25}.app-gallery .screenshot-link img{object-fit:cover;object-position:top left}
 .screenshot-caption{font-size:11px;line-height:1.7}.enlarge-hint{font-size:11px;padding:6px 9px;right:8px;bottom:8px}
 .report-summary{display:block}.report-summary>a{margin-top:20px}
 body[data-page=home] .feature-card{padding:24px}
 body[data-page=home] .fun-showcase{grid-template-columns:1fr;gap:26px}.fun-real-shot{transform:none}
 [data-theme=ocean] .ocean-depth:before{height:1200px;background-position:45% top;opacity:.1}
 .screenshot-dialog img{min-width:1000px}.screenshot-dialog header{font-size:11px;padding:10px}
}
@media(prefers-reduced-motion:reduce){.fun-real-shot{transform:none}}
/* Feature pages share the Ocean/Dark tokens; illustrative UI is labelled in HTML. */
.capability-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding-block:80px 65px}
.capability-hero h1{font-size:clamp(3.2rem,5.4vw,5rem);margin-bottom:28px}
.capability-hero>div>p:not(.eyebrow){font-size:1.05rem;max-width:600px}
.capability-hero .hero-actions{justify-content:flex-start}
.capability-hero .capability-note{font-size:.78rem!important;margin:22px 0 0}
.capability-section{padding-block:75px;scroll-margin-top:85px}.compact-section{padding-top:0}
.capability-band{background:#10303c;border-block:1px solid var(--line)}
[data-theme=ocean] .capability-band{background:linear-gradient(125deg,#e3f5f3,#f5f4f8 58%,#fff0e7)}
.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.capability-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.capability-grid article,.provider-grid article,.context-grid>article{padding:30px;border:1px solid var(--line);border-radius:14px;background:var(--panel);min-width:0}
.capability-grid h3,.provider-grid h3,.context-grid h3{margin-bottom:15px;font-size:1.4rem}
.capability-grid p,.provider-grid p{font-size:.95rem;margin-bottom:0}.capability-grid .feature-icon{margin-bottom:22px}
.capability-grid .card-note{font-size:.8rem;margin-top:20px;border-top:1px solid var(--line);padding-top:15px}
.provider-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.provider-grid article{grid-column:span 2}.provider-grid article:nth-last-child(-n+2){grid-column:span 3}
.provider-grid small{display:block;color:var(--muted);font-size:.78rem;margin-top:20px}
.provider-kind{display:block;color:var(--aqua);letter-spacing:.12em;font-size:.65rem;margin-bottom:19px;font-weight:650}
.capability-callout{padding:23px 27px;border:1px solid var(--line);border-left:3px solid var(--aqua);border-radius:0 10px 10px 0;font-size:.9rem;margin:28px 0 0;background:var(--panel-light)}
.capability-shot{margin:38px auto 0;max-width:1060px}.capability-shot img{height:auto}
.context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.context-grid h2{font-size:2.5rem;margin-bottom:24px}
.capability-faq{max-width:900px;margin:40px auto 0}
.ai-story,.connection-map,.file-story{padding:30px;border:1px solid #4b7885;border-radius:18px;background:linear-gradient(145deg,#183847,#0b2331);box-shadow:0 25px 75px #00253625;transform:perspective(1200px) rotateY(-3deg);color:#e9f8fa}
[data-theme=ocean] .ai-story,[data-theme=ocean] .file-story,[data-theme=ocean] .connection-map{background:linear-gradient(145deg,#fffbf5,#f5f0fb 60%,#e6f6f6);border-color:#c8dce0;color:#193b55}
.story-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-weight:650;font-size:1rem;padding-bottom:23px;border-bottom:1px solid var(--line)}
.story-top>span:last-child{font:9px var(--mono);letter-spacing:.06em;color:var(--muted)}
.story-question{border-radius:12px 12px 0 12px;background:#24635740;padding:20px;margin:25px 0 20px;font-size:1rem;color:inherit}
[data-theme=ocean] .story-question{background:#fff}
.context-chips{display:flex;gap:7px;flex-wrap:wrap}.context-chips span{font:10px var(--mono);padding:6px 9px;border:1px solid var(--line);border-radius:5px;color:var(--aqua)}
.story-answer{margin:30px 0}.story-answer>span{font-size:10px;letter-spacing:.11em;color:var(--aqua)}.story-answer h3{font-size:1.7rem;margin:15px 0}.story-answer p{font-size:.9rem}
.review-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:20px;font-size:.8rem}.review-flow b{color:var(--aqua);font-weight:400}
.map-root{font-size:1.8rem;font-weight:600;margin-bottom:25px}.map-root span{font-size:10px;letter-spacing:.15em;color:var(--aqua);display:block;margin-top:9px}
.map-row{display:grid;grid-template-columns:55px 1fr;gap:15px;align-items:center;border-top:1px solid var(--line);padding:21px 0}.map-row b{font:16px var(--mono);color:var(--aqua)}.map-row span{font-size:.88rem}.connection-map>p,.file-story>p{font-size:.8rem;margin:20px 0 0}
.file-location{font:12px var(--mono);padding:28px 0;color:var(--aqua)}.file-entry{display:flex;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.file-entry b{font-size:.9rem;font-weight:500}.file-entry>span{color:var(--aqua)}.file-entry small{margin-left:auto;color:var(--muted);font-size:.75rem}
.home-expansion{padding-block:70px}.home-ai{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:42px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}
[data-theme=ocean] .home-ai{background:linear-gradient(120deg,#fffaf3,#ffedf3 58%,#e9f5fa)}
.home-ai h2{font-size:2.8rem;margin-bottom:22px}.home-ai p{font-size:.95rem}.home-ai .provider-line{font-size:.82rem;color:var(--aqua);font-weight:600}.home-ai .screenshot-caption{font-size:11px;margin-bottom:0}
.home-expansion .capability-grid{margin-top:22px}.home-expansion .text-link{margin-top:20px}
.feature-destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}
.feature-destinations>a{padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:12px;transition:transform .2s}.feature-destinations>a:hover{transform:translateY(-3px)}.feature-destinations h2{font-size:1.35rem;margin-bottom:12px}.feature-destinations p{font-size:.88rem;margin:0}.feature-destinations span{display:block;color:var(--aqua);margin-top:15px;font-size:.8rem}
.multi-result-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.multi-result-strip span{padding:9px 12px;background:var(--panel-light);border:1px solid var(--line);border-radius:6px;font-size:.75rem}.multi-result-strip span:nth-child(2){border-color:var(--aqua);color:var(--aqua)}
.nav-wrap nav{gap:17px}.site-header .supplied-brand{width:185px}.nav-actions{gap:10px}.nav-cta{padding-inline:12px}
.footer-links{display:grid;grid-template-columns:repeat(4,auto);gap:15px 24px}
@media(max-width:1150px){.menu-toggle{display:block;margin-left:auto}.nav-wrap nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 28px;background:#0b2531;border-bottom:1px solid #34505a;box-shadow:0 15px 30px #0003}.nav-wrap nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-wrap nav a{font-size:16px;padding:10px}[data-theme=ocean] .nav-wrap nav{background:#fffaf5;border-color:#d1dadd}.capability-hero{gap:35px}.capability-grid.three{grid-template-columns:1fr}.home-ai{gap:30px;padding:30px}}
@media(max-width:800px){.capability-hero{grid-template-columns:1fr;padding-block:50px;gap:35px}.capability-hero h1{font-size:3.5rem}.ai-story,.file-story,.connection-map{transform:none}.capability-section{padding-block:50px}.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid article,.provider-grid article:nth-last-child(-n+2){grid-column:auto}.provider-grid article:last-child{grid-column:1/-1}.home-ai{grid-template-columns:1fr}.feature-destinations{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(3,auto)}}
@media(max-width:600px){.site-header .supplied-brand{width:160px}.capability-hero h1{font-size:3.15rem}.capability-hero>div>p:not(.eyebrow){font-size:1rem}.capability-hero .hero-actions{flex-direction:column;align-items:stretch}.capability-grid,.provider-grid,.context-grid{grid-template-columns:1fr}.provider-grid article:last-child{grid-column:auto}.capability-grid article,.provider-grid article,.context-grid>article{padding:24px}.ai-story,.connection-map,.file-story{padding:23px}.story-top{gap:10px}.story-top>span:last-child{font-size:8px}.story-answer h3{font-size:1.5rem}.capability-callout{padding:20px;font-size:.85rem}.capability-shot{margin-top:26px}.home-expansion{padding-block:45px}.home-ai{padding:24px}.home-ai h2{font-size:2.35rem}.home-expansion .capability-grid{gap:14px}.footer-links{grid-template-columns:repeat(2,auto)}}
@media(prefers-reduced-motion:reduce){.ai-story,.file-story,.connection-map{transform:none}.feature-destinations>a:hover{transform:none}}
/* The resource grid now contains six providers; S3 keeps its full-width layout. */
.database-grid:has(#dynamodb) #dynamodb{grid-column:1/-1}
.related-connections{padding:0 0 60px}.related-connections h2{font-size:2.4rem;margin-bottom:22px}.related-connections .hero-actions{justify-content:flex-start}
.home-ai .capability-note{font-size:.75rem;margin:15px 0 0}