:root{color-scheme:light;--color-bg:#ffffff;--color-surface:#ffffff;--color-surface-alt:#f1f5ff;--color-text:#000c2a;--color-muted:#2b3a66;--color-border:rgba(0,12,42,0.12);--color-primary:#0083ff;--color-primary-soft:rgba(0,131,255,0.18);--color-secondary:#55acff;--color-tertiary:#aad6ff;--color-quaternary:#e8f1ff;--color-success:#0f9d58;--color-error:#d6455f;--color-slate-50:#f6f7fb;--color-slate-100:#e7ecfb;--color-slate-900:#0b1225;--gradient-hero:radial-gradient(circle at 10% 20%,rgba(0,131,255,0.2),rgba(85,172,255,0.2),rgba(170,214,255,0.05));--gradient-soft:linear-gradient(135deg,rgba(0,131,255,0.2),rgba(85,172,255,0.15),rgba(170,214,255,0.12));--shadow-sm:0 16px 40px rgba(0,12,42,0.1);--shadow-lg:0 40px 80px rgba(0,12,42,0.15);--radius-sm:12px;--radius-lg:28px;--font-family:'Inter','Urbanist',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--header-offset:clamp(5.5rem,9vw,6.5rem);--font-size-large:clamp(2rem,5vw,3rem);--font-size-base:1.15rem}[data-theme='dark']{color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);line-height:1.5;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{line-height:1.2;letter-spacing:-0.015em}body{padding-top:var(--header-offset)}a{color:inherit;text-decoration:none}a:hover,a:focus{color:var(--color-primary)}img{max-width:100%;display:block;border-radius:var(--radius-sm)}main{display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.75rem 1.75rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform 200ms cubic-bezier(0.4,0,0.2,1),box-shadow 200ms cubic-bezier(0.4,0,0.2,1),background 150ms ease,color 150ms ease,border-color 150ms ease}.btn-primary{background:linear-gradient(120deg,var(--color-primary),var(--color-secondary));color:#ffffff;box-shadow:var(--shadow-sm)}.btn-primary:hover,.btn-primary:focus{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-violet{background:linear-gradient(120deg,var(--color-secondary),var(--color-tertiary));color:#ffffff;box-shadow:0 16px 32px rgba(0,131,255,0.25)}.btn-violet:hover,.btn-violet:focus{transform:translateY(-1px);box-shadow:0 28px 48px rgba(0,131,255,0.35)}.btn-outline{border-color:rgba(0,131,255,0.22);background:rgba(255,255,255,0.7);color:var(--color-text)}.btn-outline:hover,.btn-outline:focus{border-color:var(--color-primary)}.btn-secondary{background:var(--color-tertiary);color:#000c2a}.btn-ghost{background:rgba(0,131,255,0.12);color:var(--color-text)}.btn-ghost:hover,.btn-ghost:focus{background:rgba(0,131,255,0.22)}.link-secondary{color:var(--color-muted);font-weight:600}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:0.375rem 0.75rem;background:var(--color-primary-soft);color:var(--color-primary);font-weight:600;font-size:0.875rem}.footer-section a{position:relative;display:block;white-space:nowrap;min-width:fit-content}.badge-coming-soon{position:absolute;top:50%;left:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:90%;padding:0.3rem 0.5rem;background:rgba(255,255,255,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 6px rgba(0,0,0,0.05);color:#000000;font-family:var(--font-family);font-size:0.58rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;line-height:1;border-radius:8px;transition:opacity 0.2s ease,transform 0.2s ease;z-index:10;pointer-events:none;user-select:none}.footer-section a:hover .badge-coming-soon,.footer-section a:focus-visible .badge-coming-soon{opacity:0.15;transform:translate(-50%,-50%) scale(0.96)}.section{padding:clamp(4rem,6vw,6rem) 0}.section-header{max-width:720px;margin:0 auto 3rem;text-align:center}.section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem}.section-header p{color:var(--color-muted)}.container{width:min(1200px,92vw);margin:0 auto}.hero{position:relative;padding:clamp(6rem,12vw,9rem) 0 clamp(4rem,9vw,6rem);overflow:hidden}.hero:first-of-type{margin-top:calc(-1 * var(--header-offset))}.hero--refresh,.hero--granola{background:var(--gradient-hero)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(2.5rem,6vw,4rem);align-items:center;position:relative;z-index:1}.hero-eyebrow-group{display:flex;flex-wrap:wrap;gap:0.75rem;align-items:center;margin-bottom:1.25rem}.hero-chip{display:inline-flex;align-items:center;padding:0.45rem 0.9rem;border-radius:999px;background:rgba(255,255,255,0.8);border:1px solid rgba(0,131,255,0.18);font-size:0.85rem;font-weight:600;color:var(--color-text);backdrop-filter:blur(8px)}.hero-copy h1{font-size:clamp(2.75rem,6vw,3.75rem);line-height:1.05;margin-bottom:1.5rem}.hero-copy p{font-size:1.15rem;color:var(--color-muted);margin-bottom:1.75rem}.hero-eyebrow{display:inline-flex;padding:0.5rem 0.9rem;border-radius:999px;background:rgba(0,131,255,0.12);color:var(--color-primary);font-weight:600;font-size:0.9rem;margin-bottom:0}.hero-cta-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.hero-meta{display:flex;align-items:center;gap:1rem;color:var(--color-muted);font-size:0.95rem}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.75rem}.stat-card{background:rgba(255,255,255,0.85);border-radius:var(--radius-sm);padding:1.1rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 28px rgba(16,36,24,0.08);display:grid;gap:0.35rem}.stat-value{font-size:1.7rem;font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.stat-label{font-size:0.9rem;color:var(--color-muted)}.avatar-stack{display:inline-flex;align-items:center;position:relative}.avatar-stack img,.avatar-stack .avatar-count{width:44px;height:44px;border-radius:50%;border:2px solid #fff;box-shadow:0 6px 12px rgba(30,60,40,0.2)}.avatar-stack img{object-fit:cover;margin-left:-12px}.avatar-stack img:first-child{margin-left:0}.avatar-count{display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:600;margin-left:-12px}.hero-media{display:grid;gap:1.75rem;position:relative}.media-frame{position:relative;border-radius:var(--radius-lg);padding:1.5rem;border:1px solid rgba(0,131,255,0.12);background:rgba(255,255,255,0.92);box-shadow:var(--shadow-lg);overflow:hidden}.media-frame--hero{min-height:320px}.media-frame--large{min-height:360px}.media-kicker{display:inline-flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.85rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:0.05em}.media-placeholder{margin-top:1.5rem;border-radius:calc(var(--radius-lg) - 8px);border:1px dashed rgba(0,131,255,0.25);background:rgba(236,247,231,0.65);min-height:220px;display:grid;place-items:center;color:var(--color-muted);font-weight:600;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.08em}.media-play{position:absolute;bottom:1.5rem;right:1.5rem;width:54px;height:54px;border-radius:50%;border:none;background:linear-gradient(120deg,#2e7a46,#48a15f);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 18px 32px rgba(0,131,255,0.25)}.media-play::before{content:'';display:inline-block;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:14px solid #fff;margin-left:3px}.floating-note{position:relative;padding:1.75rem;border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.1);background:rgba(255,255,255,0.85);box-shadow:0 24px 48px rgba(30,60,40,0.12);display:grid;gap:1.1rem}.floating-note__title{font-weight:700;font-size:1rem;margin:0}.floating-note ul{margin:0;padding-left:1.1rem;display:grid;gap:0.6rem;color:var(--color-text)}.floating-note__footer{display:flex;flex-wrap:wrap;gap:0.75rem}.note-card{background:rgba(255,255,255,0.95);border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.15);box-shadow:var(--shadow-lg);padding:2rem;display:grid;gap:1.75rem}.note-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem}.note-card__title{margin:0;font-weight:700;font-size:1.1rem}.note-card__timestamp{color:var(--color-muted);font-size:0.85rem}.note-card__badge{background:rgba(255,212,105,0.3);border-radius:999px;padding:0.35rem 0.75rem;font-size:0.8rem;font-weight:600;color:#8a6012}.note-card__section h3{margin:0 0 0.5rem;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--color-muted)}.note-card__section ul{margin:0;padding-left:1.1rem;display:grid;gap:0.6rem;color:var(--color-text)}.note-card__footer{display:flex;flex-wrap:wrap;gap:0.75rem}.chip{display:inline-flex;align-items:center;padding:0.45rem 0.85rem;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-weight:600;font-size:0.85rem}.spotlight{background:var(--color-surface)}.spotlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,6vw,4rem);align-items:center}.spotlight-copy h2{font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1rem}.spotlight-copy p{color:var(--color-muted);margin-bottom:1.5rem}.spotlight-list{list-style:none;padding:0;margin:0 0 1.75rem;display:grid;gap:0.85rem;color:var(--color-text)}.spotlight-list li{display:flex;align-items:flex-start;gap:0.65rem}.spotlight-list li::before{content:'•';color:var(--color-primary);margin-top:-0.1rem}.badge-group{display:flex;flex-wrap:wrap;gap:0.65rem}.pillars{background:rgba(255,255,255,0.82)}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.pillar-card{background:rgba(255,255,255,0.95);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 32px rgba(16,36,24,0.08);display:grid;gap:0.75rem}.pillar-card h3{margin:0;font-size:1.15rem}.pillar-card p{margin:0;color:var(--color-muted)}.flow{background:var(--color-surface-alt)}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.75rem}.flow-card{background:rgba(255,255,255,0.95);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 32px rgba(16,36,24,0.08);display:grid;gap:0.75rem}.flow-step{font-weight:600;letter-spacing:0.08em;color:var(--color-primary);text-transform:uppercase}.note-preview{background:rgba(255,255,255,0.75)}.note-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2rem,5vw,4rem);align-items:center}.note-card--preview{position:relative}.automations{background:var(--color-surface)}.automations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,6vw,4rem);align-items:start}.automation-badges{display:flex;flex-wrap:wrap;gap:0.65rem;margin-top:1.5rem}.automation-cards{display:grid;gap:1.5rem}.automation-card{background:rgba(255,255,255,0.92);border-radius:var(--radius-lg);padding:1.75rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 32px rgba(16,36,24,0.08);display:grid;gap:0.75rem}.automation-card h3{margin:0}.automation-card p{margin:0;color:var(--color-muted)}.automation-meta{font-size:0.85rem;color:var(--color-muted);font-weight:600}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(2rem,6vw,3rem);align-items:start}.integration-list{display:grid;gap:1rem}.integration-card{background:rgba(255,255,255,0.92);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 28px rgba(16,36,24,0.08)}.integration-title{display:block;font-weight:700;margin-bottom:0.35rem;color:var(--color-text)}.testimonials{background:var(--color-surface-alt)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.testimonial-card{background:rgba(255,255,255,0.85);border-radius:20px;padding:1.75rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 20px 50px rgba(16,36,24,0.08)}.testimonial-quote{margin:0;font-size:1.05rem;color:var(--color-text);line-height:1.6}.testimonial-author{display:flex;align-items:center;gap:0.85rem}.testimonial-author .avatar{width:44px;height:44px;border-radius:50%;background:rgba(0,131,255,0.12);color:var(--color-primary);font-weight:700;display:grid;place-items:center}.author-name{margin:0;font-weight:700}.author-title{margin:0;color:var(--color-muted);font-size:0.85rem}.cta--frosted{background:rgba(255,255,255,0.82);border-top:1px solid rgba(0,131,255,0.12);border-bottom:1px solid rgba(0,131,255,0.12)}.trust-band{display:flex;flex-direction:column;gap:1.25rem;align-items:center;padding:1.75rem 2rem;border-radius:var(--radius-lg);background:rgba(255,255,255,0.8);border:1px solid rgba(0,131,255,0.12);box-shadow:var(--shadow-sm)}.trust-band p{margin:0;font-weight:600;color:var(--color-muted)}.trust-logos{display:flex;gap:1.75rem;flex-wrap:wrap;justify-content:center;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:rgba(16,36,24,0.6)}.how-it-works .section-header p{max-width:600px;margin:0 auto}.process-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.process-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.14);padding:2rem;display:grid;gap:0.75rem;box-shadow:0 18px 36px rgba(19,50,29,0.08)}.process-step{width:40px;height:40px;border-radius:50%;background:rgba(0,131,255,0.12);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.differentiators{background:var(--color-slate-50);padding-bottom:2rem}.differentiator-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:clamp(1.25rem,1.5vw,1.6rem)}.differentiator-card{border-radius:20px;border:1px solid rgba(0,131,255,0.14);padding:1.5rem;background:#fff;box-shadow:0 12px 32px rgba(15,38,24,0.08)}.floating-card{position:relative;overflow:hidden;transition:transform 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease}.floating-card::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(69,165,255,0.22),transparent 55%);opacity:0;pointer-events:none;transition:opacity 0.6s ease;animation:cardGlow 14s ease-in-out infinite}.floating-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 32px 60px rgba(11,26,66,0.18)}.floating-card:hover::after{opacity:0.45}@keyframes cardGlow{0%{opacity:0.15}50%{opacity:0}100%{opacity:0.15}}@media (max-width:1120px){.differentiator-grid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width:720px){.differentiator-grid{grid-template-columns:1fr}}.trust-shell{display:grid;gap:2rem}.trust-logos{display:flex;flex-direction:column;gap:0.75rem;align-items:center;text-align:center}.trust-logo-strip{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:rgba(11,18,37,0.65)}.trust-logo-strip span{padding:0.6rem 1.25rem;border-radius:999px;border:1px solid rgba(0,131,255,0.14);background:rgba(255,255,255,0.9)}.trust-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.trust-metrics article{border-radius:18px;border:1px solid rgba(0,131,255,0.14);padding:1.5rem;text-align:center;background:#fff;box-shadow:0 12px 28px rgba(14,38,22,0.08)}.trust-metrics h3{margin:0;font-size:2rem}.trust-metrics p{margin:0.5rem 0 0;color:var(--color-muted)}.trust-testimonials{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.trust-testimonials figure{border-radius:18px;border:1px solid rgba(0,131,255,0.12);background:#fff;padding:1.5rem;box-shadow:0 16px 30px rgba(17,40,24,0.08)}.trust-testimonials blockquote{margin:0 0 1rem;font-size:1rem;color:var(--color-text)}.trust-testimonials figcaption{font-weight:600;color:var(--color-muted)}.creator-earnings{border-radius:18px;border:1px solid rgba(0,131,255,0.2);padding:1.5rem;background:rgba(0,131,255,0.08);text-align:center}.creator-meta{margin:0.25rem 0 0;color:var(--color-muted)}.pricing-preview-card{border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.14);padding:clamp(2rem,3vw,3rem);background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1.5rem}.pricing-preview-actions{display:flex;flex-wrap:wrap;gap:1rem}.leaderboard-card{border-radius:24px;border:1px solid rgba(0,131,255,0.14);padding:2rem;background:#fff;box-shadow:0 25px 45px rgba(10,20,50,0.08);display:grid;gap:1.25rem}.leaderboard-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,131,255,0.08);padding-bottom:0.75rem}.leaderboard-row:last-of-type{border-bottom:none}.leaderboard-rank{width:36px;height:36px;border-radius:12px;background:rgba(0,131,255,0.12);display:inline-flex;align-items:center;justify-content:center;font-weight:700;margin-right:0.75rem}.leaderboard-handle{margin-left:0.5rem;color:var(--color-muted)}.leaderboard-uses{font-weight:600}.leaderboard-meta{margin:0;color:var(--color-muted)}.final-cta{background:radial-gradient(circle at top right,rgba(84,142,255,0.14),transparent 45%),radial-gradient(circle at 20% 30%,rgba(255,255,255,0.08),transparent 55%),#040b2d;padding:clamp(3rem,5vw,4.5rem) 0 clamp(2.25rem,4vw,3rem);display:flex;justify-content:center;align-items:center;min-height:520px;position:relative;overflow:hidden}.final-cta-content{width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(0.5rem,2vw,1.5rem) 0}.final-cta-card{position:relative;z-index:1;width:min(960px,calc(100% - 2rem));border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,0.05),rgba(255,255,255,0.015));border:1px solid rgba(255,255,255,0.08);padding:clamp(2.5rem,5vw,3.75rem);display:grid;gap:1.75rem;box-shadow:0 45px 80px rgba(2,15,45,0.65)}.final-cta-copy h2{color:#ffffff;margin-bottom:0.75rem}.final-cta-copy .section-eyebrow{color:rgba(255,255,255,0.65);letter-spacing:0.08em;text-transform:uppercase;font-size:0.85rem;margin-bottom:0.5rem}.final-cta-copy p{color:rgba(255,255,255,0.85);margin:0}.final-cta-note{margin-top:0.75rem;color:rgba(255,255,255,0.65);font-size:0.95rem;line-height:1.6}.final-cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.final-cta-actions .btn{min-width:220px}.btn-extension{background:linear-gradient(120deg,#25a3ff,#a858ff);color:#fff;box-shadow:0 20px 40px rgba(37,163,255,0.35);border-color:transparent}.btn-extension:hover,.btn-extension:focus{transform:translateY(-1px);box-shadow:0 28px 50px rgba(37,163,255,0.4)}.btn-signup{background:rgba(255,255,255,0.12);color:#ffffff;border-color:rgba(255,255,255,0.3)}.btn-signup:hover,.btn-signup:focus{border-color:#ffffff;background:rgba(255,255,255,0.2)}@media (max-width:640px){.leaderboard-row{flex-direction:column;align-items:flex-start;gap:0.35rem}.leaderboard-uses{font-size:0.95rem}.pricing-preview-card{text-align:left}}.section--gradient{background:var(--gradient-soft)}.availability{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}.availability-logos{display:flex;gap:1.5rem;flex-wrap:wrap;font-weight:600;color:rgba(16,36,24,0.7)}.availability-logos span{padding:0.75rem 1.25rem;border-radius:999px;background:rgba(255,255,255,0.85);border:1px solid rgba(0,131,255,0.14)}.meetings{background:linear-gradient(180deg,rgba(255,255,255,0.9),rgba(236,247,231,0.9))}.meetings-inner{display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center}.meetings-copy p{color:var(--color-muted);font-size:1.05rem}.checklist{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:1rem;color:var(--color-text)}.checklist li{padding-left:2rem;position:relative}.checklist li::before{content:'✓';position:absolute;left:0;top:0;color:var(--color-primary);font-weight:700}.meetings-card{background:#fff;border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.18);padding:2rem;box-shadow:var(--shadow-sm)}.meetings-card h3{margin-top:0;margin-bottom:1.5rem}.meetings-card ul{list-style:none;padding:0;margin:0;display:grid;gap:1.25rem}.meetings-card li{display:grid;gap:0.35rem}.followup-owner{font-weight:700;color:var(--color-primary);font-size:0.9rem;text-transform:uppercase;letter-spacing:0.06em}.share-inner{display:grid;gap:2rem;align-items:center;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.share-copy p{color:var(--color-muted);font-size:1.05rem}.share-actions{display:flex;flex-wrap:wrap;gap:1rem}.share-pill{padding:0.75rem 1.25rem;border-radius:999px;background:rgba(255,255,255,0.9);border:1px solid rgba(0,131,255,0.18);font-weight:600;color:var(--color-text);box-shadow:0 14px 28px rgba(19,50,29,0.08)}.leaders-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.leader-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.16);padding:2rem;box-shadow:0 18px 36px rgba(19,50,29,0.08)}.leader-card p{color:var(--color-muted)}.cta{background:rgba(255,255,255,0.95)}.cta-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;padding:2.5rem 3rem;border-radius:var(--radius-lg);border:1px solid rgba(0,131,255,0.18);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(210,245,198,0.65))}.cta-actions{display:flex;gap:1rem;flex-wrap:wrap}.grid-four{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;position:relative;overflow:hidden;transition:transform 200ms ease,box-shadow 200ms ease}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card h3{margin-top:0;margin-bottom:0.75rem;font-size:1.4rem}.card p{color:var(--color-muted)}.workflow{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.workflow-step{padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border)}.timeline-arrow{font-size:1.4rem;text-align:center;color:var(--color-primary)}.metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric{padding:1.5rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);text-align:center}.metric strong{font-size:2.5rem;font-variant-numeric:tabular-nums;color:var(--color-primary)}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;padding:2rem;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.trust-logos img{filter:grayscale(1);opacity:0.65;transition:filter 150ms ease,opacity 150ms ease}.trust-logos img:hover{filter:grayscale(0);opacity:1}.carousel{position:relative;overflow:hidden}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(280px,1fr);gap:1.5rem;transition:transform 400ms ease}.carousel-slide{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:2rem;opacity:0;pointer-events:none;transition:opacity 250ms ease}.carousel-slide.is-active{opacity:1;pointer-events:auto}.carousel-controls{display:flex;justify-content:space-between;margin-top:1rem}.carousel-controls button{background:var(--color-surface-alt);border:none;border-radius:999px;width:44px;height:44px;cursor:pointer;box-shadow:var(--shadow-sm)}.table-responsive{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.pricing-table{width:100%;border-collapse:collapse;min-width:640px}.pricing-table th,.pricing-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);text-align:left}.pricing-table th{background:var(--color-slate-50);font-weight:600}.pricing-table td[data-highlight]{background:rgba(0,131,255,0.08);font-weight:600}.pricing-table td[data-highlight='plus']{background:rgba(0,131,255,0.12)}.pricing-table td[data-highlight='pro']{background:rgba(85,172,255,0.15)}.billing-pill{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(120px,1fr));background:var(--color-slate-50);border-radius:999px;padding:0.25rem;border:1px solid rgba(0,131,255,0.2)}.billing-pill button{border:none;background:transparent;padding:0.65rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;color:var(--color-muted)}.billing-pill button.is-active{background:#ffffff;box-shadow:var(--shadow-sm);color:var(--color-text)}.billing-pill input{position:absolute;inset:0;opacity:0;pointer-events:none}.plan-type-pill{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(100px,1fr));background:var(--color-slate-50);border-radius:999px;padding:0.25rem;border:1px solid rgba(0,131,255,0.2)}.plan-type-pill button{border:none;background:transparent;padding:0.65rem 1.25rem;border-radius:999px;font-weight:600;cursor:pointer;color:var(--color-muted);transition:all 200ms ease}.plan-type-pill button.is-active{background:#ffffff;box-shadow:var(--shadow-sm);color:var(--color-text)}.enterprise-section .section-header{text-align:left}.enterprise-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(2rem,3vw,3rem);background:var(--color-surface);box-shadow:var(--shadow-sm)}.enterprise-copy ul{list-style:none;padding:0;margin:1rem 0 1.5rem;display:grid;gap:0.5rem}.enterprise-copy li{display:flex;gap:0.5rem;align-items:flex-start}.enterprise-copy li::before{content:'•';color:var(--color-primary);line-height:1.4}.enterprise-form{display:grid;gap:0.75rem}.enterprise-form input,.enterprise-form select,.enterprise-form textarea{width:100%;border-radius:12px;border:1px solid var(--color-border);padding:0.85rem 1rem;font-family:inherit;font-size:1rem}.faq-accordion{display:grid;gap:0.75rem}.faq-item{border-radius:20px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 20px 40px rgba(0,12,42,0.08);padding:1.25rem 1.5rem;transition:border-color 0.2s ease,box-shadow 0.2s ease}.faq-item[open]{border-color:var(--color-primary);box-shadow:0 25px 45px rgba(0,12,42,0.15)}.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.05rem;color:var(--color-foreground);margin:0}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'▾';font-size:1.2rem;transition:transform 0.2s ease}.faq-item[open] summary::after{transform:rotate(180deg)}.faq-item p{margin:0.6rem 0 0;color:var(--color-muted);line-height:1.5}.pricing-spec-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:clamp(2rem,3vw,3.5rem)}.spec-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}.spec-header--centered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.eyebrow{font-size:0.85rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:0.35rem}.spec-subhead{max-width:540px;color:var(--color-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem;align-items:start}.plan-card{border-radius:32px;border:1px solid var(--color-border);background:var(--color-surface);padding:1.75rem;display:flex;flex-direction:column;gap:0;min-height:100%;height:100%}.plan-card-body{display:flex;flex-direction:column;gap:0.75rem}@media (min-width:900px){.plan-card-body{min-height:15rem}}.plan-card--popular{border:2px solid var(--color-primary);background:linear-gradient(180deg,rgba(0,131,255,0.08),rgba(170,214,255,0.15));box-shadow:0 25px 60px rgba(0,131,255,0.25)}.plan-header{display:flex;justify-content:space-between;gap:0.5rem;align-items:center}.plan-kicker{text-transform:uppercase;font-size:0.8rem;letter-spacing:0.08em;color:var(--color-muted);margin:0}.plan-header h2{margin:0;font-size:1.5rem}.plan-chip{font-size:0.8rem;font-weight:600;padding:0.25rem 0.75rem;border-radius:999px;background:var(--color-surface-alt)}.plan-chip--accent{background:var(--color-primary);color:#ffffff}.plan-price-wrapper{min-height:5rem;display:flex;align-items:flex-start;margin:0.75rem 0}.plan-price{font-size:2.5rem;font-weight:700;margin:0.75rem 0;line-height:1;min-height:3rem}.plan-price-special{margin:0;min-height:auto;display:flex;flex-direction:column;gap:0.25rem}.plan-price-large{font-size:2.5rem;font-weight:700;line-height:1}.plan-price-then{font-size:1rem;color:var(--color-muted);font-weight:500}.plan-currency{font-size:1.5rem;vertical-align:super}.plan-period{font-size:1rem;font-weight:500;color:var(--color-muted)}.plan-tagline{margin:0.5rem 0 1rem;color:var(--color-muted);font-size:0.85rem;min-height:2.5rem;line-height:1.25;display:flex;align-items:center}.plan-features{list-style:none;margin:1rem 0 0;padding:0;display:flex;flex-direction:column;gap:0.65rem;flex-grow:1}.plan-features li{display:flex;gap:0.35rem;align-items:flex-start;font-size:0.95rem;line-height:1.45}.plan-features li::before{content:'✓';font-weight:700;color:var(--color-success);margin-top:0.15rem}.plan-features li.is-disabled{color:rgba(0,12,42,0.5)}.plan-features li.is-disabled::before{content:'✕';color:var(--color-error)}.plan-features li.plan-subtitle{font-weight:600;color:var(--color-text)}.plan-features li.plan-subtitle::before{content:'';display:none}.plan-features li.plan-bullet-indent{padding-left:1.5rem;font-size:0.9rem}.plan-features li.plan-bullet-indent::before{content:'•';color:var(--color-muted)}.plan-cta{margin:0}.plan-cta .btn{width:100%;text-align:center;padding:0.75rem 1.5rem;font-size:1rem;font-weight:600}.plan-footnote{text-align:center;margin-top:2rem;color:var(--color-muted);font-size:0.95rem}.accordion{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden}.accordion button{width:100%;text-align:left;padding:1.25rem 1.5rem;font-size:1rem;background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer}.accordion button[aria-expanded='true']{background:var(--color-surface-alt)}.accordion div{padding:1.5rem}.events-grid,.marketplace-grid,.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.table-launch{width:100%;border-collapse:collapse}.table-launch th,.table-launch td{padding:0.75rem 1rem;border-bottom:1px solid var(--color-border);text-align:left}.site-header{position:fixed;inset:0 0 auto 0;z-index:1000;padding:clamp(0.75rem,1.6vw,1.25rem) 0;background:transparent;border-bottom:none;box-shadow:none;backdrop-filter:none;transition:padding 200ms ease}.site-header.is-sticky{background:transparent;box-shadow:none;padding:clamp(0.55rem,1vw,0.85rem) 0;border-bottom-color:transparent;backdrop-filter:none}.header-shell{width:min(960px,92vw);margin:0 auto}.nav-pill{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(0.65rem,1.8vw,0.85rem) clamp(1.25rem,3vw,1.75rem);border-radius:999px;background:rgba(255,255,255,0.96);border:1px solid rgba(0,131,255,0.16);box-shadow:0 12px 24px rgba(18,56,32,0.1);backdrop-filter:blur(18px);flex-wrap:wrap}.logo{font-size:1.45rem;font-weight:700;color:var(--color-text);display:inline-flex;align-items:center}.logo-mark{width:36px;height:36px;object-fit:contain;border-radius:0;margin-right:0.75rem}.logo-copy{display:flex;flex-direction:column;line-height:1;font-weight:700;letter-spacing:-0.02em}.primary-nav{flex:1;display:flex;align-items:center;justify-content:space-between}.primary-nav ul{list-style:none;display:flex;align-items:center;justify-content:flex-start;flex:1;gap:clamp(1rem,4vw,2.75rem);margin:0;padding:0;flex-wrap:wrap}.primary-nav a{padding:0.35rem 0.85rem;border-radius:999px;font-weight:600;color:var(--color-text)}.primary-nav a:hover,.primary-nav a:focus{background:var(--color-primary-soft);color:var(--color-text)}.header-actions{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.header-download{border:2px solid rgba(0,131,255,0.12);background:#ffffff;color:#0b1225;font-weight:700;padding:1.05rem 3.25rem;font-size:1.1rem;border-radius:99px;box-shadow:0 4px 18px rgba(0,0,0,0.04);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}.header-download:hover,.header-download:focus{background:#ffffff;color:#0b1225;border-color:rgba(0,131,255,0.45);box-shadow:0 8px 24px rgba(0,131,255,0.1);transform:translateY(-1.5px)}.header-login{border:none;background:transparent;color:#0b1225;font-weight:700;padding:0.65rem 1.25rem;font-size:1.05rem;transition:all 0.2s ease}.header-login:hover,.header-login:focus-visible{color:var(--color-primary);background:transparent}.header-account{display:flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;min-width:40px !important;border-radius:50% !important;overflow:hidden !important;background:rgba(0,131,255,0.1) !important;color:var(--color-primary) !important;flex-shrink:0 !important;text-decoration:none !important;border:1px solid rgba(0,12,42,0.08) !important;transition:all 0.2s ease !important;position:relative !important}.header-account:hover{background:rgba(0,131,255,0.15) !important;transform:scale(1.05)}.header-account__avatar:not([hidden]){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;display:block !important;object-fit:cover !important;border-radius:50% !important}.header-account__icon{width:18px !important;height:18px !important;flex-shrink:0 !important;display:block !important}.header-account.is-hidden{display:none !important}.is-hidden{display:none !important}@media (min-width:900px){.nav-pill{flex-wrap:nowrap}.primary-nav ul{flex-wrap:nowrap}}@media (max-width:640px){.header-actions{width:100%;justify-content:center}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:50%;transform:translateX(-50%);padding:0.75rem 1.25rem;background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);transition:top 200ms ease;z-index:1200}.skip-link:focus{top:16px}.site-footer{background:var(--color-slate-50);padding:2.5rem 0}.footer-nav-card{width:fit-content;max-width:92vw;margin:0 auto;background:var(--color-bg);border-radius:28px;border:1px solid rgba(0,12,42,0.08);padding:clamp(2rem,4vw,3rem);box-shadow:0 20px 60px rgba(11,18,37,0.12)}.footer-layout{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(5rem,12vw,14rem)}.footer-brand-column{display:flex;flex-direction:column;gap:1.5rem;align-items:flex-start;min-width:180px}.footer-logo{display:inline-flex;align-items:center;gap:0.15rem;text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.75rem;margin-left:-14px}.footer-logo img{width:60px;margin-right:-0.25rem}.footer-links-grid{display:flex;gap:clamp(2rem,4vw,5rem);flex-wrap:wrap}.footer-section h3{margin:0 0 0.75rem;font-size:0.95rem;font-weight:500;color:#5b618b}.footer-section ul{list-style:none;padding:0;margin:0;display:grid;gap:0.35rem}.footer-section a{color:var(--color-text);font-weight:600;flex-wrap:wrap;text-decoration:none}.footer-section a:hover,.footer-section a:focus{color:var(--color-primary)}.footer-bottom{width:min(1200px,92vw);margin:1.5rem auto 0;display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:0.95rem}.footer-bottom-actions{display:flex;align-items:center;gap:1.5rem}.footer-newsletter{font-weight:600}.footer-social-links{display:flex;align-items:center;gap:1.25rem}.footer-social-links a{display:block;transition:transform 200ms ease;opacity:1}.footer-social-links a:hover{transform:translateY(-2px)}.social-icon{width:26px;height:26px;background-color:#1e293b;opacity:0.95;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.social-icon--x{-webkit-mask-image:url('/images/social/x.png');mask-image:url('/images/social/x.png')}.social-icon--instagram{-webkit-mask-image:url('/images/social/instagram.png');mask-image:url('/images/social/instagram.png')}.social-icon--linkedin{width:34px;height:34px;-webkit-mask-image:url('/images/social/linkedin.png');mask-image:url('/images/social/linkedin.png')}.form-status{margin-top:1rem;font-weight:600}.form-status[data-variant='success']{color:var(--color-success)}.form-status[data-variant='error']{color:var(--color-error)}[data-animate]{opacity:0;transform:translateY(24px);transition:opacity 400ms ease,transform 400ms ease}[data-animate].is-visible{opacity:1;transform:translateY(0)}.tablet-only,.mobile-only{display:none}@media (max-width:1024px){.nav-pill{flex-wrap:wrap;justify-content:center;row-gap:1rem}.header-actions{order:3}}@media (max-width:768px){.nav-pill{padding:1rem}.logo{width:100%;text-align:center}.primary-nav ul{width:100%;justify-content:center;flex-wrap:wrap}.header-actions{width:100%;justify-content:center}.hero-grid{grid-template-columns:1fr}.hero-media{order:-1}.media-frame--hero{min-height:240px}.media-play{width:48px;height:48px}.footer-nav-card{padding:2rem}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-bottom-actions{flex-direction:column;align-items:flex-start;gap:0.75rem}}@media (max-width:480px){.tablet-only{display:none}.mobile-only{display:block}.header-actions{gap:0.5rem}.btn{padding:0.65rem 1.25rem}.note-card{padding:1.5rem}}.nav-disabled{pointer-events:none;opacity:0.4}.stats-row{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.stats-row .stat{padding:1rem 1.5rem;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);font-variant-numeric:tabular-nums}.callout-band{margin-top:4rem;padding:3rem;border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(0,131,255,0.9),rgba(85,172,255,0.85));color:#fff;display:grid;gap:1.5rem;align-items:center}.callout-band .actions{display:flex;flex-wrap:wrap;gap:1rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.integrations-grid span{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:0.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border)}.tag-list{display:flex;flex-wrap:wrap;gap:0.75rem}.tag{padding:0.375rem 0.75rem;border-radius:999px;background:var(--color-surface-alt);font-size:0.85rem}.contact-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}form{display:grid;gap:1rem}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:0.75rem 1rem;background:var(--color-bg)}textarea{min-height:140px;resize:vertical}.table-meta{font-size:0.85rem;color:var(--color-muted)}.hero-subtitle{max-width:720px}.highlight{color:var(--color-primary)}.gradient-text{background:linear-gradient(135deg,var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.placeholder-media{height:320px;border-radius:var(--radius-lg);border:1px dashed rgba(0,131,255,0.35);background:repeating-linear-gradient(135deg,rgba(0,131,255,0.08),rgba(0,131,255,0.08) 10px,transparent 10px,transparent 20px),linear-gradient(135deg,rgba(0,131,255,0.14),rgba(85,172,255,0.14))}.data-table{width:100%;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden}.data-table th,.data-table td{padding:0.75rem 1rem;border:1px solid var(--color-border);text-align:left}.schema-table{width:100%;border-collapse:collapse}.schema-table th,.schema-table td{padding:0.5rem 0.75rem;border-bottom:1px solid var(--color-border);text-align:left}.alert{padding:1rem 1.5rem;border-radius:var(--radius-sm);background:rgba(255,177,85,0.16);border:1px solid rgba(255,177,85,0.32)}.table-list{display:grid;gap:1.5rem}.icon-circle{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--color-primary-soft);color:var(--color-primary);font-size:1.25rem}.stats-band{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.has-modal-open{overflow:hidden}.login-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(5,10,30,0.55);z-index:1500;opacity:0;pointer-events:none;transition:opacity 150ms ease}.login-modal.is-open{opacity:1;pointer-events:auto}.login-modal[hidden]{display:none}.login-modal__overlay{position:absolute;inset:0}.login-modal__dialog{position:relative;background:#ffffff;border-radius:28px;padding:2rem;width:min(420px,100%);box-shadow:0 30px 60px rgba(0,12,42,0.25);display:flex;flex-direction:column;gap:1rem;z-index:1}.login-modal__close{position:absolute;top:1rem;right:1rem;border:none;background:rgba(0,12,42,0.06);width:32px;height:32px;border-radius:50%;font-size:1.25rem;cursor:pointer;line-height:1}.login-modal__logo{width:52px;height:52px;border-radius:12px;background:transparent;display:flex;align-items:center;justify-content:center}.login-modal__subtitle{margin:0;color:var(--color-muted)}.login-modal__google{background:#ffffff;border:1px solid rgba(0,12,42,0.08);font-weight:600;box-shadow:none}.login-modal__sso{background:#ffffff;border:1px solid rgba(0,12,42,0.08);font-weight:600;box-shadow:none;display:flex;align-items:center;justify-content:center;gap:0.5rem;width:100%}.login-modal__google svg{flex-shrink:0;width:18px;height:18px}.login-modal__divider{display:flex;align-items:center;gap:0.75rem;color:var(--color-muted);font-size:0.85rem}.login-modal__divider::before,.login-modal__divider::after{content:'';height:1px;flex:1;background:rgba(0,12,42,0.12)}.login-modal__form{display:flex;flex-direction:column;gap:0.75rem}.login-modal__form label{font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--color-muted)}.login-modal__form input{width:100%;padding:1rem 1rem 1rem 1rem;border-radius:16px;border:1px solid #d3d6dd;background:#f4f5fa;font-size:1rem;box-shadow:inset 0 2px 6px rgba(15,23,42,0.06)}.login-modal__form input:focus{outline:none;border-color:var(--color-primary);background:#ffffff}.password-field{position:relative}.password-field input{padding-right:3rem}.password-toggle{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);border:none;background:none;font-weight:600;font-size:0.85rem;color:#404557;cursor:pointer}.password-field{position:relative}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);border:none;background:none;font-weight:600;font-size:0.85rem;color:var(--color-muted);cursor:pointer}.login-modal__links{display:flex;flex-direction:column;align-items:center;gap:0.35rem}.login-modal__links button{border:none;background:none;color:var(--color-primary);font-weight:600;cursor:pointer}.login-modal__status{margin:0.5rem 0 0;text-align:center;font-size:0.85rem;color:var(--color-error);min-height:1.2em;visibility:hidden}.login-modal__status.is-visible{visibility:visible}.login-modal__signup{text-align:center;margin:0;font-size:0.95rem;color:var(--color-muted)}.login-modal__signup a{color:var(--color-primary);font-weight:600}@media (max-width:600px){.login-modal__dialog{padding:1.5rem;border-radius:20px}}@media (max-width:600px){.cookie-banner{inset:auto 0 0 0;border-radius:0}.cookie-actions{width:100%;justify-content:flex-end}}.hero--electric{padding:clamp(4rem,9vw,6rem) 0 clamp(4.5rem,10vw,7.5rem);background:radial-gradient(130% 130% at 12% 0%,rgba(0,131,255,0.18),rgba(85,172,255,0.45),rgba(255,255,255,0.85));position:relative}.hero--electric::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0.4),rgba(255,255,255,0.2));mix-blend-mode:screen;pointer-events:none}.hero-electric-grid{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(960px,94vw);margin:0 auto;gap:clamp(1.75rem,5vw,3rem);text-align:center;padding-block:clamp(1.5rem,5vw,3rem)}.hero-electric-copy{max-width:640px;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.hero-electric-copy h1{font-size:clamp(2.75rem,6vw,4.2rem);line-height:1.05;margin:0;text-wrap:balance}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.7);padding:0.5rem 1.1rem;border-radius:999px;font-weight:600;color:var(--color-primary);margin-bottom:1.5rem;border:1px solid rgba(0,131,255,0.25)}.hero-electric-copy p{color:#16371f;font-size:1.15rem;margin:0 0 0.5rem}.hero-video{width:min(100%,760px);margin-inline:auto;margin-top:clamp(1rem,4vw,2.5rem)}.hero-video-frame{position:relative;padding-top:56.25%;border-radius:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,0.85),rgba(0,131,255,0.4));border:1px solid rgba(0,131,255,0.2);box-shadow:0 25px 60px rgba(18,58,34,0.2);overflow:hidden}.hero-video-content{position:absolute;inset:0;display:grid;place-items:center;gap:0.75rem;color:#174427;font-weight:600;font-size:1.1rem}.hero-video-icon{display:inline-flex;align-items:center;justify-content:center;width:3.75rem;height:3.75rem;border-radius:50%;background:rgba(0,131,255,0.9);color:#fff;font-size:1.6rem;box-shadow:0 15px 35px rgba(18,58,34,0.25)}@media (min-width:900px){.hero-electric-grid{padding-block:clamp(4rem,12vw,7.5rem)}}.section-header--left{text-align:left}.section-eyebrow{text-transform:uppercase;letter-spacing:0.14em;font-size:0.78rem;font-weight:700;color:var(--color-muted);text-align:center}.logo-marquee{overflow:hidden;position:relative;border-top:1px solid rgba(16,36,24,0.08);border-bottom:1px solid rgba(16,36,24,0.08);background:rgba(255,255,255,0.65)}.logo-marquee--slow .marquee-track{animation-duration:32s}.marquee-track{display:flex;gap:clamp(3rem,5vw,5rem);padding:1.75rem 2rem;animation:marquee-scroll 22s linear infinite;white-space:nowrap}.marquee-item{font-weight:600;font-size:1rem;color:rgba(16,36,24,0.8);text-transform:uppercase;letter-spacing:0.08em}@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.benefits{background:linear-gradient(180deg,rgba(255,255,255,0.9),#AAD6FF)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(1.75rem,4vw,2.5rem)}.benefit-card{background:rgba(255,255,255,0.85);border-radius:20px;padding:1.75rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 20px 50px rgba(16,36,24,0.08)}.benefit-card h3{margin-top:0;margin-bottom:0.85rem}.integrations{background:var(--color-surface)}.how-it-works{background:rgba(255,255,255,0.85)}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:center;gap:1.5rem;text-align:center}.flow-step{background:rgba(255,255,255,0.9);border-radius:18px;padding:1.75rem 1.5rem;border:1px solid rgba(0,131,255,0.12);box-shadow:0 18px 40px rgba(16,36,24,0.06)}.flow-number{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-weight:700;margin-bottom:1rem}.flow-step h3{margin:0 0 0.75rem}.flow-arrow{font-size:clamp(2.5rem,5vw,3.5rem);color:rgba(16,36,24,0.25);font-weight:600}.testimonials{background:#0083FF;color:#f1fff5}.testimonials .section-header p{color:rgba(255,255,255,0.75)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.testimonial-card{margin:0;background:rgba(255,255,255,0.08);border-radius:18px;padding:1.75rem;display:grid;gap:1.25rem;border:1px solid rgba(241,255,244,0.15)}.testimonial-card blockquote{margin:0;font-size:1.05rem;line-height:1.6}.testimonial-card figcaption{display:grid;gap:0.35rem;font-size:0.9rem;color:rgba(241,255,244,0.8)}.badge--white{background:white;color:var(--color-primary);border:1px solid rgba(0,0,0,0.1)}.cta-band{background:var(--color-surface)}.cta-shell{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,5vw,3.5rem);align-items:center}.cta-shell h2{margin-top:0;margin-bottom:0.75rem;font-size:1.4rem}.btn-lg{padding:1rem 2.5rem;font-size:1.05rem}.cta-actions{display:flex;flex-direction:column;gap:1rem}.badge-soft{background:rgba(0,131,255,0.12);color:var(--color-primary)}.about-hero{background:var(--gradient-soft)}.about-hero h1{font-size:clamp(2.4rem,4vw,3.5rem);margin-bottom:1rem}.about-hero__lead{font-size:1.1rem;color:var(--color-muted);max-width:820px;margin-bottom:2.5rem}.about-hero__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.about-highlight{background:rgba(255,255,255,0.9)}.about-story{background:var(--color-slate-50)}.about-story__card h2{margin-top:0;margin-bottom:0.85rem}.about-story__card p{color:var(--color-muted);margin-bottom:1rem}.about-team{background:var(--color-surface)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.team-card{text-align:center;padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:0 20px 45px rgba(0,12,42,0.06)}.team-avatar{width:72px;height:72px;margin:0 auto 1rem;border-radius:50%;background:var(--color-slate-100);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-primary)}.team-role{margin:0.25rem 0;font-weight:600}.team-meta{margin:0;color:var(--color-muted);font-size:0.95rem}.about-hiring{text-align:center}.about-press{background:var(--color-slate-50)}.press-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:2rem}.press-logos{display:flex;flex-wrap:wrap;gap:1rem;padding:0;margin:0;list-style:none}.press-logos li{padding:0.85rem 1.75rem;border-radius:999px;border:1px solid var(--color-border);background:#fff;font-weight:600;color:var(--color-muted)}.about-contact{background:var(--color-surface)}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.contact-card h3{margin-top:0;margin-bottom:0.5rem}.contact-email a{font-weight:600;color:var(--color-primary)}.contact-card p{margin-bottom:0.35rem;color:var(--color-muted)}@media (max-width:720px){.hero-electric-copy h1{font-size:clamp(2.2rem,9vw,3.2rem)}.hero-electric-meta{flex-direction:column;align-items:flex-start}.flow-grid{grid-template-columns:1fr}.flow-arrow{display:none}.cta-actions{flex-direction:column}}:root{--granola-bg:#fcfcfc;--granola-surface:#ffffff;--granola-text-main:#111111;--granola-text-sub:#555555;--granola-accent:#0083ff;--granola-border:rgba(0,0,0,0.06);--granola-shadow:0 4px 6px -1px rgba(0,0,0,0.02),0 10px 15px -3px rgba(0,0,0,0.04);--granola-shadow-hover:0 20px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.01)}.hero-apple,.magic-demo,.bento-features,.final-cta-apple{color:var(--granola-text-main);background:var(--granola-bg);font-family:'Inter',sans-serif}.hero-apple{margin-top:calc(-1 * var(--header-offset));padding:clamp(6rem,12vw,9rem) 0 1rem;background:linear-gradient(180deg,rgba(235,245,255,1) 0%,rgba(252,252,252,1) 100%);text-align:center;position:relative;overflow:visible}.hero-apple-grid{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto}.hero-apple-copy{max-width:1000px;display:flex;flex-direction:column;align-items:center}.hero-badge-apple{display:inline-flex;align-items:center;padding:0.4rem 0.85rem;background:#ffffff;color:#333;border:1px solid rgba(0,0,0,0.08);border-radius:99px;font-weight:600;font-size:0.8rem;margin-bottom:1.5rem;letter-spacing:0.01em;box-shadow:0 2px 4px rgba(0,0,0,0.02)}.hero-apple-copy h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.15;font-weight:800;letter-spacing:-0.02em;margin-bottom:1.5rem;color:#0a0a0a;text-wrap:balance;max-width:1000px}.hero-apple-copy h1 em{font-style:italic;color:var(--color-primary)}.hero-apple-copy p{font-size:1.25rem;color:#555;line-height:1.6;margin-bottom:2.5rem;max-width:580px;font-weight:450;text-wrap:balance}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-primary.btn-lg{background:#111;color:#fff;padding:1rem 2.5rem;font-size:1.05rem;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:transform 0.2s,box-shadow 0.2s}.btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,0.2);background:#000}.hero-meta-apple{display:flex;gap:0.5rem;align-items:center;font-size:0.85rem;color:#666;font-weight:500}.star-rating{color:#fab005}.hero-ui-mockup{width:95%;max-width:1000px;perspective:2000px;margin-top:2rem}.mockup-window{background:#fff;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,0.03),0 20px 40px -4px rgba(0,0,0,0.08),0 0 100px -20px rgba(0,131,255,0.1);overflow:hidden;transform:rotateX(1deg);transition:transform 0.4s ease;display:flex;flex-direction:column;min-height:550px}.mockup-window:hover{transform:rotateX(0deg)}.mockup-header{background:#fff;padding:1rem 1.5rem;display:flex;align-items:center;border-bottom:1px solid #f0f0f0}.mockup-dots{display:flex;gap:6px;margin-right:1rem}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:#e0e0e0}.mockup-dots span:nth-child(1){background:#ff5f57}.mockup-dots span:nth-child(2){background:#febc2e}.mockup-dots span:nth-child(3){background:#28c840}.mockup-url{background:#fdfdfd;padding:0.35rem 0.85rem;border-radius:8px;font-size:0.8rem;color:#888;flex:1;text-align:center;box-shadow:inset 0 1px 2px rgba(0,0,0,0.03);max-width:320px;margin:0 auto;border:1px solid #eee}.mockup-body{padding:4rem;background:#fff;flex:1;position:relative;display:flex;flex-direction:column;gap:2rem}.chat-bubble{padding:1.2rem 1.8rem;border-radius:16px;max-width:75%;font-size:1.1rem;line-height:1.6}.chat-bubble--user{background:#f7f7f7;align-self:flex-end;color:#111;border-bottom-right-radius:4px}.chat-bubble--ai{align-self:flex-start;color:#111}.stylevant-popover{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:360px;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,0.12),0 0 0 1px rgba(0,0,0,0.04);overflow:hidden;z-index:10;animation:float 7s ease-in-out infinite}@keyframes float{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-53%)}}.popover-header{padding:0.85rem 1.25rem;background:#fff;border-bottom:1px solid #f0f0f0;color:#111;display:flex;align-items:center;gap:0.75rem;font-weight:700;font-size:0.95rem}.popover-logo{width:24px;height:24px;background:var(--granola-accent);border-radius:6px;padding:4px}.popover-content{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.style-selector{display:flex}.style-active{background:#f5f9ff;color:var(--granola-accent);padding:0.6rem 1rem;border-radius:10px;font-size:0.95rem;font-weight:600;width:100%;text-align:center;border:1px solid rgba(0,131,255,0.1)}.popover-preview{display:flex;flex-direction:column;gap:0.75rem;padding:0.5rem 0}.preview-line{height:8px;background:#f3f3f3;border-radius:99px;width:100%}.btn-improve{background:var(--granola-accent);color:#fff;border:none;padding:0.85rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all 0.2s;width:100%;font-size:1rem;box-shadow:0 4px 10px rgba(0,131,255,0.2)}.btn-improve:hover{background:#006ecb;transform:translateY(-1px)}.text-center{text-align:center}.trusted-by{padding:4rem 0;background:#fff;border-bottom:1px solid rgba(0,0,0,0.05)}.trusted-label{font-size:0.75rem;font-weight:700;letter-spacing:0.08em;color:#a0a0a0;margin-bottom:2rem;text-transform:uppercase;width:100%;text-align:center}.trusted-logos{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;opacity:0.6;transition:opacity 0.3s ease}.trusted-logos:hover{opacity:1}.trusted-logo{font-family:'Inter',sans-serif;font-weight:600;color:#888;font-size:1.25rem;user-select:none}.how-it-works{padding:clamp(6rem,10vw,8rem) 0;background:var(--color-bg)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin-top:4rem}@media (max-width:900px){.steps-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto;gap:3rem}}.step-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:#ffffff;border:1px solid #eef0f3;border-radius:24px;padding:2.25rem;transition:transform 0.3s cubic-bezier(0.2,0,0,1),box-shadow 0.3s cubic-bezier(0.2,0,0,1),border-color 0.3s ease;height:100%;box-shadow:0 4px 6px -1px rgba(0,0,0,0.02),0 2px 4px -1px rgba(0,0,0,0.02)}.step-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px rgba(0,0,0,0.05),0 10px 10px -5px rgba(0,0,0,0.01);border-color:#d1d5db}.step-number{width:32px;height:32px;background:#eff6ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;margin-bottom:1.5rem;line-height:1;box-shadow:none;border:none}.step-card h3{font-size:1.5rem;font-weight:700;margin-bottom:0.75rem;color:#111827;margin-top:0;letter-spacing:-0.025em}.step-card p{color:#6b7280;font-size:1.05rem;line-height:1.6;margin-bottom:2rem;flex-grow:1;font-weight:450}.step-visual{width:100%;border-radius:16px;height:240px;border:1px solid rgba(0,131,255,0.08);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.step-visual-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s cubic-bezier(0.22,1,0.36,1)}.step-card:hover .step-visual-img img{transform:scale(1.06)}.works-everywhere{padding:2rem 0 4rem;background:linear-gradient(to bottom,#ffffff 0%,#f7f9fb 100%);overflow:hidden;position:relative}.works-everywhere .section-header{margin-bottom:4rem}.works-everywhere h2{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-0.02em;margin-bottom:1rem}.works-everywhere p{font-size:1.25rem;max-width:900px;margin-left:auto;margin-right:auto;text-wrap:balance}.marquee-container{display:flex;flex-direction:column;gap:0.8rem;position:relative}.marquee-wrapper{overflow:hidden;white-space:nowrap;position:relative;mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.marquee-track{display:inline-flex;align-items:center;gap:0;will-change:transform}.marquee-group{display:flex;align-items:center;gap:4rem;padding-right:4rem}.marquee-normal{animation:scroll 70s linear infinite}.marquee-reverse{animation:scroll-reverse 70s linear infinite}.tool-logo-img{height:75px;width:auto;object-fit:contain;transition:transform 0.3s ease,filter 0.3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.05));opacity:0.85}.tool-logo-img:hover{transform:scale(1.15);opacity:1;filter:drop-shadow(0 8px 12px rgba(0,131,255,0.15))}@keyframes scroll{0%{transform:translateX(0)}100%{transform:translateX(-25%)}}@keyframes scroll-reverse{0%{transform:translateX(-25%)}100%{transform:translateX(0)}}.customization{padding:clamp(6rem,10vw,8rem) 0;background:radial-gradient(circle at 100% 0%,#f7f9fc 0%,#fff 50%);overflow:hidden}.section.customization{background-color:#ffffff;background-image:radial-gradient(circle at 50% 30%,rgba(0,131,255,0.04) 0%,transparent 60%);padding:4rem 0}.customization-header-centered{text-align:center;max-width:720px;margin:0 auto 3rem auto}.customization-header-centered h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;background:linear-gradient(120deg,#111,#444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;text-wrap:balance}.customization-header-centered p{font-size:1.15rem;color:var(--color-muted);line-height:1.6;text-wrap:balance}.custom-tabs-horizontal{display:flex;justify-content:center;gap:0.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.custom-tab-pill{padding:0.75rem 1.5rem;background:#fff;border:1px solid #eaeaea;border-radius:99px;color:#555;font-weight:500;font-size:0.95rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.2,0,0,1);box-shadow:0 2px 4px rgba(0,0,0,0.02)}.custom-tab-pill:hover{background:#fcfcfc;color:#111;transform:translateY(-1px)}.custom-tab-pill[aria-selected="true"]{background:linear-gradient(135deg,#0083ff 0%,#006add 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(0,131,255,0.3),inset 0 1px 0 rgba(255,255,255,0.2);font-weight:600;transform:translateY(-1px)}.customization-visual-centered{max-width:800px;margin:0 auto}.custom-tab{display:block;width:100%;padding:0.75rem 1rem;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;font-family:inherit;color:#333;font-weight:500;font-size:0.95rem;transition:all 0.2s ease;box-shadow:none}.custom-tab:hover{background:rgba(0,0,0,0.03);color:#000}.custom-tab[aria-selected="true"]{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 8px 20px rgba(0,131,255,0.25);transform:translateY(-1px);font-weight:600}.custom-tab .tab-icon,.custom-tab .tab-content strong,.custom-tab .tab-content p{display:inline;margin:0;font-weight:inherit;font-size:inherit}.customization-visual{position:relative;perspective:1000px}.mockup-frame{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.mockup-view{width:100%;animation:fadeIn 0.5s cubic-bezier(0.2,0,0,1) forwards}.output-card{background:#ffffff;border-radius:24px;box-shadow:0 24px 60px -12px rgba(50,50,93,0.12),0 12px 24px -8px rgba(0,0,0,0.06),0 0 0 1px rgba(0,0,0,0.04);width:100%;max-width:480px;margin:0 auto;overflow:hidden;color:#1a1a1a;font-family:var(--font-family);position:relative}.output-header{padding:1rem 1.5rem;display:flex;align-items:center;gap:0.75rem;border-bottom:1px solid #f0f0f0;background:#fafafa}.dot-group{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;background:#e5e5e5}.output-title{font-size:0.85rem;color:#666;font-weight:500;margin-left:0.5rem}.output-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:#fff}.diff-view{display:grid;gap:1.5rem}.diff-block{display:flex;flex-direction:column;gap:0.5rem}.diff-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:700;color:#999}.diff-content{padding:1rem;border-radius:8px;font-size:0.95rem;line-height:1.5}.diff-content.original{background:#fcfcfc;color:#666;border:1px dashed #eee;font-family:'Courier New',monospace}.diff-content.polished{background:#f0f7ff;color:#004e9a;border:1px solid rgba(0,131,255,0.15);box-shadow:0 4px 12px rgba(0,131,255,0.05);font-weight:500;position:relative;padding:1.5rem 1.25rem;margin-top:0.5rem}.diff-content.polished::after{content:'Stylevant';position:absolute;top:-12px;right:16px;background:#0083ff;color:#fff;font-size:0.75rem;font-weight:700;padding:0.25rem 0.75rem;border-radius:99px;box-shadow:0 2px 4px rgba(0,131,255,0.2);letter-spacing:0.02em}.depth-view{display:flex;flex-direction:column;gap:1rem}.depth-step{display:flex;gap:1rem;padding:1rem;border-left:2px solid #eee;transition:all 0.3s ease}.depth-step:hover{border-left-color:#0083ff;background:#fbfbfb}.step-icon{width:24px;height:24px;display:grid;place-items:center;font-size:1rem;background:#fff;border:1px solid #eee;border-radius:50%;flex-shrink:0;position:relative;left:-23px}.step-content h4{margin:0 0 0.25rem;font-size:0.95rem;color:#111}.step-content p{margin:0;font-size:0.9rem;color:#666}.mockup-frame::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(200,200,200,0.1),transparent 70%);z-index:-1}[hidden]{display:none !important}.tool-logo-img{max-width:none}.creative-text{font-family:'Georgia',serif;font-style:italic;color:#4a4a4a;line-height:1.6}.image-tag{display:inline-block;background:#f0f7ff;color:#0083ff;padding:0.25rem 0.6rem;border-radius:6px;font-size:0.85rem;font-weight:500;margin-right:0.5rem;margin-bottom:0.5rem;border:1px solid rgba(0,131,255,0.2)}.code-block{font-family:'Menlo','Monaco','Courier New',monospace;background:#f8f9fa;padding:1rem;border-radius:8px;border:1px solid #eee;font-size:0.85rem;line-height:1.5;color:#333;overflow-x:auto;white-space:pre-wrap}.code-font{font-family:'Menlo','Monaco','Courier New',monospace}.k{color:#d73a49;font-weight:bold}.f{color:#6f42c1}.v{color:#24292e}.t{color:#005cc5}.c{color:#6a737d;font-style:italic}.final-cta-apple{background:#fff;padding:6rem 0;text-align:center}.final-cta-apple h2{font-size:3.5rem;color:#111;margin-bottom:1.5rem}.final-cta-apple p{font-size:1.25rem;color:#666;margin-bottom:2.5rem}.btn-xl{background:#111;color:#fff}.nav-pill{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.logo{order:1;flex-shrink:0}.primary-nav{order:2;flex:1;display:flex;justify-content:space-between;align-items:center;margin-left:2rem}.primary-nav ul{display:flex;list-style:none;gap:2rem;margin:0 auto}.header-actions{display:flex;align-items:center;gap:1rem}.hamburger-menu{display:none}.mobile-menu-backdrop{position:fixed;top:var(--header-offset);left:0;right:0;bottom:0;background:rgba(11,18,37,0.18);opacity:0;pointer-events:none;transition:opacity 220ms ease;z-index:950;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}.mobile-menu-backdrop.is-visible{opacity:1;pointer-events:auto}@media (min-width:1025px){.header-actions{display:flex !important}.header-login[href="/profile.html"]{display:none !important}}@media (max-width:1024px){.site-header{background:#f5f8ff;border-bottom:1px solid rgba(0,12,42,0.08);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header.is-sticky{background:#f5f8ff;box-shadow:none}.header-shell{width:96vw !important}.nav-pill{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:center !important;flex-wrap:nowrap !important;position:relative;z-index:1001;padding:0.5rem 0.75rem !important;border-radius:12px !important;background:transparent !important;border:none !important;box-shadow:none !important}.logo{order:1 !important;width:auto !important;text-align:left !important;margin-right:auto !important;flex-shrink:1 !important}.logo-copy{font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;text-transform:none}.hamburger-menu{display:flex !important;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff;border:1px solid rgba(0,12,42,0.12);border-radius:10px;cursor:pointer;padding:0;z-index:1003;position:relative;order:10 !important;margin-left:auto !important}.hamburger-line{position:absolute;width:18px;height:2px;background:var(--color-text);transition:transform 0.25s ease,opacity 0.2s ease;border-radius:999px}.hamburger-line:nth-child(1){transform:translateY(-6px)}.hamburger-line:nth-child(2){transform:translateY(0)}.hamburger-line:nth-child(3){transform:translateY(6px)}.hamburger-menu[aria-expanded="true"]{border-color:rgba(0,131,255,0.35);box-shadow:0 8px 16px rgba(0,131,255,0.12)}.hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(2){opacity:0}.hamburger-menu[aria-expanded="true"] .hamburger-line:nth-child(3){transform:rotate(-45deg)}.primary-nav{position:fixed !important;top:var(--header-offset) !important;right:0 !important;width:min(88vw,360px) !important;max-width:360px !important;height:calc(100vh - var(--header-offset)) !important;background:var(--color-bg) !important;padding:1.25rem 0 calc(env(safe-area-inset-bottom,0px) + 1.25rem) !important;padding-right:0 !important;box-shadow:none !important;border-left:none;border-right:none;border-top:none;transform:translateX(110%);transition:transform 0.35s cubic-bezier(0.4,0,0.2,1) !important;z-index:1002 !important;overflow-y:auto !important;display:flex !important;flex-direction:column !important;gap:0.75rem;justify-content:flex-start;will-change:transform;order:100 !important}.nav-pill.menu-open .primary-nav{transform:translateX(0)}.primary-nav ul{flex:initial !important;flex-direction:column !important;justify-content:flex-start !important;gap:0.35rem !important;padding:0 1rem !important;margin:0 !important;width:100% !important}.primary-nav li{width:100% !important;border-bottom:none !important}.primary-nav a{display:flex !important;align-items:center !important;justify-content:space-between !important;padding:1rem 1.25rem !important;font-size:1.05rem !important;font-weight:600 !important;text-align:left !important;border-radius:14px !important;background:rgba(15,23,42,0.04) !important;border:1px solid rgba(15,23,42,0.06) !important;transition:transform 0.2s ease,background 0.2s ease,box-shadow 0.2s ease !important}.primary-nav a:hover,.primary-nav a:focus{background:rgba(0,131,255,0.12) !important;box-shadow:none !important;color:var(--color-text) !important;transform:translateY(-1px)}.header-actions{display:flex !important;flex-direction:column !important;width:100% !important;padding:0 1rem 1rem !important;border-top:none !important;gap:0.75rem !important;margin-top:0.5rem !important}.header-download{width:100% !important;background:#f4f7ff !important;color:#0b1225 !important;padding:1.1rem 1.5rem !important;border-radius:14px !important;font-weight:700 !important;font-size:1.05rem !important;border:1px solid rgba(0,131,255,0.28) !important;text-align:center !important;text-decoration:none !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;transition:transform 0.2s ease,background 0.2s ease !important}.header-download:active{transform:scale(0.98)}.header-download:hover,.header-download:focus{background:#e9f1ff !important;color:#0b1225 !important}.header-login{width:100% !important;background:#f3f5f9 !important;color:#1a1a1a !important;padding:1.35rem 1.75rem !important;border-radius:20px !important;font-weight:800 !important;font-size:1.35rem !important;border:none !important;text-align:left !important;text-decoration:none !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;box-shadow:none !important;transition:all 0.2s ease !important;margin-top:1.25rem !important}.header-login:active{background:#e8eaf0 !important;transform:scale(0.985)}.header-login:hover,.header-login:focus{background:#ebedf4 !important;color:#000000 !important}.primary-nav .header-account{display:none !important}.hero-apple-grid{padding:0 1rem}.hero-apple-copy h1{font-size:1.85rem !important;line-height:1.2 !important;text-align:center;padding:0 0.5rem}.hero-apple-copy p{font-size:1.1rem;text-align:center;padding:0 1rem}.mockup-body{padding:1.5rem}.chat-bubble{max-width:90%;font-size:1rem;padding:1rem}.section{padding:3rem 0}.section-header h2{font-size:2rem}.custom-tabs-horizontal{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:0.5rem !important;max-width:100% !important;padding:0 0.5rem !important}.custom-tab-pill{flex:0 1 calc(33.33% - 0.5rem) !important;min-width:0 !important;padding:0.6rem 0.4rem !important;font-size:0.75rem !important;text-align:center !important;white-space:nowrap !important;text-overflow:ellipsis !important;overflow:hidden !important}.steps-grid{grid-template-columns:1fr}.final-cta-apple{padding:4rem 1rem}.final-cta-apple h2{font-size:2.5rem}}