:root {
  --navy: oklch(0.21 0.034 264);
  --action: oklch(0.546 0.215 260);
  --action-dark: oklch(0.47 0.20 260);
  --slate-light: oklch(0.985 0.003 247);
  --slate-50: oklch(0.985 0.002 247);
  --slate-100: oklch(0.968 0.007 247.896);
  --slate-200: oklch(0.929 0.013 255.508);
  --slate-300: oklch(0.869 0.022 252.894);
  --slate-400: oklch(0.704 0.04 256.788);
  --slate-500: oklch(0.554 0.046 257.417);
  --slate-600: oklch(0.446 0.043 257.281);
  --slate-700: oklch(0.372 0.044 257.287);
  --white: #fff;
  --max: 1280px;
  --font-display: "Sora", sans-serif;
  --font-body: "Inter", sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display)}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.nav{position:sticky;top:0;z-index:40;background:color-mix(in oklch,#fff 85%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-100)}.nav-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.035em}.brand-dot{color:var(--action)}.nav-links{display:flex;gap:32px;font-size:14px;font-weight:500;color:var(--slate-600)}.nav-links a:hover{color:var(--action)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;font-weight:700;transition:.2s ease}.btn-nav{background:var(--navy);color:#fff;padding:12px 20px;border-radius:999px;font-size:14px}.btn-primary{background:var(--action);color:#fff;padding:16px 32px;border-radius:8px}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px color-mix(in oklch,var(--action) 20%,transparent)}.btn-secondary{border:1px solid var(--slate-200);background:#fff;padding:16px 32px;border-radius:8px}.btn-secondary:hover{background:var(--slate-50)}.hero{padding:64px 0 96px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-copy{display:grid;gap:32px}.hero h1{font-size:clamp(42px,5vw,60px);line-height:1.1;letter-spacing:-.045em}.accent{color:var(--action)}.hero-sub{max-width:640px;color:var(--slate-600);font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-image{aspect-ratio:4/3;border-radius:16px;overflow:hidden;border:1px solid var(--slate-100);box-shadow:0 1px 2px rgba(15,23,42,.06)}.hero-image img{width:100%;height:100%;object-fit:cover}.problem{background:var(--navy);color:#fff;padding:96px 0;text-align:center}.problem .inner{max-width:900px;margin:auto}.problem h2{font-size:clamp(32px,4vw,40px);line-height:1.2}.problem p{margin-top:28px;color:var(--slate-300);font-size:20px;line-height:1.7}.section{padding:96px 0}.section.light{background:var(--slate-light)}.section-head{max-width:820px}.eyebrow{color:var(--action);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.section h2{margin-top:16px;font-size:clamp(32px,4vw,40px);line-height:1.18;letter-spacing:-.025em}.section-copy{margin-top:24px;color:var(--slate-600);font-size:18px;line-height:1.75}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:64px}.value-card{padding:32px;border:1px solid var(--slate-100);border-radius:16px;background:#fff;transition:.2s ease}.value-card:hover{border-color:color-mix(in oklch,var(--action) 30%,#fff);transform:translateY(-2px)}.badge{width:48px;height:48px;border-radius:8px;background:var(--slate-light);color:var(--action);display:grid;place-items:center;font-family:var(--font-display);font-weight:700}.value-card h3{font-size:18px;margin-top:24px}.value-card p{margin-top:12px;color:var(--slate-600);font-size:14px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.step-card{display:flex;gap:16px;padding:20px;background:#fff;border:1px solid var(--slate-200);border-radius:12px}.step-card:last-child{background:color-mix(in oklch,var(--action) 5%,#fff);border-color:color-mix(in oklch,var(--action) 20%,#fff)}.step-num{color:var(--slate-300);font-family:var(--font-display);font-size:20px;font-weight:700}.step-card:last-child .step-num{color:var(--action)}.step-card h3{font-size:16px}.step-card p{margin-top:5px;color:var(--slate-600);font-size:13px;line-height:1.55}.deliver-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.deliver-list{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:16px}.deliver-list li{display:flex;gap:12px;align-items:center;color:var(--slate-700);font-weight:500}.deliver-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--action);flex:0 0 6px}.dark-card{background:var(--navy);color:#fff;padding:48px;border-radius:24px}.dark-card h3{font-size:22px;font-style:italic}.dark-card p{margin-top:22px;color:var(--slate-300);font-size:14px;line-height:1.75}.dark-card .btn{margin-top:28px;width:100%;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff}.dark-card .btn:hover{background:#fff;color:var(--navy)}.audience{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.audience-card{background:#fff;padding:32px;border-radius:16px;border:1px solid var(--slate-100)}.audience-card .badge{width:40px;height:40px}.audience-card p{margin-top:18px;color:var(--slate-700);line-height:1.7}.faq{max-width:768px;margin:auto}.faq h2{text-align:center}.faq-list{margin-top:48px;border-top:1px solid var(--slate-100)}.faq-item{border-bottom:1px solid var(--slate-100);padding:24px 0}.faq-item button{width:100%;border:0;background:none;padding:0;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.faq-item button span:first-child{font-family:var(--font-display);font-size:18px;font-weight:600}.faq-plus{color:var(--action);font-size:27px;transition:transform .2s ease}.faq-item.open .faq-plus{transform:rotate(45deg)}.faq-answer{display:none;color:var(--slate-600);line-height:1.7;margin-top:16px}.faq-item.open .faq-answer{display:block}.final-cta{text-align:center;max-width:760px;margin:auto}.final-cta h2{font-size:clamp(32px,4vw,40px)}.final-cta p{margin:24px auto 36px;color:var(--slate-600);font-size:18px;line-height:1.7}.footer{padding:48px 0;border-top:1px solid var(--slate-100)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-note{font-size:14px;color:var(--slate-400);margin-left:8px}.footer-copy{font-size:10px;color:var(--slate-400);text-transform:uppercase;letter-spacing:.12em;font-weight:700}.modal{display:none;position:fixed;inset:0;z-index:100;background:rgba(15,23,42,.48);backdrop-filter:blur(5px);padding:24px;overflow:auto}.modal.open{display:grid;place-items:center}.modal-card{width:min(720px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(15,23,42,.24);overflow:hidden}.modal-head{display:flex;justify-content:space-between;gap:20px;padding:26px 28px;border-bottom:1px solid var(--slate-100)}.modal-head h2{font-size:22px}.modal-head p{margin-top:7px;color:var(--slate-600);font-size:13px;line-height:1.55}.modal-close{width:34px;height:34px;border:1px solid var(--slate-200);border-radius:8px;background:#fff;cursor:pointer;font-size:21px}.form{padding:26px 28px;display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--slate-700)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--slate-200);border-radius:8px;padding:12px 13px;background:#fff;outline:none}.field textarea{min-height:96px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--action);box-shadow:0 0 0 3px color-mix(in oklch,var(--action) 10%,transparent)}.form-note{color:var(--slate-500);font-size:11px;line-height:1.5}.form-note a{color:var(--action);font-weight:600}.form-status{display:none;padding:11px 12px;border-radius:8px;font-size:12px;line-height:1.5}.form-status.show{display:block}.form-status.ok{background:#ecfdf5;color:#047857}.form-status.warn{background:#fff7ed;color:#c2410c}.form .btn{width:100%}.form button:disabled{opacity:.65;cursor:wait}@media(max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.deliver-grid{grid-template-columns:1fr}.audience{grid-template-columns:1fr}.hero-image{max-width:760px}}@media(max-width:640px){.container{width:min(100% - 32px,var(--max))}.nav-inner{min-height:64px}.brand{font-size:17px}.btn-nav{padding:10px 14px;font-size:12px}.hero{padding:48px 0 72px}.hero-actions .btn{width:100%}.section,.problem{padding:72px 0}.value-grid,.steps{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.modal{padding:12px}.modal-head,.form{padding:22px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-note{display:block;margin:4px 0 0}}
