:root{color-scheme:light;--bg:#edf4f1;--ink:#122d36;--muted:#526b75;--card:#ffffffc9;--line:#193a421a;--accent:#007f78;--shadow:0 24px 70px #15384214}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 90% 15%,#80e0ca55,transparent 48%),radial-gradient(ellipse at 10% 70%,#f0bd7455,transparent 45%),var(--bg);color:var(--ink);font:17px/1.6 'Trebuchet MS',sans-serif}body.dark{color-scheme:dark;--bg:#0c1d26;--ink:#eaf6f3;--muted:#a1b9c1;--card:#15313acc;--line:#d9f8f21c;--accent:#55dac5;--shadow:0 24px 70px #0003}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}nav,main,footer{max-width:1220px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--accent)}.nav-actions{display:flex;gap:16px;align-items:center}.theme{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:50%;width:48px;height:48px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;min-height:650px}.eyebrow{display:inline-block;border:1px solid var(--line);padding:7px 13px;border-radius:20px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);font-weight:bold}h1{font-size:clamp(44px,6.2vw,80px);line-height:1.03;letter-spacing:-3px;margin:25px 0}h2{font-size:clamp(29px,4vw,44px);line-height:1.12;letter-spacing:-1px}p{color:var(--muted)}.lead{font-size:20px;max-width:580px}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 23px;border-radius:17px;font-weight:bold;background:var(--ink);color:var(--bg);box-shadow:var(--shadow)}.button.primary{background:linear-gradient(135deg,#006d75,#0aa88d);color:white;box-shadow:0 10px 0 #00515a,0 24px 30px #006d7525;transition:transform .2s}.button.primary:hover{transform:translateY(-3px)}.button.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line)}.meta{font-size:13px;margin-top:22px}.scene{perspective:1000px;position:relative;height:560px;display:grid;place-items:center}.phone{width:265px;height:500px;border:9px solid #18323b;border-radius:44px;background:linear-gradient(145deg,#124b64,#092636);transform:rotateY(-16deg) rotateZ(8deg);box-shadow:22px 25px 0 #0c2028,45px 55px 60px #0c202844;position:relative;overflow:hidden;animation:float 7s ease-in-out infinite}.phone:before{content:'';position:absolute;left:32%;top:12px;width:36%;height:19px;border-radius:15px;background:#07181e;z-index:1}.screen{padding:52px 16px 18px;color:white}.screen strong{font-size:22px}.poster{height:220px;border-radius:18px;background:linear-gradient(0deg,#062029,transparent),radial-gradient(ellipse at 65% 30%,#ffc68e 0 8%,transparent 9%),linear-gradient(135deg,#dbaa70,#bd6846 42%,#36786d 43%,#124556);margin:18px 0;display:flex;align-items:end;padding:15px;font-size:24px;font-weight:bold;line-height:1.2}.tiles{display:flex;gap:8px}.tiles i{height:75px;flex:1;border-radius:12px;background:linear-gradient(150deg,#0d8a85,#87ddd0)}.tiles i:nth-child(2){background:linear-gradient(130deg,#bd6746,#e5c6a0)}.tiles i:nth-child(3){background:linear-gradient(150deg,#265375,#68a3b7)}.orb{position:absolute;border-radius:50%;width:110px;height:110px;background:radial-gradient(circle at 30% 25%,#e4fff8,#32bfa9 55%,#06635d);box-shadow:15px 28px 30px #0c202822;left:0;bottom:60px}.tag{position:absolute;right:0;top:80px;padding:16px 23px;background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);transform:rotate(-8deg);font-weight:bold}.features,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0 65px}.card{padding:28px;border:1px solid var(--line);border-radius:25px;background:var(--card);box-shadow:var(--shadow)}.card h3{font-size:22px;line-height:1.3}.card p{font-size:15px}.number{display:grid;place-items:center;width: sixty;width:62px;height:62px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#17bba0,#065565);box-shadow:6px 7px 0 #073e49,12px 15px 20px #073e4922;font-size:25px;font-weight:bold;transform:rotate(-7deg);margin:8px 0 30px}.site-link{padding:32px;border-radius:26px;background:var(--card);border:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.site-link p{margin-bottom:0}.section-intro{max-width:670px}footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.mirror{overflow-wrap:anywhere}a:focus-visible,button:focus-visible{outline:3px solid #efab50;outline-offset:5px}@keyframes float{50%{transform:translateY(-12px) rotateY(-10deg) rotateZ(5deg)}}@media(max-width:760px){nav,main,footer{padding:20px}.hero{grid-template-columns:1fr;gap:5px;min-height:0}.hero-copy{padding-top:25px}h1{letter-spacing:-2px}.scene{height:440px}.phone{width:225px;height:395px}.poster{height:160px}.tiles i{height:45px}.features,.steps{grid-template-columns:1fr;margin-bottom:40px}.site-link{display:block}.nav-actions>a{display:none}.tag{right:0;top:40px;font-size:13px}.orb{width:80px;height:80px;bottom:20px}.button{width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}@media(update:slow){.phone{animation:none}.card{box-shadow:none}}