body.page{min-height:100vh}.page .ghost-word{position:absolute;inset:60px 0 auto;height:40vh;font-size:22vw}.page .nav a.l.on{color:var(--ink);font-weight:700}main.content{position:relative;z-index:2;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:150px 0 40px}.p-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:52vh}.p-hero.solo{grid-template-columns:1fr;text-align:left;min-height:0;padding-bottom:30px}.kicker{font-size:14px;letter-spacing:.2em;color:var(--brand-b);font-weight:700}.p-hero h1{margin:14px 0 18px;font-size:clamp(40px,5vw,76px);line-height:1.05;font-weight:900;letter-spacing:-.02em}.p-hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent}.p-hero p.lead{margin:0;font-size:19px;line-height:1.75;color:var(--dim);max-width:620px}.p-hero .cta{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}.hero-cube{position:relative;height:min(480px,52vh)}.hero-cube canvas{position:absolute;inset:0}.glass{background:linear-gradient(160deg,#ffffff17,#ffffff08);backdrop-filter:blur(18px) saturate(1.3);box-shadow:inset 0 1px #fff3,inset 0 0 0 1px #ffffff14,0 24px 50px #00000059;border-radius:24px}.sec{margin-top:90px}.sec>h2{margin:0 0 8px;font-size:clamp(30px,3.2vw,46px);font-weight:900}.sec>p.lead{margin:0 0 30px;color:var(--dim);font-size:17px;line-height:1.7;max-width:720px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.card{padding:26px 26px 24px}.card .ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));margin-bottom:16px}.card .ico svg{width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.card h3{margin:0 0 8px;font-size:21px}.card p{margin:0;font-size:15px;line-height:1.75;color:var(--dim)}.card ul{margin:12px 0 0;padding-left:18px;color:var(--dim);font-size:14px;line-height:1.8}kbd{display:inline-block;padding:1px 8px;border-radius:6px;font:600 13px/1.6 var(--font);color:var(--ink);background:#ffffff1a;box-shadow:inset 0 -2px #ffffff1f}.row2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:70px}.row2.flip>:first-child{order:2}.row2 h3{margin:0 0 12px;font-size:clamp(26px,2.6vw,36px);font-weight:900}.row2 p{margin:0 0 10px;color:var(--dim);font-size:16px;line-height:1.8}.shot{padding:26px;display:grid;place-items:center;min-height:260px;overflow:hidden}.dock-stage{position:relative;padding:70px 20px 60px;display:grid;place-items:center;overflow:hidden}.dock-stage .dock{position:relative;width:680px;transform-origin:50% 50%}.callouts{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px 20px;counter-reset:c}.callouts li{counter-increment:c;display:grid;grid-template-columns:30px 1fr;gap:4px 10px;font-size:15px;line-height:1.7;color:var(--dim)}.callouts li:before{content:counter(c);grid-row:span 2;width:26px;height:26px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#0b0e18;background:var(--milk)}.callouts li b{color:var(--ink);font-size:16px}.pin{position:absolute;width:26px;height:26px;border-radius:13px;display:grid;place-items:center;font-weight:800;font-size:13px;color:#0b0e18;background:var(--milk);box-shadow:0 6px 16px #0006}.dl-main{padding:34px;display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center}.dl-main img{width:88px;height:88px}.dl-main b{display:block;font-size:24px}.dl-main small{color:var(--dim);font-size:15px;line-height:1.8}.specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.spec{padding:20px 22px}.spec small{display:block;color:var(--dim);font-size:13px;margin-bottom:6px}.spec b{font-size:17px}ol.steps{margin:0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:s}ol.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;gap:14px;padding:20px 22px;font-size:15px;line-height:1.75;color:var(--dim)}ol.steps li:before{content:counter(s);width:36px;height:36px;border-radius:18px;display:grid;place-items:center;font-weight:900;color:#0b0e18;background:linear-gradient(135deg,var(--brand-a),var(--brand-b))}ol.steps li b{color:var(--ink);display:block;font-size:17px;margin-bottom:2px}details.faq{padding:4px 24px;margin-bottom:12px}details.faq summary{cursor:pointer;padding:18px 0;font-size:17px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:16px}details.faq summary:after{content:"+";color:var(--brand-b);font-size:22px;line-height:1}details.faq[open] summary:after{content:"–"}details.faq p{margin:0 0 18px;color:var(--dim);font-size:15px;line-height:1.8}.timeline{position:relative;margin:0;padding:0 0 0 34px;list-style:none}.timeline:before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--brand-a),var(--brand-b),transparent)}.timeline>li{position:relative;margin-bottom:18px;padding:22px 26px}.timeline>li:before{content:"";position:absolute;left:-31px;top:28px;width:14px;height:14px;border-radius:7px;background:var(--milk);box-shadow:0 0 0 4px #fff6e826}.timeline .tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#0b0e18;background:var(--milk);padding:2px 10px;border-radius:10px;margin-right:10px}.timeline .date{font-size:13px;color:#eef1f873}.timeline h3{margin:10px 0 6px;font-size:20px}.timeline ul{margin:0;padding-left:18px;color:var(--dim);font-size:15px;line-height:1.85}footer.site{position:relative;z-index:2;margin-top:100px;border-top:1px solid rgba(255,255,255,.08)}footer.site .in{width:min(1160px,calc(100% - 40px));margin:0 auto;padding:30px 0 40px;display:flex;gap:20px 40px;flex-wrap:wrap;align-items:center;color:#eef1f873;font-size:14px}footer.site .logo{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:800}footer.site .logo img{width:22px;height:22px}footer.site a:hover{color:var(--ink)}footer.site .grow{flex:1}@media(max-width:860px){.p-hero,.row2,.dl-main{grid-template-columns:1fr}.row2.flip>:first-child{order:0}.hero-cube{height:340px}.dock-stage .dock{transform:scale(.48);margin:-40px -170px}main.content{padding-top:110px}}
