:root{--bg: #ffffff;--bg-soft: #faf8f3;--ink: #1a1a1a;--ink-2: #2b2b2b;--ink-3: #3a3a3a;--muted: #6b6b6b;--line: #e6e3dc;--honey: #f5be2b;--honey-dark: #d9a416;--honey-soft: #fff4cf;--card: #1c1c1e;--card-2: #232325;--radius: 18px;--radius-lg: 28px;--container: 1200px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 12px 30px -10px rgba(0,0,0,.18)}*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--ink)}h1,h2,h3,h4{font-family:Inter,system-ui,sans-serif;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 .4em}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.9rem,3.4vw,2.8rem)}h3{font-size:1.35rem}p{margin:0 0 1em;color:var(--ink-3)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.brand-script{font-family:Pacifico,Caveat,cursive;font-weight:400;letter-spacing:.01em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:transform .12s ease,background .15s ease,box-shadow .15s ease;text-decoration:none;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--honey);color:var(--ink)}.btn-primary:hover{background:var(--honey-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;color:#fff}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}.btn-outline:hover{background:var(--ink);color:#fff}.nav{position:sticky;top:0;z-index:50;background:#ffffffeb;backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:32px;padding:14px 24px;max-width:1280px;margin:0 auto}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink)}.nav-logo img{height:36px;width:auto}.nav-links{display:flex;gap:26px;list-style:none;margin:0 auto 0 28px;padding:0}.nav-links a{font-size:.95rem;font-weight:500;color:var(--ink-2);position:relative}.nav-links a:hover{color:var(--honey-dark)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;font-size:1.5rem;margin-left:auto;color:var(--ink)}@media(max-width:900px){.nav-links{display:none}.nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:18px 24px 22px;border-bottom:1px solid var(--line);margin:0}.nav-toggle{display:block}}.hero-card{position:relative;background:var(--card);color:#fff;border-radius:var(--radius-lg);padding:80px 32px 70px;text-align:center;overflow:hidden;margin-top:36px}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 0%,rgba(245,190,43,.18),transparent 70%),radial-gradient(40% 40% at 100% 100%,rgba(245,190,43,.08),transparent 70%);pointer-events:none}.hero-card h1{color:#fff;font-size:clamp(2.4rem,5vw,4.2rem)}.hero-card p{color:#ffffffc7;max-width:580px;margin:6px auto 24px}.hero-card .actions{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.phone-strip{display:flex;justify-content:center;align-items:end;gap:18px;margin:-40px auto 0;max-width:1100px;position:relative;z-index:1;padding:0 12px 40px;flex-wrap:wrap}.phone{position:relative;display:inline-block;background:#111;padding:10px;border-radius:38px;box-shadow:0 0 0 2px #2b2b2e inset,0 1px #ffffff14 inset,0 24px 48px -16px #0000008c,0 4px 12px #00000059}.phone:before{content:"";position:absolute;top:14px;left:50%;transform:translate(-50%);width:36%;max-width:110px;height:22px;background:#0c0c0d;border-radius:14px;z-index:2}.phone:after{content:"";position:absolute;top:90px;right:-2px;width:3px;height:56px;background:#2b2b2e;border-radius:2px}.phone>img{display:block;border-radius:28px;background:#fff;width:auto;height:100%;max-height:100%;object-fit:cover;position:relative;z-index:1}.phone-strip{--phone-h: 440px;--phone-w: calc(var(--phone-h) * .475);flex-wrap:nowrap;gap:16px}.phone-strip .phone{height:var(--phone-h);width:var(--phone-w);flex:0 0 auto}.phone-strip .phone-se{width:calc(var(--phone-h) * .55);padding:44px 6px;border-radius:30px}.phone-strip .phone-se:before{top:20px}.phone-strip .phone-se:after{bottom:10px;width:26px;height:26px}.phone-strip .phone-se>.camera{top:16px;left:calc(50% - 38px)}.phone-strip .phone>img{width:100%;height:100%;object-fit:cover}@media(max-width:1100px){.phone-strip{--phone-h: 360px;gap:12px}}@media(max-width:820px){.phone-strip{--phone-h: 280px;gap:8px;flex-wrap:wrap}}@media(max-width:520px){.phone-strip{--phone-h: 240px}}.phone-sm{padding:8px;border-radius:30px}.phone-sm:before{top:10px;height:16px;max-width:80px}.phone-sm>img{border-radius:22px}.phone-se{background:#1a1a1c;padding:56px 6px;border-radius:36px;box-shadow:0 0 0 2px #2b2b2e inset,0 1px #ffffff14 inset,0 24px 48px -16px #0000008c,0 4px 12px #00000059}.phone-se:before{content:"";position:absolute;top:26px;left:50%;transform:translate(-50%);width:56px;height:6px;background:#0c0c0d;border-radius:4px;z-index:2}.phone-se:after{content:"";inset:auto auto 14px 50%;transform:translate(-50%);width:30px;height:30px;background:#0c0c0d;border:1.5px solid #2b2b2e;border-radius:50%;z-index:2}.phone-se>.camera{position:absolute;top:22px;left:calc(50% - 44px);width:6px;height:6px;border-radius:50%;background:#1f1f24;box-shadow:inset 0 0 0 1px #ffffff14;z-index:2}.phone-se>img{display:block;border-radius:4px;background:#fff;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.section{padding:84px 0}.section-tight{padding:56px 0}.section-soft{background:var(--bg-soft)}.section-dark{background:var(--card);color:#fff}.section-dark h2,.section-dark h3{color:#fff}.section-dark p{color:#ffffffc7}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head .eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--honey-dark);font-weight:700;margin-bottom:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--card-2);color:#fff;border-radius:var(--radius);padding:28px 26px;display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.06);transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:#f5be2b73}.feature-card .label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--honey);font-weight:700}.feature-card h3{color:#fff;font-size:1.15rem;margin-bottom:0}.feature-card p{color:#ffffffb3;margin-bottom:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}@media(max-width:900px){.split{grid-template-columns:1fr}}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:880px;margin:0 auto}@media(max-width:720px){.pricing-grid{grid-template-columns:1fr}}.price-card{background:#fff;border-radius:var(--radius);border:1px solid var(--line);padding:28px;box-shadow:var(--shadow-sm)}.price-card .plan{font-weight:700;color:var(--ink);margin-bottom:6px}.price-card .price{font-size:2.6rem;font-weight:800;color:var(--ink)}.price-card .per{font-size:1rem;font-weight:500;color:var(--muted)}.price-card ul{list-style:none;padding:0;margin:16px 0 22px}.price-card li{padding:6px 0;color:var(--ink-3);border-bottom:1px dashed var(--line)}.price-card li:last-child{border-bottom:none}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}@media(max-width:900px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.blog-card .thumb{aspect-ratio:16/10;background:#eee;overflow:hidden}.blog-card .thumb img{width:100%;height:100%;object-fit:cover}.blog-card .body{padding:18px 20px 22px}.blog-card .meta{font-size:.78rem;color:var(--muted);margin-bottom:6px}.blog-card h3{font-size:1.1rem;margin:0;color:var(--ink)}.faq{max-width:880px;margin:0 auto;background:var(--card);color:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.faq summary{list-style:none;cursor:pointer;padding:22px 26px;font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid rgba(255,255,255,.08)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.4rem;font-weight:400;color:var(--honey);transition:transform .2s ease}.faq details[open]>summary:after{content:"−"}.faq details:last-child>summary{border-bottom:none}.faq details[open]>summary{border-bottom:1px solid rgba(255,255,255,.08)}.faq .answer{padding:18px 26px 26px;color:#ffffffc7;font-size:.95rem}.cta-card{background:var(--card);color:#fff;border-radius:var(--radius-lg);padding:60px 40px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 100% 50%,rgba(245,190,43,.18),transparent 70%);pointer-events:none}.cta-card .eyebrow{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--honey);font-weight:700}.cta-card h2{color:#fff;margin:6px 0 22px}.cta-card .actions{display:flex;gap:12px;flex-wrap:wrap}.cta-card img{max-height:320px}@media(max-width:720px){.cta-card{grid-template-columns:1fr;text-align:center}.cta-card .actions{justify-content:center}.cta-card img{margin:0 auto}}.footer{background:#fff;border-top:1px solid var(--line);padding:56px 0 40px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}@media(max-width:720px){.footer-grid{grid-template-columns:1fr}}.footer-brand img{height:80px;width:auto;margin-bottom:6px}.footer-brand p{color:var(--muted);font-size:.95rem}.footer h4{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}.footer ul{list-style:none;padding:0;margin:0}.footer li{padding:6px 0}.footer li a{color:var(--ink-3);font-size:.95rem}.footer li a:hover{color:var(--honey-dark)}.footer-bottom{margin-top:36px;padding-top:18px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.article{max-width:760px;margin:0 auto;padding:0 24px}.article .meta{color:var(--muted);font-size:.85rem;margin-bottom:8px}.article h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:20px}.article .hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius);margin:16px 0 32px}.article p{font-size:1.05rem;line-height:1.7;color:var(--ink-3)}.article h2{font-size:1.6rem;margin-top:1.4em}.article h3{font-size:1.25rem;margin-top:1.2em}.form{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.form input,.form textarea{padding:14px 16px;border:1px solid var(--line);border-radius:12px;font:inherit;background:#fff;width:100%}.form textarea{min-height:140px;resize:vertical}.form button{align-self:stretch}.center{text-align:center}.muted-note{color:var(--honey-dark);font-weight:600}.store-badges{gap:12px;align-items:center}.store-badges a{display:inline-block;line-height:0}.store-badges img{height:56px;width:auto;display:block;object-fit:contain}
