/* AquaNexus V27.7 combined production stylesheet */
:root { --blue:#0096C7; --blue-dark:#008dbd; --cyan:#00B4D8; --accent:#48CAE4; --aqua:#2DD4BF; --ink:#23313F; --muted:#5F7285; --header:#07111B; --paper:#F8FAFC; --water:#F1FBFD; --white:#fff; --border:#E6EDF2; --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:24px; --s6:32px; --s7:48px; --s8:64px; --s9:96px; --s10:128px; --r1:4px; --r2:8px; --r3:12px; --r4:18px; --r5:24px; --shadow-s:0 4px 12px rgb(7 17 27 / .08); --shadow-m:0 16px 32px rgb(7 17 27 / .12); --shadow-l:0 32px 64px rgb(7 17 27 / .16); --max:1200px; --reading:75ch; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:100px; } body { margin:0; background:var(--white); color:var(--ink); font:400 16px/1.65 Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; } img { max-width:100%; height:auto; } a { color:inherit; text-decoration:none; } button,input,textarea { font:inherit; } button { cursor:pointer; } button:disabled { cursor:wait; opacity:.72; } :focus-visible { outline:3px solid var(--accent); outline-offset:4px; } .visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:20; top:var(--s3); left:var(--s3); padding:var(--s3) var(--s4); background:var(--white); border-radius:var(--r2); transform:translateY(-200%); } .skip-link:focus { transform:translateY(0); }
.site-notice { background:#e7f8fb; color:var(--ink); border-bottom:1px solid #c8eaf0; } .site-notice__inner { display:flex; min-height:46px; align-items:center; justify-content:center; gap:var(--s3); padding-block:var(--s2); text-align:center; } .site-notice__badge { flex:none; padding:3px 9px; border-radius:999px; background:var(--blue); color:var(--white); font-size:.7rem; font-weight:700; letter-spacing:.07em; text-transform:uppercase; } .site-notice p { margin:0; font-size:.9rem; font-weight:600; }
.construction-card { display:flex; max-width:54ch; flex-direction:column; gap:var(--s1); margin:0 0 var(--s5); padding:var(--s4) var(--s5); border:1px solid #9edce8; border-left:5px solid var(--blue); border-radius:var(--r3); background:#e9f9fc; box-shadow:var(--shadow-s); } .construction-card strong { color:var(--header); font-family:Poppins,Arial,sans-serif; font-size:1rem; } .construction-card span { color:#405b6e; font-size:.92rem; }
.container { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; } .reading-layout { width:min(100%,var(--reading)); } .section { padding-block:var(--s10); } .section--muted { background:var(--paper); } .section--dark { background:var(--header); color:var(--white); } .section--cta { padding-block:var(--s8); background:var(--paper); } .eyebrow { margin:0 0 var(--s3); color:var(--blue); font-size:.75rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; } .eyebrow--light { color:var(--accent); } h1,h2,h3 { font-family:Poppins,Arial,sans-serif; line-height:1.16; letter-spacing:-.035em; } h1 { max-width:15ch; margin:0 0 var(--s5); font-size:clamp(3rem,6vw,5.35rem); letter-spacing:-.018em; } h2 { max-width:18ch; margin:0 0 var(--s5); font-size:clamp(2rem,4vw,3.5rem); } h3 { margin:0 0 var(--s3); font-size:1.25rem; } p { margin:0 0 var(--s4); } .lead { max-width:62ch; color:var(--muted); font-size:1.25rem; line-height:1.65; }
.site-header { position:sticky; z-index:10; top:0; background:var(--header); color:var(--white); transition:box-shadow 250ms ease; } .site-header.is-scrolled { box-shadow:var(--shadow-s); } .header-inner { display:flex; align-items:center; min-height:86px; justify-content:space-between; gap:var(--s5); } .brand { display:inline-flex; align-items:center; flex:none; gap:var(--s3); font-family:Poppins,sans-serif; font-size:1.15rem; font-weight:600; } .brand img { width:46px; height:46px; object-fit:contain; border-radius:6px; } .brand-text { display:flex; flex-direction:column; gap:1px; line-height:1.05; } .brand-name { color:var(--white); font-size:1.25rem; font-weight:700; letter-spacing:-.02em; } .brand-tagline { color:#bdcad3; font-family:Inter,Arial,sans-serif; font-size:.56rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; } .primary-nav { display:flex; align-items:center; gap:var(--s5); font-size:.9rem; font-weight:600; } .primary-nav > a:not(.button) { opacity:.82; } .primary-nav > a:not(.button):hover,.primary-nav a[aria-current] { opacity:1; color:var(--accent); } .menu-toggle { display:none; }
.button { display:inline-flex; min-width:160px; min-height:48px; align-items:center; justify-content:center; gap:var(--s2); padding:var(--s3) var(--s5); border:1px solid var(--blue); border-radius:999px; background:var(--blue); color:var(--white); font-weight:700; line-height:1.2; text-align:center; transition:background 250ms ease,transform 250ms ease; } .button:hover { background:var(--blue-dark); transform:translateY(-2px); } .button--small { min-width:auto; min-height:40px; padding:var(--s2) var(--s4); font-size:.85rem; } .button--quiet { min-width:auto; padding-inline:0; border:0; background:transparent; color:var(--ink); } .button--quiet:hover { background:transparent; color:var(--blue); } .button--light { background:var(--white); border-color:var(--white); color:var(--header); } .button--light:hover { background:#f2f7f9; } .button-row { display:flex; flex-wrap:wrap; align-items:center; gap:var(--s5); }
.hero { overflow:hidden; background:radial-gradient(circle at 78% 26%,#dff8fb 0,#f8fafc 34%,#fff 68%); } .hero-grid { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:var(--s8); min-height:calc(100svh - 80px); padding-block:var(--s9); } .hero-copy { padding-block:var(--s7); } .hero-intro { max-width:52ch; margin-bottom:var(--s6); color:var(--muted); font-size:1.2rem; } .hero-art { position:relative; } .hero-art::before { content:""; position:absolute; z-index:0; inset:8% -8% -8% 6%; border-radius:var(--r5); background:linear-gradient(135deg,#dff7fb,#eafdf8); } .hero-art picture { position:relative; z-index:1; display:block; } .hero-art img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; object-position:center; border-radius:var(--r5); box-shadow:var(--shadow-m); }
.section-heading,.split-callout,.roadmap-grid,.faq-layout,.cta-box { display:grid; grid-template-columns:1fr 1fr; gap:var(--s8); align-items:start; } .section-heading { margin-bottom:var(--s6); } .section-heading > p { max-width:46ch; color:var(--muted); } #platform { background:linear-gradient(180deg,var(--white) 0%,var(--water) 100%); } .feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s5); } .feature-card { position:relative; min-height:0; padding:var(--s6); border:1px solid var(--border); border-radius:var(--r4); background:rgb(255 255 255 / .9); box-shadow:0 1px 0 rgb(7 17 27 / .03); transition:transform 250ms ease,box-shadow 250ms ease,border-color 250ms ease; } .feature-card::after { content:""; position:absolute; right:var(--s5); bottom:var(--s5); left:var(--s5); height:2px; border-radius:999px; background:linear-gradient(90deg,var(--blue),var(--aqua)); opacity:.16; } .feature-card:hover { border-color:#cbeaf1; box-shadow:var(--shadow-m); transform:translateY(-4px); } .feature-card p { margin:0; color:var(--muted); } .feature-icon { display:grid; width:54px; height:54px; place-items:center; margin-bottom:var(--s5); border-radius:50%; background:linear-gradient(135deg,#e5f9fd,#defbf5); color:var(--blue); font-size:1.45rem; font-weight:700; }
.section--dark h2 { max-width:22ch; } .journey-list { display:grid; grid-template-columns:repeat(3,1fr); gap:var(--s5); margin:var(--s7) 0 0; padding:0; list-style:none; counter-reset:journey; } .journey-list li { padding-top:var(--s5); border-top:1px solid rgb(255 255 255 / .25); } .journey-list span { display:block; margin-bottom:var(--s4); color:var(--accent); font-weight:700; } .journey-list strong { display:block; font:600 1.25rem Poppins,sans-serif; } .journey-list p { margin:var(--s2) 0 0; color:#bdcad3; font-size:.95rem; }
.roadmap-list { display:grid; gap:var(--s5); margin:0; padding:0; list-style:none; } .roadmap-list li { display:grid; grid-template-columns:80px 1fr; gap:var(--s4); padding:var(--s5); border:1px solid var(--border); border-radius:var(--r3); } .roadmap-list span { color:var(--blue); font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; } .roadmap-list h3,.roadmap-list p { margin:0; } .roadmap-list p { color:var(--muted); } .split-callout > div:last-child { max-width:50ch; color:var(--muted); } .text-link { display:inline-block; margin-top:var(--s3); color:var(--blue); font-weight:700; } .text-link:hover { text-decoration:underline; }
.section--support { padding-block:var(--s8); background:linear-gradient(135deg,#07111b 0%,#0b2735 100%); color:var(--white); } .support-card { display:grid; grid-template-columns:1.2fr .8fr; gap:var(--s8); align-items:center; } .support-copy h2 { max-width:15ch; } .support-copy > p:not(.eyebrow) { max-width:62ch; color:#d4e0e7; } .support-disclaimer { margin:var(--s5) 0 0 !important; padding-top:var(--s4); border-top:1px solid rgb(255 255 255 / .15); font-size:.85rem; } .support-action { padding:var(--s6); border:1px solid rgb(255 255 255 / .18); border-radius:var(--r4); background:rgb(255 255 255 / .08); text-align:center; box-shadow:var(--shadow-m); } .support-action h3 { color:var(--white); } .support-action p { color:#d4e0e7; } .support-action small { display:block; max-width:40ch; margin:var(--s4) auto 0; color:#bdcad3; font-size:.76rem; line-height:1.5; } .support-icon { display:grid; width:58px; height:58px; place-items:center; margin:0 auto var(--s4); border-radius:50%; background:rgb(72 202 228 / .14); color:var(--accent); font-size:1.8rem; }
.advertisement { padding-block:var(--s6); background:var(--paper); border-top:1px solid var(--border); } .advertisement-label { margin:0 0 var(--s2); color:var(--muted); font-size:.68rem; font-weight:700; letter-spacing:.1em; text-align:center; text-transform:uppercase; } .ad-slot { display:flex; width:min(100%,728px); min-height:90px; align-items:center; justify-content:center; flex-direction:column; gap:2px; margin-inline:auto; padding:var(--s3); border:1px dashed #cbd8e1; border-radius:var(--r2); background:var(--white); color:var(--muted); text-align:center; } .ad-slot span { font-size:.8rem; font-weight:600; } .ad-slot small { font-size:.7rem; }
.faq-list { border-top:1px solid var(--border); } details { border-bottom:1px solid var(--border); } summary { display:flex; align-items:center; justify-content:space-between; gap:var(--s4); padding:var(--s5) 0; font:600 1.1rem Poppins,sans-serif; cursor:pointer; list-style:none; } summary::-webkit-details-marker { display:none; } summary::after { content:"+"; color:var(--blue); font:400 1.5rem Inter,sans-serif; } details[open] summary::after { content:"−"; } details p { max-width:60ch; padding:0 0 var(--s5); color:var(--muted); }
.cta-box { align-items:center; padding:var(--s8); border-radius:var(--r5); background:var(--header); color:var(--white); } .cta-box h2 { max-width:14ch; } .cta-box > div > p:not(.eyebrow) { color:#bdcad3; } .signup-form label,.feedback-form label { display:block; margin-bottom:var(--s2); font-weight:600; } .form-row { display:flex; gap:var(--s3); } input,textarea { width:100%; min-width:0; min-height:48px; padding:var(--s3) var(--s4); border:1px solid #cbd8e1; border-radius:var(--r2); background:var(--white); color:var(--ink); } textarea { resize:vertical; line-height:1.55; } input::placeholder,textarea::placeholder { color:#748595; } input:user-invalid,textarea:user-invalid { border-color:#b42318; box-shadow:0 0 0 2px rgb(180 35 24 / .12); } .field-help { margin:calc(var(--s3) * -1) 0 0; color:var(--muted); font-size:.82rem; } .form-note { margin:0; color:#bdcad3; font-size:.8rem; } .form-note a,.checkbox-row a { text-decoration:underline; text-underline-offset:2px; } .form-status { min-height:1.65em; margin:0; font-size:.9rem; font-weight:600; } .form-status.is-success { color:#047857; } .form-status.is-error { color:#b42318; } .cta-box .form-status.is-success { color:#7ce7cf; } .cta-box .form-status.is-error { color:#ffb4ab; } .feedback-box { display:grid; grid-template-columns:.9fr 1.1fr; gap:var(--s8); align-items:start; padding:var(--s8); border:1px solid var(--border); border-radius:var(--r5); background:var(--white); box-shadow:var(--shadow-s); } .feedback-box h2 { max-width:15ch; } .feedback-box > div > p:not(.eyebrow) { max-width:44ch; color:var(--muted); } .feedback-form { display:grid; gap:var(--s4); } .feedback-form label span { color:var(--muted); font-weight:500; } .checkbox-row { display:flex !important; align-items:flex-start; gap:var(--s3); margin:0; color:var(--muted); font-weight:500 !important; } .checkbox-row input { flex:none; width:18px; height:18px; min-height:auto; margin-top:.25em; accent-color:var(--blue); } .consent-row { margin-top:var(--s4); color:#d7e1e7; font-size:.86rem; } .feedback-note { color:var(--muted); }
.site-footer { padding-block:var(--s7) var(--s5); background:var(--header); color:var(--white); } .footer-top { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:var(--s5); padding-bottom:var(--s6); } .footer-top p { margin:0; color:#bdcad3; } .footer-top nav { display:flex; flex-wrap:wrap; gap:var(--s5); font-size:.9rem; } .footer-top nav a { color:#bdcad3; } .footer-top nav a:hover { color:var(--white); } .footer-bottom { display:flex; justify-content:space-between; gap:var(--s4); padding-top:var(--s5); border-top:1px solid rgb(255 255 255 / .16); color:#bdcad3; }
.page-hero { padding-block:var(--s10) var(--s8); background:var(--paper); } .prose h2 { margin-top:var(--s7); font-size:1.75rem; } .prose p { color:var(--muted); } blockquote { margin:var(--s6) 0; padding:var(--s5); border-left:4px solid var(--blue); background:var(--paper); font:500 1.35rem/1.5 Poppins,sans-serif; color:var(--ink); } .error-page { display:grid; min-height:100svh; align-items:center; padding-block:var(--s8); background:var(--paper); } .error-page .brand { margin-bottom:var(--s9); color:var(--header); }
.reveal { opacity:0; transform:translateY(16px); transition:opacity 500ms ease,transform 500ms ease; } .reveal.is-visible { opacity:1; transform:none; } @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms !important; animation-duration:.01ms !important; } .reveal { opacity:1; transform:none; } } @media print { .site-header,.site-footer,.button,.skip-link,.advertisement { display:none; } body { color:#000; } .section { padding-block:24px; } }


/* AquaNexus guide library */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center;margin:0 0 var(--s5);color:var(--muted);font-size:.86rem}.breadcrumbs a{color:var(--blue);font-weight:600}.breadcrumbs a:hover{text-decoration:underline}.library-hero,.article-hero{padding-block:var(--s9);background:linear-gradient(145deg,var(--paper),var(--water))}.library-hero--main{padding-block:var(--s10)}.library-hero__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s8);align-items:center}.library-promise{padding:var(--s6);border:1px solid #bfe7ee;border-radius:var(--r4);background:rgb(255 255 255 / .88);box-shadow:var(--shadow-s)}.library-promise strong{font:600 1.35rem Poppins,sans-serif}.library-promise p{color:var(--muted)}.library-promise ul{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin:var(--s5) 0 0;padding:0;list-style:none}.library-promise li{padding:var(--s3);border-radius:var(--r2);background:#eaf9fc;font-size:.86rem;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s5)}.category-card{display:grid;grid-template-columns:auto 1fr;gap:var(--s5);padding:var(--s6);border:1px solid var(--border);border-radius:var(--r4);background:var(--white);box-shadow:var(--shadow-s);transition:transform 250ms ease,box-shadow 250ms ease,border-color 250ms ease}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-m);border-color:#bfe7ee}.category-card__icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#e5f9fd,#defbf5);color:var(--blue);font:700 1.3rem Poppins,sans-serif}.category-card h2{max-width:none;margin:0 0 var(--s3);font-size:1.65rem}.category-card p{color:var(--muted)}.guide-search{max-width:680px;margin:0 0 var(--s6)}.guide-search label{display:block;margin-bottom:var(--s2);font-weight:700}.guide-search input{background:var(--white)}.search-status{min-height:1.5em;margin:var(--s2) 0 0;color:var(--muted);font-size:.85rem}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.guide-card{display:flex;min-height:100%;flex-direction:column;padding:var(--s6);border:1px solid var(--border);border-radius:var(--r4);background:var(--white);box-shadow:var(--shadow-s)}.guide-card[hidden]{display:none}.guide-card__top{display:flex;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5);color:var(--muted);font-size:.78rem;font-weight:700}.guide-type{color:var(--blue);letter-spacing:.06em;text-transform:uppercase}.guide-card h2{max-width:none;margin:0 0 var(--s3);font-size:1.4rem}.guide-card h2 a:hover{color:var(--blue)}.guide-card>p{flex:1;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}.tag{display:inline-flex;padding:4px 9px;border-radius:999px;background:#edf8fa;color:#31596b;font-size:.72rem;font-weight:700}.empty-state{padding:var(--s8);border:1px dashed #b7cbd6;border-radius:var(--r4);text-align:center}.empty-state h2{max-width:none}.article-hero__inner{width:min(100%,920px)}.article-hero h1{max-width:18ch;font-size:clamp(2.7rem,5vw,4.6rem)}.article-dek{max-width:64ch;color:var(--muted);font-size:1.25rem}.article-meta{display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);padding-top:var(--s4);border-top:1px solid #cfe3e9;color:var(--muted);font-size:.82rem;font-weight:600}.article-section{padding-block:var(--s9)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s8);align-items:start}.article-body{max-width:78ch}.article-body h2{max-width:none;margin-top:var(--s8);font-size:2rem}.article-body h3{margin-top:var(--s6)}.article-body p,.article-body li{color:#43586a}.article-body ul,.article-body ol{padding-left:1.3rem}.article-body li+li{margin-top:var(--s2)}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3);margin:0 0 var(--s7)}.fact-grid div{padding:var(--s4);border:1px solid var(--border);border-radius:var(--r3);background:var(--paper)}.fact-grid dt{color:var(--blue);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.fact-grid dd{margin:var(--s1) 0 0;font-weight:600;line-height:1.45}.content-callout{margin:var(--s6) 0;padding:var(--s5);border-left:5px solid var(--blue);border-radius:0 var(--r3) var(--r3) 0;background:#eef9fb}.content-callout--warning{border-left-color:#d97706;background:#fff8e8}.content-callout strong{display:block;margin-bottom:var(--s2);font:600 1.05rem Poppins,sans-serif}.content-callout p{margin:0}.steps{display:grid;gap:var(--s3);margin:var(--s6) 0;padding:0!important;list-style:none;counter-reset:step}.steps li{position:relative;padding:var(--s4) var(--s4) var(--s4) 58px;border:1px solid var(--border);border-radius:var(--r3);background:var(--paper)}.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:var(--s4);top:var(--s4);display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--blue);color:white;font-weight:700}.steps strong,.steps span{display:block}.steps span{margin-top:var(--s1);color:var(--muted)}.article-sidebar{position:sticky;top:112px;display:grid;gap:var(--s5)}.sidebar-card{padding:var(--s5);border:1px solid var(--border);border-radius:var(--r4);background:var(--white);box-shadow:var(--shadow-s)}.sidebar-card--accent{background:var(--header);color:var(--white)}.sidebar-card--accent h2{max-width:none;font-size:1.4rem}.sidebar-card--accent p{color:#bdcad3}.sidebar-card nav{display:grid;gap:var(--s2)}.sidebar-card nav a{color:var(--muted);font-size:.86rem}.sidebar-card nav a:hover{color:var(--blue)}.article-disclaimer{margin-top:var(--s8);padding:var(--s5);border:1px solid #cfe3e9;border-radius:var(--r3);background:var(--water)}.article-disclaimer strong{font:600 1.05rem Poppins,sans-serif}.article-disclaimer p{margin:var(--s2) 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5)}.related-card{display:flex;flex-direction:column;padding:var(--s5);border:1px solid var(--border);border-radius:var(--r3);background:var(--white)}.related-card span{color:var(--blue);font-size:.72rem;font-weight:700;text-transform:uppercase}.related-card strong{margin:var(--s2) 0;font:600 1.1rem Poppins,sans-serif}.related-card small{color:var(--muted);line-height:1.5}.related-card:hover{box-shadow:var(--shadow-s)}.table-wrap{overflow-x:auto;margin:var(--s6) 0;border:1px solid var(--border);border-radius:var(--r3)}table{width:100%;border-collapse:collapse;background:var(--white)}th,td{padding:var(--s4);border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{background:var(--paper);font-size:.82rem}tr:last-child td{border-bottom:0}.record-template{overflow:auto;padding:var(--s5);border-radius:var(--r3);background:var(--header);color:#e5f4f8}.policy-content h2{max-width:none}.policy-content ul{padding-left:1.2rem}

/* Primary-navigation accent is reserved for the current page/location. */

/* AquaNexus V20 expanded knowledge-library database */
.library-stats{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}.library-stats span{display:inline-flex;gap:6px;align-items:baseline;padding:8px 12px;border:1px solid #cfe5ea;border-radius:999px;background:rgb(255 255 255 / .72);color:var(--muted);font-size:.82rem}.library-stats strong{color:var(--header);font:700 1rem Poppins,sans-serif}.library-stats--hero span{background:rgb(255 255 255 / .88)}
.category-hero-row{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);align-items:start}.category-card__icon--large{width:76px;height:76px;font-size:1.75rem}.category-grid--three{grid-template-columns:repeat(3,1fr)}
.featured-strip{padding:var(--s5) 0;background:var(--header);color:var(--white)}.featured-strip__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgb(255 255 255 / .14);border:1px solid rgb(255 255 255 / .14);border-radius:var(--r4);overflow:hidden}.featured-strip__item{display:flex;min-height:155px;flex-direction:column;padding:var(--s5);background:#0a1d29;transition:background 180ms ease}.featured-strip__item:hover{background:#103044}.featured-strip__item span{color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.featured-strip__item strong{margin:var(--s2) 0;color:var(--white);font:600 1rem Poppins,sans-serif}.featured-strip__item small{color:#b9cbd3;line-height:1.5}
.guide-toolbar{margin-bottom:var(--s6)}.filter-chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0}.filter-chip{display:inline-flex;gap:7px;align-items:center;padding:9px 13px;border:1px solid #bdd7df;border-radius:999px;background:var(--white);color:#31596b;font:700 .78rem Inter,sans-serif;cursor:pointer}.filter-chip span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:50%;background:#e8f5f8;font-size:.7rem}.filter-chip:hover,.filter-chip.is-active{border-color:var(--blue);background:var(--blue);color:var(--white)}.filter-chip.is-active span{background:rgb(255 255 255 / .18)}
.guide-card__footer{display:flex;justify-content:space-between;gap:var(--s3);align-items:center;margin-top:auto;padding-top:var(--s3);border-top:1px solid var(--border)}.difficulty{color:var(--muted);font-size:.74rem;font-weight:700}.source-panel{margin-top:var(--s8);padding:var(--s5);border:1px solid #cfe3e9;border-radius:var(--r3);background:#f7fbfc}.source-panel h2{margin-top:0!important;font-size:1.4rem!important}.source-panel ul{margin-bottom:var(--s4)}.source-panel a{color:var(--blue);font-weight:700}.source-register{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4);margin:var(--s4) 0 var(--s7)}.source-register article{padding:var(--s5);border:1px solid var(--border);border-radius:var(--r3);background:var(--paper)}.source-register h3{margin-top:0}.source-register a{color:var(--blue);font-weight:700}.text-link--light{color:var(--accent)}


/* AquaNexus V21 original Field Notes */
.article-hero--field-note,.library-hero--field-notes{background:linear-gradient(135deg,#07111b 0%,#103447 72%,#14556b 100%);color:var(--white)}
.article-hero--field-note .article-dek,.library-hero--field-notes .lead{color:#c7d9e1}.article-hero--field-note .breadcrumbs a,.library-hero--field-notes .breadcrumbs a{color:#b9d3dd}.article-hero--field-note .breadcrumbs span,.library-hero--field-notes .breadcrumbs span{color:#93adba}
.field-note-status{display:grid;grid-template-columns:max-content 1fr;gap:var(--s3);align-items:start;max-width:880px;margin:var(--s5) 0;padding:var(--s4);border:1px solid rgb(255 255 255 / .2);border-radius:var(--r3);background:rgb(255 255 255 / .08)}.field-note-status span{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--accent);color:var(--header);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.field-note-status p{margin:0;color:#e5f1f5;line-height:1.55}
.category-card--field-note{border-color:#7bc2d5;background:linear-gradient(145deg,#f3fcfe,#e6f7fb)}.category-card--field-note .category-card__icon{background:#0d536c}.category-card--wide{grid-column:1/-1}.category-card--wide>div{max-width:800px}
.field-note-card{border-color:#b9dde6;background:linear-gradient(180deg,#fff,#f5fbfc)}.field-note-card .guide-type{color:#0d536c}.field-note-card h2 a:hover{color:#0d536c}
.field-note-principles{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s7);align-items:start;margin-bottom:var(--s8);padding:var(--s6);border:1px solid #c9e2e8;border-radius:var(--r4);background:#f3fafc}.status-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s3)}.status-legend span{display:block;padding:var(--s4);border:1px solid #d5e8ed;border-radius:var(--r3);background:var(--white);color:var(--muted);font-size:.85rem;line-height:1.5}.status-legend strong{display:block;margin-bottom:4px;color:var(--header);font-family:Poppins,sans-serif}.field-note-grid{margin-top:0}

/* AquaNexus V22 searchable fish database */
.species-scientific{margin:-.35rem 0 1rem;color:var(--blue);font-size:1.2rem}.fact-grid--species{grid-template-columns:repeat(2,minmax(0,1fr))}.fish-search-panel{margin-bottom:var(--s6);padding:var(--s5);border:1px solid var(--border);border-radius:var(--r4);background:var(--paper)}.fish-search-panel>label{display:block;margin-bottom:var(--s2);font-weight:700}.fish-search-panel input{background:var(--white)}.fish-select-row{display:flex;gap:var(--s4);margin-top:var(--s4)}.fish-select-row label{display:grid;gap:var(--s2);font-weight:700}.fish-select-row select{min-width:260px;padding:12px;border:1px solid #b7cbd6;border-radius:var(--r2);background:var(--white);font:inherit}.fish-method-filters{margin-bottom:0}.species-list{display:grid;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;background:var(--white)}.species-result,.species-result-head{display:grid;grid-template-columns:minmax(260px,1.5fr) minmax(150px,.8fr) minmax(150px,.8fr) auto;gap:var(--s4);align-items:center;padding:var(--s4);border-bottom:1px solid var(--border)}.species-result:last-child{border-bottom:0}.species-result:hover{background:#f1fafc}.species-result[hidden]{display:none}.species-result span:first-child{display:grid;gap:2px}.species-result strong{font:600 1rem Poppins,sans-serif}.species-result em{color:var(--muted);font-size:.82rem}.species-result small{color:#6b7d89}.species-result-head{background:var(--header);color:var(--white);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.breeding-method-card{min-height:100%}.species-hero{background:linear-gradient(145deg,#f4fbfc,#e3f7fa)}.article-body .species-list{margin:var(--s5) 0}.article-body .species-result{grid-template-columns:minmax(240px,1fr) auto auto}.article-body .species-result span:nth-child(2){color:var(--muted);font-size:.82rem}

/* V23 unified aquatic life database */
.aquatic-result span:nth-child(2), .aquatic-result span:nth-child(3){font-size:.92rem}.species-category-filters{max-height:260px;overflow:auto;padding-right:.35rem}.content-callout--warning{border-left-color:#f4b942}.content-callout--warning strong{color:#ffd978}

/* V23 unified aquatic life database */
.aquatic-result span:nth-child(2), .aquatic-result span:nth-child(3){font-size:.92rem}.species-category-filters{max-height:260px;overflow:auto;padding-right:.35rem}.content-callout--warning{border-left-color:#f4b942}.content-callout--warning strong{color:#ffd978}

/* V24 database quality pass */
.species-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1rem}.species-filter-grid label{display:grid;gap:.45rem;font-weight:700}.species-filter-grid select{width:100%}.category-filter-details{margin-top:1rem}.category-filter-details summary{cursor:pointer;font-weight:700}.species-result-head--v24{grid-template-columns:44px 2fr 1.2fr .9fr .7fr}.species-list--compare .species-result{display:grid;grid-template-columns:44px 1fr;align-items:stretch}.species-list--compare .species-result>a{display:grid;grid-template-columns:2fr 1.2fr .9fr .7fr;gap:1rem;align-items:center;padding:1rem;text-decoration:none;color:inherit}.compare-check{display:grid;place-items:center;border-right:1px solid var(--border);cursor:pointer}.compare-check input{width:1.2rem;height:1.2rem}.compare-bar{position:sticky;top:82px;z-index:5;display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;margin:1rem 0;background:var(--surface-strong,#0f2130);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.compare-bar[hidden]{display:none}.compare-bar span{margin-right:auto}.fact-grid--details{grid-template-columns:repeat(2,minmax(0,1fr))}.change-history{padding-left:1.25rem}.compare-picker{margin:1.5rem 0}.compare-picker label{display:block;font-weight:700;margin-bottom:.5rem}.compare-picker input{width:min(100%,680px)}[data-compare-suggestions]{display:grid;gap:.4rem;width:min(100%,680px);margin-top:.5rem}[data-compare-suggestions] button{display:flex;justify-content:space-between;gap:1rem;text-align:left;background:var(--surface);color:inherit;border:1px solid var(--border);padding:.8rem 1rem;border-radius:12px;cursor:pointer}[data-compare-suggestions] button span{font-size:.9rem;color:var(--text-muted)}.compare-table-wrap{overflow:auto}.compare-table{width:100%;border-collapse:collapse;min-width:900px}.compare-table th,.compare-table td{border:1px solid var(--border);padding:.8rem;vertical-align:top;text-align:left}.compare-table thead th{position:sticky;top:0;background:var(--surface-strong,#0f2130);z-index:1}.compare-table th:first-child{min-width:170px}.compare-table small{display:block;margin-top:.25rem}.compare-table button{display:block;margin-top:.5rem;background:transparent;border:0;color:var(--accent);cursor:pointer;padding:0}.data-quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quality-card{padding:1.25rem;border:1px solid var(--border);border-radius:18px;background:var(--surface)}

/* V25 profile source register */
.source-list{display:grid;gap:.75rem;padding-left:1.25rem}.source-list li{padding:.75rem 0;border-bottom:1px solid var(--border,rgba(255,255,255,.12))}.source-list a{font-weight:700}.source-list span{display:block;font-size:.9rem;opacity:.75;margin-top:.2rem}


/* AquaNexus V26.1 visibility fallback */
[hidden]{display:none!important}


/* V27.6 aquatic-life database hero */
.library-hero--database{padding-block:clamp(2.75rem,5vw,4.75rem)}
.library-hero--database .breadcrumbs{margin-bottom:clamp(1.25rem,2vw,2rem)}
.library-hero--database .category-hero-row{grid-template-columns:64px minmax(0,900px);gap:1.5rem;align-items:start}
.library-hero--database .category-card__icon--large{width:64px;height:64px;font-size:1.45rem}
.library-hero--database h1{max-width:none;margin:.35rem 0 1rem;font-size:clamp(3.25rem,6vw,5.4rem);line-height:.98;letter-spacing:-.045em}
.library-hero--database .lead{max-width:760px;margin:0;color:var(--muted);font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.65}
.library-hero--database .library-stats{gap:.75rem;margin-top:1.5rem}
.library-hero--database .library-stats span{min-width:132px;justify-content:center;padding:.7rem 1rem;background:rgba(255,255,255,.88);box-shadow:0 6px 20px rgba(7,17,27,.04)}
.library-hero--database .library-stats strong{font-size:1.1rem}
.library-hero--database + .section{padding-top:clamp(2rem,4vw,3.5rem)}
.library-hero--database + .section .fish-search-panel{margin-bottom:1.5rem;box-shadow:0 10px 30px rgba(7,17,27,.05)}
.library-hero--database + .section .fish-search-panel>label{font-size:1rem}
.library-hero--database + .section #species-search-input{min-height:60px;font-size:1.05rem}

@media (max-width:900px) { .primary-nav { gap:var(--s3); font-size:.78rem; } .hero-grid,.section-heading,.split-callout,.roadmap-grid,.faq-layout,.cta-box,.feedback-box,.support-card { gap:var(--s6); } .feature-grid { grid-template-columns:repeat(2,1fr); } .journey-list { grid-template-columns:repeat(2,1fr); } .cta-box,.feedback-box { padding:var(--s6); } }
@media (max-width:720px) { .container { width:min(calc(100% - 32px),var(--max)); } .section { padding-block:var(--s8); } .header-inner { min-height:72px; } .menu-toggle { display:grid; width:44px; height:44px; place-content:center; gap:5px; padding:0; border:0; background:transparent; } .menu-toggle span:not(.visually-hidden) { display:block; width:24px; height:2px; background:var(--white); transition:transform 250ms ease,opacity 250ms ease; } .menu-toggle[aria-expanded="true"] span:nth-child(2) { transform:translateY(7px) rotate(45deg); } .menu-toggle[aria-expanded="true"] span:nth-child(3) { opacity:0; } .menu-toggle[aria-expanded="true"] span:nth-child(4) { transform:translateY(-7px) rotate(-45deg); } .primary-nav { position:absolute; top:72px; right:0; left:0; display:none; align-items:stretch; padding:var(--s5) var(--s4) var(--s6); background:var(--header); box-shadow:var(--shadow-m); } .primary-nav.is-open { display:flex; flex-direction:column; } .primary-nav > a:not(.button) { padding:var(--s3) 0; } .primary-nav .button { margin-top:var(--s2); } .hero-grid,.section-heading,.split-callout,.roadmap-grid,.faq-layout,.cta-box,.feedback-box,.support-card { grid-template-columns:1fr; } .hero-grid { min-height:auto; padding-block:var(--s7); } .hero-copy { padding:0; } .hero-art { grid-row:1; } .hero-art::before { inset:8% -8% -8% 8%; } .section-heading { margin-bottom:var(--s6); } .feature-grid,.journey-list { grid-template-columns:1fr; } .feature-card { min-height:0; } .journey-list { margin-top:var(--s6); } .footer-top { grid-template-columns:1fr; } .footer-top nav { gap:var(--s4); } }
@media (max-width:480px) { h1 { font-size:2.8rem; } .site-notice__inner { align-items:flex-start; flex-direction:column; gap:var(--s2); padding-block:var(--s3); text-align:left; } .button-row,.form-row,.footer-bottom { align-items:stretch; flex-direction:column; } .button-row .button,.form-row .button { width:100%; } .button--quiet { justify-content:flex-start; } .cta-box,.feedback-box { padding:var(--s5); } .roadmap-list li { grid-template-columns:1fr; gap:var(--s2); } }


@media (max-width:1050px){.guide-grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 260px}.primary-nav{gap:var(--s3);font-size:.8rem}}
@media (max-width:800px){.library-hero__grid,.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.category-grid,.related-grid{grid-template-columns:1fr 1fr}.article-sidebar .sidebar-card:first-child{display:none}}
@media (max-width:720px){.guide-grid,.category-grid,.related-grid,.fact-grid{grid-template-columns:1fr}.library-promise ul{grid-template-columns:1fr}.library-hero,.article-hero{padding-block:var(--s8)}.category-card{grid-template-columns:1fr}.article-meta{flex-direction:column;gap:var(--s2)}}

/* V27.8.21 Ask AquaNexus grounded guide search */
.ask-hero__inner{max-width:920px}.ask-hero h1{max-width:none}.ask-hero .lead{max-width:68ch;color:var(--muted);font-size:1.18rem}.ask-form{margin-top:var(--s6);padding:var(--s6);border:1px solid #bfe7ee;border-radius:var(--r4);background:rgb(255 255 255 / .92);box-shadow:var(--shadow-s)}.ask-form>label{display:block;margin-bottom:var(--s2);font-weight:700}.ask-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3)}.ask-form__row input{min-height:54px;background:var(--white)}.ask-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin-top:var(--s6)}.ask-result{display:flex;flex-direction:column;padding:var(--s6);border:1px solid var(--border);border-radius:var(--r4);background:var(--white);box-shadow:var(--shadow-s)}.ask-result h2{max-width:none;margin:0 0 var(--s3);font-size:1.4rem}.ask-result h2 a:hover{color:var(--blue)}.ask-result>p:not(.eyebrow){flex:1;color:var(--muted)}.ask-result__footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);margin-top:var(--s4);padding-top:var(--s3);border-top:1px solid var(--border);color:var(--muted);font-size:.78rem}
@media (max-width:720px){.ask-form{padding:var(--s4)}.ask-form__row,.ask-results{grid-template-columns:1fr}.ask-form__row .button{width:100%}}

@media (max-width:1050px){.category-grid--three{grid-template-columns:repeat(2,1fr)}.featured-strip__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.category-grid--three,.featured-strip__grid,.source-register{grid-template-columns:1fr}.category-hero-row{grid-template-columns:1fr}.category-card__icon--large{width:62px;height:62px}.filter-chips{gap:7px}.filter-chip{padding:8px 10px;font-size:.72rem}.guide-card__footer{align-items:flex-start;flex-direction:column}.library-stats span{width:100%;justify-content:space-between}.featured-strip__item{min-height:0}}

/* V21 Field Notes responsive */
@media (max-width:800px){.field-note-principles{grid-template-columns:1fr}.status-legend{grid-template-columns:1fr 1fr}.category-card--wide{grid-column:auto}}
@media (max-width:560px){.field-note-status{grid-template-columns:1fr}.status-legend{grid-template-columns:1fr}}

@media (max-width: 820px){.species-result-head{display:none}.species-result,.article-body .species-result{grid-template-columns:1fr auto}.species-result span:nth-child(2),.species-result span:nth-child(3),.article-body .species-result span:nth-child(2){display:none}.fact-grid--species{grid-template-columns:1fr}.fish-select-row,.fish-select-row label{width:100%}.fish-select-row select{width:100%;min-width:0}}

@media (max-width:1100px){.species-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.species-result-head--v24{display:none}.species-list--compare .species-result>a{grid-template-columns:1fr}.species-list--compare .species-result>a>span:not(:first-child){font-size:.9rem}.data-quality-grid{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.species-filter-grid{grid-template-columns:1fr}.compare-bar{top:70px;flex-wrap:wrap}.compare-bar span{width:100%;margin:0}.fact-grid--details,.data-quality-grid{grid-template-columns:1fr}.species-list--compare .species-result{grid-template-columns:36px 1fr}}


/* V27.6 database hero responsive */
@media (max-width:760px){
  .library-hero--database{padding-block:2.5rem}
  .library-hero--database .category-hero-row{grid-template-columns:1fr;gap:1rem}
  .library-hero--database .category-card__icon--large{width:54px;height:54px}
  .library-hero--database h1{font-size:clamp(2.75rem,15vw,4rem)}
  .library-hero--database .library-stats{display:grid;grid-template-columns:1fr}
  .library-hero--database .library-stats span{width:100%;justify-content:space-between}
}


/* V27.8 home rendering containment */
@supports (content-visibility:auto) {
  body.home-page main > section:not(.hero),
  body.home-page main > aside,
  body.home-page > .site-footer {
    content-visibility:auto;
    contain-intrinsic-size:auto 800px;
  }
}

/* Public roadmap — July 2026 */
.roadmap-grid--current .button{margin-top:var(--s4)}
.roadmap-page{max-width:980px}
.roadmap-hero .article-hero__inner{max-width:920px}
.roadmap-phase{margin-bottom:var(--s8);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--border);border-radius:var(--r4);background:var(--white);box-shadow:0 1px 0 rgb(7 17 27 / .03)}
.roadmap-phase h2{margin-top:0}
.roadmap-phase h3{margin-top:var(--s6)}
.roadmap-phase--complete{border-top:4px solid #36b98c}
.roadmap-phase--now{border-top:4px solid var(--blue)}
.roadmap-phase--next{border-top:4px solid var(--aqua)}
.roadmap-notice{background:var(--water)}
.roadmap-page ol,.roadmap-page ul{padding-left:1.3rem}
.roadmap-page li+li{margin-top:.45rem}
@media (max-width:720px){.roadmap-phase{padding:var(--s5)}.roadmap-grid--current .button{width:100%}}

/* V27.8.40 library navigation split */
@media (max-width:1320px) and (min-width:721px){.primary-nav{gap:var(--s3);font-size:.8rem}.primary-nav>a:not(.button){line-height:1.25}}


/* V27.8.61 footer responsiveness and beta cache-fallback polish */
@media (max-width:1180px) and (min-width:721px){
  .footer-top{grid-template-columns:minmax(220px,.85fr) minmax(260px,1.15fr);align-items:start}
  .footer-top nav{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3) var(--s5);width:100%}
  .footer-top nav a{min-width:0;line-height:1.45;overflow-wrap:anywhere}
}
@media (max-width:720px){
  .footer-top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4);width:100%}
  .footer-top nav a{min-width:0;line-height:1.45;overflow-wrap:anywhere}
}
@media (max-width:480px){.footer-top nav{grid-template-columns:1fr}}

/* V27.8.60 Closed Beta recruitment and showcase */
.beta-home-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:var(--s8);align-items:center;padding:var(--s8);border-radius:var(--r5);background:var(--header);color:var(--white)}
.beta-home-copy>p:not(.eyebrow){max-width:58ch;color:#bdcad3}.beta-home-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s5)}.beta-outline-button{border-color:#5bcfe4;background:transparent;color:#fff}.beta-outline-button:hover{background:rgb(72 202 228/.12)}
.beta-home-steps{display:grid;gap:var(--s3)}.beta-home-steps>div{display:grid;grid-template-columns:42px 1fr;gap:0 var(--s4);padding:var(--s4);border:1px solid rgb(255 255 255/.12);border-radius:var(--r3);background:rgb(255 255 255/.045)}.beta-home-steps span{grid-row:1/3;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--accent);color:var(--header);font-weight:800}.beta-home-steps strong{align-self:end}.beta-home-steps p{margin:2px 0 0;color:#bdcad3;font-size:.9rem}
.beta-hero{background:linear-gradient(180deg,#eefbfe 0,#fff 100%)}.beta-hero .reading-layout{padding-block:var(--s4)}
.beta-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--s8);align-items:start}.beta-callout{padding:var(--s6);border:1px solid #bfe7ef;border-radius:var(--r4);background:#eefbfe;box-shadow:var(--shadow-s)}.beta-callout strong{display:block;margin-bottom:var(--s3);font-family:Poppins,Arial,sans-serif;font-size:1.2rem}.beta-callout ul{display:grid;gap:var(--s2);margin:0;padding-left:1.25rem;color:var(--muted)}
.beta-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);margin:0;padding:0;list-style:none}.beta-feature-list li{display:grid;gap:4px;padding:var(--s4) var(--s5);border:1px solid var(--border);border-radius:var(--r3);background:var(--white)}.beta-feature-list strong{font-family:Poppins,Arial,sans-serif;color:var(--ink)}.beta-feature-list span{color:var(--muted);font-size:.94rem;line-height:1.55}
.beta-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:start}.beta-shot{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--r4);background:#061425;box-shadow:var(--shadow-m)}.beta-shot picture,.beta-shot img{display:block;width:100%}.beta-shot img{aspect-ratio:941/1672;object-fit:cover}
.beta-light-heading>p,.section--dark .beta-light-heading>p{color:#bdcad3}.beta-join-steps{display:grid;gap:var(--s4);margin:0;padding:0;list-style:none}.beta-join-steps li{display:grid;grid-template-columns:64px 1fr;gap:var(--s5);padding:var(--s6);border:1px solid rgb(255 255 255/.12);border-radius:var(--r4);background:rgb(255 255 255/.045)}.beta-join-steps>li>span{display:grid;width:56px;height:56px;place-items:center;border-radius:50%;background:var(--accent);color:var(--header);font-size:1.3rem;font-weight:800}.beta-join-steps h3{color:#fff}.beta-join-steps p{max-width:64ch;color:#bdcad3}.beta-duration-note{margin-top:var(--s6);padding:var(--s5);border-left:4px solid var(--accent);border-radius:var(--r3);background:rgb(72 202 228/.08)}.beta-duration-note strong{color:#fff}.beta-duration-note p{margin:var(--s2) 0 0;color:#bdcad3}.beta-feedback-actions{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);padding-top:var(--s4)}
@media(max-width:900px){.beta-home-card,.beta-intro-grid{grid-template-columns:1fr}.beta-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.beta-home-card{padding:var(--s6)}.beta-feature-list,.beta-gallery{grid-template-columns:1fr}.beta-home-actions{align-items:stretch;flex-direction:column}.beta-home-actions .button{width:100%}.beta-join-steps li{grid-template-columns:1fr}.beta-join-steps>li>span{width:48px;height:48px}}
@media(max-width:480px){.beta-home-card{padding:var(--s5)}.beta-join-steps li{padding:var(--s5)}}

/* V27.8.71 — live plan comparison */
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s5);align-items:stretch}.plan-card{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s6);border:1px solid var(--border);border-radius:var(--r4);background:#fff;box-shadow:0 1px 0 rgb(7 17 27/.03)}.plan-card--featured{border-color:#9edce8;box-shadow:0 16px 32px rgb(7 17 27/.09)}.plan-card__top{padding-bottom:var(--s4);border-bottom:1px solid var(--border)}.plan-card h3{margin-bottom:var(--s2);font-size:1.55rem}.plan-price{margin:0;color:var(--header);font:700 clamp(1.9rem,3vw,2.5rem)/1.1 Poppins,Arial,sans-serif;letter-spacing:-.03em}.plan-price span{margin-left:4px;color:var(--muted);font:600 .9rem/1.2 Inter,Arial,sans-serif;letter-spacing:0}.plan-limit{margin:var(--s2) 0 0;color:var(--blue);font-weight:700}.plan-list{display:grid;gap:10px;margin:0 0 var(--s3);padding:0;list-style:none}.plan-list li{position:relative;padding-left:24px;color:var(--muted)}.plan-list li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.plan-card .button{margin-top:auto}.plan-trial{margin:-2px 0 var(--s2);color:var(--blue);font-size:.9rem;font-weight:700}.plan-note{max-width:78ch;margin:var(--s5) 0 0;color:var(--muted);font-size:.88rem}@media(max-width:900px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:var(--s5)}}