:root{--ink:#0f1b3e;--muted:#566682;--paper:#f7f8fc;--line:#dbe1ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,Arial,sans-serif}.container{width:min(1100px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;padding:8px;background:#fff;z-index:9}.site-header{height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:850;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#8d7bff,#4b39cf)}nav{display:flex;gap:24px}nav a,.site-footer a{color:var(--muted);font-size:.9rem;text-decoration:none}select{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;padding:7px}.hero{display:grid;grid-template-columns:1.12fr .88fr;min-height:545px;align-items:center;gap:45px}.eyebrow{margin:0 0 13px;color:#6250c8;font-size:.73rem;font-weight:850;letter-spacing:.14em}.hero h1,h2{letter-spacing:-.055em;line-height:1.06}.hero h1{font-size:clamp(2.45rem,5vw,4.6rem);margin:0 0 19px}.lead{max-width:600px;font-size:1.1rem;color:var(--muted)}.button{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:13px 19px;border-radius:11px;color:#fff;background:var(--ink);font-weight:800;text-decoration:none;border:0;font:inherit;cursor:pointer;box-shadow:0 9px 20px #0f1b3e2f}.disclosure{max-width:560px;color:#69758d;font-size:.78rem}.device-stage{position:relative;min-height:400px;display:grid;place-items:center;overflow:hidden}.halo{position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#b8afff 0 15%,#8475ff45 37%,transparent 69%)}.phone{position:relative;width:184px;height:350px;border:7px solid #cbd0dd;border-radius:37px;background:linear-gradient(120deg,#808da4,#e4eaf6 18%,#69748d 46%,#d6ddeb 78%,#7e899f);box-shadow:22px 29px 35px #26355b5c,inset 2px 2px 4px #fff8;transform:perspective(750px) rotateY(-17deg) rotateX(5deg);transition:transform .7s;cursor:pointer}.phone:hover,.phone:focus{transform:perspective(750px) rotateY(17deg) rotateX(-4deg)}.phone:focus-visible{outline:3px solid #00a4c7;outline-offset:7px}.camera{position:absolute;top:14px;left:14px;display:grid;grid-template-columns:repeat(2,32px);gap:7px;width:76px;height:77px;padding:7px;border-radius:22px;background:#3a4252}.camera i{display:block;width:28px;height:28px;border:5px solid #101828;border-radius:50%;background:radial-gradient(circle at 35% 35%,#a5e5ff,#17447e 35%,#070b15 66%)}.camera i:nth-child(3){grid-column:1/3;margin-left:15px}.phone-screen{position:absolute;inset:122px 13px 13px;border-radius:25px;background:linear-gradient(145deg,#0c1a43,#3548bb 48%,#cd80ff);overflow:hidden}.phone-screen b{position:absolute;border:1px solid #fff6;border-radius:50%;width:190px;height:190px}.phone-screen b:first-child{top:-78px;left:-72px}.phone-screen b:last-child{bottom:-105px;right:-82px}.concept-label{position:absolute;bottom:8px;margin:0;color:#6a7490;font-size:.75rem;text-align:center}.benefits-section{padding:80px 0;background:#fff}.benefits-section h2,.guide h2,.faq-section h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:0 0 17px}.benefits-intro{max-width:700px;color:var(--muted)}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.benefit-card{padding:23px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f3f6ff);min-height:194px;transition:transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 13px 28px #2a39641c}.benefit-card span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eae7ff;color:#6250cb;font-size:1rem;font-weight:900}.benefit-card h3{margin:16px 0 7px;font-size:1.06rem;line-height:1.3}.benefit-card p{margin:0;color:var(--muted);font-size:.91rem}.guide{padding:85px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.steps article{padding:18px 20px;border-top:1px solid var(--line)}.steps b{color:#7157f3}.steps h3{margin:9px 0 4px}.steps p{margin:0;color:var(--muted)}.faq-section{padding:75px 0;background:#eef0f8}.faq-section h2{margin-top:0}.faq-section details{max-width:760px;padding:17px 0;border-bottom:1px solid #cbd2e0}.faq-section summary{cursor:pointer;font-weight:800}.faq-section details p{color:var(--muted);max-width:700px}.site-footer{padding:26px 0;background:#101b3d;color:#ccd3e7}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand,.site-footer a{color:#fff}.site-footer p{margin:0;font-size:.85rem}.footer-inner>div{display:flex;gap:17px}@media(max-width:760px){nav{display:none}.hero{grid-template-columns:1fr;padding:40px 0;text-align:center}.hero .lead,.disclosure{margin-left:auto;margin-right:auto}.device-stage{min-height:350px}.benefits-grid,.steps{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}
