*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f7;--sur:#ffffff;--s2:#efefef;--s3:#e8e8ec;--bd:#e0e0e0;--tx:#111111;--mu:#888;--acc:#111111;--acc2:#333333;--white:#ffffff;--r:14px;--transition:background .35s ease,color .35s ease,border-color .35s ease;--body-font:"DM Sans";--body-font-size:16px;--timer-font-size:0.82rem;--pill-tx:#fff;--nav-h:58px;--done-bg:#eafbea;--done:#2e9b2e;--part-bg:#f5faeb;--part:#7aab30;--btn-tx:#ffffff;--acc-glow:rgba(0,0,0,.12);--acc-glow-sm:rgba(0,0,0,.07);--err:#cc2222;--err-bg:rgba(204,34,34,.07);--err-bd:rgba(204,34,34,.25);--ok:#16a34a;--ok-bg:rgba(22,163,74,.07);--ok-bd:rgba(22,163,74,.25);--grid-color:rgba(0,0,0,.04);--card-shadow:0 20px 60px rgba(0,0,0,.12)}html[data-theme=dark]{--bg:#0a0a0a;--sur:#141414;--s2:#1c1c1c;--s3:#252525;--bd:#2a2a2a;--tx:#f0f0f0;--mu:#666;--acc:#ffffff;--acc2:#cccccc;--done-bg:#182b08;--done:#6fcf2e;--part-bg:#1c2a08;--part:#9fc055;--pill-tx:#000000;--btn-tx:#000000;--acc-glow:rgba(255,255,255,.1);--acc-glow-sm:rgba(255,255,255,.06);--err:#ff5555;--err-bg:rgba(255,85,85,.08);--err-bd:rgba(255,85,85,.3);--ok:#4ade80;--ok-bg:rgba(74,222,128,.08);--ok-bd:rgba(74,222,128,.3);--grid-color:rgba(255,255,255,.025);--card-shadow:0 24px 80px rgba(0,0,0,.6)}html[data-accent=red]{--acc:#ff3b3b}html[data-accent=lime]{--acc:#c8ff00}html[data-accent=green]{--acc:#00e676}html[data-accent=purple]{--acc:#c77dff}html[data-accent=blue]{--acc:#448aff}html[data-accent=cyan]{--acc:#00e5ff}html[data-accent=orange]{--acc:#ff9100}html[data-accent=pink]{--acc:#ff4081}html[data-accent=teal]{--acc:#1de9b6}html[data-accent=gold]{--acc:#ffd740}html[data-accent=white]{--acc:#e0e0e0}html[data-accent=black]{--acc:#1a1a1a}html[data-theme=dark][data-accent=cyan],html[data-theme=dark][data-accent=gold],html[data-theme=dark][data-accent=green],html[data-theme=dark][data-accent=lime],html[data-theme=dark][data-accent=teal],html[data-theme=dark][data-accent=white]{--pill-tx:#000000}html:not([data-theme=dark])[data-accent=black],html:not([data-theme=dark])[data-accent=blue],html:not([data-theme=dark])[data-accent=orange],html:not([data-theme=dark])[data-accent=pink],html:not([data-theme=dark])[data-accent=purple],html:not([data-theme=dark])[data-accent=red],html[data-theme=dark][data-accent=black],html[data-theme=dark][data-accent=blue],html[data-theme=dark][data-accent=orange],html[data-theme=dark][data-accent=pink],html[data-theme=dark][data-accent=purple],html[data-theme=dark][data-accent=red]{--pill-tx:#ffffff}html:not([data-theme=dark])[data-accent=cyan],html:not([data-theme=dark])[data-accent=gold],html:not([data-theme=dark])[data-accent=green],html:not([data-theme=dark])[data-accent=lime],html:not([data-theme=dark])[data-accent=teal]{--pill-tx:#000000}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:var(--body-font),"DM Sans",sans-serif;font-size:var(--body-font-size);overflow-x:hidden;line-height:1.6}.site-header,body{transition:var(--transition)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(245,245,247,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--bd);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px}html[data-theme=dark] .site-header{background:rgba(10,10,10,.92)!important}.logo{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:3px;color:var(--tx);text-decoration:none;flex-shrink:0}html[data-theme=dark] .logo{color:#ffffff}.header-btns{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.btn-outline{padding:8px 18px;border:1.5px solid var(--bd);color:var(--tx);border-radius:8px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-outline:hover{border-color:var(--acc);color:var(--acc)}html[data-theme=dark] .btn-outline{border-color:rgba(255,255,255,.2);color:var(--tx)}html[data-theme=dark] .btn-outline:hover{border-color:var(--acc);color:var(--acc)}.nav-active{border-color:var(--acc)!important;color:var(--acc)!important;font-weight:700!important}html[data-theme=dark][data-accent=black] .nav-active,html[data-theme=dark][data-accent=blue] .nav-active,html[data-theme=dark][data-accent=orange] .nav-active,html[data-theme=dark][data-accent=pink] .nav-active,html[data-theme=dark][data-accent=purple] .nav-active,html[data-theme=dark][data-accent=red] .nav-active{border-color:rgba(255,255,255,.7)!important;color:#ffffff!important}.btn-acc{padding:8px 20px;background:var(--acc);border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-acc,.btn-acc:hover{color:var(--pill-tx,#fff)}.btn-acc:hover{background:var(--acc2);transform:translateY(-1px)}.btn-hero{padding:14px 32px;background:var(--acc);color:var(--pill-tx,#fff);border:none;border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-hero:hover{background:var(--acc2);transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.2);color:var(--pill-tx,#fff)}.btn-hero-ghost{padding:14px 32px;background:transparent;color:var(--tx);border:1.5px solid var(--bd);border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-hero-ghost:hover{border-color:var(--acc);color:var(--acc)}html[data-theme=dark] .btn-hero-ghost{border-color:rgba(255,255,255,.25);color:var(--tx)}html[data-theme=dark] .btn-hero-ghost:hover{border-color:var(--acc);color:var(--acc)}.btn-google-hero{padding:14px 28px;background:var(--sur);color:var(--tx);border:1.5px solid var(--bd);border-radius:10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 1px 4px rgba(0,0,0,.08)}.btn-google-hero:hover{border-color:var(--acc);transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.12)}html[data-theme=dark] .btn-google-hero{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}html[data-theme=dark] .btn-google-hero:hover{border-color:var(--acc)}.theme-toggle{background:none;border:1.5px solid var(--bd);border-radius:20px;width:40px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s;padding:0;flex-shrink:0}.theme-toggle:hover{border-color:var(--acc)}.theme-toggle-knob{font-size:.9rem;line-height:1}@media(max-width:768px){.header-hide-mobile{display:none!important}}.site-footer{background:var(--sur);border-top:1px solid var(--bd);padding:32px 24px;text-align:center}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:1.3rem;letter-spacing:3px;color:var(--acc);margin-bottom:12px}.footer-links{display:flex;gap:20px;justify-content:center;margin-bottom:16px;flex-wrap:wrap}.footer-links a{font-size:.82rem;color:var(--mu);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--acc)}.footer-copy{font-size:.75rem;color:var(--mu)}html[data-theme=dark] .footer-copy{color:#555}html[data-theme=dark] .section{padding:80px 24px;max-width:1100px;margin:0 auto}.section-label{font-size:.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--acc);margin-bottom:12px}.section-title{font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:1px;margin-bottom:16px;color:var(--tx)}.section-sub{color:var(--mu);font-size:1rem;max-width:520px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:48px}.feature-card{background:var(--sur);border:1px solid var(--bd);border-radius:var(--r);padding:24px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:var(--acc);transform:translateY(-2px)}.feature-ico{font-size:2rem;margin-bottom:12px;display:block}.feature-title{font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:1px;margin-bottom:8px}.feature-desc{font-size:.88rem;color:var(--mu);line-height:1.6}.page-title-bar,html[data-theme=dark] .feature-card{background:var(--sur)}.page-title-bar{padding:28px 24px 24px;border-bottom:1px solid var(--bd)}.page-title-bar-inner{max-width:1100px;margin:0 auto}.page-breadcrumb{font-size:.75rem;color:var(--mu);margin-bottom:8px;display:flex;align-items:center;gap:6px}.page-breadcrumb a{color:var(--mu);text-decoration:none;transition:color .2s}.page-breadcrumb a:hover{color:var(--acc)}.page-title-bar h1{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:1px;color:var(--tx);margin-bottom:6px}.page-title-bar p{font-size:.9rem;color:var(--mu);max-width:520px;line-height:1.6}.steps{display:flex;flex-direction:column;gap:0;margin-top:48px;max-width:600px}.step{display:flex;gap:20px;padding:0 0 36px}.step:last-child{padding-bottom:0}.step-num{width:44px;height:44px;min-width:44px;background:var(--acc);color:var(--pill-tx);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700}.step-content h3,.step-num{font-family:Bebas Neue,sans-serif}.step-content h3{font-size:1.1rem;letter-spacing:1px;margin-bottom:6px}.step-content p{font-size:.9rem;color:var(--mu);line-height:1.65}.cta{padding:80px 24px;text-align:center;background:linear-gradient(135deg,rgba(0,0,0,.03),transparent 60%)}html[data-theme=dark] .cta{background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 60%)}.cta h2{font-family:Bebas Neue,sans-serif;font-size:clamp(2.5rem,6vw,5rem);letter-spacing:2px;margin-bottom:16px}.cta p{color:var(--mu);font-size:1rem;margin-bottom:36px;max-width:440px;margin-left:auto;margin-right:auto}.acc-text{color:var(--acc)}html[data-theme=dark]:not([data-accent]) .acc-text,html[data-theme=dark][data-accent=black] .acc-text{color:#ffffff}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,0,0,.05) 0,transparent 70%)}html[data-theme=dark] .hero-bg{background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(255,255,255,.06) 0,transparent 70%)!important}.hero-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.15);color:var(--tx);padding:6px 16px;border-radius:100px;font-size:.78rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;position:relative;z-index:1}html[data-theme=dark] .hero-badge{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important}.hero h1{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,10vw,7rem);line-height:.95;letter-spacing:2px;margin-bottom:24px;position:relative;z-index:1}.hero h1 span{color:var(--acc)}html[data-theme=dark][data-accent=black] .hero h1 span{color:#ffffff}.hero p{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--mu);max-width:540px;margin:0 auto 36px;position:relative;z-index:1}.hero-btns{gap:12px;flex-wrap:wrap;margin-bottom:60px}.hero-btns,.phones-row{display:flex;justify-content:center;position:relative;z-index:1}.phones-row{gap:16px;align-items:flex-end;max-width:900px;margin:0 auto;overflow:hidden}.phone-wrap{flex-shrink:0;position:relative}.phone-wrap.center{transform:translateY(-20px);z-index:2}.phone-wrap.side{opacity:.6;transform:scale(.88)}.phone-frame{width:180px;border-radius:28px;overflow:hidden;border:3px solid var(--bd);box-shadow:0 24px 60px rgba(0,0,0,.15)}html[data-theme=dark] .phone-frame{box-shadow:0 24px 60px rgba(0,0,0,.6)!important}.phone-frame img{width:100%;display:block}@media(max-width:600px){.phone-wrap.side{display:none}.phone-frame{width:220px}}.stats-bar{background:var(--sur);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:28px 24px}.stats-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;text-align:center}@media(max-width:600px){.stats-inner{grid-template-columns:repeat(2,1fr)}}.stat-num{font-family:Bebas Neue,sans-serif;font-size:2.2rem;letter-spacing:2px;color:var(--acc)}.stat-lbl{font-size:.75rem;color:var(--mu);font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-top:2px}.showcase{background:var(--s2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);padding:80px 0}.showcase-inner{max-width:1100px;margin:0 auto;padding:0 24px}.screens-scroll{display:flex;gap:16px;overflow-x:auto;padding:24px 0 12px;scrollbar-width:thin;scrollbar-color:var(--bd) transparent;margin-top:32px}.screen-item{flex-shrink:0;text-align:center}.screen-item.desktop img{width:300px;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.12)}.screen-item.mobile img{width:140px;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12)}.screen-label{font-size:.72rem;color:var(--mu);margin-top:8px;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.screen-item.desktop img{width:220px}}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.section{padding:60px 20px}}