@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@400;500;600;700;800&display=swap');

:root{--navy:#071d42;--ink:#0c1830;--muted:#667087;--line:#dfe5ef;--soft:#f6f8fc;--blue:#5264ff;--violet:#7855ff;--pink:#f04f9d;--green:#24a36a;--shadow:0 22px 60px rgba(22,36,72,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Urbanist',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.preview-notice{min-height:34px;display:flex;align-items:center;justify-content:center;gap:12px;background:#091b3c;color:#fff;font-size:12px;letter-spacing:.01em}.preview-notice b{color:#ffb7db}.preview-notice span{opacity:.78}.preview-notice a{margin-left:8px;text-decoration:underline;text-underline-offset:3px}.preview-nav{height:76px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:40px;padding:0 max(24px,calc((100vw - 1440px)/2));border-bottom:1px solid rgba(212,219,232,.8);background:rgba(255,255,255,.84);backdrop-filter:blur(18px)}.preview-logo{width:146px;display:flex}.preview-logo img{width:100%;height:auto}.preview-nav nav{display:flex;gap:28px;margin:auto;font-size:14px;font-weight:600}.preview-nav nav a,.preview-actions>a:first-child{transition:.2s}.preview-nav nav a:hover,.preview-actions>a:first-child:hover{color:var(--violet)}.preview-actions{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:650}.dark-button,.light-button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:0 24px;border-radius:10px;font-weight:700}.dark-button{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(7,29,66,.18)}.light-button{background:#fff;border:1px solid #cfd7e5;color:var(--ink)}.grid-wash{position:relative;isolation:isolate;background-image:linear-gradient(rgba(48,65,105,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(48,65,105,.045) 1px,transparent 1px),radial-gradient(circle at 50% 68%,rgba(241,93,163,.16),transparent 34%),radial-gradient(circle at 20% 80%,rgba(255,217,117,.13),transparent 27%),radial-gradient(circle at 80% 75%,rgba(95,222,231,.14),transparent 28%);background-size:64px 64px,64px 64px,auto,auto,auto}.grid-wash:after{content:"";position:absolute;inset:auto 0 0;height:180px;z-index:-1;background:linear-gradient(transparent,#fff)}.preview-hero{text-align:center;padding:68px 24px 0;overflow:hidden}.trust-pill{display:inline-flex;align-items:center;gap:12px;padding:9px 15px;border:1px solid #eadfea;background:rgba(255,255,255,.8);border-radius:99px;box-shadow:0 7px 24px rgba(70,55,92,.06);font-size:12px;font-weight:650;color:#526075}.trust-pill i{width:4px;height:4px;border-radius:50%;background:#aeb5c3}.preview-hero h1,.subpage-hero h1{margin:28px auto 18px;color:#0b1933;font-size:clamp(46px,5.1vw,76px);line-height:1.03;letter-spacing:-.045em}.preview-hero h1 em,.subpage-hero h1 em{font-style:normal;background:linear-gradient(105deg,#6858ff,#cc55dd,#f25c90);-webkit-background-clip:text;background-clip:text;color:transparent}.preview-hero>p,.subpage-hero>p{max-width:760px;margin:0 auto;color:#546077;font-size:20px;line-height:1.55}.hero-actions{display:flex;justify-content:center;gap:12px;margin:28px 0 48px}.demo-frame{max-width:1400px;margin:0 auto;border:2px solid transparent;border-radius:24px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(110deg,#6555ff,#ec5ca4,#45c9dd) border-box;box-shadow:0 35px 80px rgba(40,49,91,.17);overflow:hidden;text-align:left}.demo-toolbar{height:52px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.9)}.demo-toolbar>span{width:8px;height:8px;border-radius:50%;background:#d5dbe5}.demo-toolbar small{margin-left:8px;color:#7a8499}.demo-toolbar b{margin-left:auto;padding:6px 10px;border-radius:99px;background:#e9fff4;color:#14794b;font-size:11px}.demo-layout{display:grid;grid-template-columns:150px 260px minmax(420px,1fr) 290px;min-height:490px;background:#fff}.demo-layout>aside{padding:20px 14px;background:#0b1e3e;color:#dce5f6;display:flex;flex-direction:column;gap:5px}.demo-layout>aside img{width:27px;margin-bottom:12px}.demo-layout>aside>strong{font-size:17px;margin-bottom:9px}.demo-layout>aside a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:8px;font-size:12px}.demo-layout>aside a.active{background:#4f5dff;color:#fff}.demo-layout>aside a b{font-size:10px}.demo-layout>aside hr{width:100%;border:0;border-top:1px solid rgba(255,255,255,.13);margin:9px 0}.demo-layout>aside small{font-size:9px;letter-spacing:.16em;opacity:.55;padding:0 10px}.ticket-list{border-right:1px solid var(--line)}.ticket-list header,.ticket-detail>header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line);font-size:12px}.ticket-list header span{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:10px}.ticket-list article{display:flex;align-items:flex-start;gap:9px;padding:15px 12px;border-bottom:1px solid #edf0f5;position:relative}.ticket-list article.selected{background:#eef2ff;box-shadow:inset 3px 0 #5965ff}.ticket-list article>i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#d9e1f5;color:#304b78;font-style:normal;font-weight:800;font-size:10px}.ticket-list p{display:flex;flex-direction:column;gap:4px;margin:0;min-width:0}.ticket-list p b{font-size:12px}.ticket-list p span{font-size:11px}.ticket-list p small{font-size:9px;color:#7d8799;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-list article>em{margin-left:auto;padding:4px 6px;border-radius:99px;background:#ffe8ed;color:#cc4462;font-size:8px;font-style:normal}.ticket-detail{padding-bottom:20px}.ticket-detail>header span{display:flex;flex-direction:column;gap:3px}.ticket-detail>header b{font-size:14px}.ticket-detail>header small{color:#7b8598}.ticket-detail>header em{padding:5px 8px;border-radius:99px;background:#e9fff4;color:#158153;font-size:9px;font-style:normal}.customer-message,.shopify-context,.ai-answer{margin:16px;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:11px}.customer-message p{line-height:1.5;margin:8px 0 0}.shopify-context{display:flex;align-items:center;gap:10px;background:#fafbfe}.shopify-context img{width:26px;height:26px}.shopify-context span{display:flex;flex-direction:column;gap:3px}.shopify-context small{color:var(--muted)}.shopify-context a{margin-left:auto;color:#355dff;font-weight:700}.ai-answer{background:#fffbea;border-color:#f1d278}.ai-answer>span{font-weight:800;color:#8a6400}.ai-answer p{line-height:1.6}.ai-answer footer{display:flex;justify-content:space-between}.ai-answer footer b{color:#947000}.ai-answer footer em{font-style:normal;color:#168152}.reasoning-panel{padding:20px;border-left:1px solid var(--line);background:#fbfcff}.reasoning-panel h3{display:flex;align-items:center;gap:7px;margin:0 0 16px;font-size:14px}.reasoning-panel ul{list-style:none;padding:0;margin:0}.reasoning-panel li{position:relative;padding:9px 0 9px 25px;border-bottom:1px solid #edf0f5;font-size:11px}.reasoning-panel li:before{content:"✓";position:absolute;left:0;color:#20a369;font-weight:900}.action-result{margin:16px 0;padding:13px;border:1px solid #bde8d1;background:#f0fff7;border-radius:10px;display:grid;grid-template-columns:1fr auto}.action-result small{grid-column:1/-1;color:#608070;font-size:8px;letter-spacing:.12em}.action-result b{font-size:12px}.action-result span{color:#128052;font-size:10px}.reasoning-panel>a{color:#4763f3;font-size:11px;font-weight:700}.logo-line{display:flex;align-items:center;justify-content:center;gap:35px;flex-wrap:wrap;padding:42px 24px;color:#687287;font-size:14px;border-bottom:1px solid #edf0f4}.logo-line span{font-weight:700;color:#293752}.logo-line b{font-weight:600}.story-section{max-width:1280px;margin:auto;padding:110px 24px}.story-section>div:first-child{max-width:720px}.story-section small,.eyebrow{color:#5769ff;font-size:12px;font-weight:800;letter-spacing:.16em}.story-section h2,.process-section h2{margin:13px 0 18px;font-size:clamp(38px,4vw,58px);letter-spacing:-.04em}.story-section>div>p{font-size:19px;line-height:1.6;color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.story-grid article,.feature-bento article{padding:28px;border:1px solid var(--line);border-radius:17px;background:#fff}.story-grid article span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef0ff;color:#5261ff;font-weight:800}.story-grid article b{display:block;font-size:20px;margin:24px 0 9px}.story-grid article p,.feature-bento p{color:var(--muted);line-height:1.55}.subpage-hero{text-align:center;padding:78px 24px 105px}.subpage-hero h1{font-size:clamp(50px,6vw,82px)}.subpage-hero>p{max-width:680px}.shell{width:min(1280px,calc(100% - 48px));margin-left:auto;margin-right:auto}.iq-stack{margin-top:-50px}.iq-stack>article{display:grid;grid-template-columns:72px 1fr minmax(220px,300px);align-items:center;gap:26px;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 45px rgba(38,50,91,.07)}.layer-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;background:#edf1ff;color:#4160c6;font-size:25px}.layer-icon.workspace{background:#eef8ff;color:#1474a2}.layer-icon.brain{background:#fff0f7}.iq-stack small,.feature-bento small,.dashboard-shell small{font-size:10px;letter-spacing:.14em;font-weight:800;color:#758097}.iq-stack h2{margin:6px 0;font-size:26px}.iq-stack p{margin:0;color:var(--muted);line-height:1.5}.iq-stack ul{margin:0;padding-left:20px;color:#43516c;line-height:1.8;font-size:13px}.iq-stack .iq-highlight{border-color:#f2b8d6;background:linear-gradient(100deg,#fff,#fff8fc)}.flow-arrow{display:block;text-align:center;font-size:25px;color:#8b95a8;font-style:normal;height:40px}.process-section{padding:110px 0}.process-section>h2{text-align:center;margin-left:auto;margin-right:auto;max-width:780px}.process-section>.eyebrow{display:block;text-align:center}.process-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:13px;margin-top:55px}.process-line article{text-align:center}.process-line article i{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:14px;background:#f0f1ff;color:#5662ff;font-style:normal;font-size:20px}.process-line article b{font-size:16px}.process-line article p{color:var(--muted);font-size:12px;line-height:1.5}.process-line>span{padding-top:14px;color:#9ba5b6}.feature-bento{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px;padding-bottom:100px}.feature-bento article{background:linear-gradient(145deg,#fff,#f8f9ff)}.feature-bento article.wide{background:linear-gradient(130deg,#101d3a,#1a2850);color:#fff}.feature-bento h3{font-size:23px;line-height:1.25}.intent-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.intent-chips span{padding:8px 10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);border-radius:99px;font-size:11px}.dashboard-shell{margin-top:-60px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);margin-bottom:100px}.dashboard-shell>header{display:flex;justify-content:space-between;align-items:center}.dashboard-shell h2{margin:5px 0;font-size:30px}.range{display:flex;gap:5px;padding:4px;background:#f4f6fa;border-radius:9px}.range>*{padding:7px 10px;font-size:11px}.range b{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.metric-row article{padding:18px;border:1px solid var(--line);border-radius:13px;display:grid;grid-template-columns:1fr auto}.metric-row span{grid-column:1/-1;color:var(--muted);font-size:12px}.metric-row b{font-size:28px;margin-top:8px}.metric-row em{align-self:end;color:#18945e;font-size:11px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.dashboard-grid>article{border:1px solid var(--line);border-radius:14px;padding:20px}.dashboard-grid article>header{display:flex;justify-content:space-between}.dashboard-grid article>header span{color:var(--muted);font-size:11px}.chart-card h3{font-size:15px}.trend-bars p{display:grid;grid-template-columns:140px 1fr 36px;align-items:center;gap:10px;font-size:11px}.trend-bars i{height:7px;border-radius:99px;background:linear-gradient(90deg,#5a63ff var(--w),#edf0f6 var(--w))}.trend-bars b{text-align:right}.supervisor-card{display:grid;grid-template-columns:130px 1fr}.supervisor-card header{grid-column:1/-1}.score-ring{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;align-content:center;margin-top:20px;background:radial-gradient(circle,#fff 55%,transparent 57%),conic-gradient(#6656ff 94%,#e9eaf3 0)}.score-ring b{font-size:28px}.score-ring small{font-size:8px}.supervisor-card ul{list-style:none;padding:16px 0 0;margin:0;font-size:11px;line-height:2}.supervisor-card li span{color:var(--green)}.attention p{display:flex;align-items:center;gap:10px;padding:10px 0;margin:0;border-bottom:1px solid #edf0f5}.attention i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-style:normal}.attention i.red{background:#fff0f0;color:#d84848}.attention i.amber{background:#fff8e5;color:#bd7b00}.attention i.blue{background:#edf1ff;color:#5061e8}.attention p span{display:flex;flex-direction:column}.attention p b{font-size:12px}.attention p small{font-size:10px;color:var(--muted)}.attention p em{margin-left:auto;font-size:9px;font-style:normal}.memory-card>div{display:flex;align-items:center;gap:10px;margin:18px 0}.memory-card>div>i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffedf6;color:#d74690;font-style:normal;font-weight:800}.memory-card>div p{display:flex;flex-direction:column;margin:0}.memory-card>div small{font-size:10px;color:var(--muted)}.memory-card ul{list-style:none;padding:0;margin:0}.memory-card li{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #edf0f5;font-size:11px}.memory-card li b{font-size:9px;color:#168052}.knowledge-hero{padding-bottom:150px}.knowledge-search{display:flex;align-items:center;gap:10px;max-width:800px;height:60px;margin:35px auto -20px;padding:0 18px;background:#fff;border:2px solid transparent;border-radius:13px;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#6655ff,#ed5ca0,#4bd0df) border-box;box-shadow:0 18px 45px rgba(52,56,102,.13)}.knowledge-search input{flex:1;border:0;outline:0;font-size:15px}.knowledge-search kbd{padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.knowledge-layout{display:grid;grid-template-columns:190px minmax(500px,1fr) 280px;gap:20px;margin-top:-70px;margin-bottom:100px;align-items:start}.knowledge-layout>aside,.knowledge-main,.ask-iq{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(27,43,76,.07)}.knowledge-layout>aside{padding:18px;display:flex;flex-direction:column;gap:5px}.knowledge-layout>aside>b{margin-bottom:9px}.knowledge-layout>aside>a{display:flex;justify-content:space-between;padding:10px;border-radius:8px;font-size:12px;color:#566078}.knowledge-layout>aside>a.active{background:#edf0ff;color:#4255e7;font-weight:700}.knowledge-layout>aside hr{width:100%;border:0;border-top:1px solid var(--line)}.knowledge-main{padding:24px}.knowledge-main>header,.article-preview>header{display:flex;justify-content:space-between;align-items:center}.knowledge-main h2{margin:5px 0}.knowledge-main>header>a{font-size:12px;color:#4b5cf2;font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.category-grid article{display:grid;grid-template-columns:40px 1fr;padding:16px;border:1px solid var(--line);border-radius:12px}.category-grid i{grid-row:1/4;display:grid;place-items:center;width:32px;height:32px;background:#eff1ff;color:#5260ee;border-radius:9px;font-style:normal}.category-grid p{font-size:10px;line-height:1.45;color:var(--muted)}.category-grid span{font-size:9px;color:#5363ea}.article-preview{padding:20px;border:1px solid var(--line);border-radius:13px;background:#fbfcff}.article-preview h3{margin:4px 0}.article-preview header em{font-style:normal;font-size:10px;color:var(--muted)}.article-preview>p{color:var(--muted);font-size:12px;line-height:1.6}.article-preview ol{list-style:none;counter-reset:steps;padding:0}.article-preview li{counter-increment:steps;display:grid;grid-template-columns:30px 1fr;padding:10px 0;border-top:1px solid var(--line)}.article-preview li:before{content:counter(steps);grid-row:1/3;display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#edf0ff;color:#5261ef;font-size:10px;font-weight:800}.article-preview li b{font-size:11px}.article-preview li span{font-size:10px;color:var(--muted)}.ask-iq{padding:17px}.ask-iq header{display:flex;gap:10px}.ask-iq header>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff0f7}.ask-iq header div{display:flex;flex-direction:column}.ask-iq header small{color:var(--muted);font-size:9px}.iq-bubble{margin:20px 0;padding:12px;background:#f1f3ff;border-radius:12px 12px 12px 3px;font-size:11px;line-height:1.5}.ask-iq>small{font-size:8px;letter-spacing:.14em;color:var(--muted)}.ask-iq button{display:block;width:100%;padding:9px;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;font-size:10px;color:#4e5870}.ask-iq form{display:flex;margin-top:16px;border:1px solid var(--line);border-radius:9px;padding:5px}.ask-iq form input{min-width:0;flex:1;border:0;outline:0;font-size:10px}.ask-iq form b{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--navy);color:#fff}.preview-footer{display:flex;align-items:center;gap:50px;padding:55px max(24px,calc((100vw - 1280px)/2));border-top:1px solid var(--line);background:#fafbfe}.preview-footer>div img{width:130px}.preview-footer>div p{margin:10px 0;color:var(--muted);font-size:13px}.preview-footer nav{display:flex;gap:28px;margin:auto;font-size:13px;font-weight:650}.preview-footer .dark-button{min-height:42px}

@media(max-width:1050px){.preview-nav nav{display:none}.demo-layout{grid-template-columns:130px 230px 1fr}.reasoning-panel{display:none}.knowledge-layout{grid-template-columns:170px 1fr}.ask-iq{grid-column:2}.dashboard-grid{grid-template-columns:1fr}.feature-bento{grid-template-columns:1fr}.iq-stack>article{grid-template-columns:60px 1fr}.iq-stack>article ul{grid-column:2}.process-line{grid-template-columns:1fr 1fr}.process-line>span{display:none}.metric-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.preview-notice span{display:none}.preview-nav{height:64px;padding:0 16px}.preview-logo{width:118px}.preview-actions>a:first-child{display:none}.preview-actions{margin-left:auto}.preview-actions .dark-button{min-height:38px;padding:0 13px;font-size:11px}.preview-hero{padding-top:50px}.preview-hero h1,.subpage-hero h1{font-size:42px}.preview-hero>p,.subpage-hero>p{font-size:16px}.trust-pill{flex-wrap:wrap;justify-content:center}.demo-frame{border-radius:14px}.demo-layout{grid-template-columns:1fr}.demo-layout>aside,.ticket-list{display:none}.ticket-detail{min-height:430px}.story-section{padding:70px 20px}.story-grid{grid-template-columns:1fr}.logo-line{gap:16px}.shell{width:calc(100% - 28px)}.iq-stack>article{grid-template-columns:1fr;padding:22px}.iq-stack>article ul{grid-column:1}.process-section{padding:75px 0}.process-line{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.dashboard-shell{padding:14px}.dashboard-shell>header{align-items:flex-start}.range{display:none}.supervisor-card{grid-template-columns:1fr}.knowledge-layout{grid-template-columns:1fr;margin-top:-90px}.knowledge-layout>aside{display:none}.ask-iq{grid-column:1}.category-grid{grid-template-columns:1fr}.preview-footer{align-items:flex-start;flex-direction:column;gap:25px}.preview-footer nav{margin:0;flex-wrap:wrap}.hero-actions{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}}

/* Rainbow marketing launch */
.rainbow-marketing{--navy:#071d42;--ink:#0a1832;--muted:#627087;--violet:#665cff;--pink:#e959bd;--coral:#ff806e;--gold:#ffbd5b;--aqua:#32cbd0;--sky:#60a8ff;--green:#31ad7a;overflow-x:hidden;background:#fff}.rainbow-marketing main{overflow:hidden}.rainbow-marketing .preview-nav{border-bottom:0;background:rgba(255,255,255,.74);box-shadow:0 12px 42px rgba(33,47,87,.07);backdrop-filter:blur(24px) saturate(150%)}
.rainbow-marketing .grid-wash{background-image:linear-gradient(rgba(83,100,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(83,100,145,.045) 1px,transparent 1px),radial-gradient(circle at 12% 73%,rgba(234,88,188,.23),transparent 27%),radial-gradient(circle at 36% 82%,rgba(255,190,86,.22),transparent 28%),radial-gradient(circle at 65% 74%,rgba(101,91,255,.22),transparent 29%),radial-gradient(circle at 88% 77%,rgba(49,204,209,.24),transparent 27%);background-size:64px 64px,64px 64px,auto,auto,auto,auto}.rainbow-marketing .preview-hero{padding-top:72px}.rainbow-marketing .preview-hero h1,.rainbow-marketing .subpage-hero h1{max-width:1050px}.rainbow-marketing .preview-hero>p{max-width:820px}.rainbow-marketing .trust-pill{border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.72);box-shadow:0 14px 40px rgba(61,55,108,.1);backdrop-filter:blur(16px)}
.trust-pill-security{padding:9px 17px}.trust-pill-security .shield-mark{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:linear-gradient(145deg,#e9e7ff,#dff6ff);color:#565ee5;font-size:10px;font-weight:900}.subpage-hero>.trust-pill{margin-bottom:23px}.subpage-hero>.trust-pill+.eyebrow{display:block}
.hero-rainbow-stage{position:relative;max-width:1424px;margin:0 auto;padding:9px;border-radius:31px;background:linear-gradient(105deg,#6759ff,#ba61ee 19%,#f35fab 39%,#ff8b65 59%,#ffd164 76%,#44d1d2);box-shadow:0 30px 100px rgba(94,71,170,.25),0 0 0 1px rgba(255,255,255,.7) inset}.hero-rainbow-stage:before{content:"";position:absolute;inset:-34px;z-index:-1;border-radius:48px;background:linear-gradient(105deg,rgba(103,89,255,.2),rgba(243,95,171,.2),rgba(255,209,100,.2),rgba(68,209,210,.22));filter:blur(28px)}.hero-rainbow-stage .demo-frame{max-width:none;border:0;border-radius:22px;box-shadow:0 20px 50px rgba(28,34,74,.18)}.hero-orbit{position:absolute;z-index:4;padding:10px 15px;border:1px solid rgba(255,255,255,.92);border-radius:99px;background:rgba(255,255,255,.82);box-shadow:0 14px 34px rgba(39,51,91,.14);backdrop-filter:blur(18px);color:#33415b;font-size:11px;font-weight:800;animation:orbitFloat 5s ease-in-out infinite}.orbit-one{left:-32px;top:14%}.orbit-two{right:-30px;top:43%;animation-delay:-1.7s}.orbit-three{left:13%;bottom:-20px;animation-delay:-3.1s}@keyframes orbitFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.section-copy{max-width:650px}.section-copy.centered{max-width:850px;margin:0 auto 46px;text-align:center}.section-copy .eyebrow{display:block;margin-bottom:14px}.section-copy h2{margin:0 0 20px;color:var(--ink);font-size:clamp(42px,5vw,70px);line-height:1.02;letter-spacing:-.045em}.section-copy p{color:var(--muted);font-size:18px;line-height:1.7}.section-copy ul{display:grid;gap:11px;padding:0;margin:28px 0 0;list-style:none;color:#3f4d67}.section-copy li{position:relative;padding-left:29px;font-size:15px}.section-copy li:before{content:"✓";position:absolute;left:0;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e0f7ed;color:#17845b;font-size:10px;font-weight:900}.text-link{display:inline-flex;margin-top:18px;color:#4f5bea;font-weight:800}
.rainbow-story{padding-top:135px;padding-bottom:135px}.rainbow-render{position:relative;padding:22px;border:1px solid rgba(255,255,255,.92);border-radius:34px;background:rgba(255,255,255,.58);box-shadow:0 36px 100px rgba(39,48,88,.13);backdrop-filter:blur(25px) saturate(135%)}.rainbow-render:before{content:"";position:absolute;inset:-28px;z-index:-1;border-radius:55px;filter:blur(30px);opacity:.62}.rainbow-render.violet:before{background:radial-gradient(circle at 20% 30%,rgba(115,91,255,.45),transparent 42%),radial-gradient(circle at 80% 70%,rgba(234,92,187,.38),transparent 42%)}.rainbow-render.aqua:before{background:radial-gradient(circle at 25% 70%,rgba(48,204,210,.45),transparent 43%),radial-gradient(circle at 80% 20%,rgba(99,166,255,.42),transparent 44%)}.rainbow-render.coral:before{background:radial-gradient(circle at 18% 75%,rgba(255,129,106,.43),transparent 42%),radial-gradient(circle at 82% 28%,rgba(255,198,91,.42),transparent 43%)}.rainbow-render.blue:before{background:radial-gradient(circle at 25% 30%,rgba(75,129,255,.42),transparent 44%),radial-gradient(circle at 80% 75%,rgba(105,91,255,.4),transparent 43%)}.rainbow-render.pink:before{background:radial-gradient(circle at 20% 70%,rgba(238,87,182,.42),transparent 45%),radial-gradient(circle at 82% 25%,rgba(175,99,238,.38),transparent 42%)}.rainbow-render.gold:before{background:radial-gradient(circle at 24% 72%,rgba(255,190,79,.45),transparent 44%),radial-gradient(circle at 80% 25%,rgba(255,119,99,.36),transparent 44%)}.rainbow-render.mint:before{background:radial-gradient(circle at 20% 70%,rgba(49,203,174,.4),transparent 44%),radial-gradient(circle at 80% 25%,rgba(66,201,214,.37),transparent 43%)}.rainbow-render>.hmx-scene,.rainbow-render>.ai-story-scene,.rainbow-render>.email-resolution-scene,.rainbow-render>.ai-learning-scene,.rainbow-render>.ai-voc-scene,.rainbow-render>.ai-supervisor-scene,.rainbow-render>.mobile-shopify-scene{position:relative;z-index:1;margin:0;max-width:none}.single-render{max-width:1000px;margin:50px auto 0}.scene-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.scene-pair .rainbow-render{min-width:0}.scene-pair .hmx-scene{height:100%}
.rainbow-feature-band{position:relative;padding:135px 0}.rainbow-feature-band:before,.rainbow-feature-band:after{content:"";position:absolute;inset:0;z-index:-2}.rainbow-feature-band:after{z-index:-1;inset:8% 0;background-size:100% 100%;filter:blur(8px)}.mint-band:before{background:linear-gradient(180deg,#fff,rgba(229,255,247,.82) 18%,rgba(232,249,255,.88) 80%,#fff)}.mint-band:after{background:radial-gradient(circle at 15% 40%,rgba(88,223,188,.24),transparent 34%),radial-gradient(circle at 85% 70%,rgba(91,184,255,.25),transparent 35%)}.peach-band:before{background:linear-gradient(180deg,#fff,rgba(255,243,222,.88) 18%,rgba(255,230,235,.78) 80%,#fff)}.peach-band:after{background:radial-gradient(circle at 15% 65%,rgba(255,175,86,.24),transparent 35%),radial-gradient(circle at 85% 30%,rgba(245,99,161,.23),transparent 35%)}.sky-band:before{background:linear-gradient(180deg,#fff,rgba(235,241,255,.9) 17%,rgba(228,251,253,.83) 82%,#fff)}.sky-band:after{background:radial-gradient(circle at 16% 35%,rgba(105,95,255,.22),transparent 35%),radial-gradient(circle at 85% 65%,rgba(49,203,208,.22),transparent 35%)}.pink-band:before{background:linear-gradient(180deg,#fff,rgba(250,234,255,.9) 18%,rgba(255,237,246,.88) 82%,#fff)}.pink-band:after{background:radial-gradient(circle at 18% 65%,rgba(189,101,239,.22),transparent 35%),radial-gradient(circle at 84% 35%,rgba(239,89,178,.22),transparent 35%)}.split-stage{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(520px,1.2fr);gap:75px;align-items:center}.split-stage.reverse .section-copy{order:2}.split-stage.reverse .rainbow-render{order:1}.mini-proof{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.mini-proof span{padding:9px 12px;border:1px solid rgba(117,92,73,.1);border-radius:99px;background:rgba(255,255,255,.7);color:#536078;font-size:11px;font-weight:750}
.decision-universe{position:relative;height:620px;margin-top:46px;border:1px solid rgba(255,255,255,.9);border-radius:40px;background:radial-gradient(circle at 50% 48%,rgba(104,90,255,.13),transparent 25%),radial-gradient(circle at 18% 25%,rgba(238,88,185,.13),transparent 28%),radial-gradient(circle at 82% 74%,rgba(50,203,208,.15),transparent 27%),linear-gradient(145deg,rgba(250,249,255,.85),rgba(242,250,255,.74));box-shadow:0 35px 100px rgba(42,51,92,.12);overflow:hidden}.decision-universe:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(96,98,144,.15) 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(circle,#000,transparent 80%)}.universe-glow{position:absolute;left:50%;top:48%;width:310px;height:310px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 45deg,rgba(103,90,255,.28),rgba(237,87,184,.23),rgba(255,190,80,.25),rgba(49,205,210,.28),rgba(103,90,255,.28));filter:blur(25px);animation:universeSpin 14s linear infinite}@keyframes universeSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.iq-core{position:absolute;left:50%;top:48%;z-index:3;display:grid;place-items:center;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.95);border-radius:50%;background:rgba(255,255,255,.82);box-shadow:0 20px 60px rgba(79,68,169,.2),inset 0 0 45px rgba(120,104,255,.08);backdrop-filter:blur(18px)}.iq-core span{font-size:38px}.iq-core small{color:#765ee8;font-size:9px;font-weight:900;letter-spacing:.16em}.iq-core b{font-size:15px}.iq-core em{padding:6px 9px;border-radius:99px;background:#e9f9f1;color:#1e815d;font-size:8px;font-style:normal}.signal-card{position:absolute;z-index:2;display:grid;grid-template-columns:42px 1fr;gap:2px 12px;width:245px;padding:18px;border:1px solid rgba(255,255,255,.94);border-radius:20px;background:rgba(255,255,255,.74);box-shadow:0 18px 45px rgba(37,47,85,.12);backdrop-filter:blur(20px);animation:signalFloat 6s ease-in-out infinite}.signal-card i,.signal-card>img{grid-row:1/4;display:grid;place-items:center;width:40px;height:40px;object-fit:contain;border-radius:12px;background:#eef0ff;color:#625cec;font-size:17px;font-style:normal}.signal-card small{color:#7a8498;font-size:7px;font-weight:900;letter-spacing:.12em}.signal-card b{font-size:12px}.signal-card span{color:#7b879a;font-size:9px}.signal-request{left:7%;top:13%}.signal-memory{left:8%;bottom:14%;animation-delay:-2s}.signal-shopify{right:7%;top:12%;animation-delay:-1s}.signal-policy{right:8%;bottom:15%;animation-delay:-3s}.signal-result{left:50%;bottom:4%;transform:translateX(-50%);animation:none}.signal-result i{background:linear-gradient(145deg,#655cf4,#ec61b3);color:#fff}.universe-lines{position:absolute;inset:0;width:100%;height:100%}.universe-lines path{fill:none;stroke:url(#rainbowLine);stroke-width:2;stroke-dasharray:6 8;opacity:.55;animation:dashFlow 7s linear infinite}@keyframes dashFlow{to{stroke-dashoffset:-100}}@keyframes signalFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
.mobile-stage{margin-top:55px}.outcomes-section{padding-top:120px;padding-bottom:150px}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.outcome-grid article{padding:30px;border:1px solid rgba(215,221,235,.8);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(247,248,255,.76));box-shadow:0 20px 60px rgba(39,50,89,.08)}.outcome-grid article:nth-child(1){box-shadow:inset 0 4px #6c5cff,0 20px 60px rgba(39,50,89,.08)}.outcome-grid article:nth-child(2){box-shadow:inset 0 4px #e959bd,0 20px 60px rgba(39,50,89,.08)}.outcome-grid article:nth-child(3){box-shadow:inset 0 4px #ffbd5b,0 20px 60px rgba(39,50,89,.08)}.outcome-grid article:nth-child(4){box-shadow:inset 0 4px #32cbd0,0 20px 60px rgba(39,50,89,.08)}.outcome-grid strong{display:block;background:linear-gradient(105deg,#675cff,#ec5db8,#ff9865);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:46px}.outcome-grid b{display:block;margin:12px 0;font-size:17px}.outcome-grid p{color:var(--muted);font-size:13px;line-height:1.6}
.iq-galaxy{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:80px;padding-bottom:130px}.iq-galaxy article{position:relative;z-index:2;padding:30px;border:1px solid rgba(255,255,255,.94);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:0 25px 70px rgba(42,50,91,.12);backdrop-filter:blur(18px)}.iq-galaxy article:nth-of-type(1){margin-top:170px}.iq-galaxy article:nth-of-type(2){margin-top:260px}.iq-galaxy article:nth-of-type(3){margin-top:170px}.iq-galaxy article i{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#edf0ff;color:#595de8;font-style:normal;font-size:18px}.iq-galaxy article small{display:block;margin-top:20px;color:#6b72d8;font-size:8px;font-weight:900;letter-spacing:.14em}.iq-galaxy article h2{margin:8px 0;font-size:27px}.iq-galaxy article p{color:var(--muted);line-height:1.6}.iq-galaxy-core{position:absolute;left:50%;top:48px;z-index:3;display:grid;place-items:center;width:230px;height:230px;transform:translateX(-50%);border:7px solid transparent;border-radius:50%;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(#665cff,#e959bd,#ffbd5b,#32cbd0,#665cff) border-box;box-shadow:0 28px 90px rgba(94,76,179,.22)}.iq-galaxy-core span{font-size:46px}.iq-galaxy-core small{color:#745ee7;font-size:9px;font-weight:900;letter-spacing:.16em}.iq-galaxy-core b{font-size:14px}.galaxy-rings{position:absolute;left:50%;top:10px;width:760px;height:430px;transform:translateX(-50%);border:1px dashed rgba(104,91,255,.25);border-radius:50%}.galaxy-rings:before,.galaxy-rings:after{content:"";position:absolute;border:1px dashed rgba(236,91,183,.22);border-radius:50%}.galaxy-rings:before{inset:45px 95px}.galaxy-rings:after{inset:90px 190px;border-color:rgba(49,202,208,.24)}
.feature-spectrum{padding-top:120px;padding-bottom:145px}.spectrum-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.spectrum-grid article{padding:25px;border:1px solid #e2e6ef;border-radius:22px;background:#fff;transition:.25s}.spectrum-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(46,54,94,.12)}.spectrum-grid i{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#eceaff,#e8f7ff);color:#5b5ee7;font-style:normal;font-weight:900}.spectrum-grid b{display:block;margin:20px 0 8px;font-size:17px}.spectrum-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.scenic-cta{position:relative;min-height:560px;padding:120px 24px 260px;overflow:hidden;text-align:center;background:linear-gradient(180deg,#fff 0,#fff8ee 14%,#ffe1bd 55%,#ffd6c8 100%)}.scenic-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 13% 38%,rgba(244,94,176,.24),transparent 26%),radial-gradient(circle at 52% 32%,rgba(255,187,73,.22),transparent 30%),radial-gradient(circle at 88% 50%,rgba(109,92,255,.2),transparent 30%)}.scenic-copy{position:relative;z-index:5;max-width:800px;margin:auto}.scenic-copy h2{margin:14px 0 17px;font-size:clamp(43px,5.2vw,72px);line-height:1.02;letter-spacing:-.045em}.scenic-copy p{color:#5e6676;font-size:18px}.landscape{position:absolute;left:-5%;bottom:-1px;width:110%;height:230px;border-radius:50% 50% 0 0/30% 30% 0 0;transform-origin:center bottom}.landscape-back{bottom:80px;background:linear-gradient(105deg,rgba(239,190,230,.88),rgba(202,187,239,.82),rgba(180,209,242,.85));transform:rotate(-2deg) scaleX(1.05)}.landscape-mid{bottom:35px;background:linear-gradient(100deg,rgba(232,219,240,.96),rgba(220,207,235,.92),rgba(203,220,238,.95));transform:rotate(3deg) scaleX(1.08)}.landscape-front{height:180px;background:linear-gradient(100deg,#f4eff4,#eeeaf2 45%,#edf1f7);transform:rotate(-1deg) scaleX(1.1)}
.rainbow-planner{position:relative;padding:130px 0;background:linear-gradient(180deg,#fff,rgba(246,243,255,.88) 18%,rgba(236,250,255,.9) 82%,#fff)}.rainbow-planner:before{content:"";position:absolute;inset:8% 0;background:radial-gradient(circle at 12% 35%,rgba(233,88,188,.22),transparent 31%),radial-gradient(circle at 50% 80%,rgba(255,189,81,.18),transparent 32%),radial-gradient(circle at 88% 45%,rgba(51,202,209,.22),transparent 31%)}.rainbow-planner>.shell{position:relative}.rainbow-planner .section-copy strong{background:linear-gradient(105deg,#655cff,#e959bd,#ff9a65);-webkit-background-clip:text;background-clip:text;color:transparent}.planner-card{padding:28px;border:1px solid rgba(255,255,255,.94);border-radius:32px;background:rgba(255,255,255,.72);box-shadow:0 35px 90px rgba(40,51,92,.13);backdrop-filter:blur(24px)}.planner-control{padding:22px 26px;border-radius:20px;background:linear-gradient(105deg,rgba(103,91,255,.08),rgba(234,89,187,.08),rgba(50,202,208,.08))}.planner-control label{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;color:#536078;font-size:12px;font-weight:800}.planner-control input{width:100%;accent-color:#6a5df2}.planner-control>div{display:flex;justify-content:space-between;padding:9px 54px 0;color:#9099aa;font-size:9px}.planner-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.planner-metrics article,.planner-cost article,.planner-cost>div{display:grid;gap:6px;padding:20px;border:1px solid #e2e6ef;border-radius:17px;background:rgba(255,255,255,.82)}.planner-metrics small,.planner-cost small{color:#7c8799;font-size:8px;font-weight:900;letter-spacing:.12em}.planner-metrics strong,.planner-cost strong{font-size:30px}.planner-metrics span,.planner-cost span{color:#7a8599;font-size:10px}.planner-cost{display:grid;grid-template-columns:1.1fr 1fr auto 1fr 1.35fr;gap:12px;align-items:stretch}.planner-cost>div{grid-template-columns:1fr auto;align-items:center}.planner-cost label{display:grid}.planner-cost label b{font-size:12px}.planner-cost>div>span{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #dfe3eb;border-radius:9px;background:#fff;font-size:14px}.planner-cost input{width:64px;border:0;outline:0;font-weight:800}.planner-cost>i{align-self:center;color:#8e98a9;font-style:normal}.planner-savings{border-color:rgba(75,190,147,.3)!important;background:linear-gradient(145deg,#f1fff8,#edfbff)!important}.planner-savings strong{color:#17815d}.planner-note{max-width:1080px;margin:22px auto 0;color:#7c8798;font-size:10px;line-height:1.65;text-align:center}.planner-note a{color:#5361dc;text-decoration:underline;text-underline-offset:2px}.security-proof{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center;padding-top:110px;padding-bottom:120px}.security-proof h2{margin:10px 0 16px;font-size:clamp(39px,4vw,58px);letter-spacing:-.04em}.security-proof p{color:var(--muted);font-size:16px;line-height:1.65}.security-chips{display:grid;grid-template-columns:1fr 1fr;gap:11px}.security-chips span{position:relative;padding:17px 18px 17px 48px;border:1px solid #e0e5ef;border-radius:16px;background:linear-gradient(145deg,#fff,#f8f9ff);color:#44516a;font-size:12px;font-weight:750}.security-chips span:before{content:"✓";position:absolute;left:16px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#e2f7ed;color:#17825b;font-size:10px}
.scenic-footer{position:relative;display:grid!important;grid-template-columns:1.3fr repeat(4,1fr);gap:45px;align-items:start!important;padding:75px max(28px,calc((100vw - 1280px)/2)) 32px!important;border:0!important;background:#f0edf3!important}.scenic-footer:before{content:"";position:absolute;left:0;right:0;top:-70px;height:90px;background:linear-gradient(180deg,transparent,#f0edf3 75%)}.footer-brand img{width:160px!important}.footer-brand p{margin:18px 0 8px!important;color:#35425a!important;font-weight:800}.footer-brand span{color:#758094;font-size:12px;line-height:1.6}.scenic-footer nav{display:flex!important;flex-direction:column;gap:13px!important;margin:0!important;font-size:13px!important}.scenic-footer nav b{margin-bottom:5px;color:#17243d;font-size:14px}.scenic-footer nav a{color:#647087}.scenic-footer nav a:hover{color:#5a5ce8}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:35px;margin-top:25px;border-top:1px solid rgba(108,115,137,.16);color:#7c8493;font-size:11px}
@media(max-width:1050px){.split-stage{grid-template-columns:1fr;gap:48px}.split-stage.reverse .section-copy,.split-stage.reverse .rainbow-render{order:initial}.scene-pair{grid-template-columns:1fr}.outcome-grid,.spectrum-grid{grid-template-columns:repeat(2,1fr)}.iq-galaxy{grid-template-columns:1fr;padding-top:310px}.iq-galaxy article:nth-of-type(n){margin-top:0}.galaxy-rings{width:560px}.decision-universe{height:780px}.signal-request{left:5%;top:8%}.signal-shopify{right:5%;top:8%}.signal-memory{left:5%;bottom:18%}.signal-policy{right:5%;bottom:18%}.signal-result{bottom:4%}.iq-core{top:47%}.universe-lines{display:none}.planner-metrics{grid-template-columns:1fr 1fr}.planner-cost{grid-template-columns:1fr 1fr}.planner-cost>i{display:none}.planner-savings{grid-column:1/-1}.security-proof{grid-template-columns:1fr;gap:35px}.scenic-footer{grid-template-columns:1.5fr repeat(2,1fr)}.footer-bottom{grid-column:1/-1}}
@media(max-width:720px){.rainbow-marketing .preview-hero{padding-top:50px}.hero-rainbow-stage{padding:5px;border-radius:20px}.hero-orbit{display:none}.hero-rainbow-stage .demo-frame{border-radius:15px}.rainbow-story,.rainbow-feature-band{padding-top:85px;padding-bottom:85px}.section-copy h2{font-size:41px}.section-copy p{font-size:16px}.rainbow-render{padding:8px;border-radius:22px}.scene-pair{gap:45px}.decision-universe{height:990px;border-radius:26px}.iq-core{top:46%;width:170px;height:170px}.signal-card{left:50%!important;right:auto!important;width:calc(100% - 34px);transform:translateX(-50%);animation:none}.signal-request{top:4%}.signal-shopify{top:20%}.signal-memory{top:auto;bottom:22%}.signal-policy{top:auto;bottom:7%}.signal-result{display:none}.outcome-grid,.spectrum-grid{grid-template-columns:1fr}.iq-galaxy{padding-top:290px}.iq-galaxy-core{width:200px;height:200px}.galaxy-rings{width:360px;height:260px}.rainbow-planner{padding:85px 0}.planner-card{padding:13px}.planner-control label{grid-template-columns:1fr;gap:9px}.planner-control label span:last-child{text-align:right}.planner-control>div{padding-inline:0}.planner-metrics,.planner-cost{grid-template-columns:1fr}.planner-savings{grid-column:auto}.security-chips{grid-template-columns:1fr}.scenic-cta{padding-top:85px;min-height:610px}.scenic-footer{grid-template-columns:1fr 1fr!important;gap:35px!important}.footer-brand,.footer-bottom{grid-column:1/-1}.footer-bottom{flex-direction:column}.rainbow-render .email-story-stage{grid-template-columns:1fr}.rainbow-render .email-story-rail{display:grid;grid-template-columns:repeat(5,1fr);overflow:auto;border-right:0;border-bottom:1px solid rgba(218,224,237,.76)}.rainbow-render .email-story-rail button{grid-template-columns:1fr;padding:8px}.rainbow-render .email-story-rail button span{display:none}.rainbow-render .email-story-screen{min-height:500px}.rainbow-render .email-story-panel{padding:28px 20px}.rainbow-render .email-intent-map,.rainbow-render .email-context-grid{grid-template-columns:1fr}.rainbow-render .email-decision-flow{grid-template-columns:1fr}.rainbow-render .email-decision-flow>span{display:none}}

/* Keep the klax IQ brain visually dominant inside the decision core. */
.iq-core{grid-template-rows:64px 24px 38px 32px;align-content:center;row-gap:3px}
.iq-core span{font-size:60px;line-height:.9;filter:drop-shadow(0 7px 10px rgba(205,72,160,.2))}
@media(max-width:720px){.iq-core{grid-template-rows:54px 20px 32px 28px;row-gap:2px}.iq-core span{font-size:52px}}

/* Keep rainbow emphasis on the hero and inputs; section renders stay quietly glassy. */
.hero-rainbow-stage{padding:6px;border-radius:30px}
.rainbow-render{border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.58)}
.knowledge-search{border-width:4px;border-radius:15px}
.iq-galaxy-core{border-width:7px}
.iq-galaxy-core{width:250px;height:250px;grid-template-rows:80px 20px 46px;align-content:center;row-gap:3px;padding:22px}
.iq-galaxy-core span{font-size:74px;line-height:.82;filter:drop-shadow(0 8px 12px rgba(205,72,160,.22))}
.iq-galaxy-core small{align-self:center}
.iq-galaxy-core b{align-self:start;width:160px;text-align:center;line-height:1.25}
.planner-metrics strong>span{color:inherit;font-size:inherit}

/* Carry the neighboring color washes through infrastructure proof without hard section edges. */
.security-proof{position:relative;isolation:isolate}
.security-proof:before{content:"";position:absolute;z-index:-1;top:-115px;bottom:-115px;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(circle at 12% 18%,rgba(230,89,184,.13),transparent 29%),radial-gradient(circle at 84% 16%,rgba(52,201,211,.14),transparent 30%),radial-gradient(circle at 52% 88%,rgba(255,188,83,.11),transparent 34%),linear-gradient(180deg,rgba(242,248,255,.45),rgba(255,255,255,.1) 38%,rgba(255,248,239,.35));filter:blur(16px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}

/* The shared closing CTA begins with a transparent color wash on every marketing page. */
.scenic-cta:before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 100%)}

/* Keep the desktop helpdesk preview at a natural app proportion on ultrawide displays. */
.hero-rainbow-stage{width:min(1240px,100%);max-width:1240px}
.rainbow-feature-band:before{inset:-9% 0;filter:blur(18px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)}
.rainbow-feature-band:after{inset:-2% 0;filter:blur(20px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}
@media(max-width:720px){.hero-rainbow-stage{padding:5px;border-radius:22px}.rainbow-render{border-width:1px;padding:8px}.knowledge-search{border-width:4px}.iq-galaxy-core{width:220px;height:220px;grid-template-rows:70px 18px 42px;padding:18px}.iq-galaxy-core span{font-size:64px}}

/* Transparent at rest; rounded translucent navigation after scroll. */
.rainbow-marketing .preview-nav{top:0;width:100%;margin:0;background:transparent!important;box-shadow:none;backdrop-filter:none;transition:top .22s ease,width .22s ease,height .22s ease,margin .22s ease,border-radius .22s ease,background .22s ease,box-shadow .22s ease,backdrop-filter .22s ease}
.rainbow-marketing .preview-nav.is-scrolled{top:10px;width:calc(100% - 24px);height:64px;margin:0 12px;padding-inline:max(20px,calc((100vw - 1416px)/2));border-radius:16px;background:rgba(255,255,255,.72)!important;box-shadow:0 14px 44px rgba(33,47,87,.1);backdrop-filter:blur(24px) saturate(150%)}
@media(max-width:720px){.rainbow-marketing .preview-nav.is-scrolled{top:8px;width:calc(100% - 16px);margin-inline:8px;padding-inline:14px;border-radius:14px}}

.mobile-nav-toggle,.mobile-nav-menu{display:none}.mobile-nav-toggle{width:44px;height:44px;padding:0;border:1px solid rgba(205,214,231,.8);border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 8px 24px rgba(24,42,80,.09);backdrop-filter:blur(18px);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}.mobile-nav-toggle span{width:19px;height:2px;border-radius:99px;background:var(--navy);transition:transform .2s ease,opacity .16s ease}.preview-nav.mobile-open .mobile-nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}.preview-nav.mobile-open .mobile-nav-toggle span:nth-child(2){transform:rotate(-45deg)}.preview-nav.mobile-open .mobile-nav-toggle span:last-child{opacity:0}.mobile-nav-menu[hidden]{display:none!important}.mobile-nav-actions{display:none}
@media(max-width:1050px){.preview-nav{position:sticky}.preview-nav>.mobile-nav-toggle{display:flex}.preview-nav>.mobile-nav-menu{position:absolute;display:block;top:calc(100% + 8px);right:16px;width:min(360px,calc(100vw - 32px));padding:12px;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:rgba(255,255,255,.92);box-shadow:0 24px 70px rgba(25,39,76,.18);backdrop-filter:blur(28px) saturate(160%)}.preview-nav>.mobile-nav-menu nav{display:grid;margin:0;gap:4px;font-size:16px}.preview-nav>.mobile-nav-menu nav a{display:flex;align-items:center;min-height:48px;padding:0 15px;border-radius:11px;color:var(--ink)}.preview-nav>.mobile-nav-menu nav a:hover,.preview-nav>.mobile-nav-menu nav a.active{background:rgba(102,92,255,.09);color:var(--violet)}.preview-nav>.mobile-nav-toggle{margin-left:-24px}}
@media(max-width:720px){.preview-nav>.preview-actions{display:none}.preview-nav>.mobile-nav-toggle{margin-left:auto}.preview-nav>.mobile-nav-menu{right:0;width:calc(100vw - 28px);padding:10px}.mobile-nav-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:9px;padding:10px 4px 3px;border-top:1px solid rgba(214,220,232,.8)}.mobile-nav-actions>a{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid rgba(203,212,228,.9);border-radius:11px;font-weight:700}.mobile-nav-actions .dark-button{border-color:transparent}}

/* Connected-platform, plugin, and ecosystem marketing pages */
.integration-marketing,.plugins-marketing,.ecosystem-marketing-page{background:#fff}.integration-hero{padding-bottom:90px}.integration-orbit{position:relative;display:grid;grid-template-columns:repeat(5,78px);align-items:center;justify-content:center;gap:22px;width:min(650px,100%);margin:48px auto 0}.integration-orbit:before{content:"";position:absolute;inset:50% 6% auto;height:2px;background:linear-gradient(90deg,#65c876,#ef5f72,#665cff,#e85ab8,#3f79ee);opacity:.28}.integration-orbit span,.integration-orbit b{position:relative;z-index:1;display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 18px 50px rgba(40,52,92,.12);backdrop-filter:blur(18px)}.integration-orbit img{width:42px;height:42px;object-fit:contain}.integration-orbit b{background:linear-gradient(135deg,#0a1d42,#1d3462);color:#fff;font-size:16px}.integration-story{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:70px;align-items:center;padding-top:105px;padding-bottom:105px}.integration-story.reverse{grid-template-columns:minmax(480px,1.12fr) minmax(0,.88fr)}.integration-story.reverse .integration-copy{order:2}.integration-copy>img{display:block;width:54px;height:54px;object-fit:contain;margin-bottom:22px}.integration-copy h2{margin:12px 0 18px;font-size:clamp(38px,4.2vw,58px);line-height:1.02;letter-spacing:-.045em}.integration-copy p{color:var(--muted);font-size:18px;line-height:1.65}.integration-copy ul{list-style:none;padding:0;margin:25px 0}.integration-copy li{position:relative;padding:7px 0 7px 30px;color:#34415a}.integration-copy li:before{content:"✓";position:absolute;left:0;top:7px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#e5f9ef;color:#169864;font-size:11px;font-weight:900}.integration-copy .text-link{display:inline-flex;margin-top:8px;color:#4f56e9;font-weight:800}.integration-band{position:relative;background:linear-gradient(115deg,rgba(244,239,255,.92),rgba(238,250,255,.84));isolation:isolate}.integration-band:before,.plugin-install-story:before,.ecosystem-pillars:before{content:"";position:absolute;inset:-70px 0;z-index:-1;background:linear-gradient(180deg,transparent,rgba(248,247,255,.98) 18%,rgba(243,251,255,.96) 82%,transparent);filter:blur(15px)}.gmail-band:after,.facebook-band:after{content:"";position:absolute;inset:8% 4%;z-index:-1;background:radial-gradient(circle at 20% 50%,rgba(242,92,118,.15),transparent 35%),radial-gradient(circle at 82% 45%,rgba(88,111,255,.14),transparent 36%);filter:blur(28px)}.integration-visual{border:1px solid rgba(255,255,255,.95);border-radius:28px;background:rgba(255,255,255,.84);box-shadow:0 30px 85px rgba(33,46,90,.14);backdrop-filter:blur(22px);overflow:hidden}.integration-visual>header{display:flex;align-items:center;justify-content:space-between;min-height:67px;padding:0 24px;border-bottom:1px solid #e7ebf2}.integration-visual>header>span,.integration-visual>header:not(:has(>span)){gap:10px}.integration-visual>header span{display:flex;align-items:center;gap:10px}.integration-visual>header img{width:30px;height:30px;object-fit:contain}.integration-visual>header em{padding:6px 9px;border-radius:99px;background:#e7faf0;color:#168052;font-size:10px;font-style:normal;font-weight:800}.shopify-visual{padding-bottom:20px}.shopper-card{display:flex;align-items:center;gap:13px;margin:20px 22px;padding:16px;border-radius:16px;background:linear-gradient(110deg,#f8fbff,#fbf8ff)}.shopper-card>i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e6ecfa;color:#304c7a;font-style:normal;font-weight:800}.shopper-card p{display:flex;flex-direction:column;margin:0;gap:3px}.shopper-card small{color:#738097;font-size:9px;letter-spacing:.13em}.shopper-card span{color:#6c778c;font-size:11px}.shopify-visual>article{margin:0 22px;border:1px solid #e2e7f0;border-radius:18px;overflow:hidden}.shopify-visual>article>header{display:flex;align-items:center;justify-content:space-between;padding:17px}.shopify-visual>article>header em{font-size:9px;font-style:normal;color:#36715a}.integration-actions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e7eaf1;border-bottom:1px solid #e7eaf1}.integration-actions button{min-height:42px;border:0;border-right:1px solid #e7eaf1;background:#f8f9fc;color:#26334d}.integration-actions button:last-child{border-right:0}.order-product{display:flex;align-items:center;gap:12px;padding:18px}.order-product>span{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#efe9f8;color:#795c9c;font-weight:800}.order-product p{display:flex;flex:1;flex-direction:column;margin:0}.order-product small{color:#7d8799}.shopify-visual article>footer{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#fbfcfe}.shopify-visual article>footer span{display:flex;flex-direction:column;gap:3px}.shopify-visual article>footer small{color:#818a9a;font-size:8px;letter-spacing:.12em}.shopify-visual article>footer button,.billing-visual button{border:0;border-radius:9px;background:#ecf0ff;color:#4e5fe3;padding:9px 12px;font-weight:750}.mail-visual>article{display:flex;gap:13px;margin:23px;padding:18px;border:1px solid #e4e8f0;border-radius:16px}.mail-visual>article>i{display:grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#eee9ff;color:#5c54d4;font-style:normal;font-weight:800}.mail-visual>article div{display:flex;flex-direction:column;gap:4px}.mail-visual>article small{color:#7d8798;font-size:9px;letter-spacing:.12em}.mail-visual>article p{margin:7px 0 0;color:#566176;line-height:1.5}.mail-processing{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px;margin:0 24px;padding:15px;border-radius:14px;background:linear-gradient(90deg,#f2f0ff,#fff5fb,#eefbfc)}.mail-processing span{font-size:10px;font-weight:800;color:#46536b}.mail-processing i{height:2px;background:linear-gradient(90deg,#7d68ff,#e860ba)}.mail-visual>footer,.social-visual>footer,.billing-visual>footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:18px 24px;border-top:1px solid #e7ebf2}.mail-visual>footer span{color:#9b6900;font-size:11px}.social-visual>header{justify-content:flex-start}.social-visual>header em{margin-left:auto}.social-message{max-width:78%;margin:20px;padding:15px 17px;border-radius:16px;background:#f3f4f8;color:#2b3851;line-height:1.5}.social-message.outgoing{margin-left:auto;background:linear-gradient(135deg,#625cff,#855ae9);color:#fff}.social-context{display:flex;gap:7px;padding:0 20px}.social-context span{padding:7px 9px;border-radius:99px;background:#f4f1ff;color:#6256c6;font-size:9px;font-weight:800}.social-visual>footer{font-size:11px}.case-route{display:flex;align-items:center;gap:7px;margin:0 20px;padding:13px;background:#f6f7fb;border-radius:12px}.case-route span{flex:1;text-align:center;font-size:9px;font-weight:800}.case-route b{color:#8c96a9}.facebook-visual>article{margin:19px 20px;padding:16px;border:1px solid #dfe5f0;border-radius:13px;background:#fbfcff}.facebook-visual>article small{display:block;color:#70809a;font-size:8px;letter-spacing:.12em;margin-bottom:7px}.facebook-visual>article b{line-height:1.45}.billing-visual>div{display:flex;flex-direction:column;margin:22px;padding:24px;border-radius:18px;background:linear-gradient(135deg,#f0edff,#f8f5ff)}.billing-visual>div small{color:#6e7790;font-size:9px;letter-spacing:.14em}.billing-visual>div b{font-size:30px;margin:5px 0}.billing-visual>div span{color:#69748a}.billing-visual>article{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px}.billing-visual>article span{display:flex;flex-direction:column;padding:15px;border:1px solid #e4e8f0;border-radius:13px}.billing-visual>article small{color:#80899a;font-size:8px;letter-spacing:.1em;margin-bottom:6px}.billing-visual>footer span{color:#697489;font-size:11px}.integration-next{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:50px;margin-bottom:110px;padding:44px;border-radius:27px;background:linear-gradient(115deg,#f0ecff,#fff2f8,#eafafb)}.integration-next h2{margin:9px 0;font-size:36px}.integration-next p{margin:0;color:#637088}.integration-next>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.integration-next a{display:inline-flex;padding:13px 15px;border-radius:11px;background:#fff;box-shadow:0 10px 24px rgba(37,48,81,.08);font-weight:800;white-space:nowrap}

.plugin-showcase{padding-top:20px;padding-bottom:110px}.plugin-market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.plugin-market-grid article{position:relative;min-height:300px;padding:28px;border:1px solid rgba(224,228,238,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(247,248,255,.92));box-shadow:0 18px 48px rgba(39,49,87,.07)}.plugin-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#e9e7ff,#f9eafa);color:#6456e6;font-size:24px}.plugin-icon.brain{background:linear-gradient(135deg,#ffe9f5,#f1e8ff)}.plugin-market-grid small{display:block;margin-top:24px;color:#758098;font-size:9px;letter-spacing:.15em;font-weight:800}.plugin-market-grid h3{margin:8px 0;font-size:24px}.plugin-market-grid p{color:#68748a;line-height:1.55}.plugin-market-grid article>b{position:absolute;left:28px;bottom:24px;padding:6px 9px;border-radius:99px;background:#edf9f3;color:#168052;font-size:9px}.plugin-install-story{position:relative;padding:90px 0;background:linear-gradient(120deg,#f8f4ff,#eefbff)}.plugin-install-story>.shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.plugin-install-story .section-copy ul,.ecosystem-workspace .section-copy ul{list-style:none;padding:0}.plugin-install-story .section-copy li,.ecosystem-workspace .section-copy li{position:relative;padding:7px 0 7px 27px}.plugin-install-story .section-copy li:before,.ecosystem-workspace .section-copy li:before{content:"✓";position:absolute;left:0;color:#26a46f}.plugin-console{overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 30px 80px rgba(36,48,92,.14);backdrop-filter:blur(24px)}.plugin-console>header{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e4e8f0}.plugin-console>header span{color:#758095}.plugin-console article{display:flex;align-items:center;gap:13px;margin:14px 18px;padding:14px;border:1px solid #e4e8f0;border-radius:14px}.plugin-console article>i{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#f0edff;font-style:normal}.plugin-console article p{display:flex;flex:1;flex-direction:column;margin:0}.plugin-console article small{color:#798397}.plugin-console article em{padding:6px 8px;border-radius:99px;background:#e8faef;color:#178052;font-size:8px;font-style:normal;font-weight:800}.plugin-console article button{padding:8px 11px;border:0;border-radius:8px;background:#0a1d42;color:#fff}.plugin-console>footer{padding:15px 22px;background:#f8f9fc;color:#6c778b;font-size:11px}

.ecosystem-map{position:relative;min-height:650px;margin-top:-25px;margin-bottom:80px}.ecosystem-map>svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.ecosystem-map>svg path{fill:none;stroke:url(#rainbowLine);stroke-width:2;stroke-dasharray:8 9;opacity:.35}.ecosystem-core,.ecosystem-map>article{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.84);box-shadow:0 24px 65px rgba(36,49,93,.12);backdrop-filter:blur(20px)}.ecosystem-core{left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;align-content:center;width:245px;height:245px;border-radius:50%;text-align:center}.ecosystem-core img{width:52px;height:52px}.ecosystem-core small,.ecosystem-map article small{margin-top:12px;color:#6b5df4;font-size:9px;letter-spacing:.16em;font-weight:900}.ecosystem-core b{margin:9px 0;font-size:24px}.ecosystem-core span{max-width:170px;color:#6d778a;font-size:11px}.ecosystem-map>article{width:260px;min-height:160px;padding:22px;border-radius:22px}.ecosystem-map article>i,.ecosystem-map article>img{display:grid;width:40px;height:40px;object-fit:contain;font-size:30px;font-style:normal}.ecosystem-map article b{display:block;margin:8px 0}.ecosystem-map article p{margin:0;color:#6a758a;font-size:12px;line-height:1.5}.eco-channels{left:2%;top:4%}.eco-commerce{right:2%;top:4%}.eco-intelligence{left:2%;bottom:4%}.eco-governance{right:2%;bottom:4%}.ecosystem-pillars{position:relative;padding:100px 0;background:linear-gradient(115deg,#f6f1ff,#eefbff)}.ecosystem-pillars>.shell>div{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.ecosystem-pillars article{padding:25px;border:1px solid rgba(255,255,255,.9);border-radius:21px;background:rgba(255,255,255,.78)}.ecosystem-pillars article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#ecebff;color:#625cf1;font-size:11px;font-weight:900}.ecosystem-pillars h3{margin:22px 0 8px}.ecosystem-pillars p{color:#68748a;line-height:1.55}.ecosystem-workspace{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;padding-top:110px;padding-bottom:110px}.workspace-composer{display:grid;grid-template-columns:180px 1fr;overflow:hidden;border:1px solid #e1e6f0;border-radius:25px;background:#fff;box-shadow:0 30px 80px rgba(37,49,90,.13)}.workspace-composer>header{grid-column:1/-1;display:flex;justify-content:space-between;padding:19px 22px;border-bottom:1px solid #e4e8ef}.workspace-composer>header span{color:#68748b}.workspace-composer>aside{display:flex;flex-direction:column;gap:6px;padding:19px;background:#0a1d42;color:#eef3ff}.workspace-composer>aside>b{margin-bottom:7px}.workspace-composer>aside label{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;font-size:11px}.workspace-composer>aside label i{width:8px;height:8px;border-radius:50%;background:#43d19b}.workspace-composer>main{padding:22px}.workspace-composer>main>div{display:flex;flex-direction:column;padding:16px;border-radius:14px;background:linear-gradient(120deg,#f0edff,#fdf0f7)}.workspace-composer>main>div small{color:#727c92;font-size:8px;letter-spacing:.14em}.workspace-composer>main>div b{font-size:19px;margin:4px 0}.workspace-composer>main>div span{color:#68748b}.workspace-composer>main article{display:flex;align-items:center;gap:10px;margin-top:13px;padding:14px;border:1px solid #e4e8f0;border-radius:13px}.workspace-composer>main article>span{font-size:22px}.workspace-composer>main article p{display:flex;flex:1;flex-direction:column;margin:0}.workspace-composer>main article small{color:#788397}.workspace-composer>main article em{color:#158052;font-size:8px;font-style:normal;font-weight:900}

@media(max-width:980px){.integration-story,.integration-story.reverse,.plugin-install-story>.shell,.ecosystem-workspace{grid-template-columns:1fr;gap:45px}.integration-story.reverse .integration-copy{order:0}.integration-copy{max-width:720px}.plugin-market-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-pillars>.shell>div{grid-template-columns:repeat(2,1fr)}.ecosystem-map{min-height:800px}.ecosystem-core{top:50%}.eco-channels,.eco-commerce{top:4%}.eco-intelligence,.eco-governance{bottom:4%}}
@media(max-width:720px){.integration-hero{padding-bottom:65px}.integration-orbit{grid-template-columns:repeat(5,48px);gap:10px}.integration-orbit span,.integration-orbit b{width:48px;height:48px;border-radius:15px}.integration-orbit img{width:28px;height:28px}.integration-orbit b{font-size:10px}.integration-story{padding-top:75px;padding-bottom:75px}.integration-copy h2{font-size:38px}.integration-copy p{font-size:16px}.integration-copy>img{width:46px;height:46px}.integration-visual{border-radius:20px}.shopify-visual>article,.shopper-card{margin-left:12px;margin-right:12px}.integration-actions button{padding:7px 2px;font-size:10px}.shopify-visual article>footer{align-items:flex-start;gap:10px}.order-product strong{font-size:11px}.mail-processing{grid-template-columns:1fr;gap:6px}.mail-processing i{width:2px;height:12px;margin:auto}.social-context{flex-wrap:wrap}.case-route{align-items:stretch;flex-direction:column}.case-route b{transform:rotate(90deg);text-align:center}.billing-visual>article{grid-template-columns:1fr}.integration-next{align-items:flex-start;flex-direction:column;padding:28px;margin-bottom:75px}.integration-next h2{font-size:30px}.integration-next>div:last-child{flex-direction:column;width:100%}.plugin-market-grid{grid-template-columns:1fr}.plugin-install-story{padding:70px 0}.ecosystem-map{display:grid;grid-template-columns:1fr;gap:12px;min-height:0;margin-top:0;padding-top:40px;padding-bottom:60px}.ecosystem-core,.ecosystem-map>article{position:relative;inset:auto;transform:none;width:100%;min-height:0}.ecosystem-core{height:220px;border-radius:110px}.ecosystem-map>svg{display:none}.ecosystem-pillars{padding:75px 0}.ecosystem-pillars>.shell>div{grid-template-columns:1fr}.ecosystem-workspace{padding-top:80px;padding-bottom:80px}.workspace-composer{grid-template-columns:1fr}.workspace-composer>aside{display:none}.workspace-composer>main{padding:14px}}
.ecosystem-map>svg path{stroke:url(#ecosystemLine)}