:root{--ink:#0a0e11;--night:#0e1418;--line:#1d2830;--chalk:#f4f0e8;--paper:#e9e3d6;--text:#e8eef2;--mute:#9db0bc;--green:#3ddc97;--blue:#8fa8ff;--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}img{display:block;max-width:100%}
.top{position:sticky;top:0;z-index:5;backdrop-filter:blur(14px);background:rgba(10,14,17,.72);border-bottom:1px solid var(--line)}
.top div{max-width:1120px;margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center}
.top b{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.01em}.top a{text-decoration:none;color:var(--mute);margin-left:22px;font-size:15px}.top a:hover{color:#fff}
.w{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.015em;line-height:1.08;margin:0}
.hero{padding:88px 0 40px;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(46px,7.4vw,92px)}.hero h1 em{font-style:italic;color:var(--green)}
.hero p{font-size:21px;color:var(--mute);max-width:30em;margin:28px 0 36px}
.btn{display:inline-block;background:#fff;color:#000;text-decoration:none;font-weight:600;border-radius:99px;padding:15px 30px;margin:0 10px 10px 0;transition:transform .2s}.btn:hover{transform:translateY(-2px)}
.btn.ghost{background:transparent;color:#fff;border:1px solid #33444f}
.phones{position:relative;height:620px}.phones img{position:absolute;width:290px;border-radius:38px;border:1px solid #26343d;box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}
.phones .a{left:0;top:30px;transform:rotate(-4deg)}.phones .b{right:0;top:-10px;transform:rotate(3deg)}
.note{font-size:14px;color:var(--mute)}
section{padding:110px 0}
.row{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.row.flip>:first-child{order:2}
.row h2,.statement h2{font-size:clamp(34px,4.6vw,56px)}.row p{color:var(--mute);margin:22px 0 0;max-width:28em}
.row img{width:min(340px,100%);margin:0 auto;border-radius:38px;border:1px solid #26343d}
.statement{padding:110px 0 40px}.statement h2{max-width:16em}.statement p{font-size:22px;color:var(--mute);max-width:34em;margin:26px 0 0}
.diveWrap{margin-top:56px;background:linear-gradient(180deg,#0c1218,#0a0e11);border:1px solid var(--line);border-radius:28px;padding:28px 24px 20px}
.dive{width:100%;height:auto}.dive .trace{stroke-dasharray:1;stroke-dashoffset:1;animation:draw 3.4s .3s ease-out forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px;font-size:14px;color:var(--mute)}.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}
.list{border-top:1px solid var(--line);margin-top:36px}.list div{display:grid;grid-template-columns:240px 1fr auto;gap:24px;padding:22px 0;border-bottom:1px solid var(--line);align-items:baseline}
.list b{font-family:var(--serif);font-size:24px;font-weight:500}.list span{color:var(--mute)}.tag{font-size:13px;border:1px solid #33444f;border-radius:99px;padding:3px 12px;color:var(--mute)}.tag.on{border-color:var(--green);color:var(--green)}
.day{background:var(--chalk);color:#17201c}.day h2{color:#101814}.day p{color:#465048}
.day .list{border-color:#cfc8b8}.day .list div{border-color:#cfc8b8}.day .list span{color:#465048}.day .tag{border-color:#9a9382;color:#465048}.day a{color:#0b6a43}
.faq{max-width:760px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-family:var(--serif);font-size:23px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";float:right;color:var(--mute)}.faq details[open] summary::after{content:"\2212"}.faq p{color:var(--mute);margin:14px 0 0}
.end{text-align:center;padding:120px 0}.end h2{font-size:clamp(38px,6vw,72px)}.end p{color:var(--mute);margin:20px auto 34px;max-width:28em}
footer{border-top:1px solid var(--line);padding:34px 0 60px;color:var(--mute);font-size:14px}footer .w{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.wrap{max-width:760px;margin:0 auto;padding:56px 24px 100px}.wrap h1{font-size:44px;margin-bottom:6px}.wrap h2{font-size:26px;margin:40px 0 8px}.wrap p,.wrap li{color:#c4d0d8}.meta{color:var(--mute)}
@media(max-width:860px){.hero,.row{grid-template-columns:1fr;gap:40px}.row.flip>:first-child{order:0}.phones{height:520px}.phones img{width:230px}.list div{grid-template-columns:1fr;gap:6px}section{padding:72px 0}.hero{padding-top:56px}}
@media(prefers-reduced-motion:reduce){.dive .trace{animation:none;stroke-dashoffset:0}html{scroll-behavior:auto}.btn{transition:none}}
a:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}