/* Bigcom.ai — WordPress landing page. All selectors scoped to this theme's own components. */
:root{--brand-purple:#5749A0;--brand-pink:#D4577D;--brand-dark:#372866;--brand-faint:#F5F1FA;--brand-light:#FBEFF4;--ink:#1C2130;--heading:#222035;--muted:#666577;--faint:#8A8796;--line:#E8E4EB;--paper:#FFF;--band:#F8F7FA;--radius:14px;--ease:cubic-bezier(.22,1,.36,1);--gradient:linear-gradient(112deg,var(--brand-purple),var(--brand-pink));--button-gradient:linear-gradient(110deg,#5749A0,#AD4079);--shadow:0 10px 35px rgba(49,32,84,.075);--sans:'Plus Jakarta Sans',Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.admin-bar .site-header{top:32px}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}h1,h2,h3,p,blockquote,figure{margin-top:0}h1,h2,h3{color:var(--heading);line-height:1.18;letter-spacing:-.035em}h3{letter-spacing:-.025em}h2{font-size:clamp(30px,4.1vw,44px)}strong,b{font-weight:700}::selection{background:#e6dbf5;color:var(--brand-dark)}:focus-visible{outline:3px solid #bd4b83;outline-offset:4px}section[id]{scroll-margin-top:82px}.wrap{width:100%;max-width:1200px;margin:0 auto;padding-left:clamp(22px,4vw,44px);padding-right:clamp(22px,4vw,44px)}.section{padding:clamp(60px,6.4vw,82px) 0}.band{background:var(--band)}.title{font-weight:800;font-size:clamp(30px,4.1vw,46px);line-height:1.17;letter-spacing:-.047em}.eyebrow{color:#a64883;text-transform:uppercase;font-size:11px;letter-spacing:.17em;font-weight:800;margin-bottom:16px}.gradient-text{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.lede{max-width:650px;color:var(--muted);font-size:15px;line-height:1.85}.section-heading{margin:0 0 32px}.section-heading .title{max-width:810px;margin-bottom:16px}.section-heading .lede{margin:12px 0 0}.split-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(26px,5vw,80px);align-items:start}.split-heading .heading-right{color:var(--muted);font-size:14px}.split-heading .heading-right p{margin-bottom:15px}.split-heading .heading-right strong{color:var(--heading)}.split-heading blockquote{font-size:19px;line-height:1.65;font-weight:700;letter-spacing:-.025em;color:var(--brand-dark);border-left:3px solid var(--brand-pink);padding-left:17px;margin-bottom:24px}.four-grid,.three-grid,.two-grid{display:grid;gap:18px}.four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.three-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.two-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;min-height:46px;padding:12px 22px;border:0;border-radius:12px;background:var(--button-gradient);color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.015em;box-shadow:0 9px 20px rgba(83,64,160,.17);transition:transform .18s ease,box-shadow .18s ease;white-space:nowrap}.btn:hover{color:#fff;box-shadow:0 13px 27px rgba(83,64,160,.25);transform:translateY(-2px)}.btn span{font-size:17px;line-height:1}.btn-small{min-height:40px;padding:8px 16px;font-size:12px;border-radius:10px}.btn-large{min-height:53px;padding:13px 26px;font-size:14px}.text-link{font-weight:800;color:var(--brand-purple);text-decoration:none}.text-link:hover{text-decoration:underline}.skip-link{position:absolute;z-index:99999;top:-100px;left:10px;background:#fff;padding:10px;border:2px solid var(--brand-purple)}.skip-link:focus{top:6px}
/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(80,63,113,.10);height:72px}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand-logo-link{display:flex;align-items:center;flex-shrink:0}.brand-logo{width:180px;height:auto;display:block}.site-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.site-nav a{color:#60596b;text-decoration:none;font-size:12px;font-weight:700;transition:color .2s}.site-nav a:hover{color:var(--brand-purple)}.header-cta{flex-shrink:0}.menu-toggle{display:none;border:1px solid var(--line);border-radius:9px;padding:9px;background:white;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:var(--brand-dark);margin:4px 0}
/* HERO */
.hero{position:relative;isolation:isolate;padding:68px 0 0;background:radial-gradient(ellipse at 52% 0%,#fcf7fb 0%,#fff 60%);overflow:hidden}.hero-glow{position:absolute;z-index:-1;pointer-events:none;width:480px;height:480px;border-radius:50%;filter:blur(75px);opacity:.17}.hero-glow-left{background:var(--brand-purple);left:-330px;top:140px}.hero-glow-right{background:var(--brand-pink);right:-320px;top:30px}.hero-inner{text-align:center}.hero-pill{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;border:1px solid #e9dfe9;background:rgba(255,255,255,.9);padding:8px 15px;border-radius:100px;font-size:10.5px;color:#5a4e70;font-weight:800;letter-spacing:.02em}.pill-dot,.pulse-dot{width:7px;height:7px;border-radius:50%;background:#ae4d89;box-shadow:0 0 0 3px #efdce9;display:inline-block}.pill-divider{color:#bba6c6}.hero h1{font-weight:800;line-height:1.11;letter-spacing:-.064em;font-size:clamp(38px,6vw,72px);max-width:1040px;margin:27px auto 19px;text-wrap:balance}.hero-lede{font-size:15px;line-height:1.95;max-width:725px;margin:0 auto;color:#666173}.hero-lede strong{color:#3c3549}.hero-actions{display:flex;gap:15px;align-items:center;justify-content:center;flex-wrap:wrap;margin:26px 0 45px}.btn-quiet{box-shadow:none;background:transparent;color:#50465f}.btn-quiet:hover{box-shadow:none;color:var(--brand-purple);background:#f2ebf5}.hero-dashboard{margin:0 auto;max-width:1050px;text-align:left;border-radius:18px 18px 8px 8px;box-shadow:0 35px 80px rgba(54,33,82,.18),0 0 0 1px #e6deea;overflow:hidden;background:white;transform:perspective(1400px) rotateX(1deg);transform-origin:bottom center}.demo-chrome{height:39px;border-bottom:1px solid #e6e3eb;background:#fdfbfe;display:flex;align-items:center;padding:0 17px;gap:12px;font-size:10px;color:#837c8c}.chrome-dots{display:flex;gap:5px}.chrome-dots b{width:7px;height:7px;border-radius:50%;background:#ddd8e2}.chrome-dots b:first-child{background:#e7acb8}.chrome-dots b:nth-child(2){background:#e9cda4}.chrome-dots b:nth-child(3){background:#add9c1}.demo-domain{margin-right:auto}.demo-status{font-size:10px;font-weight:700;color:#665b76}.demo-status i{display:inline-block;width:7px;height:7px;background:#38ab77;border-radius:50%;margin-right:4px}.demo-body{display:grid;grid-template-columns:166px minmax(0,1fr);min-height:346px}.demo-sidebar{background:#241b41;color:#e8e2f3;padding:20px 10px}.demo-side-mark{font-weight:800;font-size:26px;color:#fff;padding:0 15px 18px}.demo-sidebar-item{font-size:10px;font-weight:700;display:flex;align-items:center;gap:10px;padding:10px 13px;margin-bottom:5px;border-radius:8px;color:#bab1cc}.demo-sidebar-item.active{color:#fff;background:#57418e}.demo-workspace{padding:27px;background:#fff}.demo-workspace-head{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:22px}.demo-eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#998aa2;font-weight:800}.demo-workspace h2{font-size:24px;letter-spacing:-.045em;margin:2px 0 0}.workspace-dot{display:inline-block;width:8px;height:8px;background:#35a575;border-radius:50%;vertical-align:middle}.live-chip{background:#eef8f1;border:1px solid #d9eedf;color:#317752;padding:6px 9px;border-radius:100px;font-weight:800;font-size:9px;white-space:nowrap}.live-dot{display:inline-block;width:6px;height:6px;background:#30a66c;border-radius:50%;margin-right:3px}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.dashboard-stat{padding:14px 15px;background:#faf8fc;border:1px solid #eee8f1;border-radius:11px}.dashboard-stat>span,.dashboard-stat small{display:block;color:#91889a;font-size:9.5px}.dashboard-stat strong{display:block;color:#392d60;font-size:28px;font-weight:800;line-height:1.3;letter-spacing:-.04em}.dashboard-bottom{display:grid;grid-template-columns:1.5fr .85fr;gap:11px}.dashboard-plot{border:1px solid #eee8f1;border-radius:11px;padding:12px 15px}.plot-heading{display:flex;align-items:center;justify-content:space-between;gap:9px;font-size:11px}.plot-heading span{font-size:9px;color:#928b9a}.plot-list{margin-top:9px}.plot-list>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f3eff4;padding:6px 0;gap:10px;font-size:10px}.plot-list>div span{color:#5b5366}.plot-list b{white-space:nowrap;color:#65506a}.severity{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.s-red{background:#ef777a}.s-yellow{background:#e6aa58}.s-pink{background:#d4799f}.s-violet{background:#8871cc}.dashboard-ai{background:linear-gradient(145deg,#4b388e,#ad4a92);color:white;border-radius:11px;padding:17px;display:flex;flex-direction:column;justify-content:center}.ai-spark{font-size:22px}.dashboard-ai small{font-size:9px;letter-spacing:.16em;opacity:.7}.dashboard-ai strong{font-size:15px;margin:8px 0}.dashboard-ai p{font-size:10px;line-height:1.6;color:#f2e7f3;margin-bottom:12px}.ai-preview-chip{align-self:flex-start;background:#ffffff28;border-radius:50px;padding:4px 9px;font-size:9px;font-weight:700}.stats-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:30px 0 32px;margin-top:6px;text-align:center}.stats-rail>div:not(:last-child){border-right:1px solid #eae5ee}.stats-rail strong{display:block;font-size:25px;letter-spacing:-.045em;color:var(--brand-purple);font-weight:800;line-height:1.25}.stats-rail span{display:block;color:#7e7688;font-size:10.5px;font-weight:700;margin-top:5px}
/* ABOUT DIFFERENCE CARDS */
.icon-card{padding:25px 22px;border-radius:13px;border:1px solid #ece7ee;background:white;box-shadow:0 5px 14px #2d163509;min-height:220px}.small-icon{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:11px;background:#eee9f9;color:var(--brand-purple);font-weight:800;font-size:11px;margin-bottom:24px}.icon-card:nth-child(even) .small-icon{background:#fbe6ed;color:#b6497f}.icon-card h3{font-size:16px;font-weight:800;margin-bottom:12px}.icon-card p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:0}
/* SCROLLING SERVICE CARDS */
.carousel-header{display:flex;align-items:end;justify-content:space-between;gap:25px}.carousel-header>div:first-child{max-width:800px}.carousel-actions{display:flex;gap:9px;flex-shrink:0;margin-bottom:4px}.arrow-btn{width:43px;height:43px;border:1px solid #dfd8e6;border-radius:50%;background:#fff;cursor:pointer;color:#5b478b;font-size:20px;transition:background .2s,transform .2s}.arrow-btn:hover{background:#eee9f8;transform:translateY(-2px)}.arrow-btn:disabled{opacity:.35;cursor:default}.feature-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:18px;padding:4px 1px 20px;scrollbar-width:none;overscroll-behavior-inline:contain}.feature-carousel::-webkit-scrollbar{display:none}.feature-card{flex:0 0 min(357px,83vw);border:1px solid #e7e2ea;border-radius:14px;overflow:hidden;background:white;box-shadow:0 4px 16px #3420500e;scroll-snap-align:start;display:flex;flex-direction:column}.feature-art{height:165px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.feature-art::before,.feature-art::after{content:"";position:absolute;border:2px solid #ffffff36;width:190px;height:190px;border-radius:42px;transform:rotate(32deg)}.feature-art::after{width:130px;height:130px;transform:rotate(16deg)}.feature-art-violet{background:linear-gradient(120deg,#43377e,#8d6dd5)}.feature-art-pink{background:linear-gradient(120deg,#a44986,#e27fa6)}.feature-art-purple{background:linear-gradient(120deg,#7759ba,#bc8fde)}.feature-art-peach{background:linear-gradient(120deg,#99598f,#e29f92)}.feature-art-blue{background:linear-gradient(120deg,#3f6ba6,#816dc0)}.feature-art-lilac{background:linear-gradient(120deg,#6257a5,#d276b4)}.feature-number,.mini-label{position:absolute;color:white;z-index:2;font-size:10px;letter-spacing:.12em;font-weight:800}.feature-number{top:15px;left:19px}.mini-label{bottom:16px;left:19px}.feature-glyph{font-size:71px;line-height:1;color:#fff;position:relative;z-index:1;font-weight:500}.feature-content{padding:23px 24px 27px}.feature-content h3{font-size:18px;line-height:1.3;font-weight:800;margin-bottom:10px}.feature-content p{font-size:12px;color:var(--muted);line-height:1.9;min-height:94px}.feature-content ul{padding:14px 0 0;margin:0;list-style:none;border-top:1px solid #eeeaf0}.feature-content li{position:relative;padding-left:17px;font-size:11.2px;color:#504b5b;line-height:1.8;margin:5px 0}.feature-content li::before{content:'✓';position:absolute;left:0;color:#8655b2;font-weight:800}.carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.scroll-line{height:3px;width:145px;background:#eee8f3;border-radius:3px;overflow:hidden}.scroll-line span{display:block;width:16.67%;height:100%;background:var(--gradient);transition:width .2s}.carousel-help{font-size:11px;color:#96909b}
/* BIGCOM PLATFORM */
.mini-numbers{display:flex;flex-wrap:wrap;gap:9px}.mini-numbers span{display:inline-flex;align-items:baseline;gap:5px;padding:8px 12px;border-radius:9px;background:white;border:1px solid var(--line);font-size:10px;font-weight:700}.mini-numbers b{font-size:18px;color:var(--brand-purple)}.platform-scan{border-radius:15px;background:#282039;color:#fff;box-shadow:var(--shadow);padding:29px;margin-bottom:22px}.scan-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.status-overline{font-size:10px;color:#cfb4e3;letter-spacing:.15em;font-weight:800}.scan-head h3{color:#fff;font-size:21px;margin:7px 0 0}.scan-badge{border-radius:30px;background:#514261;color:#e9d9ef;font-size:10px;font-weight:800;padding:8px 12px}.scan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scan-grid>div{background:#362e47;border:1px solid #493d57;border-radius:10px;padding:15px}.scan-grid>div>span{color:#c5bace;font-size:10px;display:block;margin-bottom:8px}.scan-grid strong{font-size:22px;letter-spacing:-.02em;color:white}.scan-grid small{font-size:9px;color:#dba8d1;letter-spacing:.035em;vertical-align:middle}.scan-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#c3b9cd;font-size:10px;padding-top:18px}.scan-foot b{color:#fff}.pulse-dot{margin-right:6px}.platform-grid{gap:18px}.platform-card{padding:27px;border:1px solid var(--line);border-radius:14px;background:#fff}.platform-heading{display:flex;align-items:center;gap:17px;padding-bottom:18px;border-bottom:1px solid #eee9f1;margin-bottom:15px}.platform-symbol{font-size:23px;font-weight:800;width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#f4eafb;color:#6550a5;flex-shrink:0}.platform-card:nth-child(2n) .platform-symbol{background:#ffeaf3;color:#b75183}.platform-heading>div>span{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a17d9c}.platform-heading h3{font-size:18px;margin:3px 0 1px}.platform-heading p{font-size:11px;color:#95889e;margin:0}.platform-card ul{list-style:none;margin:0;padding:0}.platform-card li{font-size:12px;color:var(--muted);line-height:1.8;margin:0;padding:10px 0 10px 18px;border-bottom:1px solid #f1edf2;position:relative}.platform-card li:last-child{border:0}.platform-card li::before{content:'•';position:absolute;left:2px;color:#9d68b1}.platform-card li b{color:#3d3547}
/* RESULTS CASE STUDY + CHART */
.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:10px;color:#69507b;border-radius:40px;background:#f5ebf8;padding:7px 10px;font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:21px}.metric-card{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 15px;min-width:0}.metric-card strong{display:block;font-size:clamp(23px,2.6vw,33px);line-height:1.25;letter-spacing:-.04em;color:var(--brand-purple);overflow-wrap:anywhere}.metric-card:nth-child(even) strong{color:#ac4c84}.metric-card>span{display:block;font-size:11px;font-weight:800;color:#342c3e;margin-top:7px}.metric-card small{font-size:10px;color:#96909e}.case-chart{border:1px solid var(--line);border-radius:15px;padding:31px;background:#faf9fc}.chart-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.chart-top h3{font-size:21px;margin-bottom:0}.chart-top .eyebrow{margin-bottom:8px}.chart-pill{font-size:10px;border:1px solid #e5dce9;padding:8px 12px;border-radius:40px;color:#8f7291;font-weight:700}.revenue-chart{height:260px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;align-items:end;margin-top:25px;border-bottom:1px solid #d9cfdf}.chart-column{min-width:0;display:flex;flex-direction:column;text-align:center;height:100%;justify-content:flex-end}.chart-column>strong{color:#3b3158;font-size:16px;letter-spacing:-.03em}.bar-slot{height:180px;width:min(76%,105px);margin:10px auto 0;display:flex;align-items:end}.bar{width:100%;border-radius:9px 9px 0 0;background:linear-gradient(0deg,#6252ac,#ca75aa);transition:height .7s var(--ease)}.chart-column:nth-child(5) .bar{background:linear-gradient(0deg,#5e429c,#cb568b)}.chart-column>span{font-size:11px;font-weight:800;margin:11px 0 0;color:#504557}.chart-column>small{font-size:10px;color:#9a839a}.chart-note{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:11px;color:#82788a}.chart-note b{color:#524464}
/* FIRST WEEK / AUDIT */
.audit-card{background:#fff;border:1px solid #ece7ef;border-radius:13px;padding:25px;transition:transform .18s}.audit-card:hover{transform:translateY(-3px)}.audit-symbol{font-size:11px;font-weight:800;border:1px solid #e6d6ec;color:#8252a1;border-radius:8px;display:inline-flex;padding:9px;line-height:1;margin-bottom:25px}.audit-card h3{font-size:17px;margin-bottom:10px}.audit-card p{font-size:12px;color:var(--muted);line-height:1.85;min-height:88px}.audit-card>span{font-size:10px;font-weight:800;display:inline-flex;color:#965080;border-radius:30px;background:#f8ebf3;padding:6px 10px}
/* STEPS */
.step-card{position:relative;background:white;border:1px solid var(--line);border-radius:13px;padding:26px 23px;min-height:270px}.step-card>span:first-child{font-size:10px;font-weight:800;color:#9a6999;letter-spacing:.16em}.step-number{display:block;font-size:52px;line-height:1;font-weight:800;letter-spacing:-.09em;color:#efe9f4;margin:25px 0 17px}.step-card:nth-child(2n) .step-number{color:#f7e7f0}.step-card h3{font-size:17px;margin-bottom:9px}.step-card p{font-size:12px;color:#747080;line-height:1.85}.steps-cta{display:flex;align-items:center;justify-content:space-between;margin-top:27px;padding-top:20px;border-top:1px solid var(--line);gap:20px}.steps-cta p{color:#6d6575;margin:0;font-weight:600}
/* COMPARISON TABLE */
.compare-wrap{border:1px solid #e7e1ea;border-radius:13px;overflow-x:auto;background:#fff;box-shadow:var(--shadow)}.compare-table{border-collapse:collapse;width:100%;min-width:700px;text-align:left;font-size:12px}.compare-table thead{background:#f6f2f9}.compare-table th,.compare-table td{padding:17px 20px;vertical-align:top;border-bottom:1px solid #eeeaf0}.compare-table thead th{font-size:11px;color:#5d486d;font-weight:800}.compare-table tbody th{font-weight:700;color:#4d4457;width:28%}.compare-table tbody td:nth-child(2){color:#837b89;width:29%}.compare-table tbody td:nth-child(3){color:#614b89;font-weight:700;background:#fcf9ff}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:none}.compare-brand{background:var(--gradient);color:white;padding:8px 12px;border-radius:7px;display:inline-block}
/* ORIGINAL PRICING LAYOUT RETAINED AS OFFER */
.offer-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.offer-card{background:linear-gradient(150deg,#302451,#55408b);color:#fff;border-radius:17px;padding:37px;box-shadow:0 23px 50px #4e38752e}.offer-kicker{font-weight:800;font-size:10px;letter-spacing:.1em;display:inline-flex;align-items:center;gap:10px;background:#ffffff17;border:1px solid #ffffff32;border-radius:100px;padding:8px 12px}.offer-card h3{color:#fff;font-size:clamp(29px,3.7vw,42px);margin:23px 0 16px;line-height:1.22;font-weight:800}.offer-card .gradient-text{background:linear-gradient(105deg,#eab7da,#ffc2da);background-clip:text;-webkit-background-clip:text}.offer-card p{font-size:13px;color:#e7dff1;line-height:1.85}.offer-card ul{list-style:none;padding:0;margin:20px 0 26px}.offer-card li{padding:9px 0 9px 24px;border-bottom:1px solid #ffffff20;position:relative;color:#eee7f4;font-size:12px}.offer-card li::before{content:'✓';position:absolute;left:0;font-weight:800;color:#fab9de}.btn-offer{background:#fff;color:#49377b;width:100%;box-shadow:none}.btn-offer:hover{color:#49377b;background:#faf3ff}.offer-card>small{display:block;text-align:center;color:#d7cae3;margin-top:13px;font-size:10px}.offer-benefits{display:grid;gap:0;padding:5px 0}.offer-benefits>div:not(.eligibility-note){padding:19px 12px 19px 60px;border-bottom:1px solid #eae5ee;position:relative}.check-orb{position:absolute;left:10px;top:23px;width:29px;height:29px;display:flex;align-items:center;justify-content:center;color:#8050a4;background:#f0eaf7;border-radius:50%;font-weight:800}.offer-benefits h3{font-size:16px;margin-bottom:8px}.offer-benefits p{font-size:12px;color:var(--muted);line-height:1.85;margin:0}.eligibility-note{margin:20px 0 0 11px;padding:14px 20px;border-radius:10px;background:#f8eff7;border:1px solid #eddce9}.eligibility-note b{font-size:11px;color:#865180}.eligibility-note p{font-size:11px}
/* FAQ */
.faq-list{max-width:870px;margin:0 auto}.faq-item{border-bottom:1px solid #e6e0e9;background:transparent}.faq-item:first-child{border-top:1px solid #e6e0e9}.faq-item summary{display:flex;gap:25px;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:22px 2px;font-size:14px;color:#322b3f;font-weight:800;outline-offset:-3px}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{font-weight:500;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:20px;background:#eee6f3;color:#795a99;transition:transform .22s ease}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 40px 22px 2px}.faq-answer p{font-size:13px;color:#76707d;line-height:1.95;max-width:780px}.faq-end{text-align:center;font-size:12px;margin-top:25px;color:#6c6173}.faq-end a{font-weight:800;color:var(--brand-purple);text-decoration:none}.faq-end a:hover{text-decoration:underline}
/* ORIGINAL FOUNDER NOTE REFASHIONED AS TEAM STORY */
.who-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fdfbfe,#f8f3fb);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr}.who-copy{padding:clamp(30px,5vw,58px)}.who-copy .title{margin-bottom:20px}.who-copy p{color:#6b6175;font-size:13px;line-height:1.9}.who-copy .who-big{font-size:17px;color:#48365b;font-weight:800;line-height:1.65;margin-bottom:18px}.who-copy .btn{margin-top:17px}.who-art{min-height:390px;position:relative;background:radial-gradient(ellipse at 55% 40%,#af82c4 0%,#7759a6 40%,#433170 100%);display:flex;align-items:center;justify-content:center;overflow:hidden}.who-art-orbit{position:absolute;width:350px;height:350px;border-radius:50%;border:1px solid #ffffff28}.who-art-orbit.two{width:540px;height:540px}.who-art-center{position:relative;z-index:2;max-width:78%;background:white;border-radius:16px;padding:35px 22px;box-shadow:0 15px 30px #2611464d}.who-art-center img{width:270px;display:block}.who-art-chip{position:absolute;z-index:3;border-radius:9px;color:#fff;background:#ffffff30;backdrop-filter:blur(6px);padding:13px;font-size:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 9px 25px #26114630}.who-art-chip span{display:block;font-size:14px;letter-spacing:0}.chip-top{top:34px;right:14px}.chip-bottom{bottom:32px;left:15px}
/* FOOTER / FALLBACK PAGES */
.site-footer{border-top:1px solid #ebe5ee;background:#faf8fb;padding:42px 0 28px}.footer-inner{display:grid;grid-template-columns:1.5fr .5fr;column-gap:30px}.footer-brand .brand-logo{width:175px;margin-bottom:15px}.footer-brand p{font-size:11px;color:#88808d;line-height:1.7;margin:5px 0}.footer-links{display:flex;justify-content:flex-end;align-items:flex-start;gap:20px}.footer-links a{font-size:11px;font-weight:700;color:#67577b;text-decoration:none}.footer-links a:hover{color:var(--brand-purple)}.copyright{grid-column:1/-1;color:#aaa1aa;font-size:10px;margin:26px 0 0;border-top:1px solid #e9e3ed;padding-top:18px}.generic-page{min-height:65vh}.generic-page .content-prose{max-width:800px;margin:0 auto}.content-prose .title{margin-bottom:35px}.content-prose p,.content-prose li{color:#675f6a;font-size:15px;line-height:1.9}.post-card{padding:24px;border:1px solid var(--line);border-radius:12px;margin-bottom:17px}.post-card a{text-decoration:none;color:var(--brand-purple)}
/* responsive */
@media(max-width:1080px){.site-nav{gap:14px}.header-inner{gap:20px}.brand-logo{width:160px}.four-grid{grid-template-columns:repeat(2,1fr)}.difference-grid .icon-card{min-height:190px}.demo-workspace{padding:20px}.feature-card{flex-basis:340px}}
@media(max-width:820px){.site-header{height:67px}.site-nav{display:none;position:absolute;top:67px;left:0;right:0;margin:0;background:#fff;padding:20px 25px 26px;box-shadow:0 15px 20px #24164322;border-bottom:1px solid var(--line);flex-direction:column;gap:18px;align-items:start}.site-nav.is-open{display:flex}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.hero{padding-top:56px}.split-heading{grid-template-columns:1fr;gap:22px}.split-heading .heading-right{max-width:720px}.metrics-grid{grid-template-columns:repeat(4,1fr)}.three-grid{grid-template-columns:repeat(2,1fr)}.offer-layout{grid-template-columns:1fr}.who-panel{grid-template-columns:1fr}.who-art{min-height:330px}.demo-body{grid-template-columns:115px minmax(0,1fr)}.demo-sidebar{padding:16px 8px}.demo-sidebar-item{font-size:9px;padding:9px 6px;gap:5px}.demo-side-mark{padding-left:10px}.demo-workspace h2{font-size:20px}.dashboard-stats{gap:6px}.dashboard-stat{padding:10px}.dashboard-bottom{grid-template-columns:1fr 1fr}.stats-rail strong{font-size:22px}}
@media(max-width:600px){body.admin-bar .site-header{top:46px}.section{padding:52px 0}.wrap{padding-left:21px;padding-right:21px}.header-inner{gap:12px}.brand-logo{width:146px}.hero{padding-top:48px}.hero h1{font-size:clamp(35px,9.2vw,48px);letter-spacing:-.055em}.hero-lede{font-size:13px;line-height:1.9}.hero-pill{font-size:9px;padding:8px 10px}.hero-actions{gap:8px;margin:24px 0 32px}.hero-actions .btn{width:100%;max-width:340px}.hero-dashboard{border-radius:12px}.demo-chrome{height:31px;padding:0 8px;gap:6px}.demo-domain{font-size:8px}.demo-status{display:none}.demo-body{grid-template-columns:1fr;min-height:unset}.demo-sidebar{display:none}.demo-workspace{padding:12px}.demo-workspace h2{font-size:17px}.demo-workspace-head{margin-bottom:12px}.live-chip{font-size:7px;padding:5px}.dashboard-stats{gap:5px}.dashboard-stat{padding:9px 7px}.dashboard-stat strong{font-size:20px}.dashboard-stat>span,.dashboard-stat small{font-size:7px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-ai{display:none}.plot-list>div{font-size:9px}.stats-rail{grid-template-columns:repeat(3,1fr);row-gap:20px;padding:26px 0}.stats-rail>div:not(:last-child){border:0}.stats-rail strong{font-size:21px}.stats-rail span{font-size:9px}.section-heading{margin-bottom:25px}.title{font-size:clamp(29px,8vw,36px)}.lede{font-size:13px}.four-grid,.three-grid,.two-grid{grid-template-columns:1fr}.icon-card{min-height:auto}.carousel-header{align-items:end}.carousel-actions{gap:6px}.arrow-btn{width:35px;height:35px}.feature-card{flex-basis:min(340px,85vw)}.feature-content p{min-height:unset}.carousel-help{font-size:9px}.scroll-line{width:90px}.scan-head{flex-direction:column;align-items:start}.scan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-scan{padding:18px}.platform-card{padding:20px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric-card{padding:18px 12px}.metric-card strong{font-size:25px}.case-chart{padding:17px 12px}.chart-top{align-items:start;flex-direction:column}.chart-top h3{font-size:18px}.revenue-chart{height:225px;gap:5px}.bar-slot{height:140px}.chart-column strong{font-size:12px}.chart-column>span{font-size:9px}.chart-column>small{font-size:8px}.chart-note{gap:9px;font-size:10px}.audit-card p{min-height:unset}.step-card{min-height:unset}.steps-cta{align-items:flex-start;flex-direction:column}.offer-card{padding:26px 22px}.offer-card h3{font-size:32px}.faq-item summary{font-size:13px}.who-copy{padding:31px 23px}.who-art{min-height:260px}.who-art-center{padding:19px 15px}.who-art-chip{font-size:7px;padding:8px}.who-art-chip span{font-size:10px}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap;margin-top:18px}.copyright{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* Original card deck styling transferred from uploaded Sophie MCP HTML. */
    .cap-slider { display: flex; flex-direction: column; gap: 16px; margin-top: clamp(30px, 4.5vh, 44px); min-width: 0; }
    /* one card holds the middle, its neighbours sit half in frame either side,
       so the row reads as a deck with more in it than you can see. --cap-w must
       stay a length: the track's padding is derived from it, and a percentage
       card width would resolve against a box that width defines. */
    .cap-slider { --cap-w: clamp(272px, 47vw, 360px); --cap-scale: 0.87; --cap-fade: clamp(18px, 6vw, 92px); position: relative; }
    /* The deck fades out at both edges rather than being cut off square. This
       is an overlay, not a mask on the track: masking the scrollport stops
       Chromium lazy-loading the images of any card parked in the transparent
       edge, which silently broke the Amazon mark on the PPC card at 375px.
       The overlay therefore has to match the ground the deck sits on. */
    .cap-slider::before, .cap-slider::after { content: ""; position: absolute; top: 0; bottom: 0; width: var(--cap-fade); pointer-events: none; z-index: 2; }
    .cap-slider::before { left: 0; background: linear-gradient(to right, var(--bg) 0%, rgba(255, 255, 255, 0) 100%); }
    .cap-slider::after { right: 0; background: linear-gradient(to left, var(--bg) 0%, rgba(255, 255, 255, 0) 100%); }

    /* From 900px the deck shows three whole cards rather than one huge one with
       slivers either side. The wrap tops out at 1120px, so its content is 1040px
       and three cards plus two 14px gaps have to live inside that: 330px is the
       widest that fits, and 26vw tracks it down to smaller desktops. A length,
       never a percentage - the track's padding-inline is derived from this. */
    @media (min-width: 1024px) { .cap-slider { --cap-w: clamp(300px, 26vw, 330px); } }
    /* overflow-x makes the scrollport clip vertically as well, so the bottom
       padding has to clear the active card's shadow or it cuts off square. The
       negative margin gives the space back so the nav does not drift down. */
    .cap-track { position: relative; list-style: none; margin: 0 0 -46px; display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory;
      scrollbar-width: none; -ms-overflow-style: none;
      padding-block: calc(var(--cap-w) * 0.085 + 4px) calc(var(--cap-w) * 0.085 + 56px); padding-inline: calc((100% - var(--cap-w)) / 2); }
    .cap-track::-webkit-scrollbar { display: none; }
    .cap-track.is-dragging { scroll-snap-type: none; cursor: grabbing; }
    .cap-track:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 12px; }
    .cap { flex: 0 0 var(--cap-w); aspect-ratio: 4 / 5; scroll-snap-align: center;
      background: var(--bg); border: 1px solid var(--line-soft); border-radius: 15px;
      padding: clamp(13px, 1.4vw, 17px) clamp(13px, 1.4vw, 17px) clamp(17px, 1.8vw, 21px);
      display: flex; flex-direction: column; gap: 6px; box-shadow: 0 1px 2px rgba(10, 35, 51, 0.04), 0 8px 18px -10px rgba(10, 35, 51, 0.10);
      transform: scale(var(--cap-scale)); opacity: 0.48; transform-origin: 50% 50%;
      transition: transform 0.38s var(--ease), opacity 0.38s var(--ease), box-shadow 0.38s var(--ease); }
    .cap.is-active { transform: scale(calc(var(--cap-scale) * 1.3)); opacity: 1; box-shadow: 0 1px 2px rgba(10, 35, 51, 0.05), 0 10px 22px -12px rgba(10, 35, 51, 0.16), 0 28px 48px -26px rgba(10, 35, 51, 0.24); }
    /* A phone cannot show a neighbouring card by shrinking it. At 375px the card
       is 272px in a 335px scrollport, and the 0.87 flank scale pushes its near
       edge 17.7px further out - past the edge, so nothing showed at all and the
       deck read as a single card. Flanks sit at full size here instead, which
       costs nothing: they are 95% off screen, and opacity still separates them
       from the active card, whose own size is unchanged. The edge fade comes
       down to 10px to stop it covering what that frees. Together: 17px of the
       next card on screen at 375px, 25px at 390px, 37px at 414px. At 320px the
       card is wider than the space beside it and no sliver is possible. */
    @media (max-width: 719px) {
      .cap-slider { --cap-fade: 6px; }
      /* The active card cannot grow here. At 375px the card is 272px in a 335px
         scrollport, 31px of ground a side, and any growth eats the 14px gap
         first (at 1.13 it grew 17.8px and the flanks touched it). So every card
         sits at its own size and opacity alone separates the active one. That
         leaves the full 14px gap showing and, with the edge fade at 6px, 15px
         of the next card on screen at 375px, 23px at 390px, 4px at 360px. */
      .cap, .cap.is-active { transform: none; }
    }
    @media (prefers-reduced-motion: reduce) { .cap { transition: none; } }
    /* the track's -46px bottom margin pulls this row up inside the track's own
       56px bottom padding, and the track is positioned, so it would paint over
       these buttons and swallow their clicks. Lift the row above it, and above
       the z-index:2 edge fades. */
    .cap-nav { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 16px; }
    /* the count replaces the dots: it stays readable at eight cards, where a
       row of dots stops telling you which one you are on. */
    .cap-count { margin: 0; display: flex; align-items: baseline; gap: 7px; font-family: var(--sans); font-size: 13px; font-variant-numeric: tabular-nums; color: var(--faint); user-select: none; }
    .cap-count .cap-now { font-weight: 600; color: var(--heading); }
    .cap-count .cap-vh { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
    .cap-arrow { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: var(--bg); color: var(--heading); display: grid; place-items: center; cursor: pointer; padding: 0; transition: border-color .2s ease, opacity .2s ease; }
    .cap-arrow[disabled] { opacity: .35; cursor: default; }
    @media (hover: hover) { .cap-arrow:not([disabled]):hover { border-color: var(--heading); } }
    .cap-arrow:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

    /* Each tile opens with a worked example drawn on a soft gradient stage, so the
       list decodes at a glance. One 5.6s pass, offset card to card through --d,
       eased, fading out to restart so nothing ever plays backwards. */
    .ex { --d: 0s; --tilt: rotateX(14deg) rotateZ(-9deg); position: relative; display: grid; place-items: center; overflow: hidden;
      flex: 1 1 auto; min-height: 0; max-height: calc(var(--cap-w) * 0.9); aspect-ratio: 16 / 10; padding: clamp(12px, 1.3vw, 17px); margin-bottom: 14px; border-radius: 11px;
      perspective: 900px; perspective-origin: 52% 34%;
      background: linear-gradient(142deg, #CDE4DA 0%, #E6F3EE 46%, #FAFDFB 100%); }
    /* the plate sitting behind the panel, so each example reads as a stack in space */
    .ex::before { content: ''; position: absolute; left: 20%; right: 8%; top: 13%; height: 54%; border-radius: 10px;
      background: rgba(255, 255, 255, 0.55); transform: var(--tilt) translate3d(10px, -13px, 0);
      box-shadow: 0 16px 26px -18px rgba(10, 35, 51, 0.34); }
    .cap:nth-of-type(2) .ex { --d: 0.1s; }
    .cap:nth-of-type(3) .ex { --d: 0.2s; }
    .cap:nth-of-type(4) .ex { --d: 0.3s; }
    .cap:nth-of-type(5) .ex { --d: 0.4s; }
    .cap:nth-of-type(6) .ex { --d: 0.5s; }
    .cap:nth-of-type(7) .ex { --d: 0.6s; }
    .cap:nth-of-type(8) .ex { --d: 0.7s; }

    /* the floating surface each example is drawn on, and the pill that labels it */
    .ex .surf { position: relative; width: 90%; padding: 13px 14px; border-radius: 9px; background: #fff;
      display: flex; flex-direction: column; justify-content: center; transform: var(--tilt);
      box-shadow: 0 30px 42px -26px rgba(10, 35, 51, 0.55), 0 8px 16px -10px rgba(10, 35, 51, 0.22); }
    .ex .hd { font-style: normal; font-size: 8.5px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
      color: var(--faint); white-space: nowrap; }
    .ex .pill { position: absolute; top: 9px; right: 10px; z-index: 2; font-style: normal; font-size: 9px; font-weight: 700;
      letter-spacing: 0.07em; text-transform: uppercase; border-radius: 100px; padding: 3px 8px; white-space: nowrap;
      box-shadow: 0 6px 12px -6px rgba(10, 35, 51, 0.35); opacity: 0;
      animation: exPill 9s var(--ease) infinite; animation-delay: var(--d); }
    @keyframes exPill { 0%, 44% { opacity: 0; transform: translateY(-4px); } 54%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
       be claiming something Amazon does not do. This is the dashboard Sophie Hub
       builds. It carries no Amazon mark for the same reason. */
    .ex-profit .surf { width: 92%; padding: 0.9em 1em 1em; gap: 0; align-items: stretch;
      justify-content: flex-start; font-size: clamp(6.2px, calc(var(--cap-w) * 0.0235), 10px); line-height: 1.3; }
    .ex-profit em, .ex-profit i { font-style: normal; display: block; }
    .ex-profit .pf-hd { display: flex; align-items: baseline; justify-content: space-between; gap: 0.6em; }
    .ex-profit .pf-ttl { font-size: 1.4em; font-weight: 700; color: var(--heading); letter-spacing: -0.015em; }
    .ex-profit .pf-src { color: var(--faint); }
    .ex-profit .pf-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5em; margin: 0.9em 0 0.9em; }
    .ex-profit .pf-kpi { border: 1px solid var(--line); border-radius: 0.4em; padding: 0.55em 0.6em; }
    .ex-profit .pf-kpi .k { color: var(--muted); }
    .ex-profit .pf-kpi .v { margin-top: 0.15em; font-size: 1.45em; font-weight: 700; color: var(--heading);
      font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
    .ex-profit .pf-net { background: var(--accent-tint); border-color: rgba(19, 131, 91, .28); }
    .ex-profit .pf-net .v { color: var(--accent-strong); }
    .ex-profit .cols { display: flex; align-items: flex-end; gap: 0.45em; height: 4.6em; }
    .ex-profit .cols > i { flex: 1; height: 100%; border-radius: 0.2em 0.2em 0 0; transform-origin: bottom; transform: scaleY(.12);
      background: linear-gradient(180deg, #7FC3A8, var(--accent));
      animation: exBar 9s var(--ease) infinite; animation-delay: var(--d); }
    .ex-profit .cols > i:nth-child(1) { --h: .28; } .ex-profit .cols > i:nth-child(2) { --h: .36; animation-delay: calc(var(--d) + .06s); }
    .ex-profit .cols > i:nth-child(3) { --h: .33; animation-delay: calc(var(--d) + .12s); } .ex-profit .cols > i:nth-child(4) { --h: .5; animation-delay: calc(var(--d) + .18s); }
    .ex-profit .cols > i:nth-child(5) { --h: .62; animation-delay: calc(var(--d) + .24s); } .ex-profit .cols > i:nth-child(6) { --h: .78; animation-delay: calc(var(--d) + .3s); }
    .ex-profit .cols > i:nth-child(7) { --h: 1; animation-delay: calc(var(--d) + .36s); }
    .ex-profit .pf-x { display: flex; justify-content: space-between; margin-top: 0.4em; color: var(--faint); }
    @keyframes exBar { 0%, 8% { transform: scaleY(.12); } 40%, 88% { transform: scaleY(var(--h, .6)); } 96%, 100% { transform: scaleY(.12); } }
    .ex-cl { --tilt: none; perspective: none; padding: clamp(9px, 1vw, 14px); }
    .ex-cl::before { display: none; }
    .ex-cl .surf { width: 100%; padding: 1em 1.1em; gap: 0; align-items: stretch;
      font-size: clamp(8px, calc(var(--cap-w) * 0.0305), 13.2px); line-height: 1.35; color: var(--heading); }
    .ex-cl em, .ex-cl i { font-style: normal; display: block; }
    .ex-cl .cl-hd { display: flex; align-items: center; gap: 0.45em; color: var(--faint); }
    .ex-cl .cl-hd img { width: 1.2em; height: 1.2em; object-fit: contain; flex: none; }
    .ex-cl .cl-bar { display: flex; align-items: center; gap: 0.6em; margin-top: 0.75em;
      border: 1px solid var(--line); border-radius: 1.1em; padding: 0.6em 0.6em 0.6em 0.85em; background: #fff;
      box-shadow: 0 6px 14px -10px rgba(10, 35, 51, .5); }
    .ex-cl .cl-bar em { min-width: 0; }
    .ex-cl .cl-send { flex: none; width: 1.7em; height: 1.7em; border-radius: 50%; background: var(--accent);
      position: relative; }
    .ex-cl .cl-send::after { content: ''; position: absolute; inset: 34% 36% 34% 36%;
      background: #fff; clip-path: polygon(50% 0, 100% 46%, 72% 46%, 72% 100%, 28% 100%, 28% 46%, 0 46%); }

    /* 07 describe it and it gets built: the thing asked for turns up under the
       composer, so the card ends on the deliverable rather than on the typing */
    /* Three beats rather than two: the prompt lands, the send button takes it,
       a bar runs while the tool is built, and the tool itself arrives and stays.
       The work row and the result share one slot, so the panel never changes
       height - and the bar sweeps on scaleX, not width. */
    .ex-prompt .cl-slot { position: relative; margin-top: 0.85em; height: 2.5em; }
    .ex-prompt .cl-work, .ex-prompt .cl-out { position: absolute; inset: 0;
      display: flex; align-items: center; gap: 0.55em; border-radius: 0.5em; padding: 0 0.7em; opacity: 0; }
    .ex-prompt .cl-work { border: 1px solid var(--line); background: #fff;
      animation: exWork 9s var(--ease) infinite; animation-delay: var(--d); }
    .ex-prompt .cl-work em { flex: none; color: var(--muted); }
    .ex-prompt .cl-wbar { flex: 1; height: 0.3em; border-radius: 1em; background: var(--line); overflow: hidden; }
    .ex-prompt .cl-wbar::after { content: ''; display: block; width: 100%; height: 100%; border-radius: 1em;
      background: var(--accent); transform: scaleX(0); transform-origin: left center;
      animation: exWorkBar 9s linear infinite; animation-delay: var(--d); }
    .ex-prompt .cl-send { animation: exSend 9s var(--ease) infinite; animation-delay: var(--d); }
    .ex-prompt .cl-out { border: 1px solid rgba(19, 131, 91, .3); background: var(--accent-tint);
      animation: exBuilt 9s var(--ease) infinite; animation-delay: var(--d); }
    .ex-prompt .cl-tick { flex: none; width: 1.25em; height: 1.25em; border-radius: 50%; background: var(--accent);
      position: relative; }
    .ex-prompt .cl-tick::after { content: ''; position: absolute; inset: 30% 28% 34% 28%;
      border-left: 0.14em solid #fff; border-bottom: 0.14em solid #fff; transform: rotate(-45deg); }
    .ex-prompt .cl-out .n { font-weight: 700; }
    .ex-prompt .cl-ask { animation: exAsk 9s var(--ease) infinite; animation-delay: var(--d); opacity: 0; }
    @keyframes exAsk   { 0% { opacity: 0; transform: translateY(3px); } 9%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; } }
    @keyframes exSend  { 0%, 24% { transform: scale(1); } 28% { transform: scale(1.16); } 33%, 100% { transform: scale(1); } }
    @keyframes exWork  { 0%, 28% { opacity: 0; } 33%, 48% { opacity: 1; } 54%, 100% { opacity: 0; } }
    @keyframes exWorkBar { 0%, 31% { transform: scaleX(0); } 50%, 100% { transform: scaleX(1); } }
    @keyframes exBuilt { 0%, 52% { opacity: 0; transform: translateY(4px); } 60%, 88% { opacity: 1; transform: none; } 94%, 100% { opacity: 0; transform: none; } }
    .ex-chat .cl-q { align-self: flex-end; max-width: 86%; margin-top: 0.8em; padding: 0.55em 0.75em;
      border-radius: 0.8em 0.8em 0.2em 0.8em; background: var(--light-blue); opacity: 0;
      animation: exSaid 2.6s var(--ease) 1 forwards; animation-delay: var(--d); }
    .ex-chat .cl-a { display: flex; gap: 0.55em; margin-top: 0.7em; opacity: 0;
      animation: exSaid2 2.6s var(--ease) 1 forwards; animation-delay: var(--d); }
    .ex-chat .cl-a img { width: 1.35em; height: 1.35em; object-fit: contain; flex: none; margin-top: 0.1em; }
    .ex-chat .cl-a em { color: var(--muted); }
    /* inline, and an <i> not a <b>: .cap b is the card's own title style, so a
       <b> in here came out as 18px serif mid-sentence */
    .ex-chat .cl-a em i { display: inline; font-weight: 700; color: var(--heading); }
    /* one-shot: the answer is the payoff and it stays put, like the render
       and the two steps. Nothing to un-ask. */
    @keyframes exSaid  { 0% { opacity: 0; transform: translateY(4px); } 22%, 100% { opacity: 1; transform: none; } }
    @keyframes exSaid2 { 0%, 48% { opacity: 0; transform: translateY(4px); } 72%, 100% { opacity: 1; transform: none; } }
    .cap b { font-family: var(--serif); font-size: clamp(16px, 1.4vw, 18.5px); font-weight: 700; letter-spacing: -0.015em; color: var(--heading); line-height: 1.25; text-wrap: pretty; }
    /* direct child only: this is the card's description, and an unscoped
       span:last-child also matches whatever happens to end an illustration. */
    .cap > span:last-child { font-size: 14px; line-height: 1.42; color: var(--muted); text-wrap: pretty; }
    .ex-panel { --tilt: none; perspective: none; padding: clamp(9px, 1vw, 14px); }
    .ex-panel::before { display: none; }
    .ex-panel .surf { width: 100%; height: auto; max-height: 100%; padding: 0 0 0.55em; overflow: hidden;
      gap: 0; justify-content: flex-start;
      font-size: clamp(8.2px, calc(var(--cap-w) * 0.0305), 13px); line-height: 1.25; }
    .ex-panel em, .ex-panel i { font-style: normal; }
    .ex-panel .pn-hd { display: flex; align-items: baseline; gap: 0.6em; padding: 0.75em 0.95em;
      background: var(--navy); color: #fff; }
    .ex-panel .pn-name { font-weight: 700; letter-spacing: -0.01em; font-size: 1.15em; }
    .ex-panel .pn-sub { margin-left: auto; opacity: 0.7; font-size: 0.92em; }
    .ex-panel .pn-cols, .ex-panel .pn-row { display: grid; grid-template-columns: minmax(0, 1fr) 4.4em 4.4em;
      align-items: center; gap: 0.35em; padding: 0.55em 0.9em; }
    .ex-panel .pn-cols { background: #F2F4F4; color: var(--muted); font-weight: 700; white-space: nowrap; }
    .ex-panel .pn-cols em:not(:first-child), .ex-panel .pn-row em:not(.k) { text-align: right; }
    .ex-panel .pn-row { border-top: 1px solid var(--line); opacity: 0;
      animation: exPn1 9s var(--ease) infinite; }
    .ex-panel .pn-row.v2 { animation-name: exPn2; }
    .ex-panel .pn-row.v3 { animation-name: exPn3; }
    .ex-panel .pn-row.v4 { animation-name: exPn4; }
    .ex-panel .pn-row .k { color: var(--heading); }
    .ex-panel .neg { color: #B12704; font-weight: 700; }
    .ex-panel .tot { background: rgba(177, 39, 4, 0.05); }
    .ex-panel .pn-note { display: block; padding: 0.75em 0.9em 0; color: var(--muted);
      opacity: 0; animation: exPn4 9s var(--ease) infinite; }
    /* two columns where there is no third figure */
    .ex-fee .pn-row { grid-template-columns: minmax(0, 1fr) 7.4em; }
    /* Row one is on its way at 0%: the half second it used to wait read as a
       card that had not started. Rows follow 630ms apart. */
    @keyframes exPn1 { 0%      { opacity: 0; transform: translateY(4px); }  9%, 84% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }
    @keyframes exPn2 { 0%, 7%  { opacity: 0; transform: translateY(4px); } 16%, 84% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }
    @keyframes exPn3 { 0%, 14% { opacity: 0; transform: translateY(4px); } 23%, 84% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }
    @keyframes exPn4 { 0%, 21% { opacity: 0; transform: translateY(4px); } 30%, 84% { opacity: 1; transform: none; } 90%, 100% { opacity: 0; } }

    /* hours: bars are static furniture, they grow once as the panel fills */
    .ex-hours .pn-bars { display: flex; align-items: flex-end; gap: 0.3em; height: 9.4em;
      padding: 1em 0.9em 0; }
    .ex-hours .pn-bars i { flex: 1; height: var(--h); border-radius: 1px 1px 0 0;
      background: var(--line); transform-origin: bottom;
      animation: exBarUp 9s var(--ease) infinite; }
    .ex-hours .pn-bars i.good { background: var(--accent); }
    .ex-hours .pn-bars i.bad { background: #B12704; opacity: 0.55; }
    .ex-hours .pn-axis { display: flex; justify-content: space-between; padding: 0.4em 0.9em 0;
      color: var(--faint); }
    @keyframes exBarUp { 0%, 2% { transform: scaleY(0); } 14%, 84% { transform: none; } 92%, 100% { transform: scaleY(0); } }


/* Deck color tokens: original proportions and timings, current Bigcom.ai logo colors. */
.original-card-section { overflow:hidden; }
.original-card-section .cap-slider {
 --bg:#fff; --accent:#8653C6; --accent-strong:#6D3DAD; --accent-tint:#F3EBFE;
 --navy:#392060; --heading:#28203B; --muted:#6E687B; --faint:#918A9D;
 --line:#EAE3F0; --line-soft:#EFE8F4; --light-blue:#F0EBFF; --serif:var(--sans);
}
.original-card-section .cap-track { padding-left:calc((100% - var(--cap-w)) / 2); padding-right:calc((100% - var(--cap-w)) / 2); }
.original-card-section .cap { min-width:0; cursor:grab; }
.original-card-section .cap b { display:block; }
.original-card-section .cap > span:last-child { display:block; }
.original-card-section .cap-slider::before { background:linear-gradient(to right, var(--paper),transparent); }
.original-card-section .cap-slider::after { background:linear-gradient(to left, var(--paper),transparent); }
.original-card-section .cap .ex { background:linear-gradient(143deg,#E6DDF9 0%,#F5EAF9 48%,#FFF5F8 100%); }
.original-card-section .ex .surf { color:var(--heading); }
.original-card-section .ex-profit .cols > i { background:linear-gradient(180deg,#CD80D2,#7652C3); }
.original-card-section .ex-profit .pf-net { border-color:#D2B9ED;background:#F5EBFF; }
.original-card-section .ex-profit .pf-net .v { color:#8653C6; }
.original-card-section .ex-panel .pn-hd { background:linear-gradient(120deg,#4F3A92,#9D4D99); }
.original-card-section .ex-panel .pn-cols { background:#F5F0FA; }
.original-card-section .ex-hours .pn-bars i.good { background:#9363D8; }
.original-card-section .ex-hours .pn-bars i.bad { background:#D45F93; }
.original-card-section .ex-hours .pn-bars i:not(.good):not(.bad) {background:#B7A5DA}
.original-card-section .ex-panel .pn-note { color:#665774; }
.original-card-section .ex-cl .cl-hd {font-weight:700;color:#684AA5}
.original-card-section .bixi-dot { display:inline-grid;place-items:center; flex:none; font-size:1em; color:#9853C5; }
.original-card-section .ex-chat .cl-a .bixi-dot {align-self:flex-start;}
.original-card-section .ex-prompt .cl-out {border-color:#D3B9EB;background:#F6EEFF}
.original-card-section .ex-cl .cl-send {background:#8053C5}
.original-card-section .cap-nav {margin-top:3px}
.original-card-section .cap-count {font-size:14px}
.original-card-section .cap-arrow {width:38px;height:38px; font-size:18px;line-height:1;}
.original-card-section .cap-arrow:hover {border-color:#9954C2;color:#713AB7;}
.original-card-section .cap.is-active { border-color:#E4D5F0; }
.original-card-section .cap-section-heading {max-width:750px;margin-bottom:0}
/* The screenshot is the actual provided product UI, not our previous illustrative interface. */
.real-dashboard { aspect-ratio:1000/563; transform:none; background:#fff; border-radius:18px; }
.real-dashboard .hero-dashboard-img {width:100%;height:auto;aspect-ratio:1000/563;object-fit:contain;display:block}
@media(max-width:719px){
 .original-card-section .cap,.original-card-section .cap.is-active {transform:none}
 .original-card-section .cap-slider { --cap-fade:6px; }
 .real-dashboard {border-radius:12px}
}
@media(prefers-reduced-motion:reduce){
 .original-card-section .cap {transition:none!important}
 .original-card-section .ex *, .original-card-section .ex *::after {animation:none!important;opacity:1!important;transform:none!important}
 .original-card-section .ex-profit .cols > i {transform:scaleY(var(--h,.7))!important}
}
/* Pause illustration sequences when their card is not in view, as in the source HTML. */
.original-card-section .anim-scope:not(.on-screen) .ex *,
.original-card-section .anim-scope:not(.on-screen) .ex *::after{animation-play-state:paused!important;}

/* v1.3 PPC-first, founder-led agency content. Original card-deck appearance,
   motion, media queries and previous balanced section spacing are preserved. */
.agency-wordmark{display:inline-flex;align-items:center;gap:10px;line-height:1.05;text-decoration:none;color:#272039;min-width:185px}
.agency-wordmark-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--gradient);color:#fff;font-size:27px;font-weight:800;box-shadow:0 6px 15px #5749a022;flex-shrink:0}
.agency-wordmark>span:last-child{display:flex;flex-direction:column;gap:4px}
.agency-wordmark strong{font-size:14px;font-weight:800;letter-spacing:-.055em;white-space:nowrap;color:#2d233c}
.agency-wordmark small{font-size:10px;font-weight:800;letter-spacing:.24em;color:#9a4788}
.footer-wordmark{margin-bottom:16px}
.hero h1{max-width:1090px;font-size:clamp(38px,5.8vw,68px)}
.hero-trustline{display:flex;justify-content:center;gap:13px;flex-wrap:wrap;color:#787184;font-size:11.5px;font-weight:600;margin:0 0 22px}
.hero-trustline strong{color:#43345a}
.hero-trustline>span{color:#cbb6d4}
.hero-actions{margin-bottom:18px}
.real-dashboard{overflow:visible}
.real-dashboard .hero-dashboard-img{border-radius:16px;box-shadow:0 21px 50px #2e17431d}
.dashboard-caption{font-size:11px;line-height:1.6;color:#6b607a;text-align:center;margin:10px 10px 0;font-weight:600}
.hero-founder-strip{display:flex;align-items:center;gap:14px;margin:30px auto 0;padding:13px 17px;border:1px solid #ebe3f0;max-width:600px;background:#fff;border-radius:15px;box-shadow:0 10px 25px #2e174309;text-align:left}
.founder-round{width:46px;height:46px;display:grid;place-items:center;flex-shrink:0;background:var(--gradient);border-radius:50%;color:#fff;font-size:16px;font-weight:800;overflow:hidden}
.founder-round img{width:100%;height:100%;object-fit:cover;display:block}
.hero-founder-strip>span:nth-child(2){flex:1;min-width:0}
.hero-founder-strip strong{display:block;font-size:11.5px;line-height:1.5;color:#362746}
.hero-founder-strip small{display:block;color:#8b7e93;font-size:10px;line-height:1.5}
.hero-founder-strip a{text-decoration:none;color:var(--brand-purple);font-size:11px;font-weight:800;white-space:nowrap}
.stats-disclaimer{max-width:630px;text-align:center;margin:-11px auto 15px;color:#9e94a6;font-size:10px;line-height:1.5}
.results-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch}
.result-story{background:linear-gradient(140deg,#33244d,#5b3a81);color:#fff;padding:clamp(27px,4vw,43px);border-radius:17px;box-shadow:0 14px 34px #3c26401e}
.result-story h3{color:#fff;font-size:clamp(25px,3vw,37px);line-height:1.24;letter-spacing:-.045em;max-width:450px;margin:14px 0}
.result-story p{color:#e9dff1;line-height:1.85;font-size:13px}
.result-kicker{letter-spacing:.13em;font-size:10px;font-weight:800;color:#e8aadd}
.result-story .text-link{color:#ffd5f1}
.result-source{border-top:1px solid #ffffff2e;padding-top:18px;margin-top:25px;color:#d5c6e2;font-size:10px;line-height:1.65}
.results-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.proof-metric{background:#fff;border:1px solid #e9e0ee;border-radius:15px;padding:29px 24px;box-shadow:0 7px 21px #311a4210;display:flex;flex-direction:column;justify-content:center}
.proof-metric strong{font-size:clamp(34px,4vw,55px);font-weight:800;letter-spacing:-.068em;line-height:1.05;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.proof-metric span{display:block;color:#625a71;font-size:12px;line-height:1.55;margin-top:12px;font-weight:650}
.proof-band{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e8dfee;border-radius:15px;background:#fff;margin-top:20px;overflow:hidden}
.proof-band>div{padding:18px 20px}
.proof-band>div:not(:last-child){border-right:1px solid #e8dfee}
.proof-band b{display:block;font-size:12px;color:#3a294b}
.proof-band small{display:block;font-size:10px;color:#8a7c97;margin-top:4px;line-height:1.5}
.tech-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(26px,4vw,55px);align-items:center}
.tech-copy .title{font-size:clamp(27px,3.8vw,43px)}
.tech-copy p{font-size:13px;color:#6e6579;line-height:1.95}
.tech-checks{padding:0;margin:22px 0;list-style:none}
.tech-checks li{padding:9px 0 9px 30px;position:relative;color:#463951;font-size:12px;font-weight:650;border-bottom:1px solid #f0eaf4}
.tech-checks li:before{content:'✓';position:absolute;left:0;top:10px;width:21px;height:21px;background:#ebe0f7;color:#774caa;border-radius:50%;display:grid;place-items:center;font-weight:800}
.tech-visual{border:1px solid #e9e0ef;box-shadow:0 18px 48px #32204117;overflow:hidden;border-radius:15px;background:#fff}
.tech-visual-top{padding:12px 18px;display:flex;align-items:center;gap:9px;font-weight:800;font-size:9px;letter-spacing:.075em;background:#faf8fc;color:#69487c;border-bottom:1px solid #eee5f3}
.tech-visual>img{display:block;object-fit:contain;width:100%;aspect-ratio:1000/563;background:#fff}
.tech-visual-footer{display:flex;align-items:center;gap:12px;padding:14px 18px;border-top:1px solid #eee5f3}
.tech-visual-footer img{width:120px;height:auto;flex:none}
.tech-visual-footer span{font-size:10px;color:#80788c}
.founder-panel{grid-template-columns:1.12fr .88fr}
.founder-role{font-weight:800!important;color:#8450a5!important;text-transform:uppercase;letter-spacing:.07em;font-size:10.5px!important;margin-bottom:20px}
.founder-social-proof{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:23px 0 4px;border-top:1px solid #e9e2ef;padding-top:18px}
.founder-social-proof strong{font-size:14px;color:#7d4a9e}
.founder-social-proof span{font-size:10px;color:#8c8192;margin-right:10px}
.founder-portrait-panel{background:radial-gradient(ellipse at 50% 28%,#c17cac 0%,#724ca2 55%,#3c2a64 100%);padding:36px;min-height:470px}
.founder-photo-frame{width:min(100%,350px);aspect-ratio:5/6;overflow:hidden;border:4px solid #ffffff45;border-radius:16px;box-shadow:0 20px 46px #2b124950;position:relative}
.founder-real-photo{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.founder-photo-fallback{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(145deg,#594189,#a658a2);color:#fff}
.founder-monogram{font-weight:800;font-size:96px;line-height:1.3;letter-spacing:-.08em}
.founder-photo-fallback>span:nth-child(2){font-weight:800;letter-spacing:.1em;font-size:16px}
.founder-photo-fallback small{font-size:11px;opacity:.8}
.founder-photo-caption{position:absolute;bottom:20px;left:16px;right:16px;text-align:center;background:#241544b5;color:#fff;border:1px solid #ffffff34;border-radius:8px;padding:11px 7px;font-size:10px;font-weight:800;letter-spacing:.11em;backdrop-filter:blur(5px)}
.founder-photo-caption span{display:block;margin-top:4px;font-size:12px;font-weight:650;letter-spacing:0}
.founder-photo-notice{display:none}
@media(max-width:960px){.results-grid{grid-template-columns:1fr 1fr}.tech-layout{grid-template-columns:1fr 1fr}.founder-panel{grid-template-columns:1fr 1fr}.proof-band{grid-template-columns:1fr 1fr}.proof-band>div:nth-child(2){border-right:0}.proof-band>div:nth-child(-n+2){border-bottom:1px solid #e8dfee}}
@media(max-width:720px){.site-header .agency-wordmark{min-width:0}.agency-wordmark strong{font-size:12px}.agency-wordmark small{font-size:9px}.agency-wordmark-icon{width:35px;height:35px;font-size:23px}.hero-trustline{gap:7px 12px;font-size:10px}.hero-founder-strip{flex-wrap:wrap;gap:10px}.hero-founder-strip a{margin-left:56px}.stats-disclaimer{margin-top:0}.results-grid,.tech-layout,.founder-panel{grid-template-columns:1fr}.results-metrics{gap:10px}.proof-metric{padding:20px}.proof-metric strong{font-size:37px}.proof-metric span{font-size:10.5px}.tech-copy{order:0}.tech-visual{order:1}.founder-portrait-panel{min-height:380px}.founder-photo-frame{width:min(100%,285px)}.proof-band{grid-template-columns:1fr 1fr}.proof-band>div{padding:15px}}
@media(max-width:425px){.hero-trustline{font-size:9px}.results-metrics{grid-template-columns:1fr 1fr}.proof-metric strong{font-size:32px}.hero h1{font-size:clamp(35px,9.5vw,44px)}.proof-band small{font-size:9px}.tech-visual-footer{flex-wrap:wrap}}