:root{color-scheme:dark;--bg:#101722;--panel:#182430;--line:#344451;--text:#f1f6f4;--muted:#aebec1;--mint:#37d6b2;--max:1180px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);line-height:1.55}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
a:hover{color:#b7f5de}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
.container{width:min(calc(100% - 3rem),var(--max));margin-inline:auto}
.skip{position:absolute;z-index:100;top:-100px;left:1rem;background:var(--mint);color:#072421;padding:.7rem 1rem;border-radius:.4rem}
.skip:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:50;background:#101722ed;border-bottom:1px solid #ffffff16;backdrop-filter:blur(18px)}
.header-inner{height:76px;display:flex;align-items:center;gap:2rem}
.brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:900;letter-spacing:.045em;font-size:1.12rem;line-height:1}
.brand img{width:2.4rem;height:2.4rem;border-radius:.65rem}
.brand small{display:block;font-size:.54rem;letter-spacing:.45em;margin-top:.27rem;color:#9eafb7}
.brand-accent{color:var(--mint)}
nav{display:flex;align-items:center;gap:1.55rem;margin-left:auto}
nav a{font-size:.86rem;color:#d5e2e4;font-weight:650;white-space:nowrap}
.header-actions{display:flex;align-items:center;gap:1.1rem}
.languages{display:flex;gap:.15rem;align-items:center;border:1px solid var(--line);border-radius:.5rem;padding:.18rem}
.languages a{font-size:.72rem;font-weight:800;color:var(--muted);padding:.28rem .36rem;border-radius:.3rem}
.languages a[aria-current]{background:var(--mint);color:#08231f}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.5rem;border-radius:.45rem;padding:.86rem 1.2rem;font-weight:800;transition:background .18s,transform .18s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button.primary{background:var(--mint);color:#09251f}
.button.primary:hover{background:#7de9cc;color:#09251f}
.button.secondary{border:1px solid #66817e;color:#eaf9f2}
.button.small{font-size:.83rem;padding:.66rem .85rem;gap:.5rem}
.menu-toggle{display:none;border:1px solid var(--line);background:none;color:var(--text);padding:.4rem .65rem;border-radius:.4rem;font-size:1.25rem}
.hero{background:radial-gradient(circle at 70% 45%,#16413d 0%,transparent 42%),linear-gradient(145deg,#101722,#152530);border-bottom:1px solid #ffffff15}
.hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:3rem;padding-block:5.2rem}
.eyebrow{display:inline-flex;align-items:center;gap:.7rem;color:var(--mint);font-size:.72rem;font-weight:900;letter-spacing:.19em}
.signal{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px #37d6b228}
.hero h1{font-size:clamp(2.75rem,4.5vw,4.6rem);letter-spacing:-.06em;line-height:1.08;margin:1.4rem 0 1.25rem}
.hero-copy>p{font-size:1.08rem;line-height:1.72;color:#c5d3d3;max-width:570px;margin:0 0 2rem}
.hero-visual{height:405px;min-width:0;overflow:hidden;border:1px solid #536e6b;border-radius:.8rem;box-shadow:0 26px 70px #0008;transform:perspective(1300px) rotateY(-3deg)}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.section{padding:5rem 0;scroll-margin-top:85px}
.section h2,.contact-box h2{font-size:clamp(2rem,3.2vw,3.3rem);line-height:1.12;letter-spacing:-.045em;margin:0 0 1.45rem}
.section-intro{font-size:1.07rem;color:var(--muted);max-width:740px;margin:-.3rem 0 1.7rem}
.product-section{padding-bottom:4rem}
.desktop-proof{margin:0;max-width:1100px;background:#0a121b;border:1px solid #526a69;border-radius:.75rem;overflow:hidden;box-shadow:0 20px 48px #0006}
.desktop-proof img{display:block;width:100%;height:auto}
.desktop-proof figcaption{padding:.7rem 1rem;color:#b5cbc9;font-size:.78rem;text-align:center;background:#182a31}
.staff-section{border-top:1px solid #ffffff13}
.capability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2.3rem}
.capability-list article{border-top:2px solid var(--mint);padding-top:1.4rem}
.capability-list h3{font-size:1.35rem;margin:0 0 .6rem}
.capability-list p{color:#b8c9c9;margin:0;max-width:280px}
.start-section{background:#f0f3ec;color:#17262a}
.start-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:1.7rem}
.start-grid article{border-top:1px solid #9db4ac;padding-top:1.3rem}
.start-grid h3{font-size:1.45rem;line-height:1.25;margin:0 0 .7rem}
.start-grid p{color:#4a6165;margin:0;max-width:500px}
.member-section{background:#14211f}
.access-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:2rem}
.access-options article{border:1px solid #45645f;background:#1b302e;border-radius:.55rem;padding:1.6rem}
.access-options article:first-child{background:#203a35}
.access-options h3{font-size:1.25rem;margin:0 0 .6rem}
.access-options p{color:#c2d4ce;margin:0}
.real-shots{display:flex;justify-content:center;gap:1.2rem;margin-top:2.2rem}
.real-shots figure{width:min(27%,230px);margin:0;background:#0b1118;border:4px solid #4a625f;border-radius:1.45rem;overflow:hidden;box-shadow:0 20px 45px #0007}
.real-shots img{display:block;width:100%;height:auto}
.shots-caption{text-align:center;color:#a8c8bd;font-size:.78rem;margin:.8rem 0 0}
.faq-section{border-top:1px solid #ffffff13}
.faq-list{max-width:880px;border-top:1px solid #3a4b58}
.faq-list details{border-bottom:1px solid #3a4b58}
.faq-list summary{cursor:pointer;padding:1.15rem 2rem 1.15rem 0;font-size:1.05rem;font-weight:730;list-style:none;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:.2rem;top:.9rem;color:var(--mint);font-size:1.5rem}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{color:#b7c9c9;margin:0 0 1.3rem;max-width:780px}
.contact-section{padding:4.5rem 0;scroll-margin-top:85px;background:#102923}
.contact-box{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:start;padding:2.7rem;background:linear-gradient(135deg,#1a4c3f,#20333b);border:1px solid #448578;border-radius:.8rem}
.contact-box h2{margin-bottom:.75rem}
.contact-box p{color:#d3e4df;margin:0}
.contact-direct{margin-top:2.25rem}
.contact-direct>span{display:block;color:#c4dcd2;font-size:.85rem;margin-bottom:.8rem}
.contact-actions{display:flex;flex-wrap:wrap;gap:.65rem}
.contact-actions .button{white-space:normal;font-size:.85rem;padding:.7rem .85rem;overflow-wrap:anywhere}
.contact-pending{border:1px solid #6a9184;border-radius:.5rem;padding:1.25rem}
.contact-form{background:#152b2c;border:1px solid #5b8278;border-radius:.65rem;padding:1.5rem;min-width:0}
.contact-form h3{font-size:1.25rem;margin:0 0 1.15rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.contact-form label{display:block;color:#e7f4ef;font-size:.86rem;font-weight:700;margin-bottom:.95rem}
.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:.4rem;border:1px solid #6c8985;border-radius:.35rem;background:#0d1d22;color:#f1f6f4;padding:.7rem .8rem;font:inherit;font-weight:400}
.contact-form textarea{resize:vertical;min-height:5.5rem}
.contact-form .form-hint,.contact-form .form-privacy{font-size:.78rem;color:#c0d3cd}
.contact-form .form-hint{margin:-.35rem 0 .9rem}
.contact-form .form-privacy{margin:0 0 1rem}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem}
.form-bottom button{border:0;cursor:pointer}
.form-bottom button:disabled{opacity:.65;cursor:wait;transform:none}
.contact-form .form-status{font-size:.83rem;max-width:23rem}
.form-status[data-state="error"]{color:#ffd0c9}
.form-status[data-state="success"]{color:#a6f0d1}
footer{background:#0b131d;padding:2.7rem 0;color:#a8babd}
.footer-inner{display:flex;justify-content:space-between;gap:3rem}
.footer-inner p{font-size:.82rem}
.footer-inner small{font-size:.75rem}
.footer-links{display:flex;align-items:flex-start;gap:1.5rem;font-size:.85rem}
@media(max-width:1100px){.header-inner{gap:1rem}nav{gap:.75rem}nav a{font-size:.77rem}.header-actions{gap:.5rem}.header-actions .button{display:none}.hero-grid{gap:1.5rem}}
@media(max-width:850px){.header-inner{height:68px}.menu-toggle{display:block;margin-left:auto}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#14202b;border-bottom:1px solid var(--line);padding:1.2rem 1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-block:3.8rem}.hero-copy{max-width:680px}.hero-visual{max-width:720px;width:100%;height:380px;transform:none}.capability-list{gap:1.5rem}.contact-box{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}.footer-inner{flex-direction:column}}
@media(max-width:600px){.container{width:min(calc(100% - 2rem),var(--max))}.brand{font-size:1rem}.brand img{width:2.2rem;height:2.2rem}.languages a{font-size:.68rem;padding:.2rem}.hero-grid{padding-block:3rem}.hero h1{font-size:clamp(2.65rem,11vw,4rem)}.hero-copy>p{font-size:1rem}.hero-visual{height:240px}.section{padding:3.5rem 0}.capability-list,.start-grid,.access-options{grid-template-columns:1fr;gap:1.25rem}.capability-list{margin-top:1.5rem}.real-shots{gap:.65rem;margin-top:1.6rem}.real-shots figure{width:46%;border-width:3px;border-radius:1rem}.contact-section{padding:3.5rem 0}.contact-box{padding:1.5rem}.contact-form{padding:1rem}.form-row{grid-template-columns:1fr;gap:0}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}