:root{color-scheme:dark;--bg:#090b10;--panel:#10141b;--panel2:#151a23;--line:#242b36;--text:#f5f7f8;--muted:#9ba6b7;--green:#9cf3bd;--green2:#5bd28a;--blue:#9fb6ff;--violet:#c1a7ff;--max:1180px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);min-width:320px;overflow-x:hidden}a{color:inherit}button,input,select,textarea{font:inherit}.ambient{position:fixed;pointer-events:none;z-index:-2;filter:blur(90px);opacity:.2;border-radius:50%}.ambient-a{width:620px;height:620px;right:-280px;top:-240px;background:#2f8b60}.ambient-b{width:520px;height:520px;left:-320px;top:580px;background:#584b9a}.shell{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(var(--max),calc(100% - 40px));margin:auto;position:relative;z-index:30}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.025em}.logo-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:.72rem;letter-spacing:-.07em;background:linear-gradient(135deg,var(--green),var(--blue));color:#08110c}.main-nav{display:flex;align-items:center;gap:28px}.main-nav>a{text-decoration:none;color:#b5bfcd;font-size:.92rem}.main-nav>a:hover{color:#fff}.main-nav .nav-cta{color:#07110b;background:var(--green);padding:10px 15px;border-radius:10px;font-weight:800}.nav-toggle{display:none;background:#141923;border:1px solid var(--line);color:#fff;border-radius:10px;padding:9px 12px}.hero{min-height:700px;display:grid;grid-template-columns:.88fr 1.12fr;gap:48px;align-items:center;padding:72px 0 92px}.hero-copy{position:relative;z-index:2}.kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.72rem;color:var(--green)}.kicker{display:inline-flex;align-items:center;gap:9px}.kicker i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1,h2,h3,h4,p{margin-top:0}.hero h1,.page-hero h1{font-size:clamp(3.5rem,7vw,6.8rem);line-height:.9;letter-spacing:-.075em;margin:24px 0}.hero h1 span,.page-hero h1 span{color:#adb7c6}.hero-lede,.page-hero>p{font-size:1.15rem;line-height:1.7;color:#adb7c6;max-width:650px}.hero-actions{display:flex;gap:12px;margin:30px 0 24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 18px;font-weight:800;border:1px solid transparent}.button.primary{background:linear-gradient(135deg,var(--green),#b4f5ce);color:#06110a}.button.secondary{background:#141923;border-color:var(--line);color:#edf1f6}.button.large{padding:16px 22px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;color:#7f8b9e;font-size:.78rem}.hero-trust span:before{content:"✓";color:var(--green);margin-right:6px}.product-stage{background:linear-gradient(145deg,#151b25,#0e1218);border:1px solid #2a3340;border-radius:25px;overflow:hidden;box-shadow:0 40px 100px #0008,0 0 0 1px #ffffff05;transform:perspective(1300px) rotateY(-4deg) rotateX(1deg)}.stage-chrome{height:44px;border-bottom:1px solid #242c38;display:flex;align-items:center;gap:6px;padding:0 14px}.stage-chrome>span{width:7px;height:7px;border-radius:50%;background:#3a4555}.stage-chrome small{margin-left:auto;color:#6f7b8d}.stage-grid{display:grid;grid-template-columns:130px 1fr;min-height:440px}.stage-grid aside{padding:21px 13px;border-right:1px solid #242c38;display:grid;align-content:start;gap:8px}.stage-grid aside b,.stage-grid aside span{padding:9px 10px;border-radius:8px;font-size:.72rem}.stage-grid aside b{background:#1b2430;color:#fff}.stage-grid aside span{color:#7d899c}.stage-main{padding:24px}.mini-head{display:flex;justify-content:space-between;align-items:start}.mini-head small,.mini-head strong{display:block}.mini-head small{color:#778497;font-size:.7rem}.mini-head strong{font-size:1.2rem;margin-top:4px}.live-pill{font-size:.7rem;color:#a9f2c5;background:#143022;border:1px solid #27583d;padding:6px 8px;border-radius:999px}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.mini-stats article,.mini-panels article{background:#0d1117;border:1px solid #232a35;border-radius:13px;padding:14px}.mini-stats small,.mini-stats b,.mini-stats em{display:block}.mini-stats small,.mini-panels>article>small{color:#6f7b8d;font-size:.68rem}.mini-stats b{font-size:1.45rem;margin:7px 0}.mini-stats em{font-size:.68rem;color:var(--green);font-style:normal}.mini-panels{display:grid;grid-template-columns:1.35fr .8fr;gap:10px}.mini-panels p{padding:10px 0;border-bottom:1px solid #202631;margin:0}.mini-panels p:last-child{border:0}.mini-panels b,.mini-panels span{display:block;font-size:.72rem}.mini-panels span{color:#6f7b8d;margin-top:4px}.toggle-line{display:flex;align-items:center;justify-content:space-between}.toggle{width:28px;height:16px;border-radius:999px;background:#29313f;position:relative}.toggle:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#7e8999;top:3px;left:3px}.toggle.on{background:#1d5e3a}.toggle.on:after{background:var(--green);left:15px}.proof-strip{border-block:1px solid #1f2630;background:#0c0f14}.proof-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:18px 0}.proof-grid span{text-align:center;font-size:.72rem;color:#7e8999}.section{padding-top:120px;padding-bottom:120px}.section-intro{max-width:760px;margin-bottom:48px}.section-intro.centered{text-align:center;margin-inline:auto}.section-intro h2,.copy-block h2,.detail-promise h2,.final-cta h2,.industry-detail h2,.comparison h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98;letter-spacing:-.065em;margin:15px 0 20px}.section-intro p,.copy-block p,.industry-detail p,.final-cta p{color:var(--muted);line-height:1.7;font-size:1.02rem}.feature-triad{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:linear-gradient(180deg,#11161e,#0d1117);border:1px solid var(--line);border-radius:22px;padding:28px;min-height:310px;display:flex;flex-direction:column}.feature-card.accent{background:radial-gradient(circle at 90% 10%,#29573c55,transparent 14rem),linear-gradient(180deg,#121a19,#0d1117)}.icon-orb{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#18202a;color:var(--green);font-size:.75rem;font-weight:800}.feature-card h3{font-size:1.7rem;letter-spacing:-.04em;margin:50px 0 12px}.feature-card p{color:var(--muted);line-height:1.65}.feature-card a{margin-top:auto;text-decoration:none;color:#c9f6d9;font-weight:700;font-size:.88rem}.split-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:76px;align-items:center}.split-feature.reverse{grid-template-columns:.78fr 1.22fr}.visual-builder{background:#10141b;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 32px 80px #0005}.builder-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 14px;color:#cbd3df;font-size:.8rem}.builder-top button{background:#161c25;color:#8996a8;border:1px solid #252e3a;border-radius:7px;padding:5px 8px;margin-left:4px;font-size:.68rem}.builder-top .publish{background:#c2f5d4;color:#0a150e}.builder-body{display:grid;grid-template-columns:160px 1fr;min-height:410px}.section-list{padding:16px;border-right:1px solid var(--line);display:grid;align-content:start;gap:7px}.section-list span,.section-list b{font-size:.72rem;padding:9px;border-radius:7px}.section-list span{background:#131923;color:#8995a6}.section-list b{color:var(--green);margin-top:8px}.site-preview{margin:20px;background:radial-gradient(circle at 85% 15%,#3d67564a,transparent 12rem),#e9ebe4;color:#11170f;border-radius:12px;padding:40px 34px;min-height:340px}.site-preview small{color:#687267;font-size:.6rem;letter-spacing:.14em}.site-preview h4{font-size:2.7rem;line-height:.9;letter-spacing:-.07em;margin:20px 0}.site-preview p{color:#5e685f;max-width:280px;line-height:1.45;font-size:.78rem}.site-preview button{background:#141a14;color:#f2f5ef;border:0;border-radius:7px;padding:9px 12px;font-size:.7rem}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:32px}.preview-cards i{height:45px;border-radius:7px;background:#ced3c8}.check-list{list-style:none;padding:0;margin:28px 0}.check-list li{padding:9px 0;color:#c8d0db}.check-list li:before{content:"✓";color:var(--green);margin-right:10px}.text-link{color:var(--green);text-decoration:none;font-weight:800}.dark-band{width:100%;background:linear-gradient(180deg,#0c1016,#0d1117);border-block:1px solid #1d242d}.notify-stack{display:grid;gap:12px}.notify-stack article{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:#131923;border:1px solid #262e39;border-radius:16px;padding:18px;box-shadow:0 20px 45px #0004}.notify-stack article:nth-child(2){transform:translateX(32px)}.notify-stack article:nth-child(3){transform:translateX(12px)}.notify-icon{color:var(--green);text-shadow:0 0 14px var(--green)}.notify-icon.blue{color:var(--blue)}.notify-icon.violet{color:var(--violet)}.notify-stack small,.notify-stack b,.notify-stack p{display:block}.notify-stack small{color:#6f7b8d;font-size:.62rem;letter-spacing:.12em}.notify-stack b{margin-top:5px}.notify-stack p{margin:4px 0 0;color:#8490a2;font-size:.78rem}.notify-stack em{font-style:normal;color:#657184;font-size:.68rem}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.industry-grid a{display:flex;min-height:190px;flex-direction:column;text-decoration:none;background:#0f131a;border:1px solid var(--line);border-radius:18px;padding:20px;transition:.2s ease}.industry-grid a:hover{transform:translateY(-3px);border-color:#3a4e45}.industry-grid strong{font-size:1.02rem}.industry-grid span{color:var(--muted);font-size:.82rem;line-height:1.5;margin:10px 0}.industry-grid small{color:#718071;margin-top:auto}.center-action{text-align:center;margin-top:30px}.analytics-showcase{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.analytics-card{background:#10151d;border:1px solid var(--line);border-radius:22px;padding:24px}.analytics-head{display:flex;justify-content:space-between;align-items:start}.analytics-head small,.analytics-head b{display:block}.analytics-head small{color:#748196;font-size:.7rem}.analytics-head b{font-size:1.8rem;margin-top:5px}.analytics-head>span{color:var(--green);font-size:.8rem}.analytics-card svg{width:100%;height:auto;margin:18px 0}.conversion-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--line);padding-top:18px}.conversion-row span{display:block}.conversion-row small,.conversion-row b{display:block}.conversion-row small{color:#748196;font-size:.67rem}.conversion-row b{margin-top:5px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.price-card{border:1px solid var(--line);background:#0f131a;border-radius:21px;padding:26px;display:flex;flex-direction:column;min-height:310px}.price-card.featured{border-color:#3d6a51;background:radial-gradient(circle at 90% 0,#2d65444a,transparent 14rem),#10161a}.price-card h2,.price-card h3{font-size:1.6rem;margin:10px 0 8px}.price-card p{color:var(--muted);line-height:1.55}.price-badge{display:inline-flex;align-self:flex-start;background:#173522;color:#bff4d1;border:1px solid #2c6544;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:800}.price-line{display:flex;align-items:baseline;gap:7px;margin:24px 0}.price-line strong{font-size:3rem;letter-spacing:-.07em}.price-line del{color:#687385;font-size:1rem}.price-line span{color:#778397}.price-card .button{margin-top:auto}.price-card ul{list-style:none;padding:0;margin:4px 0 28px}.price-card li{padding:8px 0;border-bottom:1px solid #202630;color:#b0bac8;font-size:.86rem}.annual-note{color:#6f7b8d;margin-top:-16px;margin-bottom:18px}.pricing-footnote{color:#697588;text-align:center;max-width:860px;margin:24px auto 0;font-size:.78rem;line-height:1.55}.final-cta{border-top:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:50px}.final-cta>div{max-width:760px}.site-footer{width:min(var(--max),calc(100% - 40px));margin:auto;border-top:1px solid var(--line);padding:46px 0 34px;display:grid;grid-template-columns:1fr auto;gap:28px}.site-footer p,.site-footer small{color:#6e7a8d}.site-footer small{grid-column:1/-1}.footer-links{display:flex;gap:22px;align-items:start}.footer-links a{color:#8d99aa;text-decoration:none;font-size:.85rem}.page-hero{padding:110px 0 75px}.page-hero h1{max-width:950px}.page-hero>p{max-width:730px}.detail-hero h1{max-width:850px}.feature-directory{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-directory>a{display:flex;justify-content:space-between;gap:20px;text-decoration:none;border:1px solid var(--line);background:#0e1218;border-radius:18px;padding:24px;min-height:190px}.feature-directory h2{font-size:1.35rem;margin:8px 0}.feature-directory span,.feature-directory small{color:var(--green);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.feature-directory p{color:var(--muted);line-height:1.55;font-size:.86rem}.feature-directory small{align-self:flex-end;white-space:nowrap}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.detail-promise h2{font-size:clamp(2rem,4vw,3.8rem)}.benefit-list{border-top:1px solid var(--line)}.benefit-list article{display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}.benefit-list span{color:#657184;font-size:.75rem}.benefit-list strong{font-size:1.05rem}.modular-callout{background:radial-gradient(circle at 90% 20%,#27573c44,transparent 16rem),#0f1419;border:1px solid #26372f;border-radius:26px;padding:48px;display:flex;justify-content:space-between;align-items:center;gap:50px}.modular-callout>div:first-child{max-width:700px}.modular-callout h2{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.055em;margin:12px 0}.modular-callout p{color:var(--muted);line-height:1.6}.switch-demo{min-width:210px;background:#0b0f14;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.switch-demo i{width:38px;height:22px;border-radius:999px;background:#2c6846;position:relative}.switch-demo i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--green);right:3px;top:3px}.switch-demo small{grid-column:1/-1;color:#6f7b8d}.industry-directory{border-top:1px solid var(--line)}.industry-directory>a{display:grid;grid-template-columns:55px 1fr auto;gap:20px;align-items:center;text-decoration:none;padding:28px 0;border-bottom:1px solid var(--line)}.industry-directory>a>span{color:#5f6c7e;font-size:.7rem}.industry-directory h2{font-size:1.4rem;margin:0 0 7px}.industry-directory p{color:var(--muted);margin:0 0 9px;line-height:1.5}.industry-directory small{color:#657184}.industry-directory b{font-size:1.5rem;color:var(--green)}.industry-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.module-cloud{display:flex;flex-wrap:wrap;gap:10px}.module-cloud span{display:flex;align-items:center;gap:8px;background:#121720;border:1px solid var(--line);border-radius:999px;padding:11px 14px;color:#c7d0dc}.module-cloud i{width:6px;height:6px;border-radius:50%;background:var(--green)}.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.comparison-grid article{border-top:1px solid var(--line);padding:22px 0}.comparison-grid b{font-size:1.2rem}.comparison-grid p{color:var(--muted);line-height:1.55}.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:750}.faq details p{color:var(--muted);line-height:1.6;max-width:760px;margin:14px 0 0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.industry-grid a:hover{transform:none}}@media(max-width:980px){.hero{grid-template-columns:1fr;padding-top:55px}.product-stage{transform:none}.proof-grid{grid-template-columns:repeat(4,1fr);row-gap:18px}.feature-triad,.industry-grid{grid-template-columns:repeat(2,1fr)}.split-feature,.split-feature.reverse,.analytics-showcase,.detail-layout,.industry-detail{grid-template-columns:1fr;gap:45px}.split-feature.reverse .copy-block{order:-1}.notify-stack article:nth-child(2),.notify-stack article:nth-child(3){transform:none}.feature-directory{grid-template-columns:1fr}.price-grid{grid-template-columns:1fr}.price-card{min-height:auto}.final-cta{display:block}.final-cta .button{margin-top:20px}}@media(max-width:720px){.shell,.site-header,.site-footer{width:min(100% - 28px,var(--max))}.site-header{height:68px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;background:#10141bf5;border:1px solid var(--line);border-radius:14px;padding:12px;flex-direction:column;align-items:stretch;gap:2px;box-shadow:0 22px 60px #0008}.nav-open .main-nav{display:flex}.main-nav>a{padding:11px 10px}.main-nav .nav-cta{text-align:center;margin-top:4px}.hero{min-height:auto;padding:70px 0 76px}.hero h1,.page-hero h1{font-size:clamp(3.1rem,16vw,5rem)}.hero-lede,.page-hero>p{font-size:1rem}.stage-grid{grid-template-columns:72px 1fr}.stage-grid aside{padding:14px 6px}.stage-grid aside b,.stage-grid aside span{font-size:.56rem;padding:7px 5px}.stage-main{padding:14px}.mini-stats{grid-template-columns:1fr 1fr}.mini-stats article:last-child{display:none}.mini-panels{grid-template-columns:1fr}.mini-panels article:last-child{display:none}.proof-grid{grid-template-columns:repeat(2,1fr)}.section{padding-top:82px;padding-bottom:82px}.feature-triad,.industry-grid{grid-template-columns:1fr}.feature-card{min-height:260px}.builder-body{grid-template-columns:92px 1fr}.section-list{padding:9px}.section-list span,.section-list b{font-size:.56rem;padding:7px}.site-preview{margin:10px;padding:28px 18px}.site-preview h4{font-size:2rem}.conversion-row{grid-template-columns:repeat(2,1fr);row-gap:15px}.modular-callout{padding:28px;display:block}.switch-demo{margin-top:28px}.industry-directory>a{grid-template-columns:30px 1fr auto;gap:10px}.industry-directory small{display:block;line-height:1.5}.comparison-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.site-footer small{grid-column:auto}.page-hero{padding:80px 0 35px}.feature-directory>a{display:block}.feature-directory small{display:block;margin-top:18px}}
/* Pass 4 marketing completion */
.template-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.template-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border:1px solid var(--line);background:#0e1218;border-radius:20px;padding:18px}.template-card h2{font-size:1.25rem;margin:8px 0}.template-card p,.template-card small,.content-sections p,.contact-aside p{color:var(--muted);line-height:1.6}.template-preview{min-height:190px;border-radius:14px;padding:20px;display:grid;align-content:end;gap:8px;background:linear-gradient(155deg,#dfe8e3,#91bba4);color:#102018}.template-preview.editorial{border-radius:2px}.template-preview.dark-atmospheric,.template-preview.luxury{background:radial-gradient(circle at 75% 20%,#654978,transparent 8rem),#111d19;color:#eff7f1}.template-preview span{font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.template-preview strong{font-size:1.25rem}.template-preview i{height:3px;background:currentColor;opacity:.25;border-radius:9px}.template-preview i:nth-last-child(1){width:50%}.plan-table{overflow:auto;border:1px solid var(--line);border-radius:18px}.plan-table table{width:100%;border-collapse:collapse;min-width:700px}.plan-table th,.plan-table td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left}.plan-table thead th{background:#141a22}.content-sections{max-width:850px}.content-sections article{padding:34px 0;border-top:1px solid var(--line)}.content-sections h2{font-size:2rem;letter-spacing:-.04em}.contact-layout{display:grid;grid-template-columns:minmax(0,700px) 1fr;gap:70px;align-items:start}.contact-form .button{justify-self:start}.contact-aside,.contact-success{border:1px solid var(--line);border-radius:18px;padding:26px;background:#0e131a}.contact-success{grid-column:1/-1;max-width:720px}.status-list{display:grid;gap:12px}.status-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid var(--line);background:#0e131a;border-radius:16px;padding:22px}.status-list strong,.status-list small{display:block}.status-list small,.status-note{color:var(--muted);margin-top:5px}.status-pill{border-radius:999px;padding:7px 10px;font-size:.75rem;font-weight:800}.status-pill.operational{background:#143022;color:#aff1c7}.status-pill.degraded{background:#392d13;color:#f3d487}.status-pill.maintenance{background:#25344c;color:#b8d2ff}@media(max-width:980px){.template-directory{grid-template-columns:1fr}}@media(max-width:720px){.template-card,.contact-layout{grid-template-columns:1fr}.template-preview{min-height:150px}.status-list article{align-items:flex-start;flex-direction:column}}
/* Pass 1.7 legal/trust surfaces */
.legal-hero{padding-bottom:38px}.legal-meta{display:flex;gap:10px;flex-wrap:wrap;color:#788599;font-size:.78rem}.legal-meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#0d1117}.legal-layout,.abuse-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:70px;padding-bottom:110px}.legal-review-note{grid-column:1/-1;border:1px solid #3b543f;background:#101a14;border-radius:16px;padding:18px 20px;color:#bcd4c5}.legal-review-note p{margin:6px 0 0;color:#8da695;line-height:1.55}.legal-document{max-width:780px}.legal-document section{padding:28px 0;border-top:1px solid var(--line)}.legal-document h2{font-size:1.35rem;letter-spacing:-.03em;margin-bottom:12px}.legal-document p{color:var(--muted);line-height:1.72}.legal-document ul{margin:0 0 14px 20px;padding:0;color:var(--muted);line-height:1.72}.legal-document li{margin:6px 0}.legal-document li::marker{color:#5d6a7d}.legal-nav{display:grid;align-content:start;gap:4px;position:sticky;top:30px;height:max-content}.legal-nav strong{padding:10px 8px;color:#dce3eb}.legal-nav a{padding:9px 8px;text-decoration:none;color:#7f8b9e;border-radius:8px}.legal-nav a:hover,.legal-nav a[aria-current=page]{background:#121820;color:#dce4ed}.abuse-form{display:grid;gap:18px}.abuse-form label{display:grid;gap:7px;color:#cbd4df;font-weight:700}.abuse-form label span{font-weight:400;color:#6e7a8d}.abuse-form input,.abuse-form select,.abuse-form textarea{width:100%;background:#0e131a;border:1px solid var(--line);border-radius:11px;padding:12px;color:#f5f7f8}.abuse-form textarea{resize:vertical}.website-field{position:absolute!important;left:-9999px!important}.site-footer .footer-groups{display:grid;grid-template-columns:repeat(3,max-content);gap:42px}.site-footer .footer-group{display:grid;gap:8px;align-content:start}.site-footer .footer-group strong{font-size:.76rem;color:#d3dae4;text-transform:uppercase;letter-spacing:.08em}.site-footer .footer-group a{color:#8d99aa;text-decoration:none;font-size:.85rem}@media(max-width:720px){.legal-layout,.abuse-layout{grid-template-columns:1fr;gap:32px}.legal-nav{position:static}.site-footer .footer-groups{grid-template-columns:repeat(2,1fr);gap:28px}}
.stage-chrome small,.mini-head small,.mini-stats small,.mini-panels>article>small,.mini-panels span,.notify-stack small,.notify-stack em,.annual-note,.pricing-footnote,.benefit-list span,.switch-demo small,.industry-directory>a>span,.industry-directory small,.industry-grid small,.site-footer p,.site-footer small{color:#8c98aa}
.price-line del{color:#8c98aa}

/* 2026 public-site visual direction */
:root {
  --bg: #090a09;
  --panel: #111310;
  --panel2: #171a16;
  --line: #2a2e28;
  --text: #f4f2e9;
  --muted: #a7aa9f;
  --green: #c8ff66;
  --green2: #9ad93d;
  --blue: #91b8ff;
  --violet: #c8a7ff;
  --coral: #ff7c57;
  --paper: #ece9df;
  --ink: #121510;
  --max: 1240px;
  font-family: "Aptos", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;
}
body {
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px),
    var(--bg);
  background-size: 72px 72px;
}
html { overflow-x:hidden; }
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(180deg, #090a09aa 0, transparent 22rem, #090a09 86%);
}
.ambient { opacity: .12; filter: blur(130px); }
.ambient-a { background: #7dcc3e; }
.ambient-b { background: #704c9e; }
.skip-link {
  position: fixed;
  z-index: 100;
  top: 10px;
  left: 10px;
  padding: 10px 14px;
  color: var(--ink);
  background: var(--green);
  border-radius: 8px;
  font-weight: 850;
  transform: translateY(-160%);
}
.skip-link:focus { transform: none; }
.site-header {
  height: 84px;
  position: sticky;
  top: 0;
  padding: 0 4px;
  backdrop-filter: blur(20px);
  background: linear-gradient(180deg, rgba(9,10,9,.95), rgba(9,10,9,.72));
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--line) 18%, var(--line) 82%, transparent);
}
.logo { gap: 12px; font-size: .94rem; letter-spacing: -.02em; }
.logo-mark {
  position: relative;
  width: 29px;
  height: 29px;
  border: 1px solid #67705f;
  border-radius: 50%;
  background: transparent;
  overflow: hidden;
}
.logo-mark i {
  position: absolute;
  width: 2px;
  height: 18px;
  top: 5px;
  left: 13px;
  background: var(--green);
  transform: rotate(45deg);
}
.logo-mark i:last-child { transform: rotate(-45deg); }
.main-nav { gap: 8px; }
.main-nav > a { padding: 10px 13px; color: #babdb3; border-radius: 999px; }
.main-nav > a:hover { background: #151714; }
.main-nav .nav-cta {
  margin-left: 5px;
  padding: 10px 17px;
  color: var(--ink);
  background: var(--green);
  border-radius: 999px;
}
.eyebrow, .kicker { color: var(--green); letter-spacing: .18em; }
.button { border-radius: 999px; gap: 22px; padding: 13px 19px; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { background: var(--green); color: var(--ink); box-shadow: 0 0 0 1px #d9ff9144, 0 14px 34px #88c62918; }
.button.secondary, .button.ghost { color: var(--text); background: transparent; border-color: #454a41; }
.button.ghost:hover, .button.secondary:hover { border-color: #777f6e; background: #141613; }
.text-link span { margin-left: 8px; }
.page-hero { padding-top: 126px; }
.page-hero h1, .template-hero h1 {
  font-weight: 760;
  text-wrap: balance;
}
.page-hero h1 span, .template-hero h1 span, .hero h1 span { color: #868b80; }
.directory-hero { min-height: 660px; display: flex; flex-direction: column; justify-content: center; }
.directory-hero > p { max-width: 700px; }
.back-link {
  display: block;
  margin-bottom: 36px;
  color: #898f83;
  text-decoration: none;
  font-size: .75rem;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.back-link:hover { color: var(--green); }
.site-footer { padding-top: 64px; }
.footer-brand { max-width: 340px; }
.footer-brand p { line-height: 1.65; }

/* restrained entrance motion */
.reveal-ready [data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.8,.2,1); }
.reveal-ready [data-reveal].is-revealed { opacity: 1; transform: none; }

/* homepage */
.marketing-home .hero { min-height: 790px; }
.marketing-home .hero h1 { font-size: clamp(4.3rem, 7.6vw, 7.5rem); }
.marketing-home .product-stage { border-color: #383d35; box-shadow: 0 55px 130px #000b, 0 0 0 1px #ffffff05; }
.marketing-home .proof-strip { background: var(--green); border: 0; }
.marketing-home .proof-grid span { color: #1b2116; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.home-template-showcase { display: grid; grid-template-columns: .72fr 1.28fr; gap: 84px; align-items: center; }
.home-template-stack { position: relative; min-height: 620px; perspective: 1400px; }
.home-template-card { position: absolute; width: 76%; padding: 10px; color: #92978e; background: #121411; border: 1px solid var(--line); border-radius: 18px; text-decoration: none; box-shadow: 0 35px 90px #0009; transition: transform .35s ease, z-index 0s; }
.home-template-card > span { display: block; padding: 3px 4px 12px; font-size: .72rem; }
.home-template-card.card-1 { z-index: 3; left: 0; top: 80px; transform: rotate(-4deg); }
.home-template-card.card-2 { z-index: 2; right: 0; top: 0; transform: rotate(5deg); }
.home-template-card.card-3 { z-index: 1; right: 2%; bottom: 0; transform: rotate(1deg); }
.home-template-card:hover { z-index: 5; transform: translateY(-8px) rotate(0); }

/* shared fictional site previews */
.example-site {
  --site-bg: #ede8dc;
  --site-ink: #172018;
  --site-accent: #ce5b38;
  --site-art: #909c7f;
  position: relative;
  overflow: hidden;
  color: var(--site-ink);
  background: var(--site-bg);
  font-family: var(--site-font, ui-sans-serif, system-ui);
}
.example-site-nav { height: 54px; padding: 0 26px; display: flex; align-items: center; justify-content: space-between; gap: 18px; border-bottom: 1px solid color-mix(in srgb, var(--site-ink) 13%, transparent); }
.example-site-nav strong { font-size: .74rem; letter-spacing: .03em; }
.example-site-nav span { font-size: .55rem; opacity: .72; }
.example-site-nav i { display: none; font-size: .6rem; font-style: normal; }
.example-site-body { min-height: 330px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: stretch; }
.example-site-copy { align-self: center; padding: 42px 8% 42px 10%; }
.example-site-copy > small { display: block; margin-bottom: 17px; font-size: .55rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.example-site-copy h2 { max-width: 500px; margin: 0 0 16px; font-family: var(--site-heading, inherit); font-size: clamp(1.55rem, 3.5vw, 3.9rem); font-weight: var(--site-weight, 760); line-height: .95; letter-spacing: -.06em; }
.example-site-copy p { max-width: 380px; margin-bottom: 25px; font-size: .65rem; line-height: 1.5; opacity: .7; }
.example-site-copy > b { display: inline-flex; gap: 16px; align-items: center; padding: 9px 12px; color: var(--site-button-ink, var(--site-bg)); background: var(--site-accent); border-radius: var(--site-button-radius, 999px); font-size: .58rem; }
.example-site-copy > b i { font-style: normal; }
.example-site-art { position: relative; min-height: 270px; margin: 22px 22px 22px 0; overflow: hidden; background: var(--site-art); border-radius: var(--site-art-radius, 2px); }
.example-site-art::before { content: ""; position: absolute; inset: 0; opacity: .75; background: linear-gradient(135deg, transparent, color-mix(in srgb, var(--site-accent) 64%, transparent)); }
.example-site-art i { position: absolute; border: 1px solid color-mix(in srgb, var(--site-bg) 42%, transparent); border-radius: 50%; }
.example-site-art i:nth-child(1) { width: 70%; aspect-ratio: 1; top: -22%; right: -18%; }
.example-site-art i:nth-child(2) { width: 48%; aspect-ratio: 1; bottom: -14%; left: -10%; }
.example-site-art i:nth-child(3) { width: 17%; aspect-ratio: 1; top: 45%; left: 42%; background: color-mix(in srgb, var(--site-bg) 15%, transparent); }
.example-site-art span { position: absolute; right: 10%; bottom: 3%; color: color-mix(in srgb, var(--site-bg) 72%, transparent); font-family: var(--site-heading, inherit); font-size: 7rem; line-height: 1; }
.example-site-foot { display: flex; justify-content: space-between; padding: 11px 26px; border-top: 1px solid color-mix(in srgb, var(--site-ink) 13%, transparent); font-size: .48rem; letter-spacing: .1em; text-transform: uppercase; }
.example-site-card .example-site-body { min-height: 250px; }
.example-site-card .example-site-copy { padding: 30px 6% 30px 8%; }
.example-site-card .example-site-copy h2 { font-size: clamp(1.35rem, 2.6vw, 2.5rem); }
.example-site-card .example-site-art { min-height: 205px; margin: 14px 14px 14px 0; }
.example-site-card .example-site-foot { display: none; }
.example-site-real { overflow:hidden; background:#111; }
.example-site-real img { display:block; width:100%; height:auto; aspect-ratio:1.5; object-fit:cover; object-position:top; }
.example-site-real.example-site-hero img { aspect-ratio:1.24; }
.example-site-featured .example-site-body { min-height: 400px; }
.example-site-full .example-site-body { min-height: 610px; }
.example-site-full .example-site-copy h2 { font-size: clamp(3.8rem, 7vw, 7.8rem); }
.example-site-full .example-site-copy p { font-size: .82rem; }
.example-site-full .example-site-art { margin: 30px 30px 30px 0; }
.example-site-device .example-site-body { min-height: 260px; }
.example-site-device .example-site-copy h2 { font-size: 2rem; }
.example-site-device .example-site-copy p, .example-site-device .example-site-foot { display: none; }

.example-site-forge { --site-bg:#e8e2d8; --site-ink:#1b1d1a; --site-accent:#d34f2f; --site-button-ink:#171b16; --site-art:#6c746c; --site-heading:"Arial Narrow", "Aptos", sans-serif; --site-weight:850; --site-button-radius:2px; }
.example-site-saffron { --site-bg:#f1e7d4; --site-ink:#3b1c15; --site-accent:#a83320; --site-art:#d9a348; --site-heading:Georgia,serif; --site-weight:500; --site-button-radius:0; }
.example-site-harvest { --site-bg:#e8e5cf; --site-ink:#203323; --site-accent:#345d3e; --site-art:#b77c3e; --site-heading:Georgia,serif; --site-weight:500; --site-art-radius:80px 2px 2px 2px; }
.example-site-botanical { --site-bg:#101713; --site-ink:#eef2e7; --site-accent:#baff74; --site-button-ink:#142014; --site-art:#5c4968; --site-heading:Georgia,serif; --site-weight:500; --site-art-radius:50%; }
.example-site-ledger { --site-bg:#f0eee8; --site-ink:#17283f; --site-accent:#17385e; --site-art:#8897a4; --site-heading:Georgia,serif; --site-weight:500; --site-button-radius:0; }
.example-site-blush { --site-bg:#f4e5e2; --site-ink:#431f2d; --site-accent:#762d4a; --site-art:#d79997; --site-heading:Georgia,serif; --site-weight:500; --site-art-radius:90px 90px 6px 6px; }
.example-site-signal { --site-bg:#f2f04b; --site-ink:#111; --site-accent:#111; --site-button-ink:#f2f04b; --site-art:#ff765e; --site-heading:"Arial Black",sans-serif; --site-weight:900; --site-button-radius:0; --site-art-radius:0; }
.example-site-civic { --site-bg:#e9edfa; --site-ink:#183c82; --site-accent:#f05b49; --site-button-ink:#fff; --site-art:#7691d0; --site-heading:"Arial",sans-serif; --site-weight:800; --site-art-radius:100px 100px 0 0; }
.example-site-torque { --site-bg:#151615; --site-ink:#f0eee5; --site-accent:#ff653a; --site-button-ink:#171717; --site-art:#555c5b; --site-heading:"Arial Black",sans-serif; --site-weight:900; --site-button-radius:3px; --site-art-radius:2px; }
.example-site-tumble { --site-bg:#dff0f0; --site-ink:#123c45; --site-accent:#f1784c; --site-button-ink:#fff; --site-art:#85bec1; --site-heading:"Arial Rounded MT Bold","Aptos",sans-serif; --site-weight:850; --site-art-radius:40% 40% 10px 10px; }
.example-site-kinetic { --site-bg:#d8ff4f; --site-ink:#0e150b; --site-accent:#0e150b; --site-button-ink:#d8ff4f; --site-art:#704aff; --site-heading:"Arial Black",sans-serif; --site-weight:900; --site-button-radius:0; --site-art-radius:0; }
.example-site-hideaway { --site-bg:#152b33; --site-ink:#f3eadb; --site-accent:#d7c49d; --site-button-ink:#173038; --site-art:#547884; --site-heading:Georgia,serif; --site-weight:500; --site-button-radius:0; }
.example-site-folio { --site-bg:#f3f1ed; --site-ink:#181818; --site-accent:#e23e2a; --site-button-ink:#fff; --site-art:#b6a5cc; --site-heading:Georgia,serif; --site-weight:500; --site-button-radius:0; --site-art-radius:0; }
.example-site-assembly { --site-bg:#eee9f4; --site-ink:#412d5f; --site-accent:#62428c; --site-button-ink:#fff; --site-art:#c5a9d4; --site-heading:"Arial",sans-serif; --site-weight:800; --site-art-radius:60px 4px 4px 4px; }

/* feature directory */
.feature-marquee { overflow: hidden; padding: 18px 0; color: var(--ink); background: var(--green); }
.feature-marquee > div { width: max-content; display: flex; align-items: center; gap: 32px; font-weight: 950; font-size: 1rem; letter-spacing: .12em; animation: marquee 30s linear infinite; }
.feature-marquee i { font-style: normal; }
@keyframes marquee { to { transform: translateX(-35%); } }
.feature-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; }
.feature-tile { min-height: 520px; display: flex; flex-direction: column; overflow: hidden; color: var(--text); background: #11130f; border: 1px solid var(--line); border-radius: 24px; text-decoration: none; transition: transform .25s ease, border-color .25s ease; }
.feature-tile-wide { grid-column: 1/-1; min-height: 470px; }
.feature-tile:hover { transform: translateY(-4px); border-color: #545b4e; }
.feature-tile-top { display: flex; justify-content: space-between; padding: 18px 20px; color: #8c9186; border-bottom: 1px solid var(--line); font-size: .64rem; letter-spacing: .12em; text-transform: uppercase; }
.feature-tile-top b { color: var(--green); }
.feature-tile-visual { min-height: 250px; flex: 1; display: grid; place-items: center; position: relative; overflow: hidden; background: #151813; }
.feature-tile-wide .feature-tile-visual { min-height: 300px; }
.feature-tile-copy { padding: 24px; }
.feature-tile-copy h2 { margin: 0 0 10px; font-size: 1.7rem; letter-spacing: -.04em; }
.feature-tile-copy p { max-width: 600px; color: var(--muted); line-height: 1.55; }
.feature-tile-copy > span { display: flex; justify-content: space-between; color: var(--green); font-size: .78rem; font-weight: 850; }
.feature-tile-copy i { font-style: normal; }
.tile-builder { width: 70%; height: 180px; position: relative; display: flex; gap: 8px; padding: 24px; background: #e6e2d7; transform: rotate(-3deg); box-shadow: 25px 30px 0 #252b21; }
.tile-builder i { width: 28%; height: 100%; background: #929b82; }
.tile-builder i:nth-child(2) { background: #d35d39; }
.tile-builder i:nth-child(3) { background: #31382e; }
.tile-builder strong { position: absolute; top: 30px; left: 45%; color: #161a13; font: 800 4rem Georgia; }
.tile-inbox { width: 78%; display: grid; gap: 9px; }
.tile-inbox span { display: grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; padding:17px; color:#cbd0c6; background:#0d0f0c; border:1px solid #30342d; border-radius:13px; }
.tile-inbox i { width:34px; aspect-ratio:1; display:grid; place-items:center; color:var(--ink); background:var(--green); border-radius:50%; font-size:.65rem; font-style:normal; }
.tile-inbox em { color:#73796f; font-size:.65rem; font-style:normal; }
.tile-order { width: 68%; display:grid; gap:15px; padding:27px; color:#27211a; background:#f0e6d5; box-shadow:12px 12px 0 #cf714f; transform:rotate(2deg); }
.tile-order small { letter-spacing:.13em; }
.tile-order b { font: 600 1.8rem Georgia; }
.tile-order span { display:flex; justify-content:space-between; padding-top:12px; border-top:1px solid #b4a995; }
.tile-order em { font-style:normal; font-weight:800; }
.tile-calendar { width:78%; display:grid; grid-template-columns:repeat(4,1fr); gap:5px; position:relative; }
.tile-calendar span { display:grid; place-items:center; height:74px; color:#9ca297; border:1px solid #353a32; border-radius:12px; }
.tile-calendar span.active { color:var(--ink); background:var(--green); border-color:var(--green); font-weight:900; }
.tile-calendar i { position:absolute; left:26%; right:8%; bottom:-45px; height:35px; background:#9a82ff; border-radius:9px; }
.tile-bell { width:68%; padding:22px; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:center; background:#f2efe6; color:#151913; border-radius:18px; transform:rotate(-2deg); box-shadow:18px 20px 0 #252a23; }
.tile-bell i { color:#ff6947; text-shadow:0 0 16px #ff6947; }
.tile-bell b { width:34px; aspect-ratio:1; display:grid; place-items:center; background:var(--green); border-radius:50%; }
.tile-chart { width:84%; color:var(--green); }
.tile-chart strong { font-size:2.3rem; }
.tile-chart svg { display:block; width:100%; margin-top:18px; }
.tile-score { width:150px; aspect-ratio:1; display:grid; place-items:center; align-content:center; border:10px solid #3b4534; border-top-color:var(--green); border-radius:50%; transform:rotate(-8deg); }
.tile-score strong { font-size:2.8rem; line-height:1; }
.tile-score span { color:#92998c; font-size:.64rem; text-transform:uppercase; }
.tile-ai { display:grid; gap:8px; padding:28px; background:#e7e0f3; color:#2d2140; border-radius:20px; }
.tile-ai i { font-size:2rem; font-style:normal; }
.tile-ai span { padding:10px 14px; background:#f7f3fa; border:1px solid #cabddd; border-radius:999px; font-size:.75rem; }
.tile-reviews { text-align:center; }
.tile-reviews strong,.tile-reviews span { display:block; }
.tile-reviews strong { font:500 5rem Georgia; }
.tile-reviews span { color:#ffcb45; letter-spacing:.18em; }
.tile-content { width:78%; display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:8px; }
.tile-content i { min-height:140px; background:#5b715e; border-radius:8px; }
.tile-content i:nth-child(2) { background:#d37c5d; }
.tile-content i:nth-child(3) { background:#7c67a6; }
.tile-content i:nth-child(4) { grid-column:1/-1; min-height:35px; background:#e8e2d5; }
.tile-domain { display:grid; justify-items:center; gap:9px; }
.tile-domain i { width:12px; aspect-ratio:1; background:var(--green); border-radius:50%; box-shadow:0 0 25px var(--green); }
.tile-domain strong { padding:16px 25px; background:#0d0f0c; border:1px solid #394034; border-radius:12px; font-size:1.2rem; }
.tile-domain span { color:#8c9386; font-size:.7rem; }
.tile-modules { max-width:80%; display:flex; justify-content:center; gap:9px; flex-wrap:wrap; }
.tile-modules i { padding:15px 19px; color:#151913; background:var(--green); border-radius:999px; font-weight:850; font-style:normal; }
.tile-modules i:nth-child(2) { background:#ff805e; }.tile-modules i:nth-child(3) { background:#9d87ff; }.tile-modules i:nth-child(4) { background:#eee9dc; }

/* feature detail and product vignettes */
.feature-hero { min-height: 760px; padding: 92px 0 112px; display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:center; }
.feature-hero-copy h1 { margin:18px 0 24px; font-size:clamp(3.4rem,5.5vw,6.2rem); line-height:.91; letter-spacing:-.07em; text-wrap:balance; }
.feature-hero-copy > p { max-width:580px; color:var(--muted); font-size:1.06rem; line-height:1.65; }
.feature-product { min-height: 570px; overflow:hidden; color:#ebeee7; background:linear-gradient(150deg,#181c17,#0d0f0c); border:1px solid #373c34; border-radius:24px; box-shadow:0 48px 120px #000b; }
.product-window-bar,.browser-bar { height:46px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 15px; color:#777f72; background:#0e100d; border-bottom:1px solid #2b2f29; font-size:.64rem; }
.product-window-bar > span,.browser-bar > span { display:flex; gap:5px; }
.product-window-bar > span i,.browser-bar > span i { width:7px; aspect-ratio:1; background:#3b4038; border-radius:50%; }
.product-window-bar b,.browser-bar b { color:var(--green); font-size:.6rem; text-transform:uppercase; letter-spacing:.1em; }
.feature-product h2 { letter-spacing:-.045em; }
.feature-product button { color:inherit; background:transparent; border:0; font:inherit; }
.builder-demo { min-height:524px; display:grid; grid-template-columns:150px 1fr; }
.builder-demo aside { display:grid; align-content:start; gap:7px; padding:22px 14px; border-right:1px solid #30342e; }
.builder-demo aside small { color:#697065; font-size:.58rem; letter-spacing:.13em; }
.builder-demo aside strong { margin-bottom:10px; }
.builder-demo aside span { display:flex; justify-content:space-between; padding:10px; color:#91988d; background:#141713; border:1px solid transparent; border-radius:8px; font-size:.65rem; }
.builder-demo aside span.selected { color:#e8ebe4; border-color:#444b40; }
.builder-demo aside b { color:#5e655b; }
.builder-demo aside button { margin-top:10px; padding:10px; color:var(--green); text-align:left; font-size:.65rem; }
.demo-canvas { position:relative; min-width:0; margin:20px; overflow:hidden; padding:32px; color:#172018; background:#e9e5da; border-radius:10px; }
.demo-nav { display:flex; justify-content:space-between; margin-bottom:70px; font-size:.55rem; }
.demo-canvas > small { font-weight:850; font-size:.55rem; letter-spacing:.12em; }
.demo-canvas h2 { position:relative; z-index:2; margin:15px 0; font:650 3.35rem/.9 Georgia; }
.demo-canvas button { position:relative; z-index:2; padding:9px 12px; color:#e9e5da; background:#172018; font-size:.6rem; }
.demo-shapes i { position:absolute; display:block; }
.demo-shapes i:first-child { width:250px; height:360px; right:25px; bottom:-55px; background:#6e7f6c; transform:rotate(8deg); }
.demo-shapes i:nth-child(2) { width:190px; aspect-ratio:1; right:-45px; top:75px; border:1px solid #d2d6c7; border-radius:50%; }
.demo-shapes i:nth-child(3) { width:70px; aspect-ratio:1; right:115px; top:160px; background:#db6e49; border-radius:50%; }
.inbox-demo { min-height:524px; display:grid; grid-template-columns:.85fr 1.15fr; }
.inbox-list { padding:14px; border-right:1px solid #30342e; }
.inbox-list > span { display:grid; grid-template-columns:auto 1fr auto; gap:10px; align-items:center; padding:13px 10px; color:#989f94; border-radius:10px; }
.inbox-list > span.active { color:#ebeee7; background:#1d211b; }
.inbox-list i { width:30px; aspect-ratio:1; display:grid; place-items:center; color:#151913; background:#b9ef63; border-radius:50%; font-size:.6rem; font-style:normal; }
.inbox-list span:nth-child(2) i { background:#ff8b6d; }.inbox-list span:nth-child(3) i { background:#a694ff; }
.inbox-list b,.inbox-list small { display:block; }.inbox-list b { font-size:.68rem; }.inbox-list small { color:#737b70; margin-top:3px; font-weight:500; }.inbox-list em { color:#687065; font-size:.56rem; font-style:normal; }
.lead-detail { padding:38px 30px; }
.status-pill { display:inline-flex; width:max-content; padding:6px 9px; color:#bff273; background:#26341e; border-radius:999px; font-size:.6rem; font-weight:850; }
.status-pill.amber { color:#ffbd7d; background:#3d2a19; }
.lead-detail h2 { margin:24px 0 10px; font-size:1.9rem; }.lead-detail > p { color:#939a8f; font-size:.76rem; line-height:1.55; }
.lead-facts { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:26px 0; }
.lead-facts span { padding:12px; background:#111410; border:1px solid #2e332c; border-radius:9px; }.lead-facts small,.lead-facts b { display:block; }.lead-facts small { color:#697166; font-size:.55rem; }.lead-facts b { margin-top:5px; font-size:.7rem; }
.timeline-line { display:flex; gap:12px; padding:18px 0; border-block:1px solid #30342e; }.timeline-line i { width:8px; height:8px; margin-top:4px; background:var(--green); border-radius:50%; }.timeline-line p,.timeline-line b,.timeline-line small { display:block; margin:0; }.timeline-line b { font-size:.7rem; }.timeline-line small { margin-top:4px; color:#6f776c; font-size:.55rem; }
.lead-detail button { margin-top:22px; padding:9px 12px; color:#151913; background:var(--green); border-radius:8px; font-size:.65rem; font-weight:850; }
.orders-demo { min-height:524px; display:grid; grid-template-columns:1fr .8fr; gap:30px; align-items:center; padding:38px; background:radial-gradient(circle at 20% 90%,#6a392d55,transparent 17rem); }
.order-card { padding:26px; color:#28231d; background:#eee6d6; transform:rotate(-2deg); box-shadow:15px 15px 0 #cc674a; }.order-card > small { display:block; margin:22px 0 8px; letter-spacing:.12em; }.order-card h2 { font:600 2rem Georgia; }.order-line { display:flex; justify-content:space-between; padding:11px 0; border-top:1px solid #bbb09d; font-size:.72rem; }.order-line.total { font-size:.86rem; }.order-card > p { margin:16px 0 0; font-weight:850; font-size:.68rem; }
.status-rail { display:grid; gap:2px; }.status-rail > span { position:relative; display:flex; align-items:center; gap:12px; min-height:72px; color:#798076; }.status-rail > span:not(:last-child)::after { content:""; position:absolute; width:1px; height:28px; left:13px; bottom:-15px; background:#485045; }.status-rail i { width:27px; aspect-ratio:1; display:grid; place-items:center; border:1px solid #565d52; border-radius:50%; font-size:.6rem; font-style:normal; }.status-rail b,.status-rail small { display:block; }.status-rail small { margin-top:4px; color:#687065; font-size:.55rem; }.status-rail .done { color:#dce2d6; }.status-rail .done i { color:#141813; background:var(--green); border-color:var(--green); }.status-rail .current { color:#fff; }.status-rail .current i { border:6px solid #35412f; background:var(--green); }
.calendar-demo { min-height:524px; padding:30px; }.calendar-head { display:flex; justify-content:space-between; align-items:center; }.calendar-head small { color:#70786d; letter-spacing:.12em; }.calendar-head h2 { margin:4px 0 0; font-size:1.8rem; }.calendar-head > span { color:#858d82; font-size:.65rem; }.week-row { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; margin:25px 0; }.week-row span { height:70px; display:grid; place-items:center; align-content:center; gap:5px; color:#9aa195; border:1px solid #333831; border-radius:11px; }.week-row small { font-size:.5rem; }.week-row .today { color:#131712; background:var(--green); border-color:var(--green); font-weight:900; }
.appointments { display:grid; grid-template-columns:38px 1fr; gap:8px 10px; align-items:stretch; }.appointments > small { padding-top:12px; color:#687066; font-size:.5rem; }.appointments article { display:flex; align-items:center; gap:12px; padding:12px; background:#1c2619; border:1px solid #394c31; border-radius:9px; }.appointments article.coral { background:#2e1e19; border-color:#5a382d; }.appointments article.empty { color:#777f74; background:transparent; border-style:dashed; }.appointments i { width:4px; align-self:stretch; background:var(--green); border-radius:4px; }.appointments .coral i { background:var(--coral); }.appointments b,.appointments small { display:block; }.appointments b { font-size:.67rem; }.appointments b small { padding:0; margin-top:3px; color:#747c71; font-size:.53rem; }
.rules-demo { position:relative; min-height:524px; padding:32px 25px; }.rules-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }.rules-head small { color:#6d756a; letter-spacing:.12em; }.rules-head h2 { margin:5px 0 0; font-size:2rem; }.rules-head > span { padding:7px 9px; color:#aeb5a9; background:#1c201a; border-radius:999px; font-size:.55rem; }.rule-row { display:grid; grid-template-columns:auto 1fr auto auto auto; gap:11px; align-items:center; padding:15px 0; border-top:1px solid #2d322b; }.rule-icon { width:32px; aspect-ratio:1; display:grid; place-items:center; border-radius:9px; font-style:normal; }.rule-icon.green { color:var(--green); background:#25331f; }.rule-icon.violet { color:#c7b3ff; background:#292239; }.rule-icon.blue { color:#9ac2ff; background:#1d2a3d; }.rule-row b,.rule-row small { display:block; }.rule-row b { font-size:.67rem; }.rule-row small { margin-top:3px; color:#6f776c; font-size:.52rem; }.rule-row em { padding:5px 7px; color:#9ba296; background:#1a1e18; border-radius:6px; font-size:.53rem; font-style:normal; }.mini-switch { width:30px; height:17px; position:relative; background:#30352e; border-radius:999px; }.mini-switch::after { content:""; position:absolute; width:11px; aspect-ratio:1; top:3px; left:3px; background:#777f74; border-radius:50%; }.mini-switch.on { background:#45652d; }.mini-switch.on::after { left:16px; background:var(--green); }.floating-notice { position:absolute; right:20px; bottom:22px; width:72%; display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:16px; color:#161a14; background:#f0eee5; border-radius:13px; box-shadow:0 22px 55px #0009; }.floating-notice > i { width:34px; aspect-ratio:1; display:grid; place-items:center; background:var(--green); border-radius:50%; font-style:normal; }.floating-notice p,.floating-notice small,.floating-notice b { display:block; margin:0; }.floating-notice small { font-size:.5rem; letter-spacing:.1em; }.floating-notice b { margin-top:3px; font-size:.68rem; }.floating-notice em { color:#73796f; font-size:.55rem; font-style:normal; }
.analytics-demo { min-height:524px; padding:34px; }.metric-hero > small { color:#71796e; letter-spacing:.12em; }.metric-hero h2 { margin:13px 0 20px; font-size:3.3rem; }.metric-hero h2 span { color:var(--green); font-size:.72rem; font-weight:750; }.metric-hero svg { display:block; width:100%; }.metric-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:24px; }.metric-grid > span { padding:15px; background:#111410; border:1px solid #30352e; border-radius:10px; }.metric-grid small,.metric-grid b,.metric-grid em { display:block; }.metric-grid small { color:#70776d; font-size:.53rem; }.metric-grid b { margin:7px 0; font-size:1.4rem; }.metric-grid em { color:var(--green); font-size:.57rem; font-style:normal; }
.seo-demo { min-height:524px; display:grid; grid-template-columns:160px 1fr; gap:28px; align-items:start; padding:42px 32px; }.score-ring { width:140px; aspect-ratio:1; display:grid; place-items:center; align-content:center; border:10px solid #36412f; border-top-color:var(--green); border-right-color:var(--green); border-radius:50%; }.score-ring strong { font-size:2.7rem; line-height:1; }.score-ring small { margin-top:6px; color:#788073; font-size:.48rem; letter-spacing:.1em; }.seo-report > small { color:#737b70; letter-spacing:.1em; }.seo-report h2 { margin:18px 0 6px; font-size:1.35rem; line-height:1.2; }.seo-report > a { color:#9fdf4c; font-size:.65rem; }.seo-report > p { color:#9ba295; font-size:.68rem; line-height:1.55; }.seo-checks { margin-top:22px; border-top:1px solid #30352e; }.seo-checks span { display:grid; grid-template-columns:auto 1fr auto; gap:8px; padding:10px 0; border-bottom:1px solid #30352e; font-size:.6rem; }.seo-checks i { color:var(--green); font-style:normal; }.seo-checks b { color:#838b7f; }
.ai-demo { min-height:524px; display:grid; grid-template-columns:1.2fr .8fr; }.editor-copy { position:relative; padding:45px 34px; background:#ece6f4; color:#31263d; }.editor-copy > small { letter-spacing:.12em; }.editor-copy h2 { margin:50px 0 18px; font:600 2.3rem/1 Georgia; }.editor-copy p { font:1rem/1.65 Georgia; }.selection-line { position:absolute; left:28px; right:28px; bottom:65px; padding:12px; color:#fff; background:#68518d; border-radius:8px; font:italic .75rem Georgia; }.ai-tools { display:grid; align-content:center; gap:7px; padding:24px; }.ai-tools > span { display:flex; gap:10px; align-items:center; padding:11px; border:1px solid #31362f; border-radius:9px; }.ai-tools i { width:25px; aspect-ratio:1; display:grid; place-items:center; color:var(--green); background:#242a20; border-radius:6px; font-style:normal; }.ai-tools b { font-size:.63rem; }.ai-tools > small { margin-top:12px; color:#747c70; font-size:.53rem; line-height:1.5; }
.reviews-demo { min-height:524px; display:grid; grid-template-columns:.75fr 1.25fr; gap:24px; align-items:center; padding:32px; }.review-score { text-align:center; }.review-score > small { color:#747c70; letter-spacing:.12em; }.review-score h2 { margin:14px 0 0; font:500 5rem Georgia; }.review-score > span { color:#ffcf53; letter-spacing:.12em; }.review-score p { color:#788074; font-size:.58rem; }.review-stack { display:grid; gap:10px; }.review-stack article { padding:20px; color:#28231f; background:#efe7d9; border-radius:12px; box-shadow:8px 8px 0 #363a34; }.review-stack article:nth-child(2) { margin-left:30px; color:#e8ebe4; background:#20241e; }.review-stack article > div { display:flex; justify-content:space-between; gap:12px; }.review-stack article b { font:600 .9rem Georgia; }.review-stack article div > span:not(.status-pill) { color:#dd9f24; font-size:.6rem; }.review-stack article p { margin:18px 0; font-size:.66rem; line-height:1.5; }.review-stack article > small { color:#756e63; font-size:.52rem; }
.content-demo { min-height:524px; padding:32px; }.library-bar { display:flex; justify-content:space-between; align-items:center; }.library-bar small { color:#747c70; letter-spacing:.12em; }.library-bar h2 { margin:5px 0 0; }.library-bar button { padding:8px 11px; color:#151913; background:var(--green); border-radius:8px; font-size:.63rem; }.content-grid-demo { display:grid; grid-template-columns:1.5fr 1fr; gap:8px; margin-top:25px; }.content-grid-demo article { min-height:100px; display:grid; align-content:end; position:relative; overflow:hidden; padding:12px; background:#20261e; border:1px solid #333b30; border-radius:10px; }.content-grid-demo article.large { grid-row:span 3; min-height:330px; }.content-grid-demo article i { position:absolute; inset:0; opacity:.55; background:linear-gradient(135deg,#6d8769,#313b2f); }.content-grid-demo article:nth-child(2) i { background:linear-gradient(135deg,#b95f45,#4e2c24); }.content-grid-demo article:nth-child(3) i { background:linear-gradient(135deg,#725aa0,#302a42); }.content-grid-demo article:nth-child(4) i { background:linear-gradient(135deg,#c9b26e,#4c442b); }.content-grid-demo small,.content-grid-demo b { position:relative; }.content-grid-demo small { color:#cbd1c7; font-size:.5rem; letter-spacing:.1em; }.content-grid-demo b { margin-top:5px; font-size:.68rem; }
.domain-demo { min-height:524px; display:flex; flex-direction:column; align-items:center; padding:42px 32px 28px; text-align:center; }.domain-lock { width:50px; aspect-ratio:1; display:grid; place-items:center; margin-bottom:25px; color:#151913; background:var(--green); border-radius:50%; font-size:1.4rem; }.domain-demo > small { color:#777f74; letter-spacing:.13em; }.domain-demo h2 { margin:10px 0; font-size:2.2rem; }.domain-secure { display:flex; align-items:center; gap:7px; color:#a5ad9f; font-size:.62rem; }.domain-secure i { width:6px; aspect-ratio:1; background:var(--green); border-radius:50%; box-shadow:0 0 12px var(--green); }.domain-flow { width:100%; display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:10px; margin:50px 0; }.domain-flow > i { height:1px; background:#3b4138; }.domain-flow span { min-width:95px; }.domain-flow small,.domain-flow b { display:block; }.domain-flow small { color:var(--green); font-size:.52rem; }.domain-flow b { margin-top:5px; font-size:.62rem; }.publish-row { width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding:14px; text-align:left; background:#111410; border:1px solid #30352e; border-radius:10px; }.publish-row p,.publish-row small,.publish-row b { display:block; margin:0; }.publish-row small { color:#737b70; font-size:.5rem; }.publish-row b { margin-top:3px; font-size:.66rem; }.publish-row button { padding:8px 10px; color:#151913; background:var(--green); border-radius:7px; font-size:.58rem; }
.modules-demo { min-height:524px; position:relative; display:grid; place-items:center; background:radial-gradient(circle at center,#28351f,transparent 15rem); }.modules-core { width:190px; aspect-ratio:1; display:grid; place-items:center; align-content:center; padding:20px; text-align:center; background:#edf0e6; color:#182015; border-radius:50%; box-shadow:0 0 0 18px #191d16,0 0 0 19px #3a4234; }.modules-core small { letter-spacing:.1em; }.modules-core h2 { margin:10px 0; }.modules-core span { font-size:.55rem; }.module-node { position:absolute; min-width:95px; display:grid; justify-items:center; gap:4px; padding:12px; background:#141713; border:1px solid #3a4037; border-radius:12px; box-shadow:0 14px 30px #0005; }.module-node i { color:var(--green); font-size:1rem; font-style:normal; }.module-node b { font-size:.63rem; }.module-node small { color:#737b70; font-size:.52rem; }.node-a { top:62px; left:58px; }.node-b { top:70px; right:50px; }.node-c { bottom:55px; left:55px; }.node-d { right:47px; bottom:65px; }.node-e { top:235px; right:15px; }
.feature-signal { border-block:1px solid #30352d; background:#10120f; }.feature-signal > div { min-height:190px; display:grid; grid-template-columns:1fr auto; gap:70px; align-items:center; }.feature-signal p { max-width:820px; margin:0; font:500 clamp(1.45rem,3vw,2.8rem)/1.15 Georgia,serif; }.feature-signal > div > div { min-width:170px; padding-left:30px; border-left:1px solid #373d34; }.feature-signal strong,.feature-signal span { display:block; }.feature-signal strong { color:var(--green); font-size:2.6rem; letter-spacing:-.05em; }.feature-signal span { max-width:130px; color:#858c80; font-size:.63rem; line-height:1.4; text-transform:uppercase; letter-spacing:.1em; }
.feature-flow .section-intro { max-width:800px; }.flow-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.flow-grid article { min-height:260px; position:relative; padding:26px; border-right:1px solid var(--line); }.flow-grid article:first-child { border-left:1px solid var(--line); }.flow-grid span { color:#70786c; font-size:.65rem; }.flow-grid h3 { max-width:250px; margin-top:70px; font-size:1.35rem; line-height:1.2; }.flow-grid i { position:absolute; right:24px; bottom:24px; width:36px; aspect-ratio:1; display:grid; place-items:center; color:var(--ink); background:var(--green); border-radius:50%; font-style:normal; }.feature-benefits .detail-promise p { max-width:530px; color:var(--muted); line-height:1.7; }.feature-toggle-callout { background:linear-gradient(135deg,#121510,#171c13); }

/* industry pages */
.industry-index-hero h1 { max-width:1100px; }
.industry-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.industry-showcase-card { display:flex; flex-direction:column; overflow:hidden; color:var(--text); background:#111310; border:1px solid var(--line); border-radius:22px; text-decoration:none; transition:transform .25s ease,border-color .25s ease; }
.industry-showcase-card:hover { transform:translateY(-4px); border-color:#525a4e; }.industry-showcase-wide { grid-column:1/-1; }.industry-card-meta { display:grid; grid-template-columns:auto 1fr auto; gap:16px; padding:16px 19px; border-bottom:1px solid var(--line); font-size:.72rem; }.industry-card-meta span { color:#71786e; }.industry-card-meta i { color:var(--green); font-style:normal; }.industry-showcase-card > .example-site { margin:12px; border-radius:12px; }.industry-card-copy { padding:15px 19px 20px; }.industry-card-copy p { max-width:650px; margin:0 0 12px; color:var(--muted); line-height:1.55; }.industry-card-copy small { color:#777f74; }.industry-open-call { text-align:center; }.industry-open-call > span { color:var(--green); font-size:.72rem; font-weight:850; text-transform:uppercase; letter-spacing:.15em; }.industry-open-call h2 { margin:20px 0; font-size:clamp(3rem,7vw,7.2rem); letter-spacing:-.075em; }.industry-open-call p { max-width:660px; margin:0 auto 30px; color:var(--muted); line-height:1.65; }
.industry-hero { min-height:800px; padding:85px 0 105px; display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:center; }.industry-hero-copy h1 { margin:18px 0 24px; font:600 clamp(3.6rem,6vw,6.8rem)/.93 Georgia,serif; letter-spacing:-.065em; }.industry-hero-copy > p { color:var(--muted); line-height:1.65; }.industry-site-stage { position:relative; overflow:visible; background:#0d0f0c; border:1px solid #353a32; border-radius:20px; box-shadow:0 50px 120px #000b; }.industry-site-stage .example-site { border-radius:0 0 19px 19px; }.industry-float-card { position:absolute; right:-30px; bottom:-34px; min-width:245px; padding:17px; color:#161a13; background:var(--green); border-radius:13px; box-shadow:0 20px 50px #0007; }.industry-float-card small,.industry-float-card strong,.industry-float-card span { display:block; }.industry-float-card small { font-size:.5rem; letter-spacing:.12em; }.industry-float-card strong { margin:8px 0; }.industry-float-card span { font-size:.58rem; }.industry-float-card i { float:right; font-style:normal; }
.industry-proof-strip { color:var(--ink); background:var(--green); }.industry-proof-strip > div { min-height:76px; display:flex; justify-content:space-between; align-items:center; gap:20px; font-size:.69rem; font-weight:850; text-transform:uppercase; letter-spacing:.1em; }.industry-proof-strip i { width:5px; aspect-ratio:1; background:var(--ink); border-radius:50%; }
.industry-journey .section-intro { max-width:840px; }.journey-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.journey-grid article { min-height:330px; padding:27px; display:flex; flex-direction:column; background:#111310; border:1px solid var(--line); border-radius:17px; }.journey-grid article > span { color:var(--green); font-size:.65rem; }.journey-grid h3 { margin:auto 0 20px; font-size:1.55rem; line-height:1.15; letter-spacing:-.03em; }.journey-grid p { color:var(--muted); line-height:1.6; font-size:.85rem; }
.industry-toolkit { background:var(--paper); color:var(--ink); }.industry-toolkit > .shell { display:grid; grid-template-columns:.78fr 1.22fr; gap:100px; align-items:start; }.industry-toolkit .eyebrow,.industry-toolkit .text-link { color:#315b21; }.industry-toolkit h2 { margin:16px 0 20px; font-size:clamp(3rem,6vw,6.3rem); line-height:.92; letter-spacing:-.07em; }.industry-toolkit p { color:#606458; line-height:1.7; }.module-board { border-top:1px solid #b9b8ae; }.module-board > span { display:grid; grid-template-columns:35px 1fr auto; gap:15px; padding:20px 0; border-bottom:1px solid #b9b8ae; align-items:center; }.module-board i { color:#7e8277; font-size:.62rem; font-style:normal; }.module-board b { font-size:1.05rem; }.module-board em { padding:6px 8px; color:#486336; background:#d8e7c6; border-radius:999px; font-size:.55rem; font-style:normal; }.industry-principles .section-intro { max-width:800px; }.principle-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }.principle-grid article { padding:26px; border-right:1px solid var(--line); }.principle-grid article:first-child { border-left:1px solid var(--line); }.principle-grid span { color:#747b71; font-size:.62rem; }.principle-grid h3 { margin:70px 0 15px; font-size:1.25rem; }.principle-grid p { color:var(--muted); line-height:1.6; font-size:.84rem; }

/* templates */
.template-hero { padding:125px 0 88px; }.template-hero h1 { max-width:1100px; margin:22px 0 45px; font-size:clamp(4rem,8vw,8.5rem); line-height:.88; letter-spacing:-.08em; }.template-hero-bottom { display:grid; grid-template-columns:1fr auto; gap:70px; align-items:end; border-top:1px solid var(--line); padding-top:26px; }.template-hero-bottom > p { max-width:710px; margin:0; color:var(--muted); font-size:1.05rem; line-height:1.7; }.template-hero-bottom > div { display:grid; grid-template-columns:auto auto; gap:3px 13px; align-items:end; }.template-hero-bottom strong { color:var(--green); font-size:2.3rem; line-height:1; }.template-hero-bottom span { color:#777f74; font-size:.58rem; text-transform:uppercase; letter-spacing:.1em; }
.template-featured { display:grid; grid-template-columns:1.3fr .7fr; gap:60px; align-items:center; padding:25px; background:#11130f; border:1px solid var(--line); border-radius:25px; }.template-featured-preview { overflow:hidden; border:1px solid #383d35; border-radius:14px; box-shadow:0 30px 70px #0008; }.template-featured-copy { padding-right:25px; }.template-featured-copy h2 { margin:15px 0; font-size:3.4rem; letter-spacing:-.06em; }.template-featured-copy > p { color:var(--muted); line-height:1.65; }.template-spec { margin:28px 0; border-top:1px solid var(--line); }.template-spec > span { display:grid; grid-template-columns:80px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid var(--line); }.template-spec small { color:#747b71; }.template-spec b { font-size:.76rem; }
.template-library-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:45px; }.template-library-head h2 { margin:14px 0 0; font-size:clamp(2.6rem,5vw,5rem); letter-spacing:-.065em; }.template-filters { display:flex; gap:6px; flex-wrap:wrap; }.template-filters button { padding:9px 12px; color:#9aa195; background:#111310; border:1px solid var(--line); border-radius:999px; font-family:inherit; font-size:.66rem; font-weight:750; cursor:pointer; }.template-filters button.active { color:var(--ink); background:var(--green); border-color:var(--green); }.template-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.template-showcase-card { overflow:hidden; background:#111310; border:1px solid var(--line); border-radius:21px; }.template-showcase-card[hidden] { display:none; }.template-showcase-preview { display:block; position:relative; margin:12px; overflow:hidden; border-radius:12px; text-decoration:none; }.template-showcase-preview .example-site { transition:transform .45s cubic-bezier(.2,.8,.2,1); }.template-showcase-preview:hover .example-site { transform:scale(1.015); }.preview-action { position:absolute; right:14px; bottom:14px; padding:9px 12px; color:var(--ink); background:var(--green); border-radius:999px; font-size:.62rem; font-weight:850; opacity:0; transform:translateY(6px); transition:.2s ease; }.template-showcase-preview:hover .preview-action { opacity:1; transform:none; }.preview-action i { font-style:normal; }.template-showcase-copy { padding:12px 22px 24px; }.template-showcase-copy > div { display:flex; justify-content:space-between; gap:20px; color:#747c70; font-size:.58rem; text-transform:uppercase; letter-spacing:.1em; }.template-showcase-copy h3 { margin:12px 0; font-size:1.8rem; letter-spacing:-.04em; }.template-showcase-copy p { color:var(--muted); line-height:1.55; }.template-showcase-copy footer { display:grid; grid-template-columns:1fr auto; gap:20px; align-items:end; padding-top:15px; border-top:1px solid var(--line); }.template-showcase-copy footer small { color:#737b70; line-height:1.5; }.template-showcase-copy footer a { color:var(--green); text-decoration:none; font-size:.68rem; font-weight:850; white-space:nowrap; }.template-disclaimer { max-width:800px; margin:28px auto 0; color:#737b70; text-align:center; font-size:.7rem; line-height:1.6; }
.template-detail-head { padding:105px 0 60px; }.template-detail-head > div:not(.template-detail-actions) { display:grid; grid-template-columns:1fr 1.2fr; gap:60px; align-items:start; }.template-detail-head h1 { margin:8px 0 0; font-size:clamp(4.5rem,10vw,10rem); line-height:.83; letter-spacing:-.085em; }.template-detail-head p { max-width:590px; color:var(--muted); font-size:1.05rem; line-height:1.7; }.template-detail-actions { display:flex; justify-content:flex-end; align-items:center; gap:20px; margin-top:28px; }.template-detail-actions > span { color:#767d72; font-size:.65rem; }.template-browser { overflow:hidden; background:#0e100d; border:1px solid #383d35; border-radius:24px; box-shadow:0 55px 140px #000b; }.template-browser .example-site { border-radius:0; }.template-browser-lower { padding:8vw 7vw; display:grid; grid-template-columns:1fr .9fr; gap:8vw; color:var(--site-ink,#182018); background:var(--paper); }.template-browser-lower > div:first-child small { color:#747970; letter-spacing:.12em; }.template-browser-lower h2 { margin:22px 0; font:500 clamp(2rem,4vw,4.8rem)/1 Georgia,serif; letter-spacing:-.05em; }.template-browser-lower p { color:#64685f; line-height:1.7; }.browser-story-art { min-height:420px; position:relative; overflow:hidden; background:linear-gradient(145deg,#8c987b,#d37251); }.browser-story-art i { position:absolute; width:65%; aspect-ratio:1; top:-15%; right:-15%; border:1px solid #e8e2d488; border-radius:50%; }.browser-story-art span { position:absolute; right:20px; bottom:10px; color:#eee8daaa; font:500 2rem Georgia; }.template-browser-lower blockquote { grid-column:1/-1; max-width:850px; margin:5vw auto 0; text-align:center; font:italic 500 clamp(2rem,4vw,4rem)/1.15 Georgia; }.template-blueprint { display:grid; grid-template-columns:.75fr 1.25fr; gap:100px; }.template-blueprint h2,.template-responsive h2 { margin:15px 0; font-size:clamp(3rem,6vw,6.4rem); line-height:.92; letter-spacing:-.07em; }.template-blueprint > div:first-child p,.template-responsive > div:first-child p { color:var(--muted); line-height:1.7; }.blueprint-list { border-top:1px solid var(--line); }.blueprint-list article { padding:22px 0; border-bottom:1px solid var(--line); }.blueprint-list article > span { display:block; margin-bottom:15px; color:#737b70; font-size:.63rem; text-transform:uppercase; letter-spacing:.1em; }.blueprint-list p { display:flex; gap:7px; flex-wrap:wrap; margin:0; }.blueprint-list b { padding:8px 10px; color:#c9cfc5; background:#151813; border:1px solid #30352e; border-radius:999px; font-size:.62rem; }.template-responsive { display:grid; grid-template-columns:.68fr 1.32fr; gap:90px; align-items:center; }.device-pair { min-height:530px; display:flex; align-items:end; justify-content:center; gap:22px; padding:25px; background:#111310; border:1px solid var(--line); border-radius:24px; }.device { overflow:hidden; border:7px solid #272b25; background:#272b25; box-shadow:0 28px 60px #0008; }.device.desktop { width:78%; border-radius:12px; }.device.phone { width:23%; border-width:6px; border-radius:22px; }.device .example-site-nav { height:32px; padding:0 11px; }.device .example-site-nav span { display:none; }.device .example-site-body { min-height:270px; }.device.phone .example-site-body { display:block; min-height:320px; }.device.phone .example-site-copy { padding:40px 15px; }.device.phone .example-site-copy h2 { font-size:1.35rem; }.device.phone .example-site-art { display:none; }.device.phone .example-site-nav i { display:block; }.device .example-site-foot { display:none; }

@media (max-width: 1100px) {
  .feature-hero,.industry-hero { grid-template-columns:1fr; gap:50px; }
  .feature-hero-copy,.industry-hero-copy { max-width:850px; }
  .feature-product,.industry-site-stage { width:100%; }
  .home-template-showcase { grid-template-columns:1fr; }
  .home-template-stack { width:min(100%,800px); margin:auto; }
  .template-featured { grid-template-columns:1fr; }
  .template-featured-copy { padding:20px; }
  .template-blueprint,.template-responsive { grid-template-columns:1fr; gap:50px; }
}

@media (max-width: 820px) {
  .site-header { height:70px; }
  .feature-gallery,.industry-gallery,.template-gallery { grid-template-columns:1fr; }
  .feature-tile-wide,.industry-showcase-wide { grid-column:auto; }
  .feature-signal > div { grid-template-columns:1fr; gap:25px; padding:45px 0; }
  .feature-signal > div > div { padding:20px 0 0; border-left:0; border-top:1px solid #373d34; }
  .flow-grid,.journey-grid,.principle-grid { grid-template-columns:1fr; }
  .flow-grid article,.principle-grid article,.principle-grid article:first-child { border-left:1px solid var(--line); border-bottom:1px solid var(--line); }
  .industry-toolkit > .shell { grid-template-columns:1fr; gap:50px; }
  .template-hero-bottom { grid-template-columns:1fr; gap:30px; }
  .template-library-head { align-items:flex-start; flex-direction:column; }
  .template-detail-head > div:not(.template-detail-actions) { grid-template-columns:1fr; gap:20px; }
  .template-browser-lower { grid-template-columns:1fr; }
  .template-browser-lower blockquote { grid-column:auto; }
}

@media (max-width: 620px) {
  body { background-size:44px 44px; }
  .main-nav { top:68px; }
  .directory-hero { min-height:600px; }
  .marketing-home .hero h1 { font-size:clamp(3.5rem,17vw,5.3rem); }
  .home-template-stack { min-height:430px; }
  .home-template-card { width:86%; }
  .home-template-card.card-1 { top:55px; }.home-template-card.card-2 { top:0; }.home-template-card.card-3 { bottom:5px; }
  .home-template-card .example-site-copy p,.home-template-card .example-site-art { display:none; }
  .home-template-card .example-site-body { display:block; min-height:180px; }
  .feature-tile { min-height:430px; }
  .feature-hero,.industry-hero { min-height:auto; padding-top:65px; }
  .feature-hero-copy h1,.industry-hero-copy h1 { font-size:clamp(3.2rem,15vw,5rem); }
  .feature-product { min-height:500px; border-radius:15px; }
  .product-window-bar,.browser-bar { height:40px; }
  .builder-demo { grid-template-columns:82px 1fr; }.builder-demo aside { padding:12px 6px; }.builder-demo aside span { padding:7px 5px; font-size:.52rem; }.demo-canvas { margin:9px; padding:20px 14px; }.demo-canvas h2 { font-size:2.15rem; }.demo-nav span { display:none; }.demo-shapes i:first-child { opacity:.55; }
  .inbox-demo { grid-template-columns:1fr; }.inbox-list { display:none; }
  .orders-demo { grid-template-columns:1fr; padding:25px; }.status-rail { display:none; }
  .calendar-demo,.rules-demo,.analytics-demo,.content-demo { padding:20px 14px; }.week-row span { height:55px; }.rules-head > span,.rule-row em { display:none; }.rule-row { grid-template-columns:auto 1fr auto; }.floating-notice { width:90%; }
  .seo-demo { grid-template-columns:1fr; padding:25px 20px; }.score-ring { width:100px; }
  .ai-demo,.reviews-demo { grid-template-columns:1fr; }.editor-copy { padding:30px 22px; min-height:340px; }.ai-tools { display:none; }.review-score { display:none; }
  .domain-demo { padding:30px 14px; }.domain-demo h2 { font-size:1.45rem; }.domain-flow { gap:5px; }.domain-flow span { min-width:68px; }.domain-flow b { font-size:.5rem; }
  .module-node { min-width:78px; padding:8px; }.node-a { left:10px; }.node-b { right:10px; }.node-c { left:10px; }.node-d { right:10px; }.node-e { display:none; }
  .industry-float-card { right:10px; bottom:-45px; min-width:210px; }
  .industry-proof-strip > div { min-height:100px; flex-direction:column; justify-content:center; gap:7px; text-align:center; }.industry-proof-strip i { display:none; }
  .example-site-nav { height:42px; padding:0 14px; }.example-site-nav span { display:none; }.example-site-nav i { display:block; }.example-site-body,.example-site-card .example-site-body,.example-site-featured .example-site-body { display:block; min-height:310px; }.example-site-copy,.example-site-card .example-site-copy { padding:42px 24px; }.example-site-copy h2,.example-site-card .example-site-copy h2 { font-size:2.35rem; }.example-site-art,.example-site-card .example-site-art { position:absolute; width:45%; height:150px; min-height:0; right:-15px; bottom:-25px; margin:0; opacity:.52; }.example-site-full .example-site-body { min-height:500px; }.example-site-full .example-site-copy h2 { font-size:3.4rem; }
  .template-hero { padding-top:80px; }.template-hero h1 { font-size:clamp(3.5rem,16vw,5.5rem); }.template-featured { padding:12px; gap:20px; }.template-featured-copy h2 { font-size:2.6rem; }.template-showcase-copy footer { grid-template-columns:1fr; }.preview-action { opacity:1; transform:none; }
  .template-detail-head { padding-top:70px; }.template-detail-actions { align-items:flex-start; flex-direction:column; }.template-browser { border-radius:14px; }.browser-story-art { min-height:280px; }.device-pair { min-height:390px; padding:12px; gap:8px; }.device.desktop { width:76%; }.device.phone { width:29%; }.device .example-site-copy { padding:20px 10px; }.device .example-site-copy h2 { font-size:1.1rem; }.device .example-site-copy > b { font-size:.4rem; }.device .example-site-art { display:none; }
  .site-footer .footer-groups { grid-template-columns:1fr 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .feature-marquee > div { animation:none; }
  .reveal-ready [data-reveal] { opacity:1; transform:none; transition:none; }
  .button,.feature-tile,.industry-showcase-card,.template-showcase-preview .example-site,.home-template-card { transition:none; }
}

/* Small-text contrast guardrails for miniature site previews. */
.example-site-nav span,
.example-site-copy p { opacity: .9; }
.example-site-forge { --site-button-ink:#070907; }
.example-site-civic { --site-button-ink:#0d1830; }
.example-site-tumble { --site-button-ink:#15363d; }
.example-site-folio { --site-button-ink:#050505; }
.tile-inbox em,
.industry-card-meta span,
.industry-card-copy small { color:#899185; }
.template-showcase-copy > div,
.template-showcase-copy footer small,
.template-disclaimer,
.blueprint-list article > span { color:#899185; }
.template-browser-lower > div:first-child small,
.template-browser-lower p { color:#555b51; }
.browser-story-art span { color:#eee8da; }
.module-board i { color:#555b51; }
.template-spec small { color:#899185; }
@media (max-width:620px) { .home-template-stack { overflow:hidden; } }

/* Template System V2 */
.template-shot {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 250px;
  background: #171b18;
}
.template-shot > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  transition: transform .5s cubic-bezier(.2,.8,.2,1), filter .3s ease;
}
.template-shot:hover > img { transform: scale(1.025); filter: saturate(1.06); }
.template-featured-preview.template-shot { border-radius: 14px; text-decoration: none; }
.template-filter-panel {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 9px;
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: #10130f;
}
.template-filter-panel label { color: #858e81; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.template-filter-panel select { width: 100%; margin-top: 7px; padding: 10px 11px; color: #e8ece6; border: 1px solid #30362f; border-radius: 9px; background: #171b16; font-size: .76rem; text-transform: none; letter-spacing: 0; }
.template-result-count { margin: 0 0 25px; color: #7c8578; font-size: .72rem; }
.template-result-count b { color: var(--green); }
.template-live-browser { overflow: hidden; border: 1px solid #394039; border-radius: 24px; background: #0c0f0c; box-shadow: 0 55px 140px #000a; }
.template-preview-toolbar { min-height: 58px; display: grid; grid-template-columns: 1fr auto 1fr; gap: 20px; align-items: center; padding: 10px 16px; border-bottom: 1px solid #2b312b; }
.template-preview-toolbar > a { justify-self: end; color: var(--green); text-decoration: none; font-size: .72rem; font-weight: 800; }
.browser-dots { display: flex; gap: 6px; }
.browser-dots i { width: 8px; height: 8px; border-radius: 50%; background: #4b534a; }
.device-controls { display: flex; gap: 4px; padding: 4px; border: 1px solid #2f352f; border-radius: 10px; }
.device-controls button,.template-page-tabs button { color: #929b8f; border: 0; background: transparent; cursor: pointer; }
.device-controls button { padding: 6px 10px; border-radius: 7px; font-size: .68rem; }
.device-controls button.active { color: #102015; background: var(--green); }
.template-page-tabs { display: flex; gap: 2px; overflow-x: auto; padding: 8px 13px; border-bottom: 1px solid #2b312b; scrollbar-width: thin; }
.template-page-tabs button { padding: 8px 11px; white-space: nowrap; border-radius: 8px; font-size: .68rem; }
.template-page-tabs button.active { color: #fff; background: #20251f; }
.template-viewport { width: 100%; margin: 0 auto; transition: width .25s ease; background: #20241f; }
.template-viewport.tablet { width: 768px; max-width: 100%; border-inline: 8px solid #20241f; }
.template-viewport.mobile { width: 376px; max-width: 100%; border-inline: 8px solid #20241f; }
.template-viewport iframe { display: block; width: 100%; height: min(76vh,900px); min-height: 620px; border: 0; background: white; }
.responsive-notes { display: grid; grid-template-columns: auto 1fr; gap: 0; border-top: 1px solid var(--line); }
.responsive-notes b,.responsive-notes span { padding: 20px; border-bottom: 1px solid var(--line); }
.responsive-notes b { color: var(--green); font-size: 1.8rem; }
.responsive-notes span { color: var(--muted); }
@media (max-width: 900px) {
  .template-filter-panel { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .template-filter-panel { grid-template-columns: 1fr; }
  .template-preview-toolbar { grid-template-columns: 1fr auto; }
  .template-preview-toolbar .browser-dots { display: none; }
  .device-controls button { padding-inline: 7px; }
  .template-viewport iframe { min-height: 560px; }
}
.feature-hero > *,
.industry-hero > * { min-width:0; }
.inbox-list .active small,
.lead-facts small,
.metric-grid small,
.publish-row small,
.module-node small { color:#899185; }
.inbox-list .active em,
.appointments b small { color:#9da69a; }
.floating-notice em { color:#555b51; }
.review-stack article > small { color:#5b564d; }
.review-stack article:nth-child(2) > small { color:#929a8e; }

/* ============================================================
   Marketing section library (mk-*)
   Shared patterns for /features/<slug> and /industries/<slug>.
   Each page picks its own set and order via its `layout` tuple.
   Additive only — no shared selector is redefined here.
   ============================================================ */

:root { --page-accent: var(--green); --page-accent-ink: var(--ink); }

/* per-industry accent, taken from each example site palette */
.industry-page-forge     { --page-accent:#f08a63; --page-accent-ink:#1b1d1a; }
.industry-page-saffron   { --page-accent:#e8a05f; --page-accent-ink:#3b1c15; }
.industry-page-harvest   { --page-accent:#9fd08a; --page-accent-ink:#203323; }
.industry-page-botanical { --page-accent:#baff74; --page-accent-ink:#142014; }
.industry-page-ledger    { --page-accent:#9dc0f0; --page-accent-ink:#17283f; }
.industry-page-blush     { --page-accent:#f0a3b6; --page-accent-ink:#431f2d; }
.industry-page-signal    { --page-accent:#f2f04b; --page-accent-ink:#111; }
.industry-page-civic     { --page-accent:#8fb0f5; --page-accent-ink:#0d1830; }
.industry-page-torque    { --page-accent:#ff8f6a; --page-accent-ink:#171717; }
.industry-page-tumble    { --page-accent:#7fd4d8; --page-accent-ink:#123c45; }
.industry-page-kinetic   { --page-accent:#d8ff4f; --page-accent-ink:#0e150b; }
.industry-page-hideaway  { --page-accent:#dcc79f; --page-accent-ink:#173038; }
.industry-page-folio     { --page-accent:#f0705d; --page-accent-ink:#181818; }
.industry-page-assembly  { --page-accent:#c3a6e4; --page-accent-ink:#2b1c42; }

.feature-page-forms-crm    { --page-accent:#9fe0ff; --page-accent-ink:#0b1b24; }
.feature-page-ordering     { --page-accent:#ffb27d; --page-accent-ink:#241408; }
.feature-page-bookings     { --page-accent:#c8b0ff; --page-accent-ink:#1a1230; }
.feature-page-notifications{ --page-accent:#ff9d7d; --page-accent-ink:#241109; }
.feature-page-ai           { --page-accent:#d2b6ff; --page-accent-ink:#1f1533; }
.feature-page-reputation   { --page-accent:#ffd166; --page-accent-ink:#241a04; }
.feature-page-domains      { --page-accent:#8fe3c4; --page-accent-ink:#07231a; }

.mk-goodfor { max-width:520px; margin:-8px 0 0; color:#9aa193; font-size:.95rem; font-style:italic; line-height:1.6; }
.mk-alsofor { max-width:520px; margin:-8px 0 0; color:#9aa193; font-size:.88rem; line-height:1.6; }
.feature-tile-goodfor { display:block; margin:10px 0 16px; color:#8f968a; font-size:.82rem; font-style:italic; line-height:1.5; }
.industry-card-alsofor { display:block; margin-top:6px; color:#7d857a; font-size:.76rem; }
.feature-group + .feature-group { padding-top:0; }
.feature-group .section-intro { max-width:720px; }

/* timeline — feature `story`, industry `week` */
.mk-timeline-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.mk-timeline-list > li { display:grid; grid-template-columns:170px minmax(0,1fr); gap:24px; align-items:baseline; position:relative; padding:26px 0 26px 26px; border-bottom:1px solid var(--line); }
.mk-timeline-list > li::before { content:""; position:absolute; left:0; top:34px; width:9px; height:9px; border-radius:50%; background:var(--page-accent); }
.mk-timeline-list > li::after { content:""; position:absolute; left:4px; top:43px; bottom:-14px; width:1px; background:var(--line); }
.mk-timeline-list > li:last-child::after { display:none; }
.mk-when { color:var(--page-accent); font-size:.72rem; font-weight:850; letter-spacing:.11em; text-transform:uppercase; overflow-wrap:anywhere; }
.mk-timeline-list p { margin:0; max-width:640px; color:#c3c9bd; font-size:1.02rem; line-height:1.65; }

/* two columns — feature `split`, industry `two_sides` */
.mk-compare-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.mk-compare-grid article { min-width:0; padding:32px; border:1px solid var(--line); border-radius:20px; background:#111310; }
.mk-compare-auto { border-color:color-mix(in srgb, var(--page-accent) 42%, var(--line)); background:linear-gradient(160deg,#141812,#101208); }
.mk-compare-grid h3 { margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid var(--line); font-size:1.15rem; letter-spacing:-.02em; }
.mk-compare-grid ul { list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.mk-compare-grid li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:12px; color:#c3c9bd; line-height:1.55; }
.mk-compare-grid li::before { content:"✓"; color:var(--page-accent); font-weight:850; }
.mk-compare-yours li::before { content:"→"; color:#9aa193; }

/* industry-linked examples */
.mk-usecase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mk-usecase-grid article { min-width:0; display:flex; flex-direction:column; padding:28px; border:1px solid var(--line); border-top:2px solid var(--page-accent); border-radius:0 0 18px 18px; background:#111310; }
.mk-tag { display:inline-flex; width:max-content; margin-bottom:20px; padding:6px 10px; color:#c9d0c3; background:#191d16; border-radius:999px; font-size:.66rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.mk-usecase-grid h3 { margin:0 0 12px; font-size:1.3rem; line-height:1.25; letter-spacing:-.03em; }
.mk-usecase-grid p { margin:0 0 22px; color:var(--muted); line-height:1.6; font-size:.92rem; }
.mk-usecase-grid .text-link { margin-top:auto; font-size:.82rem; }

/* benefit list bodies */
.benefit-list article > div { min-width:0; }
.benefit-list article p { margin:8px 0 0; max-width:520px; color:var(--muted); line-height:1.6; font-size:.9rem; }

/* walkthrough step bodies */
.flow-grid article p { margin:14px 0 0; max-width:260px; color:var(--muted); line-height:1.6; font-size:.88rem; }
.flow-grid h3 { margin-top:34px; }

/* plans */
.mk-plan-rows { margin:0 0 30px; border-top:1px solid var(--line); }
.mk-plan-rows > div { display:grid; grid-template-columns:180px minmax(0,1fr); gap:24px; padding:24px 0; border-bottom:1px solid var(--line); }
.mk-plan-rows dt { color:var(--page-accent); font-size:1.05rem; font-weight:850; }
.mk-plan-rows dd { margin:0; max-width:620px; color:#c3c9bd; line-height:1.65; }

/* candid notes */
.mk-notes-card { padding:44px; border:1px solid #4a4b33; border-radius:22px; background:linear-gradient(150deg,#171810,#111309); }
.mk-notes-card h2 { margin:14px 0 26px; font-size:clamp(1.9rem,4vw,3.2rem); line-height:1; letter-spacing:-.05em; }
.mk-notes-card ul { list-style:none; margin:0; padding:0; display:grid; gap:18px; }
.mk-notes-card li { display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; max-width:900px; color:#cfd3c2; line-height:1.65; }
.mk-notes-card li::before { content:"◷"; color:#e2c05f; font-size:1.05rem; }
.mk-notes-foot { margin:28px 0 0; color:#8d9384; font-size:.86rem; }

/* before and after */
.mk-ba-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:stretch; }
.mk-ba-grid article { min-width:0; padding:34px; border-radius:20px; }
.mk-ba-grid span { display:block; margin-bottom:20px; font-size:.68rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.mk-ba-grid p { margin:0; font-size:1.05rem; line-height:1.6; overflow-wrap:anywhere; }
.mk-ba-before { border:1px dashed #4c5247; background:#0f110d; }
.mk-ba-before span { color:#8d9384; }
.mk-ba-before p { color:#949b8d; }
.mk-ba-after { border:1px solid var(--page-accent); background:linear-gradient(150deg,#161a12,#101309); }
.mk-ba-after span { color:var(--page-accent); }
.mk-ba-after p { color:#e6ebdf; }

/* starter pages */
.mk-page-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:12px; }
.mk-page-grid article { min-width:0; padding:26px; border:1px solid var(--line); border-radius:16px; background:#111310; }
.mk-page-grid span { color:var(--page-accent); font-size:.68rem; font-weight:850; letter-spacing:.1em; }
.mk-page-grid h3 { margin:16px 0 10px; font-size:1.2rem; letter-spacing:-.02em; }
.mk-page-grid p { margin:0; color:var(--muted); line-height:1.6; font-size:.88rem; }

/* toolkit rows become links with a reason */
.module-board > a { display:grid; grid-template-columns:35px minmax(0,1fr) auto; gap:15px; align-items:center; padding:20px 0; border-bottom:1px solid #b9b8ae; color:inherit; text-decoration:none; }
.module-board > a > span { min-width:0; }
.module-board b { display:block; font-size:1.05rem; }
.module-board small { display:block; margin-top:5px; color:#5d6156; line-height:1.5; font-size:.83rem; }
.module-board em { color:#315b21; font-style:normal; font-weight:850; }
.module-board > a:hover b { text-decoration:underline; }

/* template screenshots for an industry */
.mk-template-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:18px; }
.mk-template-grid article { min-width:0; overflow:hidden; border:1px solid var(--line); border-radius:20px; background:#111310; }
.mk-template-grid .template-shot { margin:12px; border-radius:12px; }
.mk-template-grid > article > div { padding:4px 22px 24px; }
.mk-template-grid span { color:#8b937f; font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.mk-template-grid h3 { margin:10px 0 6px; font-size:1.5rem; letter-spacing:-.03em; }
.mk-template-grid p { margin:0; color:var(--muted); font-size:.85rem; }

/* fictional owner quote */
.mk-voice figure { margin:0; max-width:960px; }
.mk-voice blockquote { margin:0; font:500 clamp(1.6rem,3.6vw,3rem)/1.2 Georgia,serif; letter-spacing:-.03em; text-wrap:balance; }
.mk-voice blockquote::before { content:"“"; color:var(--page-accent); }
.mk-voice blockquote::after { content:"”"; color:var(--page-accent); }
.mk-voice figcaption { margin-top:28px; max-width:620px; color:#9aa193; line-height:1.6; font-size:.9rem; }
.mk-fiction { display:inline-flex; margin-right:10px; padding:5px 9px; color:#cfd5c7; background:#1b1f18; border:1px solid #363c33; border-radius:999px; font-size:.62rem; font-weight:850; letter-spacing:.1em; text-transform:uppercase; }

/* questions */
.mk-faq .section-intro { margin-bottom:26px; }
.mk-faq details { border-top:1px solid var(--line); padding:22px 0; }
.mk-faq details:last-of-type { border-bottom:1px solid var(--line); }
.mk-faq summary { cursor:pointer; font-size:1.05rem; font-weight:750; }
.mk-faq summary:hover { color:var(--page-accent); }
.mk-faq details p { margin:14px 0 0; max-width:760px; color:var(--muted); line-height:1.7; }

/* keep exploring */
.mk-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.mk-related-grid a { min-width:0; display:flex; flex-direction:column; padding:26px; color:var(--text); background:#111310; border:1px solid var(--line); border-radius:18px; text-decoration:none; transition:transform .2s ease, border-color .2s ease; }
.mk-related-grid a:hover { transform:translateY(-3px); border-color:#565e50; }
.mk-related-grid span { color:#878f7d; font-size:.66rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.mk-related-grid strong { margin:14px 0 10px; font-size:1.28rem; letter-spacing:-.03em; }
.mk-related-grid p { margin:0 0 22px; color:var(--muted); line-height:1.55; font-size:.88rem; }
.mk-related-grid em { margin-top:auto; color:var(--page-accent); font-style:normal; font-weight:850; font-size:.8rem; }
.mk-related-grid i { font-style:normal; }

@media (max-width: 1100px) {
  .mk-usecase-grid, .mk-related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .mk-compare-grid, .mk-ba-grid, .mk-usecase-grid, .mk-related-grid { grid-template-columns:1fr; }
  .mk-timeline-list > li { grid-template-columns:1fr; gap:8px; }
  .mk-plan-rows > div { grid-template-columns:1fr; gap:8px; }
  .mk-notes-card { padding:30px 24px; }
  .mk-compare-grid article { padding:26px; }
}

@media (max-width: 620px) {
  .mk-timeline-list > li { padding:22px 0 22px 22px; }
  .mk-ba-grid article, .mk-page-grid article, .mk-usecase-grid article, .mk-related-grid a { padding:22px; }
  .mk-page-grid { grid-template-columns:1fr; }
  .mk-template-grid { grid-template-columns:1fr; }
  .mk-voice blockquote { font-size:1.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .mk-related-grid a { transition:none; }
}