@import url('/styles.css');
:root{--accent:#4fb3b5} .sp-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)} .sp-nav a{text-decoration:none;color:var(--text)}.sp-nav strong{font-size:20px}.sp-nav nav{display:flex;gap:24px;font-size:15px} .sp-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:60px;padding:80px 0 90px}.sp-hero h1{font-size:clamp(40px,5.7vw,76px);line-height:1.12;letter-spacing:-.04em;margin:0 0 28px}.sp-hero .lead{font-size:23px;max-width:530px}.sp-hero .btn{background:#217f84;color:white;margin-top:24px}.sp-hero small{display:block;color:var(--muted);margin-top:18px}.phone-scene{position:relative;display:grid;place-items:center}.phone-scene:before{content:'';position:absolute;width:110%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#216e76 0, #102e43 55%,transparent 70%);z-index:-1}.phone{width:min(100%,280px);padding:9px;border:2px solid #6b777e;border-radius:46px;background:#101218;box-shadow:0 30px 70px #0007;transform:rotate(3deg)}.phone img{display:block;width:100%;border-radius:35px}.sp-section{padding:72px 0;border-top:1px solid var(--line)}.sp-section h2{font-size:clamp(30px,4vw,49px);line-height:1.2;letter-spacing:-.035em;max-width:650px;margin:0 0 24px}.sp-section p{max-width:650px;color:var(--text-2)}.sp-split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.phrase-fan{display:flex;align-items:center;gap:12px;margin:30px 0}.phrase{background:#faf6f1;color:#1d2a2e;padding:28px 22px;border-radius:20px;min-height:210px;flex:1;font-size:19px;line-height:1.5;box-shadow:0 20px 40px #0003;transform:rotate(-5deg)}.phrase:nth-child(2){transform:translateY(-20px)}.phrase:nth-child(3){transform:rotate(5deg)}.phrase span{display:block;font-size:12px;color:#0f5c63;margin-bottom:24px}.sp-privacy{padding:36px;border:1px solid #2b5969;background:#0c2030;border-radius:24px;display:flex;gap:24px;align-items:center;margin-bottom:60px}.sp-privacy h2{font-size:27px;margin:0 0 8px}.sp-privacy p{margin:0;color:var(--text-2)}.sp-privacy a{color:#8bdbd8}.sp-footer{padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:24px}.sp-footer a{color:var(--text-2)}.legal{max-width:760px;margin:64px auto 80px}.legal h1{font-size:clamp(34px,5vw,52px);line-height:1.2}.legal h2{font-size:24px;margin-top:40px}.legal p,.legal li{color:var(--text-2)}.legal a{color:#8bdbd8}.legal .updated{color:var(--muted);font-size:14px}.sp-support details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600}a:focus-visible,summary:focus-visible{outline:3px solid #8bdbd8;outline-offset:5px}@media(max-width:760px){.sp-nav{flex-wrap:wrap;gap:14px}.sp-nav nav{gap:16px}.sp-hero{grid-template-columns:1fr;gap:50px;padding:48px 0 60px}.sp-hero h1{font-size:44px}.sp-hero .lead{font-size:20px}.sp-split{grid-template-columns:1fr;gap:40px}.sp-split .phone-scene{order:2}.sp-section{padding:48px 0}.phrase-fan{gap:8px}.phrase{font-size:15px;padding:20px 14px;min-height:190px}.sp-privacy,.sp-footer{display:block}.sp-footer nav{margin-top:16px}.phone{width:250px}.sp-privacy{padding:24px}.legal{margin-top:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.phrase{min-width:0}.phrase-fan{padding:8px;overflow:clip}.sp-hero .lead{color:#d4e4e3;opacity:1}.sp-section .phone-scene{min-width:0}
