*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111412;color:#edf0e9;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c4f17b;outline-offset:6px}header,main,footer{max-width:1320px;margin:auto;padding:0 6%}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.brand{font-size:15px;letter-spacing:-.4px;font-weight:700;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:#c4f17b;color:#152015;width:37px;height:37px;border-radius:50%;font-size:13px}nav{display:flex;gap:30px;font-size:13px;color:#bec5bc}.hero{padding:90px 0 80px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c4f17b}.hero h1{font-size:clamp(48px,6.5vw,88px);font-weight:500;letter-spacing:-5px;line-height:1.02;margin:27px 0}.muted{color:#9ca69b}p{line-height:1.7;font-size:16px;max-width:500px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 22px;background:#c4f17b;color:#172115;border-radius:4px;font-size:13px;font-weight:700;margin-top:22px}.art{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#36523b55,transparent 65%)}.orbit{width:290px;height:290px;border-radius:50%;border:1px solid #c4f17b30;position:absolute}.orbit:after{content:'';position:absolute;inset:34px;border-radius:50%;border:1px dashed #c4f17b40}.rack{width:285px;transform:rotate(-8deg);background:#1c221d;padding:16px;border:1px solid #73836d;border-radius:12px;box-shadow:22px 30px 70px #0008}.rack-row{height:56px;background:#101610;margin:7px 0;border:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-around;border-radius:5px}.knob{width:25px;height:25px;border:5px solid #505d4b;border-top-color:#c4f17b;border-radius:50%}.wave{font-family:monospace;color:#c4f17b;letter-spacing:4px}.caption{position:absolute;bottom:5px;font:10px monospace;color:#84917d;letter-spacing:2px}.section-head{display:flex;align-items:end;justify-content:space-between;padding:40px 0 25px;border-top:1px solid #ffffff25}.section-head h2{font-size:30px;font-weight:400;letter-spacing:-1px;margin:8px 0}.count{font:12px monospace;color:#899585}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:80px}.card{border:1px solid #ffffff20;background:#171c18;border-radius:7px;overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--accent)}.tile{height:205px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 70%);position:relative}.icon{width:93px;height:93px;border-radius:22px;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-size:25px;letter-spacing:-2px;box-shadow:0 15px 45px #0005;background:#181e19}.tile:before,.tile:after{content:'';position:absolute;border:1px solid #ffffff08;border-radius:50%;height:150px;width:150px}.tile:after{height:190px;width:190px}.card-body{padding:24px;border-top:1px solid #ffffff13}.card h3{margin:8px 0 20px;font-size:20px;font-weight:400}.status{font:10px monospace;letter-spacing:1px;color:#aab3a6;text-transform:uppercase}.card-link{font-size:12px;display:flex;justify-content:space-between;color:var(--accent)}.about{padding:55px 0 75px;border-top:1px solid #ffffff25;display:grid;grid-template-columns:1fr 1fr;gap:45px}.about h2{font-size:40px;letter-spacing:-1.6px;font-weight:400;margin:12px 0}.about p{color:#a6afa2}footer{padding-top:25px;padding-bottom:35px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;color:#8e9988;font-size:11px}.detail{min-height:70vh;padding:65px 0}.detail h1{font-size:clamp(48px,7vw,90px);letter-spacing:-4px;font-weight:400;margin:35px 0}.notice{border-top:1px solid #ffffff25;padding-top:24px;margin-top:45px;max-width:620px}.back{font-size:12px;color:#b9c4b2}.detail .icon{width:120px;height:120px;margin-top:35px;color:var(--accent);border-color:var(--accent)}@media(max-width:760px){header{height:80px}nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:55px;gap:10px}.hero h1{letter-spacing:-3px}.art{min-height:330px}.products{grid-template-columns:1fr 1fr}.tile{height:170px}.about{grid-template-columns:1fr;gap:10px}footer{gap:20px;line-height:1.6}.section-head{align-items:center}}@media(max-width:480px){.products{grid-template-columns:1fr}.brand{font-size:12px}nav{font-size:12px}.hero h1{font-size:54px}.tile{height:205px}}
.app-icon{width:93px;height:93px;border-radius:22px;object-fit:cover;box-shadow:0 15px 45px #0005;z-index:1}.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin:40px 0}.product-intro h1{font-size:clamp(40px,5vw,66px);letter-spacing:-2.8px;margin:25px 0 15px}.tagline{font-size:24px;line-height:1.3;color:#d9e5d0}.product-image{max-width:100%;max-height:550px;object-fit:contain;border-radius:12px;background:#1b211c}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:50px 0;border-top:1px solid #ffffff25}.feature-grid h2{font-size:21px;font-weight:400}.feature-grid p{color:#a6afa2}.support{padding:35px 0 50px;border-top:1px solid #ffffff25}.support a{color:#c4f17b;text-decoration:underline}.card-summary{font-size:13px;color:#a6afa2;min-height:45px;margin:0 0 20px}.platform{font:11px monospace;color:#b6c6ab;letter-spacing:.5px}.detail .app-icon{margin-top:30px}.release-note{font-size:12px;color:#98a591}.product-intro .art .app-icon{height:180px;width:180px;border-radius:40px}@media(max-width:760px){.product-intro{grid-template-columns:1fr;gap:20px}.feature-grid{grid-template-columns:1fr;gap:15px}.product-intro .art{min-height:240px}.card-summary{min-height:0}}@media(max-width:480px){header{gap:16px}.brand{font-size:10px;gap:8px}.mark{flex-shrink:0;width:30px;height:30px}nav{font-size:11px;gap:12px}.product-intro h1{font-size:43px}}
.hero-products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:35px;border:1px solid #ffffff18;border-radius:18px;background:linear-gradient(145deg,#252e26,#151a16)}.hero-products img{width:100%;max-width:100px;border-radius:22%;box-shadow:0 12px 25px #0005}.hero-products span{grid-column:1/-1;color:#a6afa2;font-size:12px;line-height:1.7;border-top:1px solid #ffffff20;padding-top:20px}.hero h1{font-size:clamp(48px,5.8vw,78px);letter-spacing:-3px;line-height:1.08}.hero p{font-size:18px}.card h3{font-weight:600}.tile{height:170px}.about h2{font-size:34px;line-height:1.2}@media(max-width:760px){.hero-products{max-width:460px}.hero h1{font-size:54px}}
