:root,[data-theme="emerald"]{
  --bg:#FBF7EF;--bg-alt:#ffffff;--surface:#ffffff;--surface-2:#F6F1E6;
  --text:#181a1f;--text-2:#3b3f47;--muted:#7d7a72;--line:#e9e4d8;--line-2:#efeada;
  --brand:#159C6B;--brand-700:#0E7C54;--brand-100:#E2F4EC;--brand-ink:#ffffff;
  --accent:#ECD884;--cta-bg:#181a1f;--cta-text:#ffffff;
  --band-bg:#14161b;--band-text:#e9ebee;--band-muted:#9aa0a8;--band-card:#20242b;--band-line:#2c313a;--band-accent:#36d399;
  --finalcta-bg:#159C6B;--finalcta-text:#ffffff;
  --logo-src:url('/logos/mark-4.png');
  --shadow-card:0 1px 0 rgba(0,0,0,.02),0 18px 40px -28px rgba(20,22,27,.45);
  --shadow-pop:0 30px 60px -30px rgba(21,156,107,.45);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.seo{margin:0;background:var(--bg);color:var(--text);font-family:'Chillax',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden;}
.seo h1,.seo h2,.seo h3,.seo h4{margin:0;font-weight:700;letter-spacing:-.025em;line-height:1.04;}
.seo p{margin:0;}
.seo a{color:inherit;text-decoration:none;}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px;}
.eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--brand-700);}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:600;font-size:16px;line-height:1;border:0;border-radius:14px;padding:16px 22px;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s,color .2s;white-space:nowrap;text-decoration:none;}
.btn svg{width:18px;height:18px;}
.btn-brand{background:var(--brand);color:var(--brand-ink);}
.btn-brand:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop);}
.btn-ghost{background:transparent;color:var(--text);border:1.5px solid var(--line);}
.btn-ghost:hover{border-color:var(--text);transform:translateY(-2px);}
.btn-lg{font-size:17px;padding:18px 26px;}
.btn-onbrand{background:#fff;color:var(--finalcta-bg);font-weight:700;}
.btn-onbrand:hover{transform:translateY(-2px);box-shadow:0 14px 28px -12px rgba(0,0,0,.3);}
.btn .arr{transition:transform .2s ease;}
.btn:hover .arr{transform:translateX(3px);}

/* topbar */
.topbar{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);}
.topbar .row{display:flex;align-items:center;justify-content:space-between;height:72px;}
.brandlogo{display:flex;align-items:center;gap:11px;text-decoration:none;}
.brandlogo .mark{width:42px;height:42px;flex:none;background:var(--logo-src) center/contain no-repeat;}
.brandlogo .wm{font-size:23px;font-weight:700;letter-spacing:-.03em;color:var(--text);}
.topnav{display:flex;align-items:center;gap:8px;}

/* hero */
.hero{padding:72px 0 64px;}
.hero-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;}.hero-art{display:none;}}
.crumb{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:8px;}
.crumb .dot{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none;}
.hero h1{font-size:clamp(36px,5.5vw,60px);line-height:1.0;margin-bottom:20px;}
.hero h1 .hl{color:var(--brand);}
.hero .lede{font-size:18px;color:var(--text-2);line-height:1.55;margin-bottom:32px;max-width:560px;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px;}
.ticks{display:flex;flex-direction:column;gap:9px;margin-bottom:28px;}
.tick{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--text-2);}
.tick svg{width:16px;height:16px;color:var(--brand);flex:none;}
.hero-trust{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);}
.hero-trust .t{flex:1;padding:14px 16px;text-align:center;}
.hero-trust .n{display:block;font-size:20px;font-weight:700;letter-spacing:-.02em;}
.hero-trust .l{display:block;font-size:11px;color:var(--muted);margin-top:3px;font-weight:500;}
.hero-trust .star{color:#f59e0b;}
.hero-trust .sep{width:1px;background:var(--line);align-self:stretch;}
.hero-art{position:relative;height:360px;}
.hero-art .glow{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 40%,color-mix(in oklab,var(--brand) 18%,transparent),transparent 68%);border-radius:24px;}
.hero-art .mk{position:relative;z-index:1;width:100%;max-width:480px;aspect-ratio:1/1;background:url('/logos/mark-4.png') center/contain no-repeat;filter:drop-shadow(0 34px 30px rgba(20,22,27,.20));}
.art-chips{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:12px;}
.chip-live{display:inline-flex;align-items:center;gap:7px;background:var(--band-bg);color:var(--band-text);font-size:13px;font-weight:600;padding:8px 14px;border-radius:99px;}
.chip-soft{display:inline-flex;background:var(--brand-100);color:var(--brand-700);font-size:13px;font-weight:600;padding:8px 14px;border-radius:99px;}
.pulse{width:7px;height:7px;border-radius:50%;background:#36d399;flex:none;animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(.7);}}

/* reassure */
.reassure{background:var(--bg-alt);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:40px 0;}
.reassure .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media(max-width:700px){.reassure .grid{grid-template-columns:1fr;}}
.reassure .cell{display:flex;align-items:flex-start;gap:16px;}
.reassure .ic{width:42px;height:42px;background:var(--brand-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand);flex:none;}
.reassure .ic svg{width:20px;height:20px;}
.reassure h3{font-size:15px;font-weight:700;margin-bottom:4px;}
.reassure p{font-size:14px;color:var(--text-2);line-height:1.55;}

/* section */
.section{padding:72px 0;}
.section-head{margin-bottom:44px;}
.section-head.center{text-align:center;}
.section-head .eyebrow{display:block;margin-bottom:10px;}
.section-head h2{font-size:clamp(26px,4vw,40px);margin-bottom:12px;}
.section-head p{font-size:17px;color:var(--text-2);line-height:1.55;max-width:600px;}
.section-head.center p{margin:0 auto;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
@media(max-width:700px){.steps{grid-template-columns:1fr;}}
.step{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;position:relative;overflow:hidden;}
.step .ghostnum{position:absolute;top:-10px;right:12px;font-size:88px;font-weight:700;color:var(--brand-100);line-height:1;pointer-events:none;user-select:none;}
.step .n{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--brand-700);display:block;margin-bottom:16px;}
.step .ic{width:44px;height:44px;background:var(--brand-100);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:16px;}
.step .ic svg{width:20px;height:20px;}
.step h3{font-size:18px;margin-bottom:8px;}
.step p{font-size:14px;color:var(--text-2);line-height:1.6;}
.steps-cta{text-align:center;margin-top:36px;}

/* makers grid */
.makers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:900px){.makers-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:580px){.makers-grid{grid-template-columns:1fr;}}
.maker{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s;}
.maker:hover{box-shadow:var(--shadow-card);border-color:var(--brand-100);}
.maker .top{display:flex;align-items:center;gap:14px;}
.maker .av{width:48px;height:48px;border-radius:12px;background:var(--brand-100);color:var(--brand-700);font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;}
.maker .av img{width:100%;height:100%;object-fit:cover;}
.maker .who h3{font-size:15px;font-weight:700;margin-bottom:4px;}
.maker .loc{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;}
.maker .loc svg{width:12px;height:12px;}
.maker .mats{display:flex;flex-wrap:wrap;gap:6px;}
.maker .chip{font-size:11px;font-weight:600;background:var(--brand-100);color:var(--brand-700);padding:4px 10px;border-radius:99px;}
.maker .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);}
.maker .rating{display:flex;align-items:center;gap:6px;font-size:13px;}
.maker .stars{color:#f59e0b;}
.maker .cnt{color:var(--muted);}
.maker .newtag{font-size:12px;color:var(--brand-700);font-weight:600;display:flex;align-items:center;gap:5px;}
.maker .newtag svg{width:12px;height:12px;}
.maker .profile{font-size:13px;font-weight:600;color:var(--brand-700);display:flex;align-items:center;gap:4px;}
.maker .profile svg{width:14px;height:14px;}
.makers-foot{margin-top:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.makers-foot .note{font-size:14px;color:var(--text-2);}

/* co-pilot band */
.band{background:var(--band-bg);color:var(--band-text);padding:72px 0;position:relative;overflow:hidden;}
.band .figure{position:absolute;top:-60px;right:-60px;width:340px;height:340px;border-radius:50%;background:color-mix(in oklab,var(--brand) 12%,transparent);filter:blur(60px);pointer-events:none;}
.band-grid{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:center;}
@media(max-width:900px){.band-grid{grid-template-columns:1fr;}}
.band-copy .chip{display:inline-flex;background:color-mix(in oklab,var(--band-accent) 15%,transparent);color:var(--band-accent);font-size:12px;font-weight:700;padding:6px 12px;border-radius:99px;margin-bottom:20px;letter-spacing:.04em;}
.band-copy h2{font-size:clamp(26px,4vw,38px);margin-bottom:16px;color:var(--band-text);}
.band-copy .lede{font-size:17px;color:var(--band-muted);line-height:1.55;margin-bottom:24px;}
.band-copy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.band-copy li{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;}
.band-copy li svg{width:16px;height:16px;color:var(--band-accent);flex:none;}
.analyzer{background:var(--band-card);border:1px solid var(--band-line);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;}
.analyzer .ah{display:flex;align-items:center;justify-content:space-between;}
.analyzer .file{display:flex;align-items:center;gap:10px;}
.analyzer .fic{width:36px;height:36px;background:var(--band-line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--band-muted);}
.analyzer .fic svg{width:16px;height:16px;}
.analyzer .fn{font-size:12px;color:var(--band-muted);}
.analyzer .fn b{display:block;font-size:14px;color:var(--band-text);font-weight:600;}
.analyzer .ok{font-size:12px;font-weight:700;color:var(--band-accent);}
.analyzer .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.analyzer .stat .k{font-size:11px;color:var(--band-muted);margin-bottom:4px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.analyzer .stat .v{font-size:17px;font-weight:700;color:var(--band-text);}
.analyzer .stat .v.acc{color:var(--band-accent);}
.analyzer .track{height:4px;background:var(--band-line);border-radius:2px;margin-top:6px;overflow:hidden;}
.analyzer .track i{display:block;height:100%;background:var(--band-accent);border-radius:2px;}
.analyzer .reason{font-size:13px;color:var(--band-muted);line-height:1.55;padding-top:12px;border-top:1px solid var(--band-line);}

/* material section */
.matsec{position:relative;overflow:hidden;}
.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:180px;font-weight:700;color:var(--brand);opacity:.04;white-space:nowrap;pointer-events:none;user-select:none;letter-spacing:-.04em;}
.mat-grid{display:grid;grid-template-columns:1fr 340px;gap:48px;align-items:start;}
@media(max-width:800px){.mat-grid{grid-template-columns:1fr;}}
.mat-body{display:flex;flex-direction:column;gap:20px;}
.mat-body p{font-size:17px;color:var(--text-2);line-height:1.65;}
.mat-callout{display:flex;align-items:flex-start;gap:14px;background:var(--brand-100);border-radius:16px;padding:18px;}
.mat-callout svg{width:22px;height:22px;color:var(--brand-700);flex:none;margin-top:2px;}
.mat-callout p{font-size:14px;color:var(--brand-700);line-height:1.55;}
.mat-side h4{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px;}
.mat-side h4+h4{margin-top:24px;}
.apps{display:flex;flex-direction:column;gap:8px;margin-bottom:0;}
.app{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:10px;font-weight:500;}
.app .d{width:6px;height:6px;border-radius:50%;background:var(--brand);flex:none;}
.specs{display:flex;flex-direction:column;gap:14px;}
.spec .k{font-size:12px;color:var(--muted);margin-bottom:4px;font-weight:600;}
.spec{display:flex;flex-direction:column;}
.spec-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;}
.spec .v{font-size:14px;font-weight:700;color:var(--text);}
.bar{height:5px;background:var(--line);border-radius:3px;overflow:hidden;}
.bar i{display:block;height:100%;background:var(--brand);border-radius:3px;}

/* pricing */
.section.tight{padding:56px 0;}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px;}
@media(max-width:700px){.price-grid{grid-template-columns:1fr;}}
.price{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:28px;position:relative;}
.price.feat{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand);}
.feat-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:99px;white-space:nowrap;}
.price .tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:10px;}
.price .amt{font-size:36px;font-weight:700;letter-spacing:-.03em;margin-bottom:10px;}
.price .amt small{font-size:22px;}
.price .desc{font-size:14px;color:var(--text-2);line-height:1.55;}
.price-note{font-size:13px;color:var(--muted);text-align:center;}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:10px;max-width:800px;margin:0 auto;}
.faq{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.faq summary{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;list-style:none;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary .q{font-size:16px;font-weight:600;line-height:1.35;flex:1;}
.faq summary .pm{width:28px;height:28px;border-radius:8px;background:var(--brand-100);color:var(--brand-700);display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s;}
.faq summary .pm svg{width:14px;height:14px;transition:transform .2s;}
.faq[open] summary .pm{background:var(--brand);color:#fff;}
.faq[open] summary .pm svg{transform:rotate(45deg);}
.faq .a{padding:0 24px 20px;font-size:15px;color:var(--text-2);line-height:1.65;}

/* final CTA */
.finalcta{background:var(--finalcta-bg);color:var(--finalcta-text);padding:80px 0;text-align:center;position:relative;overflow:hidden;}
.finalcta .fig{position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.07);top:-60px;left:-60px;}
.finalcta .fig.r{left:auto;right:-60px;top:auto;bottom:-60px;}
.finalcta h2{font-size:clamp(32px,5vw,52px);margin-bottom:16px;position:relative;}
.finalcta p{font-size:18px;opacity:.85;margin-bottom:32px;position:relative;}
.finalcta .micro{font-size:13px;opacity:.6;margin-top:16px;margin-bottom:0;position:relative;}

/* footer */
.foot{padding:32px 0;border-top:1px solid var(--line);background:var(--bg-alt);}
.foot .row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.foot .links{display:flex;gap:20px;flex-wrap:wrap;}
.foot .links a{font-size:14px;color:var(--muted);}
.foot .links a:hover{color:var(--text);}
.foot .copy{font-size:13px;color:var(--muted);}
