:root{
  --ink:#13242a;--ink-2:#294149;--muted:#60767d;--line:#dce6e3;--surface:#ffffff;--page:#f6f8f7;
  --mist:#e9f1ef;--mist-2:#edf2f7;--sage:#7d9f97;--sage-deep:#496f67;--sky:#7494aa;--lav:#8c86a8;
  --sand:#b49a7b;--accent:#315f58;--accent-2:#234c46;--success:#4d766c;
  --radius:24px;--radius-sm:16px;--shadow:0 20px 60px rgba(28,55,58,.08);--shadow-soft:0 10px 34px rgba(25,50,55,.055);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--page);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{max-width:100%;height:auto}main{min-height:60vh}
.site-header{position:sticky;top:0;z-index:40;background:rgba(246,248,247,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(205,218,215,.72)}.nav-shell{width:min(1240px,calc(100% - 40px));height:76px;margin:auto;display:flex;align-items:center;gap:30px}.brand-lockup{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#244e49,#759b92);color:#fff;font-weight:900;letter-spacing:-.08em;box-shadow:0 8px 22px rgba(49,95,88,.18)}.brand-copy{display:flex;align-items:baseline;gap:6px;font-size:1.2rem}.brand-copy strong{font-weight:850;letter-spacing:.045em}.brand-copy span{font-weight:650;color:#60727a}.desktop-nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}.desktop-nav a{font-size:.92rem;font-weight:650;color:#455d65;transition:.18s ease}.desktop-nav a:hover,.desktop-nav a.active{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:12px}.login-link{font-weight:700;color:#38525a;padding:9px 5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent-2);background:var(--accent-2);color:#fff;font-weight:750;padding:12px 18px;border-radius:13px;box-shadow:0 8px 20px rgba(35,76,70,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(35,76,70,.16)}.button.secondary{background:#fff;color:var(--ink);border-color:#cfded9;box-shadow:none}.button.soft{background:#e4efec;color:#234c46;border-color:#d5e6e1;box-shadow:none}.button.compact{padding:9px 13px;font-size:.86rem;border-radius:11px}.button.large{padding:14px 21px;font-size:1rem}.button.light{background:#fff;color:var(--accent-2);border-color:#fff}.header-cta{padding:10px 15px}.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-content:center;gap:4px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:18px;height:2px;background:var(--ink);border-radius:2px}.mobile-menu-panel{position:absolute;right:0;top:50px;width:min(310px,calc(100vw - 32px));padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;gap:2px}.mobile-menu-panel>a:not(.button){padding:10px;border-radius:9px;font-weight:650;color:#40585f}.mobile-menu-panel>a:not(.button):hover{background:var(--mist)}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section{padding:86px 0}.section.tight{padding:58px 0}.section.alt{background:#eef3f1;border-top:1px solid rgba(210,224,220,.75);border-bottom:1px solid rgba(210,224,220,.75)}.section.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:38px;margin-bottom:34px}.section-head>div:first-child{max-width:760px}.section-head p{max-width:470px;margin:0;color:var(--muted)}.eyebrow,.kicker{font-size:.74rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-deep)}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.75rem,6.1vw,5.25rem);margin:16px 0 22px}h2{font-size:clamp(2rem,4vw,3.15rem);margin:10px 0 18px}h3{font-size:1.35rem;margin:10px 0 12px}p{margin:0 0 16px}.lead{font-size:clamp(1.05rem,1.65vw,1.24rem);line-height:1.75;color:#526a72;max-width:760px}.muted{color:var(--muted)}.micro{font-size:.84rem;color:#75898f}.gradient-text{background:linear-gradient(110deg,#315f58,#6f8fa3 55%,#8a829e);-webkit-background-clip:text;background-clip:text;color:transparent}.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.83rem;color:#788b90;margin-bottom:24px}.breadcrumb a{color:#526b72;font-weight:650}.breadcrumb span{color:#9badb0}
.hero-home{position:relative;overflow:hidden;padding:92px 0 78px;background:radial-gradient(circle at 84% 18%,rgba(192,219,211,.52),transparent 27%),radial-gradient(circle at 72% 66%,rgba(211,219,235,.55),transparent 31%),linear-gradient(180deg,#f9fbfa 0,#f4f7f6 100%)}.hero-home:after{content:"";position:absolute;inset:auto -80px -180px auto;width:460px;height:460px;border:1px solid rgba(81,118,108,.10);border-radius:50%}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:62px;align-items:center}.hero-copy .lead{max-width:700px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:24px}.proof-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;background:rgba(255,255,255,.68);border:1px solid rgba(205,220,216,.9);border-radius:999px;color:#4a666b;font-size:.82rem;font-weight:650}.proof-chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#709c8f}.hero-showcase{position:relative;min-height:430px}.showcase-shell{position:absolute;inset:10px 0 0 36px;border-radius:30px;background:rgba(255,255,255,.82);border:1px solid rgba(205,218,216,.9);box-shadow:0 28px 80px rgba(45,73,74,.12);padding:18px;backdrop-filter:blur(14px)}.showcase-window{height:100%;background:linear-gradient(160deg,#f4f7f6,#edf3f2);border-radius:21px;border:1px solid #dfe8e5;overflow:hidden}.window-bar{height:42px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid #dde6e3;background:rgba(255,255,255,.75)}.window-dot{width:7px;height:7px;border-radius:50%;background:#a9bbb7}.window-content{display:grid;grid-template-columns:95px 1fr;height:calc(100% - 42px)}.fake-sidebar{border-right:1px solid #dce6e3;padding:17px 12px}.fake-logo{height:18px;border-radius:6px;background:#7b9f96;margin-bottom:22px}.fake-menu{height:8px;border-radius:4px;background:#d2dfdc;margin:12px 0}.fake-main{padding:22px}.fake-title{width:58%;height:28px;border-radius:8px;background:#294e4a;margin-bottom:10px}.fake-subtitle{width:75%;height:9px;border-radius:5px;background:#c8d7d4}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.fake-card{height:84px;border-radius:13px;background:#fff;border:1px solid #dce7e3}.fake-chart{height:115px;margin-top:12px;border-radius:15px;background:linear-gradient(140deg,#d6e8e3,#e2e8f0)}.floating-product{position:absolute;border-radius:18px;background:#fff;border:1px solid #dce6e3;box-shadow:var(--shadow-soft);padding:14px 16px;display:flex;align-items:center;gap:11px}.floating-product b{display:block;font-size:.9rem}.floating-product span{display:block;font-size:.76rem;color:var(--muted)}.float-one{top:0;right:-8px}.float-two{bottom:24px;left:0}.product-icon{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;font-weight:900}.icon-app{background:#dfebe8;color:#356157}.icon-web{background:#e4eaf2;color:#527189}
.stat-strip{margin-top:-1px;background:#fff;border-top:1px solid #e3eae8;border-bottom:1px solid #e3eae8}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat-item{padding:22px 28px;border-right:1px solid #e3eae8}.stat-item:last-child{border-right:0}.stat-item strong{display:block;font-size:1.1rem}.stat-item span{display:block;color:var(--muted);font-size:.86rem;margin-top:2px}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sales-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:25px}.product-sales-card{display:flex;flex-direction:column;min-height:355px}.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiet-badge{font-size:.72rem;font-weight:750;color:#61757b;background:#edf2f0;border:1px solid #dfe8e5;border-radius:999px;padding:5px 8px}.product-sales-card p{color:var(--muted);line-height:1.65;flex:1}.price-line{margin-top:18px;display:flex;align-items:baseline;gap:9px}.price-line strong{font-size:1.55rem;letter-spacing:-.03em}.price-line span,.price-note{font-size:.78rem;color:#73868b}.price-note{min-height:23px}.card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.text-link{font-weight:750;color:var(--accent);font-size:.9rem}.text-link:hover{text-decoration:underline}
.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.solution-card{position:relative;overflow:hidden;min-height:300px;padding:28px;border-radius:26px;border:1px solid #dbe6e2;background:linear-gradient(160deg,#fff,#f0f5f3)}.solution-card:nth-child(2){background:linear-gradient(160deg,#fff,#edf2f8)}.solution-card:nth-child(3){background:linear-gradient(160deg,#fff,#f2f0f6)}.solution-index{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e2eeea;color:#315f58;font-weight:850}.solution-card h3{font-size:1.7rem;margin-top:38px}.solution-card p{color:var(--muted)}.solution-card ul{padding-left:18px;color:#4f686f}.solution-card .text-link{position:absolute;bottom:26px;left:28px}
.feature-band{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-item{padding:18px;border:1px solid #dbe5e2;border-radius:17px;background:#fff}.feature-item strong{display:block}.feature-item span{display:block;margin-top:4px;color:var(--muted);font-size:.87rem}.quote-panel{padding:34px;border-radius:28px;background:#18343a;color:#fff;box-shadow:var(--shadow)}.quote-panel .eyebrow{color:#a9c8c0}.quote-panel h2{margin-top:12px}.quote-panel p{color:#c9dbd7}.quote-panel .button{margin-top:14px}
.template-teaser{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-teaser-card,.template-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft)}.template-scene{height:200px;padding:14px;background:linear-gradient(145deg,#dfece8,#eef2f7);display:grid;place-items:center}.template-browser{width:100%;height:100%;border-radius:13px;background:#fff;border:1px solid rgba(170,190,185,.75);overflow:hidden;box-shadow:0 10px 30px rgba(50,80,79,.08)}.tb-bar{height:21px;background:#f4f6f5;border-bottom:1px solid #e4e9e7}.tb-hero{height:68px;margin:10px;border-radius:8px;background:linear-gradient(120deg,#668e84,#b9d2cc)}.tb-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 10px}.tb-row span{height:38px;border-radius:7px;background:#edf2f1}.template-teaser-card:nth-child(2) .tb-hero,.template-card:nth-child(6n+2) .tb-hero{background:linear-gradient(120deg,#6a8598,#cbd6e4)}.template-teaser-card:nth-child(3) .tb-hero,.template-card:nth-child(6n+3) .tb-hero{background:linear-gradient(120deg,#7f7895,#d9d3e4)}.template-card:nth-child(6n+4) .tb-hero{background:linear-gradient(120deg,#8a846a,#ded9c5)}.template-card:nth-child(6n+5) .tb-hero{background:linear-gradient(120deg,#5c7d72,#cbded8)}.template-card:nth-child(6n) .tb-hero{background:linear-gradient(120deg,#637989,#d2dde4)}.template-info{padding:20px}.template-info p{color:var(--muted);font-size:.9rem}.template-info-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.template-no{font-size:.74rem;font-weight:800;color:#71858a}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.template-group{margin-bottom:58px}.template-group-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.template-group-head p{max-width:520px;color:var(--muted)}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;display:flex;flex-direction:column;min-height:430px}.pricing-card.featured{border-color:#8fb0a7;box-shadow:0 20px 55px rgba(50,90,82,.11);transform:translateY(-5px)}.pricing-card h3{font-size:1.35rem}.pricing-card .price-big{font-size:2rem;font-weight:850;letter-spacing:-.04em;margin:18px 0 3px}.pricing-card .renewal-copy{color:var(--muted);font-size:.83rem;min-height:40px}.pricing-card ul{padding-left:18px;color:#4d666d;flex:1}.pricing-card li{margin:8px 0}.pricing-card .button{width:100%}.comparison{width:100%;border-collapse:separate;border-spacing:0;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.comparison th,.comparison td{text-align:left;padding:15px 16px;border-bottom:1px solid #e4ebe8}.comparison th{background:#eef4f2;font-size:.85rem}.comparison tr:last-child td{border-bottom:0}
.page-hero{padding:72px 0 54px;background:radial-gradient(circle at 86% 16%,rgba(202,222,216,.46),transparent 28%),linear-gradient(180deg,#fafcfb,#f3f7f5)}.page-hero-grid{display:grid;grid-template-columns:1fr .78fr;gap:48px;align-items:center}.page-hero h1{font-size:clamp(2.55rem,5vw,4.35rem)}.page-panel{border:1px solid var(--line);background:rgba(255,255,255,.84);border-radius:28px;padding:28px;box-shadow:var(--shadow-soft)}.page-panel strong{font-size:1.1rem}.page-panel ul{padding-left:20px;color:#506970}.page-panel li{margin:8px 0}.offer-line{display:flex;align-items:baseline;gap:10px;margin:18px 0}.offer-line b{font-size:2rem;letter-spacing:-.04em}.offer-line span{color:var(--muted);font-size:.86rem}
.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.benefit-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff}.benefit-card .benefit-icon{width:40px;height:40px;border-radius:13px;background:#e3eeeb;display:grid;place-items:center;color:#315f58;font-weight:850;margin-bottom:20px}.benefit-card p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.check-list{display:grid;gap:10px}.check-item{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e2e9e7}.check-item:before{content:"✓";width:24px;height:24px;border-radius:50%;background:#dfede9;color:#35645b;display:grid;place-items:center;font-size:.76rem;font-weight:900;flex:0 0 auto}.check-item strong{display:block}.check-item span{display:block;color:var(--muted);font-size:.88rem;margin-top:2px}.notice-panel{padding:24px;border-radius:20px;background:#edf3f1;border:1px solid #dce7e3}.notice-panel strong{display:block;margin-bottom:5px}.notice-panel p{color:#526a70;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{padding:23px;border:1px solid var(--line);border-radius:21px;background:#fff}.step-no{display:inline-block;color:#6b8585;font-size:.76rem;font-weight:850;letter-spacing:.1em}.step-card p{color:var(--muted);font-size:.9rem}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:17px;padding:0 20px}.faq-list summary{cursor:pointer;list-style:none;font-weight:750;padding:18px 30px 18px 0;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:0;font-size:1.2rem;color:#6f8588}.faq-list details[open] summary:after{content:"−"}.faq-list details p{padding:0 0 18px;color:var(--muted);margin:0}.faq-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cta-band{margin:36px auto 84px;width:min(1180px,calc(100% - 40px));padding:42px 44px;border-radius:30px;background:linear-gradient(125deg,#18363a,#2e5e57);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 24px 60px rgba(31,67,66,.18)}.cta-band h2{margin:0 0 9px}.cta-band p{color:#c8dad6;margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.site-footer{background:#102b30;color:#e8f2ef;margin-top:30px}.footer-shell{width:min(1180px,calc(100% - 40px));margin:auto;padding:56px 0 42px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:44px}.site-footer .brand-mark{background:linear-gradient(145deg,#6b9b8f,#9ab9b0)}.site-footer .brand-copy span{color:#bed0cc}.footer-brand p{margin-top:20px;color:#b7cbc6;max-width:390px}.footer-column{display:grid;align-content:start;gap:9px}.footer-column strong{margin-bottom:5px;color:#fff}.footer-column a{color:#b9ccc7;font-size:.9rem}.footer-column a:hover{color:#fff}.footer-bottom{width:min(1180px,calc(100% - 40px));margin:auto;border-top:1px solid rgba(218,235,230,.13);padding:19px 0 24px;display:flex;justify-content:space-between;gap:20px;color:#9eb7b2;font-size:.78rem}
.notice{padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px;color:#526a70}.notice.error{background:#fff7f5;border-color:#eed8d1;color:#8b4d40}.empty-state{padding:34px;border:1px dashed #cbdad5;border-radius:22px;text-align:center;color:var(--muted)}
@media(max-width:1080px){.desktop-nav{gap:14px}.desktop-nav a{font-size:.84rem}.product-grid,.pricing-grid{grid-template-columns:1fr 1fr}.hero-grid{grid-template-columns:1fr .82fr;gap:38px}.footer-shell{grid-template-columns:1.4fr 1fr 1fr}.footer-column:last-child{display:none}}
@media(max-width:860px){.desktop-nav,.header-actions{display:none}.mobile-menu{display:block;margin-left:auto}.hero-grid,.page-hero-grid,.feature-band,.split{grid-template-columns:1fr}.hero-showcase{min-height:390px}.showcase-shell{inset:0 26px 0 26px}.float-one{right:0}.stat-grid{grid-template-columns:1fr 1fr}.stat-item:nth-child(2){border-right:0}.stat-item:nth-child(-n+2){border-bottom:1px solid #e3eae8}.solution-grid,.benefit-grid,.template-teaser,.template-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.footer-shell{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-column:last-child{display:grid}.faq-columns{grid-template-columns:1fr}.cta-band{align-items:flex-start;flex-direction:column}}
@media(max-width:580px){.nav-shell,.container,.footer-shell,.footer-bottom{width:min(100% - 28px,1180px)}.site-header .nav-shell{height:68px}.hero-home{padding:58px 0 52px}h1{font-size:clamp(2.55rem,14vw,3.8rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-showcase{min-height:330px}.showcase-shell{inset:0 8px}.floating-product{display:none}.stat-grid{grid-template-columns:1fr 1fr}.stat-item{padding:16px}.product-grid,.pricing-grid,.solution-grid,.benefit-grid,.template-teaser,.template-grid,.steps,.feature-list{grid-template-columns:1fr}.section{padding:62px 0}.page-hero{padding:52px 0 40px}.pricing-card.featured{transform:none}.comparison-wrap{overflow:auto}.comparison{min-width:650px}.template-group-head{align-items:start;flex-direction:column}.cta-band{width:calc(100% - 28px);padding:30px 24px;margin-bottom:58px}.cta-actions,.cta-actions .button{width:100%}.footer-shell{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column}.site-footer{margin-top:0}}
.capability-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.capability-row span{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#e6efec;border:1px solid #d3e2dd;color:#345d56;font-size:.79rem;font-weight:760}.group-capabilities{margin:0 0 20px}.template-controls-note{margin-top:12px;padding:9px 11px;border-radius:11px;background:#f0f5f3;color:#5b7479;font-size:.78rem;line-height:1.45}.feature-comparison td:not(:first-child),.feature-comparison th:not(:first-child){text-align:center}.feature-comparison td:first-child{font-weight:650}.feature-comparison td:not(:first-child){font-weight:750;color:#345f58}
/* 27 sellable template previews: product family + 9 layout variants. */
.preview-starter{background:linear-gradient(145deg,#e3eeea,#f5f8f7)}.preview-pro{background:linear-gradient(145deg,#e6ebf2,#f5f6fa)}.preview-store{background:linear-gradient(145deg,#eee9f2,#faf7fb)}
.preview-starter .template-browser{border-radius:10px}.preview-pro .template-browser{border-radius:16px;box-shadow:0 10px 24px rgba(50,70,100,.08)}.preview-store .template-browser{border-radius:20px;box-shadow:0 12px 28px rgba(70,50,85,.09)}
.preview-starter .tb-hero{background:linear-gradient(120deg,#557c73,#b8d0c9)}.preview-pro .tb-hero{background:linear-gradient(120deg,#596f8e,#ccd5e4)}.preview-store .tb-hero{background:linear-gradient(120deg,#786486,#ded2e4)}
.preview-store .tb-row{grid-template-columns:repeat(3,1fr)}.preview-store .tb-row span{height:44px}.preview-pro .tb-row span:nth-child(1){grid-column:span 2}
.preview-v1 .tb-hero{height:72px}.preview-v1 .tb-row{grid-template-columns:repeat(3,1fr)}
.preview-v2 .template-browser{padding:0 9px}.preview-v2 .tb-bar{margin:0 -9px}.preview-v2 .tb-hero{height:58px;border-radius:18px}.preview-v2 .tb-row{grid-template-columns:1fr 1fr}
.preview-v2 .tb-row span:last-child{display:none}
.preview-v3 .tb-hero{width:46%;height:116px;float:right}.preview-v3 .tb-row{width:46%;grid-template-columns:1fr;margin-top:15px}.preview-v3 .tb-row span{height:24px}
.preview-v4 .template-browser{border-radius:3px}.preview-v4 .tb-hero{height:50px;margin:18px 10px 7px;border-radius:2px}.preview-v4 .tb-row span{border-radius:2px;height:52px}
.preview-v5 .tb-hero{height:82px;border-radius:26px 8px 26px 8px}.preview-v5 .tb-row{grid-template-columns:2fr 1fr 1fr}.preview-v5 .tb-row span{border-radius:14px 5px 14px 5px}
.preview-v6 .template-browser{box-shadow:none}.preview-v6 .tb-bar{background:#fff}.preview-v6 .tb-hero{height:38px;margin-top:24px;border-radius:0}.preview-v6 .tb-row{grid-template-columns:1fr}.preview-v6 .tb-row span{height:18px;border-radius:0;border-bottom:1px solid #dfe5e3;background:transparent}
.preview-v7 .tb-hero{height:68px;border-radius:28px}.preview-v7 .tb-row{gap:10px}.preview-v7 .tb-row span{height:46px;border-radius:50%}
.preview-v8 .tb-hero{height:92px;margin:0 10px 10px;border-radius:0 0 22px 22px}.preview-v8 .tb-row{grid-template-columns:1fr 2fr}.preview-v8 .tb-row span:last-child{display:none}
.preview-v9 .template-browser{background:#17191b;border-color:#2d3032}.preview-v9 .tb-bar{background:#101214;border-color:#2a2d2f}.preview-v9 .tb-hero{height:74px;background:linear-gradient(120deg,#2e3f3b,#b99b50)}.preview-v9 .tb-row span{background:#242729;border:1px solid #34383a}
.preview-pro.preview-v3 .tb-hero{background:linear-gradient(120deg,#30345e,#818cf8)}.preview-pro.preview-v6 .tb-hero{background:linear-gradient(120deg,#66542e,#dfc675)}.preview-pro.preview-v9 .tb-hero{background:linear-gradient(120deg,#172554,#d19b3b)}
.preview-store.preview-v3 .tb-hero{background:linear-gradient(120deg,#82345f,#efbad3)}.preview-store.preview-v4 .tb-hero{background:linear-gradient(120deg,#1e3a8a,#5f89df)}.preview-store.preview-v5 .tb-hero{background:linear-gradient(120deg,#4e6826,#b8d37a)}.preview-store.preview-v6 .tb-hero{background:linear-gradient(120deg,#292524,#c7baa8)}.preview-store.preview-v7 .tb-hero{background:linear-gradient(120deg,#a64b1f,#f5aa6f)}.preview-store.preview-v8 .tb-hero{background:linear-gradient(120deg,#164e63,#5fc7d2)}.preview-store.preview-v9 .tb-hero{background:linear-gradient(120deg,#101010,#d0aa36)}
/* R4 AI Sales Assistant: pure-link entry + static SSR results; no heavy client chat runtime. */
.ai-float{position:fixed;right:22px;bottom:22px;z-index:38;display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid rgba(53,95,88,.22);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 14px 38px rgba(25,54,55,.14);font-size:.84rem;font-weight:780;color:#294f49;backdrop-filter:blur(12px)}.ai-float span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#315f58,#789f96);color:#fff;font-size:.72rem;font-weight:900}.ai-float:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(25,54,55,.18)}
.ai-sales-hero{background:radial-gradient(circle at 84% 24%,rgba(200,222,216,.5),transparent 27%),linear-gradient(180deg,#f9fbfa,#f3f7f5)}.ai-sales-shell{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:34px;align-items:start}.ai-sales-card{padding:28px;border-radius:26px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft)}.ai-sales-form label{display:block;font-weight:800;margin-bottom:10px}.ai-sales-input-row{display:flex;gap:10px}.ai-sales-input-row input{flex:1;min-width:0;border:1px solid #cadad5;background:#f9fbfa;color:var(--ink);border-radius:14px;padding:14px 15px;outline:none}.ai-sales-input-row input:focus{border-color:#7fa79d;box-shadow:0 0 0 3px rgba(125,159,151,.14)}.ai-prompt-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.ai-prompt-grid a{padding:14px;border-radius:14px;border:1px solid #dce7e3;background:#f5f8f7;color:#3f5d61;font-size:.9rem;font-weight:680}.ai-prompt-grid a:hover{background:#eaf2ef}.ai-answer{margin-top:20px;padding:22px;border:1px solid #d5e4df;border-radius:18px;background:linear-gradient(145deg,#f6faf8,#eef5f2)}.ai-answer-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ai-orb{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#315f58;color:#fff;font-size:.72rem;font-weight:900}.ai-answer p{white-space:pre-line;color:#3d595f}.ai-answer small{display:block;margin-top:16px;color:#71868b}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.ai-sales-side{padding:8px 0}.ai-sales-side h2{font-size:clamp(1.8rem,3vw,2.65rem)}
@media(max-width:860px){.ai-sales-shell{grid-template-columns:1fr}.ai-float{right:14px;bottom:14px}.desktop-nav a[href="/ai-assistant"]{display:none}}
@media(max-width:580px){.ai-sales-input-row{flex-direction:column}.ai-sales-input-row .button{width:100%}.ai-prompt-grid{grid-template-columns:1fr}.ai-float{padding:9px}.ai-float:not(:hover){font-size:0}.ai-float span{font-size:.72rem}}

/* R5 try-before-buy: static SSR, no JS dependency */
.preview-workbench{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.preview-controls{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;position:sticky;top:88px}.preview-controls h2{margin-top:0}.preview-controls label{display:block;font-size:.86rem;font-weight:700;margin:14px 0}.preview-controls input[type=color]{display:block;width:100%;height:44px;border:1px solid var(--line);border-radius:10px;margin-top:6px;background:#fff}.preview-controls fieldset{border:0;padding:8px 0;margin:8px 0 18px}.preview-controls legend{font-weight:800}.preview-controls .check-line{font-weight:500;margin:8px 0}.preview-controls .check-line input{margin-right:7px}.live-preview{background:linear-gradient(145deg,#eef4f2,#f8f6f1);border:1px solid var(--line);border-radius:28px;padding:28px;min-height:620px}.live-site{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(34,54,53,.12);min-height:550px;color:#253034}.live-site header{height:68px;padding:0 28px;display:flex;align-items:center;gap:22px;border-bottom:1px solid #e6ece9}.live-site header strong{color:var(--demo-primary);font-size:1.05rem}.live-site header nav{margin-left:auto;display:flex;gap:18px;font-size:.78rem}.lp-hero{padding:58px 44px;display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.lp-hero small{color:var(--demo-primary);font-weight:800;letter-spacing:.08em}.lp-hero h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin:.5rem 0 1rem}.lp-hero p{color:#6c7a7b}.lp-hero a,.lp-cta{display:inline-block;background:var(--demo-primary);color:white;padding:11px 17px;border-radius:11px}.lp-image{height:270px;border-radius:26px;background:linear-gradient(135deg,var(--demo-primary),var(--demo-secondary))}.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0 44px 48px}.lp-cards article{padding:20px;border:1px solid #e3e9e6;border-radius:18px;background:#fbfcfb}.lp-cards p{font-size:.82rem;color:#778384}.live-site.preview-v2 .lp-hero{grid-template-columns:.8fr 1.2fr}.live-site.preview-v3 .lp-image{order:-1}.live-site.preview-v4{border-radius:2px}.live-site.preview-v4 .lp-image,.live-site.preview-v4 .lp-cards article{border-radius:3px}.live-site.preview-v5 .lp-image{border-radius:60px 16px 60px 16px}.live-site.preview-v6 .lp-hero{grid-template-columns:1fr}.live-site.preview-v6 .lp-image{height:150px;border-radius:0}.live-site.preview-v7 .lp-cards article{border-radius:50px}.live-site.preview-v8 .lp-hero{padding-top:25px}.live-site.preview-v8 header{background:var(--demo-primary);color:#fff}.live-site.preview-v8 header strong{color:#fff}.live-site.preview-v9{background:#171a1a;color:#f4f6f5}.live-site.preview-v9 header,.live-site.preview-v9 .lp-cards article{background:#202424;border-color:#303736}.live-site.preview-v9 .lp-hero p,.live-site.preview-v9 .lp-cards p{color:#acb8b6}@media(max-width:900px){.preview-workbench{grid-template-columns:1fr}.preview-controls{position:static}.live-preview{padding:12px}.lp-hero{grid-template-columns:1fr;padding:34px 22px}.lp-cards{grid-template-columns:1fr;padding:0 22px 28px}.live-site header nav{display:none}}

/* R7 SIMPLE + SMART: clear navigation, real public assistant, live template preview. */
.product-menu{position:relative}.product-menu>summary{list-style:none;cursor:pointer;color:var(--muted);font-weight:760;padding:10px 2px;display:flex;gap:5px;align-items:center}.product-menu>summary::-webkit-details-marker{display:none}.product-menu[open]>summary,.product-menu>summary:hover{color:var(--ink)}.product-menu-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);width:330px;padding:10px;border:1px solid rgba(44,83,78,.14);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 65px rgba(24,52,51,.16);z-index:60}.product-menu-panel:before{content:"";position:absolute;left:50%;top:-7px;width:14px;height:14px;transform:translateX(-50%) rotate(45deg);background:#fff;border-left:1px solid rgba(44,83,78,.14);border-top:1px solid rgba(44,83,78,.14)}.product-menu-panel a{position:relative;display:block;padding:12px 13px;border-radius:13px;color:var(--ink)}.product-menu-panel a:hover{background:#edf4f1}.product-menu-panel b,.product-menu-panel small{display:block}.product-menu-panel b{font-size:.9rem}.product-menu-panel small{margin-top:3px;color:#70868a;font-size:.75rem;font-weight:560}.mobile-group-label{margin-top:5px;padding:8px 10px 3px;color:#7a9093;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}

.assistant-launcher{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;border:1px solid rgba(53,95,88,.2);border-radius:999px;padding:10px 15px;background:rgba(255,255,255,.96);color:#294f49;box-shadow:0 16px 42px rgba(25,54,55,.16);font:inherit;cursor:pointer;backdrop-filter:blur(12px)}.assistant-launcher span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:linear-gradient(145deg,#285c53,#79a399);color:#fff;font-size:.72rem;font-weight:900}.assistant-launcher b{font-size:.84rem}.assistant-launcher:hover{transform:translateY(-1px);box-shadow:0 20px 48px rgba(25,54,55,.2)}
.assistant-panel{position:fixed;right:22px;bottom:82px;z-index:91;width:min(410px,calc(100vw - 28px));height:min(610px,calc(100vh - 120px));border:1px solid rgba(53,95,88,.18);border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(20,48,47,.22);overflow:hidden}.assistant-panel[hidden]{display:none}.assistant-panel-head{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 18px 14px;background:linear-gradient(145deg,#edf5f2,#f9fbfa);border-bottom:1px solid #e1ebe7}.assistant-panel-head strong,.assistant-panel-head small{display:block}.assistant-panel-head small{margin-top:3px;color:#698085;font-size:.73rem}.assistant-panel-head button{width:32px;height:32px;border:0;border-radius:50%;background:#fff;color:#496268;font-size:1.25rem;cursor:pointer}.assistant-tabs{display:grid;grid-template-columns:1fr 1fr;padding:9px 10px 0;gap:8px}.assistant-tab{border:0;border-radius:12px;padding:10px;background:#f2f6f4;color:#668085;font:inherit;font-size:.82rem;font-weight:800;cursor:pointer}.assistant-tab.active{background:#285c53;color:#fff}.assistant-pane{display:none;height:calc(100% - 125px);padding:10px}.assistant-pane.active{display:flex;flex-direction:column}.assistant-messages{flex:1;min-height:0;overflow:auto;padding:8px 3px 12px;display:flex;flex-direction:column;gap:9px}.assistant-bubble{max-width:88%;padding:10px 12px;border-radius:15px;font-size:.84rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.assistant-bubble.visitor{align-self:flex-end;background:#285c53;color:#fff;border-bottom-right-radius:4px}.assistant-bubble.ai,.assistant-bubble.admin{align-self:flex-start;background:#edf5f2;color:#294d49;border-bottom-left-radius:4px}.assistant-bubble.system{align-self:center;max-width:96%;background:#f4f6f5;color:#677c80;font-size:.77rem}.assistant-bubble-meta{display:block;margin-bottom:4px;opacity:.72;font-size:.67rem}.assistant-recommendation{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(45,91,83,.14);font-weight:800;color:#235b50}.assistant-quick{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.assistant-quick::-webkit-scrollbar{display:none}.assistant-quick button{flex:0 0 auto;border:1px solid #d6e4df;border-radius:999px;background:#f6faf8;color:#41665f;padding:7px 9px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer}.assistant-quick button:hover{background:#eaf4f0;border-color:#bcd2cb}.assistant-form{display:flex;gap:8px;padding-top:8px;border-top:1px solid #e6ece9}.assistant-form input,.assistant-admin-start input,.assistant-admin-start textarea{width:100%;border:1px solid #ccdcd7;border-radius:12px;padding:11px 12px;background:#fbfcfb;color:var(--ink);font:inherit;font-size:.82rem;outline:none}.assistant-form input:focus,.assistant-admin-start input:focus,.assistant-admin-start textarea:focus{border-color:#78a095;box-shadow:0 0 0 3px rgba(120,160,149,.13)}.assistant-form button{border:0;border-radius:12px;padding:0 15px;background:#285c53;color:#fff;font:inherit;font-size:.79rem;font-weight:800;cursor:pointer}.assistant-status{margin:4px 3px 8px;padding:9px 10px;border-radius:11px;background:#eef5f2;color:#56736e;font-size:.73rem;line-height:1.4}.assistant-status.error{background:#fff2ef;color:#9a5042}.assistant-admin-start{display:grid;gap:8px;padding:7px 3px 0}.assistant-admin-start textarea{resize:vertical;min-height:72px}

.simple-smart-band{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;padding:34px;border-radius:30px;background:linear-gradient(140deg,#153c37,#315f58 52%,#71978e);color:#fff;box-shadow:0 30px 80px rgba(30,70,65,.16)}.simple-smart-band .eyebrow{color:#c9e0da}.simple-smart-band h2{color:#fff;margin-bottom:12px}.simple-smart-band p{color:#d7e5e2}.simple-smart-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.simple-smart-points article{padding:17px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:rgba(255,255,255,.08)}.simple-smart-points strong,.simple-smart-points span{display:block}.simple-smart-points span{margin-top:5px;color:#d7e5e2;font-size:.82rem;line-height:1.45}.meaning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.meaning-card{padding:23px;border-radius:20px;border:1px solid var(--line);background:#fff}.meaning-card .meaning-tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf3f0;color:#315f58;font-size:.7rem;font-weight:850;letter-spacing:.07em}.meaning-card h3{margin:13px 0 8px}.meaning-card p{margin:0;color:#687f83;font-size:.91rem}.benefit-path{display:grid;gap:14px}.benefit-path article{display:grid;grid-template-columns:70px 1fr auto;gap:18px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.benefit-path .benefit-number{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#e8f1ee;color:#315f58;font-weight:900}.benefit-path h3{margin:0 0 4px}.benefit-path p{margin:0;color:#698084}.feature-explainer{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.feature-explainer article{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff}.feature-explainer h3{margin:0 0 7px}.feature-explainer p{margin:0;color:#6a8084}.truth-note{padding:18px 20px;border-left:4px solid #548379;border-radius:0 16px 16px 0;background:#eef5f2;color:#526d70}

.template-live-frame-shell{min-width:0}.template-live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.template-live-toolbar span{font-size:.8rem;color:#6c8286}.template-live-frame{display:block;width:100%;height:680px;border:1px solid #d9e4e0;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(34,54,53,.12)}.preview-full-body{min-height:100vh;background:#eef3f1;padding:24px}.preview-full-shell{max-width:1280px;margin:auto}.demo-site{min-height:calc(100vh - 48px);border-radius:22px;overflow:hidden;background:#fff;color:#223034;box-shadow:0 28px 90px rgba(29,53,53,.16);--demo-primary:#527c72;--demo-secondary:#b8d3ca}.demo-header{display:flex;align-items:center;gap:25px;min-height:74px;padding:0 5%;border-bottom:1px solid #e7ecea}.demo-header strong{color:var(--demo-primary);font-size:1.15rem}.demo-header nav{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap}.demo-header nav a{color:#566b70;font-size:.82rem}.demo-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:38px;align-items:center;padding:72px 7% 58px}.demo-hero-copy small{color:var(--demo-primary);font-weight:850;letter-spacing:.08em}.demo-hero h1{font-size:clamp(2.8rem,5.6vw,5.8rem);line-height:.98;margin:13px 0 18px;max-width:760px}.demo-hero p{max-width:650px;color:#687e82;font-size:1.04rem;line-height:1.7}.demo-button{display:inline-block;margin-top:13px;padding:12px 18px;border-radius:12px;background:var(--demo-primary);color:#fff;font-weight:800}.demo-visual{min-height:360px;border-radius:32px;background:linear-gradient(145deg,var(--demo-primary),var(--demo-secondary));position:relative;overflow:hidden}.demo-visual:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.5);border-radius:24px;background:rgba(255,255,255,.12)}.demo-section{padding:54px 7%}.demo-section.alt{background:#f7f9f8}.demo-section-head{max-width:720px;margin-bottom:24px}.demo-section-head h2{font-size:clamp(2rem,3.6vw,3.5rem);margin:5px 0}.demo-section-head p{color:#6d8083}.demo-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.demo-card{padding:22px;border:1px solid #e2e8e5;border-radius:20px;background:#fff}.demo-card h3{margin:0 0 7px}.demo-card p{margin:0;color:#758588;font-size:.87rem}.demo-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.demo-product{border:1px solid #e0e7e4;border-radius:19px;background:#fff;overflow:hidden}.demo-product-image{height:170px;background:linear-gradient(145deg,var(--demo-secondary),#f3f5f4)}.demo-product-copy{padding:15px}.demo-product-copy b,.demo-product-copy span{display:block}.demo-product-copy span{margin-top:4px;color:var(--demo-primary);font-weight:850}.demo-article-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px}.demo-article{padding:22px;border-radius:19px;background:#fff;border:1px solid #e3e9e6}.demo-commerce-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.demo-commerce-bar div{padding:16px;border-radius:16px;background:#edf4f1;color:#496964;font-size:.85rem;font-weight:760}.demo-footer{padding:28px 7%;background:#173d38;color:#d7e4e1}.demo-site.preview-v2 .demo-hero{grid-template-columns:.78fr 1.22fr}.demo-site.preview-v2 .demo-visual{order:-1}.demo-site.preview-v3 .demo-hero{text-align:center;grid-template-columns:1fr}.demo-site.preview-v3 .demo-hero-copy{max-width:900px;margin:auto}.demo-site.preview-v3 .demo-visual{min-height:260px}.demo-site.preview-v4{border-radius:2px}.demo-site.preview-v4 .demo-card,.demo-site.preview-v4 .demo-product,.demo-site.preview-v4 .demo-visual{border-radius:3px}.demo-site.preview-v5 .demo-visual{border-radius:100px 20px 100px 20px}.demo-site.preview-v5 .demo-card{border-radius:28px 8px 28px 8px}.demo-site.preview-v6 .demo-header{border:0}.demo-site.preview-v6 .demo-hero{grid-template-columns:1fr;padding-top:100px;padding-bottom:100px}.demo-site.preview-v6 .demo-visual{display:none}.demo-site.preview-v7 .demo-card{border-radius:50px}.demo-site.preview-v7 .demo-visual{border-radius:50% 50% 18px 18px}.demo-site.preview-v8 .demo-header{background:var(--demo-primary)}.demo-site.preview-v8 .demo-header strong,.demo-site.preview-v8 .demo-header nav a{color:#fff}.demo-site.preview-v9{background:#171b1a;color:#f3f6f5}.demo-site.preview-v9 .demo-header,.demo-site.preview-v9 .demo-section,.demo-site.preview-v9 .demo-card,.demo-site.preview-v9 .demo-product,.demo-site.preview-v9 .demo-article{background:#1d2221;border-color:#303735}.demo-site.preview-v9 .demo-section.alt{background:#151918}.demo-site.preview-v9 p,.demo-site.preview-v9 .demo-section-head p,.demo-site.preview-v9 .demo-card p{color:#aab8b5}

.store-admin-highlight{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;padding:27px;border-radius:25px;background:linear-gradient(145deg,#f1f6f4,#fff);border:1px solid #dce7e3}.store-admin-highlight strong.big{display:block;font-size:clamp(2.3rem,5vw,4.5rem);line-height:1;color:#285c53}.store-admin-highlight .pack{padding:20px;border-radius:18px;background:#fff;border:1px solid #dce7e3}.store-admin-highlight .pack b{font-size:1.35rem}.store-admin-highlight p{color:#647b7f}

@media(max-width:1080px){.desktop-nav .product-menu{display:none}.meaning-grid{grid-template-columns:1fr 1fr}.demo-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.assistant-panel{right:14px;bottom:76px}.assistant-launcher{right:14px;bottom:14px}.simple-smart-band,.store-admin-highlight{grid-template-columns:1fr}.benefit-path article{grid-template-columns:56px 1fr}.benefit-path article>a{grid-column:2}.template-live-frame{height:620px}.demo-hero{grid-template-columns:1fr;padding:50px 6%}.demo-card-grid,.demo-article-grid,.demo-commerce-bar{grid-template-columns:1fr}.preview-full-body{padding:0}.demo-site{border-radius:0;min-height:100vh}}
@media(max-width:580px){.assistant-launcher b{display:none}.assistant-panel{width:calc(100vw - 20px);right:10px;bottom:70px;height:calc(100vh - 90px);border-radius:20px}.simple-smart-points,.meaning-grid,.feature-explainer,.demo-product-grid{grid-template-columns:1fr}.template-live-frame{height:560px}.demo-header nav{display:none}.demo-hero h1{font-size:2.7rem}.demo-visual{min-height:260px}}

.assistant-form button:disabled,.assistant-form input:disabled{opacity:.6;cursor:wait}


/* R9 public entry + sellable template catalog */
.auth-hero{padding-bottom:72px}.auth-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);gap:56px;align-items:center}.auth-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--shadow-soft)}.auth-card h2{margin:0 0 6px;font-size:1.7rem}.auth-form{display:grid;gap:15px;margin-top:20px}.auth-form label{display:grid;gap:6px;font-weight:800;font-size:.86rem;color:#3d5559}.auth-form input{width:100%;border:1px solid #cfded9;border-radius:13px;padding:13px 14px;background:#fbfcfb;color:var(--ink);outline:none}.auth-form input:focus{border-color:#7ea69c;box-shadow:0 0 0 3px rgba(126,166,156,.13)}.auth-form .button{border:0;cursor:pointer;margin-top:4px}.auth-note{margin:18px 0 0;font-size:.88rem;color:#698085}.simple-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.simple-trust-row>div{display:grid;gap:4px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fbfcfb}.simple-trust-row span{color:#6d8185;font-size:.9rem}.start-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.start-steps span{padding:13px 14px;border:1px solid #dce7e3;border-radius:14px;background:rgba(255,255,255,.66);font-weight:700;color:#4c6868}.start-steps b{color:#2b655c;margin-right:7px}.start-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.start-product-grid a{display:grid;gap:5px;padding:22px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-soft)}.start-product-grid a:hover{transform:translateY(-2px);border-color:#bad0c9}.start-product-grid b{text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;color:#3f7169}.start-product-grid strong{font-size:1.05rem}.start-product-grid span{font-size:.86rem;color:#6c8084}.template-scene-link{display:block}.template-info h3 a:hover{color:#2c675e}.template-fit{margin-top:10px;color:#536d71;font-size:.82rem;line-height:1.5}.template-style{display:inline-flex;margin-top:10px;padding:6px 9px;border-radius:999px;background:#eef5f2;color:#41685f;font-size:.7rem;font-weight:850;letter-spacing:.025em}.template-preview-fit{margin-top:12px;color:#587075}.template-preview-fit span{margin:0 7px;color:#a5b4b2}
@media(max-width:900px){.auth-grid{grid-template-columns:1fr;gap:28px}.simple-trust-row{grid-template-columns:1fr}.start-product-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.start-steps,.start-product-grid{grid-template-columns:1fr}.auth-card{padding:22px;border-radius:22px}}

.selected-product-note{margin-top:20px;padding:12px 14px;border:1px solid #cfe0da;border-radius:14px;background:#edf6f2;color:#365d56}.selected-product-note span{color:#668079}

/* R13 Build Fix 6 - Rekening Koran PDF -> XLSX acquisition tool */
.pdf-tool-hero{background:radial-gradient(circle at 82% 22%,rgba(194,222,214,.5),transparent 30%),linear-gradient(180deg,#f9fbfa,#f1f6f4)}
.pdf-tool-section{padding-top:58px}.pdf-tool-privacy{max-width:980px;margin:18px auto 0;color:#60767d;font-size:.9rem}.pdf-tool-steps{margin:18px 0 0;padding-left:1.25rem;color:#526a72}.pdf-tool-steps li{margin:10px 0}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.faq-grid details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 18px}.faq-grid summary{cursor:pointer;font-weight:800;color:#294149}.faq-grid p{margin:10px 0 0;color:#60767d;font-size:.92rem}.wevix-rk-converter .wevix-rk-card{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.wevix-rk-converter .wevix-rk-btn{font-family:inherit}.wevix-rk-converter .wevix-rk-progress span{transition:width .2s ease}
@media(max-width:760px){.faq-grid{grid-template-columns:1fr}.pdf-tool-section{padding-top:38px}.wevix-rk-converter .wevix-rk-drop{min-height:180px;padding:18px}.wevix-rk-converter .wevix-rk-actions .wevix-rk-btn{width:100%}}
.demo-system-bar{padding:10px 5%;display:flex;gap:18px;align-items:center;justify-content:space-between;background:#fff7ed;color:#7c2d12;border-bottom:1px solid #fed7aa}.demo-system-bar div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.demo-system-bar span{font-size:.84rem}.demo-system-cta{padding:9px 13px;border-radius:10px;background:#7c2d12;color:#fff;font-size:.78rem;font-weight:850;white-space:nowrap}.demo-visual-content{display:grid;place-items:center;color:#fff;text-align:center;padding:28px}.demo-visual-content div{position:relative;z-index:2;display:grid;gap:8px}.demo-visual-content span,.demo-gallery-visual span{font-size:.72rem;font-weight:900;letter-spacing:.12em}.demo-visual-content strong{font-size:clamp(1.8rem,4vw,3.4rem)}.demo-visual-content small{opacity:.86}.demo-gallery-visual{min-height:230px;border-radius:24px;background:linear-gradient(145deg,var(--demo-primary),var(--demo-secondary));color:#fff;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.demo-gallery-visual strong{font-size:1.3rem}.demo-gallery-visual small{opacity:.86}.demo-lead-mock{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:10px}.demo-lead-mock span{border:1px solid #dfe7e4;background:#fff;border-radius:10px;padding:13px;color:#748581}.demo-lead-mock button{border:0;border-radius:10px;padding:13px 18px;background:var(--demo-primary);color:#fff;font-weight:800;opacity:.72}.demo-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:color-mix(in srgb,var(--demo-secondary) 20%,white)}
@media(max-width:860px){.demo-system-bar,.demo-final-cta{align-items:flex-start;flex-direction:column}.demo-lead-mock{grid-template-columns:1fr}}


/* R13 Build Fix 10: sellable multipage demo website profile. */
.preview-full-shell>.demo-system-bar{max-width:1280px;margin:0 auto 12px;border:1px solid #fed7aa;border-radius:14px;background:#fff7ed;box-shadow:0 10px 30px rgba(124,45,18,.07)}
.demo-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.demo-logo-mark{width:38px;height:38px;border-radius:11px;background:var(--demo-primary);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.78rem;letter-spacing:.03em}.demo-header nav a.active{color:var(--demo-primary);font-weight:850}.demo-hero-photo,.demo-page-hero img{width:100%;height:430px;object-fit:cover;border-radius:28px;box-shadow:0 20px 50px rgba(26,50,48,.12)}.demo-page-hero{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:64px 7%}.demo-page-hero h1,.demo-page-title h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.03;margin:8px 0 16px}.demo-page-hero p,.demo-page-title p{color:#687e82;max-width:760px}.demo-page-title{padding:70px 7% 26px;background:linear-gradient(150deg,color-mix(in srgb,var(--demo-secondary) 18%,white),#fff)}.demo-home-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.demo-text-link{display:inline-flex;margin-top:18px;color:var(--demo-primary);font-weight:850}.demo-service-card{overflow:hidden;padding:0 0 22px}.demo-service-card img{width:100%;height:190px;object-fit:cover;display:block;margin-bottom:18px}.demo-service-card h3,.demo-service-card p,.demo-service-card .demo-text-link{margin-left:20px;margin-right:20px}.demo-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.demo-gallery-card{margin:0;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e1e8e5}.demo-gallery-card img{display:block;width:100%;height:260px;object-fit:cover;transition:transform .25s ease}.demo-gallery-card:hover img{transform:scale(1.025)}.demo-gallery-card figcaption{padding:13px 16px;color:#42565a;font-weight:750}.demo-gallery-page .demo-gallery-card:nth-child(1),.demo-gallery-page .demo-gallery-card:nth-child(5){grid-column:span 2}.demo-gallery-page .demo-gallery-card:nth-child(1) img,.demo-gallery-page .demo-gallery-card:nth-child(5) img{height:360px}.demo-contact-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;background:color-mix(in srgb,var(--demo-secondary) 18%,white)}.demo-contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.demo-map-card{margin-top:18px;min-height:210px;border-radius:22px;background:linear-gradient(135deg,color-mix(in srgb,var(--demo-primary) 18%,white),color-mix(in srgb,var(--demo-secondary) 35%,white));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:5px;padding:24px;color:#40575a}.demo-footer{padding:38px 7% 20px}.demo-footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:38px}.demo-footer-grid>div{display:flex;flex-direction:column;gap:7px}.demo-footer a,.demo-footer span,.demo-footer p,.demo-footer small{color:#d7e4e1}.demo-footer p{max-width:430px;margin:8px 0}.footer-brand{color:#fff!important}.demo-footer-bottom{border-top:1px solid rgba(255,255,255,.16);margin-top:26px;padding-top:16px;font-size:.78rem;color:#acc3be}
@media(max-width:860px){.demo-page-hero{grid-template-columns:1fr;padding:46px 6%}.demo-hero-photo,.demo-page-hero img{height:340px}.demo-home-intro,.demo-contact-summary{align-items:flex-start;flex-direction:column}.demo-gallery-grid,.demo-contact-grid,.demo-footer-grid{grid-template-columns:1fr 1fr}.demo-gallery-page .demo-gallery-card:nth-child(1),.demo-gallery-page .demo-gallery-card:nth-child(5){grid-column:auto}.demo-gallery-page .demo-gallery-card:nth-child(1) img,.demo-gallery-page .demo-gallery-card:nth-child(5) img{height:260px}}
@media(max-width:580px){.demo-header{align-items:flex-start;flex-direction:column;padding:18px 5%}.demo-header nav{display:flex;width:100%;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;gap:16px}.demo-header nav a{white-space:nowrap}.demo-hero{padding-top:38px}.demo-hero-photo{height:280px}.demo-gallery-grid,.demo-contact-grid,.demo-footer-grid{grid-template-columns:1fr}.preview-full-shell>.demo-system-bar{margin:0 10px 10px;border-radius:12px}.demo-system-bar{padding:12px 14px}.demo-page-title{padding-top:48px}}

/* R13 Build Fix 11: final demo sales content and single system CTA. */
.demo-system-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.demo-system-back,.demo-system-cta{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:10px;font-size:.78rem;font-weight:850;white-space:nowrap}.demo-system-back{border:1px solid #fdba74;background:#fff;color:#7c2d12}.demo-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.demo-process-grid article{position:relative;padding:24px 20px;border:1px solid #dfe8e4;border-radius:20px;background:#fff}.demo-process-grid article>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--demo-primary);color:#fff;font-weight:900}.demo-process-grid h3{margin:16px 0 8px}.demo-process-grid p{margin:0;color:#60767a}.demo-keyword-list{display:flex;gap:9px;flex-wrap:wrap}.demo-keyword-list span{padding:8px 12px;border:1px solid color-mix(in srgb,var(--demo-primary) 24%,white);border-radius:999px;background:#fff;color:#526a6e;font-size:.82rem}.demo-faq-list{display:grid;gap:10px}.demo-faq-list details{padding:17px 19px;border:1px solid #dfe8e4;border-radius:16px;background:#fff}.demo-faq-list summary{cursor:pointer;font-weight:850;color:#334d51}.demo-faq-list p{margin:10px 0 0;color:#61777b}.demo-story-note{margin-top:22px;padding:20px 22px;border-left:4px solid var(--demo-primary);border-radius:0 16px 16px 0;background:color-mix(in srgb,var(--demo-secondary) 14%,white);color:#526a6e}.demo-story-note p{margin:7px 0 0}.demo-benefit{padding-top:12px;border-top:1px solid #e4ebe8;color:#526a6e}
@media(max-width:860px){.demo-process-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.demo-process-grid{grid-template-columns:1fr}.demo-system-actions{width:100%;display:grid;grid-template-columns:1fr}.demo-system-back,.demo-system-cta{text-align:center}}
.home-flow{border-top:1px solid var(--line)}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-step{display:grid;gap:7px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:border-color .18s ease,transform .18s ease}.flow-step:hover{border-color:#9bb9b1;transform:translateY(-2px)}.flow-step span{color:var(--sage-deep);font-size:.78rem;font-weight:800;letter-spacing:.08em}.flow-step strong{font-size:1rem}.flow-step small{color:var(--muted);line-height:1.45}.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.discovery-links{display:grid;gap:10px}.discovery-links a{position:relative;display:grid;gap:3px;padding:18px 46px 18px 20px;border:1px solid var(--line);border-radius:14px;background:#fff}.discovery-links a:hover{border-color:#9bb9b1}.discovery-links strong{font-size:1rem}.discovery-links span{color:var(--muted);font-size:.9rem}.discovery-links b{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--accent)}
@media(max-width:860px){.flow-grid{grid-template-columns:1fr 1fr}.discovery-grid{grid-template-columns:1fr;gap:24px}}
@media(max-width:580px){.flow-grid{grid-template-columns:1fr}.flow-step{padding:16px}.discovery-grid{gap:18px}}

/* Shared public hero typography stays balanced with supporting content and media. */
.public-hero h1{font-size:clamp(2.25rem,3vw,2.5rem);line-height:1.15}
@media(max-width:860px){.public-hero h1{font-size:clamp(2rem,5vw,2.25rem)}}
@media(max-width:580px){.public-hero h1{font-size:clamp(1.75rem,8vw,2rem)}}

/* Apply the approved Home scale to every public hero variant. */
.page-hero h1,.demo-hero h1,.demo-page-hero h1,.demo-page-title h1{font-size:clamp(2.25rem,3vw,2.5rem);line-height:1.15}
@media(max-width:860px){.page-hero h1,.demo-hero h1,.demo-page-hero h1,.demo-page-title h1{font-size:clamp(2rem,5vw,2.25rem)}}
@media(max-width:580px){.page-hero h1,.demo-hero h1,.demo-page-hero h1,.demo-page-title h1{font-size:clamp(1.75rem,8vw,2rem)}}
/* Canonical in-site showroom wrapper for the three existing store demos. */
.store-demo-shell{height:100dvh;display:grid;grid-template-rows:auto 1fr;background:#fff}.store-demo-bar{min-height:48px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#04152d;color:#fff;font:700 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.04em}.store-demo-bar a{color:#22d3ee;text-decoration:none}.store-demo-shell iframe{width:100%;height:100%;border:0;background:#fff}.store-demo-error{min-height:100dvh;display:grid;place-content:center;gap:14px;text-align:center;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.store-demo-error a{color:#1f6bff;font-weight:700}@media(max-width:640px){.store-demo-bar{align-items:flex-start;flex-direction:column;gap:4px;padding:9px 12px}.store-demo-bar strong{font-size:11px}}

/* Showroom previews mirror the actual demo hierarchy rather than abstract wireframes. */
.showroom-preview{height:310px;overflow:hidden;background:#fff;color:#172033;border:1px solid #e5e7eb;border-radius:14px;font-size:10px;box-shadow:0 12px 34px #0f172a10}.showroom-preview .sp-nav{height:38px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border-bottom:1px solid #edf0f2}.showroom-preview .sp-nav strong{font-size:10px;letter-spacing:.02em}.showroom-preview .sp-nav span{font-size:7px;opacity:.7;white-space:nowrap}.showroom-preview .sp-hero{position:relative;height:150px;display:grid;grid-template-columns:48% 52%;overflow:hidden;background:#f6f7f5}.showroom-preview .sp-hero-copy{padding:17px 14px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:6px}.showroom-preview .sp-hero-copy small{font-size:6px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;opacity:.58}.showroom-preview .sp-hero-copy b{font-size:15px;line-height:1.08;letter-spacing:-.02em}.showroom-preview .sp-hero-copy i{display:inline-block;font-style:normal;font-size:6px;font-weight:800;padding:6px 8px;border-radius:6px;background:#172033;color:#fff}.showroom-preview .sp-hero img{width:100%;height:150px;object-fit:cover}.showroom-preview .sp-section{padding:14px 15px 12px;display:grid;gap:6px}.showroom-preview .sp-section>span{height:auto!important;background:none!important;border-radius:0!important;font-size:6px;letter-spacing:.12em;font-weight:800;opacity:.52}.showroom-preview .sp-section>strong{font-size:10px}.showroom-preview .sp-cards,.showroom-preview .sp-product-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.showroom-preview .sp-cards i,.showroom-preview .sp-product-row i{display:block;height:43px;border-radius:7px;background:linear-gradient(135deg,#edf0f3,#d9dee3)}.showroom-preview.store-shot .sp-product-row i{height:48px;background:linear-gradient(180deg,#eff1f2 0 68%,#fff 68%);border:1px solid #eceff1}.showroom-preview.preview-v2 .sp-hero{grid-template-columns:56% 44%}.showroom-preview.preview-v3 .sp-hero-copy{order:2}.showroom-preview.preview-v3 .sp-hero img{order:1}.showroom-preview.preview-v4{border-radius:2px}.showroom-preview.preview-v4 .sp-hero{grid-template-columns:1fr 1fr}.showroom-preview.preview-v5 .sp-hero{grid-template-columns:42% 58%}.showroom-preview.preview-v6 .sp-hero-copy{background:#f5efe8}.showroom-preview.preview-v7 .sp-hero{grid-template-columns:58% 42%}.showroom-preview.preview-v8 .sp-nav{background:#13202a;color:#fff}.showroom-preview.preview-v9 .sp-hero{grid-template-columns:1fr}.showroom-preview.preview-v9 .sp-hero-copy{position:absolute;z-index:1;max-width:160px;background:#ffffffd9;margin:26px 0 0 14px;border-radius:8px}.showroom-preview.preview-v9 .sp-hero img{width:100%}.showroom-preview.preview-pro.preview-v1 .sp-hero,.showroom-preview.preview-pro.preview-v3 .sp-hero{grid-template-columns:42% 58%}.showroom-preview.preview-pro.preview-v2 .sp-nav{background:#16352f;color:#fff}.showroom-preview.preview-pro.preview-v4 .sp-hero-copy{background:#f2eee8}.showroom-preview.preview-pro.preview-v5 .sp-hero{grid-template-columns:52% 48%}.showroom-preview.preview-pro.preview-v6 .sp-hero-copy{background:#fbf1e5}.showroom-preview.preview-pro.preview-v7 .sp-hero-copy{background:#f3ebe8}.showroom-preview.preview-pro.preview-v8 .sp-nav{background:#182735;color:#fff}.showroom-preview.preview-pro.preview-v9 .sp-hero-copy{background:#f4f4f1}.showroom-preview.preview-store.preview-v1 .sp-hero-copy{background:#f3efe8}.showroom-preview.preview-store.preview-v2 .sp-hero-copy{background:#fff2f7}.showroom-preview.preview-store.preview-v3 .sp-hero-copy{background:#eee7df}.showroom-preview.preview-store.preview-v4 .sp-hero-copy{background:#f7f7f7}.showroom-preview.preview-store.preview-v5 .sp-hero-copy{background:#fff1e7}.showroom-preview.preview-store.preview-v6 .sp-hero-copy{background:#f0f7ed}.showroom-preview.preview-store.preview-v7 .sp-hero-copy{background:#201b17;color:#fff}.showroom-preview.preview-store.preview-v8 .sp-hero-copy{background:#eaf6f7}.showroom-preview.preview-store.preview-v9 .sp-hero-copy{background:#f5f5f5;color:#111}@media(max-width:760px){.showroom-preview{height:290px}.showroom-preview .sp-nav span{display:none}}

/* Prospect-first /demo buying journey. */
.demo-sales-hero{background:radial-gradient(circle at 82% 12%,rgba(183,213,204,.42),transparent 31%),linear-gradient(180deg,#fbfcfb 0,#f4f7f6 100%)}
.demo-sales-hero h1{max-width:920px;font-size:clamp(2.55rem,5.6vw,4.9rem)}
.demo-reassurance{margin-top:24px;max-width:900px;padding:13px 16px;border:1px solid #d8e5e1;border-radius:14px;background:rgba(255,255,255,.72);color:#486168;font-size:.92rem}
.demo-needs{padding-top:68px}.need-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.need-card{appearance:none;text-align:left;border:1px solid #dce6e3;background:#fff;border-radius:22px;padding:26px;display:flex;flex-direction:column;min-height:310px;color:var(--ink);cursor:pointer;transition:.18s ease;box-shadow:0 8px 28px rgba(28,55,58,.04)}.need-card:hover,.need-card.selected{transform:translateY(-2px);border-color:#98b6ae;box-shadow:0 18px 46px rgba(28,55,58,.09)}.need-card.selected{background:linear-gradient(160deg,#fff,#f0f6f4)}.need-kicker{font-size:.72rem;font-weight:850;letter-spacing:.12em;color:var(--sage-deep)}.need-card>strong{font-size:1.42rem;line-height:1.18;margin:16px 0 12px;letter-spacing:-.025em}.need-card p{color:var(--muted);line-height:1.65;flex:1}.need-price{font-weight:800;font-size:1.08rem;margin-top:12px}.need-action{font-size:.8rem;font-weight:850;color:var(--accent);margin-top:12px}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.compare-card{background:#fff;border:1px solid #dbe5e2;border-radius:24px;padding:28px}.compare-card.featured{background:linear-gradient(145deg,#ffffff,#edf4f7);border-color:#cadce0}.compare-card>span{font-size:.73rem;font-weight:850;letter-spacing:.12em;color:var(--sage-deep)}.compare-card h3{font-size:1.65rem}.compare-card p{color:var(--muted)}.compare-card ul{margin:18px 0 0;padding-left:20px;color:#405b62}.compare-card li{margin:8px 0}.package-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px;padding:6px;border:1px solid #dbe6e2;background:#f3f7f5;border-radius:16px;width:max-content;max-width:100%}.package-tab{appearance:none;border:0;background:transparent;color:#536a70;padding:10px 15px;border-radius:11px;font-weight:750;cursor:pointer}.package-tab.active{background:#fff;color:var(--ink);box-shadow:0 5px 15px rgba(30,55,55,.08)}.showroom-package-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:32px}.showroom-package-head>div{max-width:730px}.showroom-package-head p{max-width:500px;color:var(--muted);margin:0}.customer-card .template-info{padding-top:18px}.business-type{font-size:.75rem;color:#60767d;font-weight:700}.customer-card .template-info h3{font-size:1.45rem;margin-top:8px}.customer-card .template-info p{color:var(--muted);min-height:52px}.pro-value-line{font-size:.77rem;font-weight:750;color:#45686f;margin-top:12px}.showroom-preview .sp-growth-row{height:108px;padding:11px 12px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fff}.showroom-preview .sp-growth-row span{display:flex;flex-direction:column;justify-content:center;padding:8px;border:1px solid #e4e9e8;border-radius:7px}.showroom-preview .sp-growth-row b{font-size:6px;letter-spacing:.06em}.showroom-preview .sp-growth-row small{font-size:5px;opacity:.58;margin-top:3px}.demo-closing{align-items:center}.closing-checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-size:.82rem}.closing-checks span{white-space:nowrap}.secondary-crosssell{padding:40px 0}.secondary-crosssell .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.secondary-crosssell h3{margin:6px 0 8px;font-size:1.25rem}.secondary-crosssell p{margin:0}.secondary-crosssell-actions{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}

/* Professional demo communicates growth value in the website itself. */
.demo-header-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:9px;padding:9px 13px;background:var(--demo-primary);color:#fff!important;font-size:.78rem;font-weight:800}.demo-pro-value-strip{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e9ecec;background:#fff}.demo-pro-value-strip>span{padding:18px 26px;border-right:1px solid #e9ecec}.demo-pro-value-strip>span:last-child{border-right:0}.demo-pro-value-strip strong{display:block;font-size:.76rem;letter-spacing:.1em;color:var(--demo-primary)}.demo-pro-value-strip small{display:block;margin-top:4px;color:#66767b;font-size:.76rem}.demo-pro-growth{background:linear-gradient(145deg,#f7faf9,#eef4f3)}.demo-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-growth-grid article{background:#fff;border:1px solid #dde7e4;border-radius:18px;padding:22px}.demo-growth-grid article>span{font-size:.72rem;font-weight:850;color:var(--demo-primary);letter-spacing:.1em}.demo-growth-grid article h3{font-size:1.18rem;margin-top:10px}.demo-growth-grid article p{color:#5e6e73;min-height:96px}

@media(max-width:900px){.need-grid,.compare-grid,.demo-growth-grid{grid-template-columns:1fr}.showroom-package-head{align-items:flex-start;flex-direction:column}.demo-pro-value-strip{grid-template-columns:1fr}.demo-pro-value-strip>span{border-right:0;border-bottom:1px solid #e9ecec}.demo-pro-value-strip>span:last-child{border-bottom:0}.demo-header-cta{display:none}.secondary-crosssell .container{align-items:flex-start;flex-direction:column}.secondary-crosssell-actions{justify-content:flex-start}}
@media(max-width:640px){.demo-needs{padding-top:52px}.need-card{min-height:0;padding:21px}.package-tabs{width:100%;display:grid;grid-template-columns:1fr}.package-tab{width:100%}.showroom-package-head{margin-bottom:24px}.closing-checks{display:grid;gap:6px}.closing-checks span{white-space:normal}}

/* Temporary WEVIX SMART LAUNCHING 10.10 campaign UI. Server-side campaign service remains authority. */
.launch-campaign-bar{border-bottom:1px solid rgba(15,23,42,.08);background:#f8fafc;color:#0f172a}
.launch-campaign-bar.promo{background:#ecfdf5;color:#064e3b}
.launch-campaign-inner{max-width:1180px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.launch-campaign-inner>div:first-child{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.launch-campaign-inner strong{font-size:.82rem;letter-spacing:.07em}
.launch-campaign-inner span{font-size:.88rem;line-height:1.45}
.launch-campaign-actions{display:flex;gap:14px;white-space:nowrap}
.launch-campaign-actions a{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:inherit;text-decoration:none}
.campaign-price{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.campaign-price s{font-size:.72em;opacity:.58;font-weight:500}
.campaign-price b{font:inherit;font-weight:800}
.campaign-price small{font-size:.62em;line-height:1.2;font-weight:700;opacity:.78}
@media(max-width:760px){.launch-campaign-inner{padding:10px 16px;align-items:flex-start;flex-direction:column;gap:8px}.launch-campaign-actions{width:100%;justify-content:flex-start}.launch-campaign-inner>div:first-child{gap:4px}.launch-campaign-inner span{width:100%}}