.composition-flow{gap:24px;display:grid}.composition-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.composition-section{padding:40px max(24px,50% - 560px)}.composition-tabs{padding:32px}.composition-tabs>div[role=tablist],.hub-tabs{flex-wrap:wrap;gap:10px;display:flex}.composition-tabs button,.hub-tabs button,.playbook-hub button{cursor:pointer;border:1px solid #38435b;border-radius:10px;padding:12px 18px}.composition-tabs button[aria-selected=true],.hub-tabs button[aria-selected=true]{color:#fff;background:#6945e8}.composition-cta{text-align:center;background:#f4f1ff;padding:72px 24px}.composition-cta h2{margin-bottom:16px;font-size:clamp(26px,4vw,40px)}.composition-cta p{margin-bottom:24px}.demo-dialog{color:#15203a;border:1px solid #515a76;border-radius:20px;max-width:min(480px,90vw);margin:auto;padding:36px}.demo-dialog::backdrop{backdrop-filter:blur(8px);background:#080d20cc}.demo-dialog>button{float:right;padding:8px 14px}.playbook-hero{text-align:center;background:radial-gradient(at top,#41277644,#0000 70%);padding:70px 24px 40px}.playbook-hero h1{color:#b8a9fb;margin:20px 0;font-size:18px}.playbook-hero h2{color:#f8fafc;letter-spacing:-2px;margin-bottom:24px;font-size:clamp(34px,4.5vw,62px);line-height:1.12}.playbook-hero h2 span{color:#0000;background:linear-gradient(100deg,#a989ff,#48d5e8) text}.playbook-hero>p{max-width:760px;margin:20px auto;line-height:1.7}.hub-badge{text-transform:uppercase;letter-spacing:1.3px;color:#af9bf6;font-size:12px}.hub-search{max-width:720px;margin:32px auto;display:block}.playbook-hub input,.playbook-hub select{color:#e2e8f0;background:#0b0f19;border:1px solid #35405a;border-radius:12px;width:100%;padding:16px}.hub-note{color:#99a6bd;font-size:12px}.hub-content{max-width:1160px;margin:auto;padding:16px 24px 56px}.hub-tabs{margin-bottom:28px}.playbook-hub button{color:#e0e7ff;background:#202b40;font-size:13px}.playbook-card,.tool-panel{background:linear-gradient(140deg,#151e30,#101622);border:1px solid #2a354c;border-radius:20px;margin:24px 0;padding:32px}.playbook-card header{justify-content:space-between;align-items:center;gap:24px;display:flex}.playbook-card h2,.tool-panel h2{color:#f8fafc;margin:12px 0 24px;font-size:24px}.playbook-card header button{flex-shrink:0}.playbook-signal{background:#192236;border-radius:12px;padding:20px;font-size:14px;line-height:1.7}.playbook-signal strong{color:#60d2df}.email-template{background:#0b0f19;border:1px solid #263149;border-radius:12px;margin:24px 0;padding:24px;font:13px/1.8 ui-monospace,monospace}.email-template h3{color:#9baac1;margin-bottom:20px;font:600 12px system-ui}.email-template p{margin-bottom:16px}.playbook-card small{color:#98a7bf}.tool-panel label{margin:24px 0;line-height:2;display:block}.tool-actions{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.simulation-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.simulation-steps>div,.calculator-results>p{background:#0b0f19;border:1px solid #2a354c;border-radius:12px;padding:20px}.simulation-steps h3{font-size:15px}.simulation-steps p{font-size:12px}.tool-panel>p{color:#a9b7cc;margin:20px 0;line-height:1.7}.calculator-results strong{color:#bba6ff;font-size:28px;display:block}.calculator-results>p{margin:20px 0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #7b67f1}@media (width<=700px){.composition-columns,.simulation-steps{grid-template-columns:1fr}.playbook-card,.tool-panel{padding:20px}.playbook-card header{display:block}.playbook-card header button{margin-bottom:18px}.playbook-hero{padding-top:40px}.hub-content{padding-inline:16px}.hub-tabs button{flex-grow:1}.composition-tabs{padding:20px}}.composition-flow>*,.composition-columns>*{min-width:0}.feature-tabs{max-width:1180px;color:var(--ink);margin:48px auto;padding:0 24px}.feature-tabs__frame{background:var(--feature-background,var(--surface-soft));border-radius:20px;padding:24px}.feature-tabs[data-scroll] .feature-tabs__frame{top:var(--feature-sticky-top,20px);position:sticky}.feature-tabs__nav{gap:12px;margin-bottom:16px;display:flex}.feature-tabs__nav button{min-width:0;min-height:48px;color:var(--feature-accent,var(--accent-text));font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:9px;flex:1;padding:10px 12px;font-size:15px;font-weight:700}.feature-tabs__nav button[aria-selected=true]{border-color:var(--feature-accent,var(--accent-text));background:var(--feature-active,var(--surface))}.feature-tabs__nav button:focus-visible,.feature-tabs__button:focus-visible{outline:3px solid var(--feature-accent,var(--accent-text));outline-offset:4px}.feature-tabs__panel{background:var(--surface);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);min-height:480px;display:grid;overflow:hidden}.feature-tabs__panel[hidden]{display:none}.feature-tabs__copy{flex-direction:column;align-items:flex-start;gap:18px;padding:30px 28px;display:flex}.feature-tabs__copy h2{color:var(--ink);letter-spacing:-1px;margin:0;font-size:clamp(26px,2.8vw,34px);line-height:1.12}.feature-tabs__copy p{color:var(--text);white-space:pre-wrap;margin:0;font-size:15px;line-height:1.6}.feature-tabs__copy .feature-tabs__intro{font-size:16px}.feature-tabs__features{width:100%;margin-top:4px}.feature-tabs__features h3{color:var(--ink);text-transform:uppercase;letter-spacing:.04em;margin:0 0 12px;font-size:11px}.feature-tabs__features ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.feature-tabs__features li{border-bottom:1px solid var(--line);color:var(--text);gap:10px;padding:10px 0;font-size:13px;line-height:1.5;display:flex}.feature-tabs__button{background:var(--blue);color:var(--white);border-radius:5px;align-items:center;gap:12px;margin-top:auto;padding:11px 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.feature-tabs__button:hover{background:var(--blue-dark)}.feature-tabs__media{background:linear-gradient(135deg, var(--surface-soft), var(--surface-raised));align-items:stretch;min-width:0;display:flex}.feature-tabs__media img{align-self:center;min-width:0;max-width:100%;height:100%;display:block}.feature-tabs__panel[data-image-side=left] .feature-tabs__media{grid-area:1/1}.feature-tabs__panel[data-no-image]{grid-template-columns:1fr;min-height:0}.widgets-panel{padding:18px}.feature-color-field{justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.feature-color-field input{cursor:pointer;border:1px solid #dcdde4;border-radius:4px;width:48px;height:32px;padding:2px}.widgets-panel h2{margin:0 0 8px;font-size:18px}.widgets-panel p{color:#60616b;font-size:13px;line-height:1.5}.widget-card{border:1px solid #dcdde4;border-radius:10px;padding:12px}.widget-card+.widget-card{margin-top:16px}.widget-drag-preview{cursor:grab}.widget-design-choice{gap:6px;margin-bottom:12px;font-size:13px;font-weight:600;display:grid}.widget-design-choice select{color:#242434;width:100%;font:inherit;background:#fff;border:1px solid #dcdde4;border-radius:6px;padding:9px 6px}.widget-thumbnail--hero.widget-thumbnail--original .widget-thumbnail__body{background:#f5f3fa;height:116px}.widget-thumbnail--hero.widget-thumbnail--original .widget-thumbnail__copy i:first-child{background:#282630}.widget-drag-preview:active{cursor:grabbing}.widgets-panel .widget-drag-hint{color:#5130b8;font-size:12px;font-weight:600}.widget-thumbnail--hero .widget-thumbnail__body{background:#111022}.widget-thumbnail--hero .widget-thumbnail__copy i{background:#9985bd}.widget-thumbnail--hero .widget-thumbnail__copy i:first-child{background:#fff}.widget-thumbnail--hero .widget-thumbnail__body img{object-fit:contain}.widget-card h3{margin:12px 0 0;font-size:15px}.widget-card button{color:#fff;cursor:pointer;width:100%;font:inherit;background:#5130b8;border:0;border-radius:6px;padding:10px;font-weight:600}.widget-thumbnail{background:#1e1e1c;border-radius:7px;padding:10px}.widget-thumbnail__tabs{gap:5px;margin-bottom:6px;display:flex}.widget-thumbnail__tabs i{opacity:.5;background:#cfff80;border-radius:2px;width:25%;height:9px}.widget-thumbnail__tabs i:first-child{opacity:1}.widget-thumbnail__body{background:#fff;border-radius:5px;height:88px;display:flex;overflow:hidden}.widget-thumbnail__copy{flex:1;padding:12px 8px}.widget-thumbnail__copy i{background:#dad9df;height:4px;margin-bottom:8px;display:block}.widget-thumbnail__copy i:first-child{background:#282630;width:80%;height:8px}.widget-thumbnail__body img{object-fit:cover;object-position:left;width:50%}@media (width<=899px){.feature-tabs{margin:28px auto;padding:0 16px;height:auto!important}.feature-tabs__frame{border-radius:16px;padding:12px;position:static!important}.feature-tabs__nav{grid-template-columns:1fr 1fr;gap:6px;display:grid}.feature-tabs__nav button{padding:9px 6px;font-size:13px}.feature-tabs__panel{border-radius:11px;grid-template-columns:1fr;min-height:0}.feature-tabs__copy{padding:25px 20px}.feature-tabs__media,.feature-tabs__panel[data-image-side=left] .feature-tabs__media{grid-area:auto}.feature-tabs__media img{height:auto;max-height:420px}.feature-tabs__media:has(.picture-hide-mobile){display:none}}.site-draft[data-theme] .hero.hero--signal{background:radial-gradient(ellipse at 15% 100%, color-mix(in srgb, var(--accent-text) 12%, transparent), transparent 55%), var(--surface);min-height:0}.hero.hero--signal:after{display:none}.hero--signal .hero-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:clamp(24px,4vw,64px);min-height:38rem;padding-block:48px;display:grid}.hero--signal .hero-copy{width:auto;min-width:0;padding:0}.hero--signal h1{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(2.5rem,3.7vw,3.5rem);line-height:1.08}.site-draft[data-theme] .hero--signal h1>span:not(.hero-plain){color:var(--accent-text)}.hero--signal .hero-lede{font-size:1rem;line-height:1.6}.hero--signal .hero-art{border-radius:18px;width:100%;min-width:0;display:block;position:relative;inset:auto;overflow:hidden}.hero--signal .hero-image{filter:none;height:auto;display:block}.hero--signal .hero-inner:not(:has(.hero-art)){grid-template-columns:minmax(0,46rem);justify-content:center}@media (width<=48rem){.hero--signal .hero-inner{grid-template-columns:minmax(0,1fr);gap:32px;min-height:0;padding-block:40px}.hero--signal h1{font-size:clamp(2.3rem,10vw,3rem)}.hero--signal .hero-art:has(.picture-hide-mobile){display:none}}