.conversion-page{min-height:100vh;color:var(--ink);background:radial-gradient(900px 460px at 12% 0,#eaf3ff 0%,#0000 62%),radial-gradient(700px 380px at 92% 8%,#fff6e6 0%,#0000 55%),#fff}.conversion-hero{text-align:center;max-width:860px;margin:0 auto;padding:84px 24px 48px}.conversion-hero .eyebrow{justify-content:center}.conversion-hero h1{max-width:780px;color:var(--navy);margin:14px auto 0;font-size:clamp(40px,5.8vw,64px);line-height:1.04}.conversion-hero>p{max-width:660px;color:var(--muted);margin:22px auto 30px;font-size:18px;line-height:1.7}.conversion-hero .hero-actions{justify-content:center}.conversion-points{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:26px;font-size:13px;display:flex}.conversion-points span{align-items:center;gap:7px;display:inline-flex}.conversion-points svg{color:#1e9665}.onboarding-steps{grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:20px auto 96px;padding:0 24px;display:grid}.onboarding-steps article{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex;box-shadow:0 12px 30px #0b2a5b08}.onboarding-steps span{color:var(--blue);letter-spacing:.1em;font-size:11px;font-weight:800}.onboarding-steps strong{color:var(--navy);font:700 15px Manrope}.demo-landing{background:radial-gradient(900px 460px at 8% 0,#eaf3ff 0%,#0000 60%),radial-gradient(700px 380px at 95% 10%,#fff6e6 0%,#0000 55%),#fff;overflow-x:clip}.demo-landing-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;padding-top:76px;padding-bottom:88px;display:grid}.demo-landing-copy h1{max-width:600px;color:var(--navy);margin:0;font-size:clamp(42px,4.6vw,62px);line-height:1.03}.demo-landing-copy>p{max-width:540px;color:var(--muted);margin:22px 0 28px;font-size:17px;line-height:1.7}.demo-landing-meta{color:var(--muted);flex-wrap:wrap;gap:12px 20px;margin-top:26px;font-size:13px;display:flex}.demo-landing-meta span{align-items:center;gap:7px;display:inline-flex}.demo-landing-meta svg{color:#1e9665}.demo-preview{position:relative}.demo-preview:before{content:"";background:radial-gradient(#dbeafe,#0000 68%);position:absolute;inset:10% -8% -12%}.demo-preview-window{background:#f6f9fd;border:1px solid #c8d8ec;border-radius:18px;position:relative;overflow:hidden;transform:rotate(.8deg);box-shadow:0 34px 80px #0b2a5b26}.demo-preview-bar{background:#fff;border-bottom:1px solid #e2e9f3;align-items:center;gap:6px;height:38px;padding:0 14px;display:flex}.demo-preview-bar>span{background:#d3dde9;border-radius:50%;width:7px;height:7px}.demo-preview-bar>span:first-child{background:var(--gold)}.demo-preview-bar small{color:#94a3b8;margin-left:8px;font-size:10px}.demo-preview-bar em{color:#17805a;background:#e6f7ef;border-radius:99px;margin-left:auto;padding:3px 8px;font-size:9px;font-style:normal;font-weight:700}.demo-preview-body{min-height:330px;display:flex}.demo-preview-side{background:#fff;border-right:1px solid #e8eef6;flex-direction:column;flex:0 0 48px;align-items:center;gap:18px;padding:16px 0;display:flex}.demo-preview-side i{background:#dbe6f3;border-radius:5px;width:16px;height:16px}.demo-preview-side i.is-active{background:var(--blue)}.demo-preview-main{flex:1;padding:20px}.demo-preview-heading{justify-content:space-between;align-items:center;display:flex}.demo-preview-heading small{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:9px;display:block}.demo-preview-heading strong{color:var(--navy);margin-top:5px;font:700 16px Manrope;display:block}.demo-preview-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.demo-preview-metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.demo-preview-metrics>div{background:#fff;border:1px solid #e4ebf4;border-radius:10px;padding:12px}.demo-preview-metrics small{color:#94a3b8;font-size:9px;display:block}.demo-preview-metrics strong{color:var(--ink);margin:6px 0 4px;font:700 18px Manrope;display:block}.demo-preview-metrics em{color:#1e9665;font-size:9px;font-style:normal;font-weight:700}.demo-preview-chart{background:#fff;border:1px solid #e4ebf4;border-radius:10px;align-items:end;gap:8px;height:92px;margin-top:12px;padding:12px 12px 0;display:flex}.demo-preview-chart i{background:linear-gradient(#7fb0f7,#cfe2fd);border-radius:5px 5px 0 0;flex:1}.demo-preview-chart i:nth-child(5),.demo-preview-chart i:nth-child(7){background:linear-gradient(180deg, var(--blue), #9cc3fb)}.demo-preview-chart i:last-child{background:linear-gradient(180deg, var(--gold), #ffe0a6)}.demo-preview-roles{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.demo-preview-roles span{color:#48617f;background:#eef4fc;border-radius:99px;padding:4px 8px;font-size:9.5px;font-weight:600}.demo-modules{padding-bottom:96px}.demo-module-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.demo-module-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px;box-shadow:0 14px 34px #0b2a5b0a}.demo-module-icon{width:42px;height:42px;color:var(--blue);background:#eaf2ff;border-radius:12px;place-items:center;margin-bottom:18px;display:grid}.demo-module-card strong{color:var(--navy);font:700 17px Manrope;display:block}.demo-module-card p{color:var(--muted);margin:9px 0 0;font-size:13.5px;line-height:1.65}.demo-ways{grid-template-columns:1.1fr .9fr;gap:16px;padding-bottom:100px;display:grid}.demo-way{border:1px solid var(--line);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:8px;padding:36px;display:flex}.demo-way h2{color:var(--navy);margin:0;font-size:clamp(24px,2.6vw,32px)}.demo-way p{max-width:420px;color:var(--muted);margin:0 0 18px;font-size:14.5px;line-height:1.7}.demo-way .button{margin-top:auto}.demo-way.is-primary{color:#fff;background:linear-gradient(135deg,#0b2a5b,#123f7f);border-color:#123f7f}.demo-way.is-primary h2{color:#fff}.demo-way.is-primary p{color:#c6d4e8}.demo-way.is-primary .eyebrow{color:#8fbcff}.demo-explore{background:radial-gradient(900px 460px at 50% -10%,#eaf3ff 0%,#0000 62%),#fff;min-height:100vh}.demo-explore-hero{text-align:center;max-width:920px;margin:0 auto;padding:76px 0 40px}.demo-explore-hero .eyebrow{justify-content:center}.demo-explore-hero h1{max-width:760px;color:var(--navy);margin:14px auto 0;font-size:clamp(38px,5.2vw,58px);line-height:1.05}.demo-explore-hero>p{max-width:620px;color:var(--muted);margin:20px auto 0;font-size:17px;line-height:1.7}.demo-explore-meta{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px 24px;margin-top:24px;font-size:12.5px;display:flex}.demo-explore-meta span{align-items:center;gap:7px;display:inline-flex}.demo-explore-meta svg{color:var(--blue)}.demo-role-section{padding-bottom:60px}.demo-role-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:20px;display:flex}.demo-role-heading h2{color:var(--navy);margin:0;font-size:24px}.demo-role-heading p{color:var(--muted);margin:6px 0 0;font-size:13.5px}.demo-role-hint{color:var(--blue);white-space:nowrap;background:#f4f8ff;border:1px solid #dfeafd;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.demo-role-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.demo-role-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:24px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative}.demo-role-card:hover{border-color:#9fc2f4;transform:translateY(-4px);box-shadow:0 22px 44px #0b2a5b14}.demo-role-card:focus-visible{outline-offset:2px;outline:3px solid #9cc3fb}.demo-role-card.is-featured{background:linear-gradient(150deg,#0b2a5b,#164a91);border-color:#164a91;box-shadow:0 22px 48px #0b2a5b26}.demo-role-badge{background:var(--gold);color:#3d2a00;letter-spacing:.07em;text-transform:uppercase;border-radius:99px;padding:4px 9px;font-size:9.5px;font-weight:800;position:absolute;top:18px;right:18px}.demo-role-icon{width:46px;height:46px;color:var(--blue);background:#eaf2ff;border-radius:13px;place-items:center;display:grid}.demo-role-card.is-featured .demo-role-icon{color:#fff;background:#ffffff1f}.demo-role-card strong{color:var(--navy);font:700 17px Manrope}.demo-role-card p{min-height:62px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.demo-role-card.is-featured strong{color:#fff}.demo-role-card.is-featured p{color:#c9d8ee}.demo-role-tags{flex-wrap:wrap;gap:6px;display:flex}.demo-role-tags span{color:#526987;background:#f1f5fa;border-radius:99px;padding:4px 8px;font-size:10.5px;font-weight:600}.demo-role-card.is-featured .demo-role-tags span{color:#dce8f8;background:#ffffff1a}.demo-role-cta{color:var(--blue);align-items:center;gap:8px;margin-top:auto;padding-top:6px;font-size:12.5px;font-weight:700;display:inline-flex}.demo-role-card.is-featured .demo-role-cta{color:#fff}.demo-role-cta svg{transition:transform .18s}.demo-role-card:hover .demo-role-cta svg{transform:translate(3px)}.demo-explore-help{background:#f6faff;border:1px solid #dbe7f7;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:88px;padding:32px 34px;display:flex}.demo-explore-help h2{color:var(--navy);margin:0;font-size:22px}.demo-explore-help p{max-width:560px;color:var(--muted);margin:8px 0 0;font-size:13.5px;line-height:1.65}.demo-explore-help .hero-actions{flex-shrink:0}.demo-page{background:radial-gradient(900px 460px at 10% 0%, #eaf3ff 0%, transparent 60%), radial-gradient(700px 360px at 92% 10%, #fff6e6 0%, transparent 55%), var(--soft);padding:56px 0 80px}.demo-layout{grid-template-columns:1fr 1fr;align-items:center;gap:70px;width:min(1100px,100% - 48px);min-height:0;margin:auto;display:grid}.demo-copy h1{max-width:500px}.demo-form>p{color:var(--muted);font-size:14px}.checkbox-label{align-items:center;grid-template-columns:none!important;gap:8px!important;font-weight:500!important;display:flex!important}.checkbox-label input{width:auto!important}@media (max-width:1024px){.demo-landing-hero{grid-template-columns:1fr;gap:54px;padding-top:56px}.demo-preview{max-width:640px}.demo-role-grid,.demo-module-grid{grid-template-columns:repeat(2,1fr)}.demo-ways{grid-template-columns:1fr}.onboarding-steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.demo-landing-hero{padding-top:44px;padding-bottom:64px}.demo-landing-copy h1{font-size:clamp(38px,9vw,48px)}.demo-preview-metrics{grid-template-columns:1fr 1fr}.demo-preview-metrics>div:last-child{grid-column:1/-1}.demo-modules{padding-bottom:64px}.demo-module-grid{grid-template-columns:1fr}.demo-ways{padding-bottom:72px}.demo-way{padding:28px}.demo-role-heading{display:block}.demo-role-hint{white-space:normal;margin-top:12px}.demo-role-grid{grid-template-columns:1fr}.demo-explore-help{padding:26px;display:block}.demo-explore-help .hero-actions{margin-top:18px}.conversion-hero{padding:56px 20px 40px}.onboarding-steps{grid-template-columns:1fr;margin-bottom:64px;padding:0 20px}.demo-layout{grid-template-columns:1fr;gap:40px;padding:40px 0}}@media (max-width:520px){.demo-explore-hero{padding-top:52px}.demo-explore-meta{gap:8px 16px}.hero-actions .button{width:100%}.demo-preview-metrics{grid-template-columns:1fr}.demo-preview-metrics>div:last-child{grid-column:auto}.demo-role-card p{min-height:0}}