:root{--bg:#f5f5f7;--bg2:#fff;--bg3:#e8e8ed;--text:#1d1d1f;--text2:#6e6e73;--text3:#aeaeb2;--accent:#06c;--border:#0000001a;--font:"Hanken Grotesk", sans-serif;--max-w:1120px;--r:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.65;overflow-x:clip}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:var(--max-w);margin:0 auto;padding:0 40px}@media (width<=768px){.container{padding:0 24px}}.section-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:11px;font-weight:600;display:inline-block}.section-tag.center{text-align:center;display:block}.section-title{letter-spacing:-.025em;color:var(--text);margin-bottom:56px;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.1}.section-title.center{text-align:center}.accent{color:var(--accent)}.btn{font-family:var(--font);cursor:pointer;white-space:nowrap;letter-spacing:-.01em;border:none;border-radius:980px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .22s;display:inline-flex}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#2d2d2f;transform:scale(1.02)}.btn-ghost{color:var(--accent);background:0 0;border:1.5px solid #00000026}.btn-ghost:hover{border-color:var(--accent);background:#0066cc0d}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn-outline:hover{background:#0066cc0d}.btn-lg{padding:16px 32px;font-size:16px}#nav{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(20px);background:#f5f5f7d9;border-bottom:1px solid #0000;transition:border-color .3s;position:fixed;top:0;left:0;right:0}#nav.scrolled{border-color:#0000001a}.nav-inner{max-width:var(--max-w);align-items:center;gap:32px;height:68px;margin:0 auto;padding:0 40px;display:flex}.nav-logo{letter-spacing:-.025em;flex-shrink:0;font-size:1.05rem;font-weight:700}.nav-logo-name{color:var(--text)}.nav-logo-accent{color:var(--accent)}.nav-links{gap:28px;margin-left:auto;display:flex}.nav-links a{color:var(--text2);font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-cta{background:var(--text);color:#fff;border-radius:980px;margin-left:12px;padding:8px 20px;font-size:13px;font-weight:600}.nav-mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px;display:none}.nav-mobile-toggle span{background:var(--text);border-radius:2px;width:22px;height:2px;display:block}.nav-mobile-menu{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 24px 24px;display:none}.nav-mobile-menu a{color:var(--text2);border-bottom:1px solid var(--border);padding:12px 0;font-size:16px;font-weight:500}.nav-mobile-menu a:last-child{border-bottom:none}.nav-mobile-menu.open{display:flex}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-mobile-toggle{display:flex}.nav-inner{padding:0 24px}}#hero{background:var(--bg);text-align:center;padding:180px 0 140px;position:relative}.hero-inner{max-width:860px;margin:0 auto;padding:0 40px}.hero-pre{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);opacity:0;margin-bottom:32px;font-size:12px;font-weight:600;transform:translateY(12px)}.hero-title{letter-spacing:-.045em;margin-bottom:32px;font-size:clamp(3.5rem,8vw,7rem);font-weight:800;line-height:1;overflow:hidden}.hero-title .line{opacity:0;display:block;transform:translateY(110%)}.hero-sub{color:var(--text2);opacity:0;max-width:580px;margin:0 auto 48px;font-size:clamp(17px,2vw,21px);font-weight:400;line-height:1.6;transform:translateY(12px)}.hero-ctas{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;display:flex;transform:translateY(12px)}.hero-scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-hint span{letter-spacing:.15em;text-transform:uppercase;color:var(--text3);font-size:10px;font-weight:500}.scroll-line{background:linear-gradient(to bottom, var(--text3), transparent);width:1px;height:36px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.4}50%{opacity:1}}@media (width<=600px){.hero-scroll-hint{display:none}#hero{padding:140px 0 100px}.hero-inner{padding:0 24px}}#services{background:var(--bg2);padding:140px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.service-card{background:var(--bg);border-radius:var(--r);padding:44px 36px;transition:transform .25s,box-shadow .25s;position:relative}.service-card:hover{transform:translateY(-4px);box-shadow:0 24px 64px #00000014}.service-card.featured{background:var(--text)}.service-card.featured .service-icon{color:#ffffff80}.service-card.featured h3{color:#fff}.service-card.featured p{color:#ffffffa6}.service-card.featured .service-list li{color:#ffffff8c}.service-card.featured .service-list li:before{color:#ffffff59}.service-card.featured .service-num{color:#ffffff4d}.service-num{letter-spacing:.1em;color:var(--text3);margin-bottom:20px;font-size:11px;font-weight:600}.service-badge{color:#ffffffe6;letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;border-radius:20px;padding:3px 10px;font-size:10px;font-weight:700;position:absolute;top:20px;right:20px}.service-icon{width:44px;height:44px;color:var(--text2);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card h3{letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:700}.service-card p{color:var(--text2);margin-bottom:24px;font-size:15px;line-height:1.7}.service-list{flex-direction:column;gap:8px;display:flex}.service-list li{color:var(--text2);padding-left:16px;font-size:13px;position:relative}.service-list li:before{content:"→";color:var(--text3);font-size:11px;position:absolute;left:0}@media (width<=960px){.services-grid{grid-template-columns:1fr;max-width:500px}#services{padding:100px 0}}#how{background:var(--bg);padding:140px 0}.steps-grid{grid-template-columns:repeat(3,1fr);display:grid}.step{padding:48px 48px 48px 0;position:relative}.step:not(:first-child){padding-left:48px}.step:not(:last-child){border-right:1px solid var(--border);padding-right:48px}.step-num{color:var(--bg3);letter-spacing:-.06em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1}.step h3{letter-spacing:-.02em;margin-bottom:12px;font-size:20px;font-weight:700}.step p{color:var(--text2);font-size:15px;line-height:1.7}.step-arrow{display:none}@media (width<=768px){.steps-grid{grid-template-columns:1fr}.step,.step:not(:first-child),.step:not(:last-child){border-right:none;border-bottom:1px solid var(--border);padding:36px 0}.step:last-child{border-bottom:none}#how{padding:100px 0}}#about{background:var(--bg2);padding:140px 0}.about-text-only{max-width:800px}.about-columns{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:0;display:grid}.about-columns p{color:var(--text2);font-size:16px;line-height:1.8}.about-quote{color:var(--text);letter-spacing:-.025em;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 0;font-size:22px;font-style:normal;font-weight:600;line-height:1.3;margin:40px 0!important}.about-links{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}@media (width<=768px){.about-columns{grid-template-columns:1fr;gap:16px}.about-quote{font-size:19px}#about{padding:100px 0}}#contact{background:var(--bg);text-align:center;padding:160px 0}.contact-inner{max-width:680px;margin:0 auto}.contact-sub{color:var(--text2);max-width:460px;margin:-16px auto 48px;font-size:18px;line-height:1.65}.contact-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=768px){#contact{padding:100px 0}}#footer{border-top:1px solid var(--border);background:var(--bg);padding:32px 0}.footer-inner{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-logo{letter-spacing:-.02em;color:var(--text);font-size:1rem;font-weight:700}.footer-copy{color:var(--text3);margin-left:auto;font-size:13px}.footer-link{color:var(--accent);font-size:13px;font-weight:500;transition:opacity .2s}.footer-link:hover{opacity:.7}@media (width<=600px){.footer-inner{flex-direction:column;align-items:flex-start;gap:8px}.footer-copy{margin-left:0}}