:root{
 --blue:#465ef5;
 --purple:#8b35f2;
 --blue-ink:#354ac8;
 --brand-gradient:linear-gradient(110deg,var(--blue) 0%,#6550f3 52%,var(--purple) 100%);
}

/* A consistent curved shape for the actions and their focus rings. */
.login,.cta,.closing-link,.demo-toolbar button,.layout-controls button,
.radar-filters button,.agent-questions button,.page-tabs button,.skip{
 border-radius:999px;
}
.login{
 color:var(--blue-ink);
 background:#ffffffde;
 border-color:#465ef53d;
 padding-inline:19px;
 transition:background .2s,border-color .2s;
}
.login:hover{background:white;border-color:#465ef580}
.cta{
 background:var(--brand-gradient);
 background-size:160% 100%;
 border:1px solid #ffffff24;
 box-shadow:0 8px 22px #465ef51f;
 transition:background-position .3s,box-shadow .3s,transform .2s;
}
.cta:hover{
 background:var(--brand-gradient);
 background-size:160% 100%;
 background-position:100% 50%;
 box-shadow:0 12px 28px #6343ec30;
}
.hero-answer .hero-cta{
 min-height:62px;
 padding:10px 11px 10px 25px;
 gap:35px;
 font-size:14px;
 font-weight:500;
 letter-spacing:-.025em;
}
.cta-arrow{
 width:40px;
 height:40px;
 flex-shrink:0;
 display:grid;
 place-items:center;
 border-radius:50%;
 background:#fff;
 color:var(--blue-ink);
 box-shadow:0 2px 6px #23154814;
}
.cta-arrow .icon{width:19px;height:19px;transition:transform .2s}
.hero-cta:hover .cta-arrow .icon{transform:translateX(2px)}
.underline path:first-child{stroke:var(--blue)}
.underline path:last-child{stroke:var(--purple)}
.pain-intro h2 em,.resources-heading h2 em{color:var(--blue)}

/* Blue carries the organization section; violet carries the guidance. */
.solution{
 background:radial-gradient(ellipse at 100% 4%,#8b35f2b8,transparent 49%),
 linear-gradient(135deg,#354ee1,var(--blue) 60%,#6442eb);
}
.solution h2 em{color:#bfe4ff}
.solution .section-label{color:#d4e4ff;border-color:#ccd9ff66}
.solution-heading p{color:#e4edff}
.demo-wrap{background:#f2f4ff;border-radius:24px;overflow:hidden}
.demo-toolbar,.demo-footer{border-color:#d6ddf7}
.demo-toolbar>p{color:#6d79a6}
.demo-toolbar button{color:#52628f;border-color:#c5cdec}
.demo-toolbar button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.demo-toolbar button[data-mode=organized][aria-pressed=true]{
 background:var(--purple);border-color:var(--purple);
}
.scrap{border-radius:16px}
.scrap-product small,.scrap-product .scrap-bottom,
.scrap-product .organized-label,.organized-caption .icon{color:var(--blue-ink)}
.demo-lines svg{stroke:#9daef5}
.public-page{border-radius:16px;--accent:var(--blue)}
.page-cover{background:#e6edff}
.page-cover>span{color:var(--blue-ink)}
.page-avatar{background:var(--brand-gradient)}
.page-profile>div>span{background:#edf1ff;color:var(--blue-ink)}
.page-profile>div>span:nth-child(2){background:#f0e8ff;color:#7530c8}
.page-tabs{gap:5px;border-bottom:0}
.page-tabs button{padding-inline:10px;border-bottom:0;color:#6e78a2}
.page-tabs button[aria-selected=true]{background:#e8edff;color:var(--blue-ink)}
.public-page[data-layout=impact] .page-tabs button[aria-selected=true]{
 background:#453473;color:#ece4ff;
}
.page-coupon,.page-story{border-radius:12px}
.page-coupon{background:#f1e9ff}
.page-story{background:#e5edff}
.identity-strip>div:first-child>span{color:#cde3ff}
.identity-strip p{color:#e8f1ff}
.layout-controls button{border-color:#c5d9ff99;color:#edf5ff}
.layout-controls button[aria-pressed=true]{color:var(--blue-ink);background:white;border-color:white}
.layout-controls button[data-layout=impact][aria-pressed=true]{color:#7a2ed2}
.boreal{background:#161d32}
.boreal h2 em{color:#be9eff}
.radar-filters button{color:#b4c4e9;border-color:#4f6189}
.radar-filters button[aria-pressed=true]{background:#a7c7ff;color:#173b70;border-color:#a7c7ff}
.agent-questions{display:flex;flex-direction:column;gap:8px}
.agent-questions button{
 padding:14px 17px;
 border:1px solid #61517c;
 background:#ffffff03;
}
.agent-questions button[aria-pressed=true]{border-color:#9475c5;background:#b68aff14}
.agent-answer{border-radius:18px;background:#29213d}
.resources .section-label{border-color:#cbd7ec}
.resource-list article{border-color:#c5d3eb}
.resource-list article:nth-child(1)>span{color:var(--blue-ink)}
.resource-list article:nth-child(2)>span{color:#813bb8}
.resource-list article:nth-child(3)>span{color:var(--blue-ink)}
.plan{background:linear-gradient(120deg,#e7edff 0%,#eae3fb 70%,#f1e4fd)}
.plan-price strong{color:var(--blue-ink)}
.plan-price li::before{color:var(--blue)}
.closing{background:linear-gradient(125deg,#183764 0%,#20244d 48%,#2c1745 100%)}
.closing h2 em{color:#a6c7ff}
.closing-link{
 gap:38px;
 border:1px solid #ffffff55;
 padding:17px 23px;
 background:#f4f5ff;
 color:var(--blue-ink);
 transition:background .2s,transform .2s;
}
.closing-link:hover{background:#e5eaff;transform:translateY(-2px)}
.closing>span{color:#becae4}

@media(max-width:960px){
 .hero-answer .hero-cta{font-size:14px}
 .demo-wrap{border-radius:21px}
}
@media(max-width:650px){
 .login{padding-inline:15px}
 .hero-answer .hero-cta{font-size:12px;min-height:56px;padding:8px 9px 8px 22px;gap:32px}
 .cta-arrow{height:36px;width:36px}
 .cta-arrow .icon{height:18px;width:18px}
 .demo-wrap{border-radius:18px}
 .scrap{border-radius:13px}
 .page-tabs{gap:3px}
 .page-tabs button{padding-inline:7px;font-size:7px}
 .demo-toolbar button{padding-inline:17px;gap:15px}
 .radar-filters button{padding-inline:15px}
 .agent-questions button{padding:14px 15px;font-size:10px}
 .agent-answer{border-radius:16px}
 .closing-link{font-size:12px;gap:26px;padding:16px 19px}
}
@media(max-width:350px){
 .hero-answer .hero-cta{font-size:11px;gap:29px}
 .demo-toolbar button{padding-inline:14px;gap:13px}
 .page-tabs button{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
 .hero-cta:hover .cta-arrow .icon,.closing-link:hover{transform:none}
}

/* The header stays transparent until the entire hero has passed. */
:root{--nav-offset:112px}
html{scroll-padding-top:var(--nav-offset)}
.header{
 position:fixed;
 z-index:50;
 background:transparent;
 border-bottom:1px solid transparent;
 box-shadow:none;
 backdrop-filter:none;
 -webkit-backdrop-filter:none;
 transition:background .25s,border-color .25s,box-shadow .25s;
}
.header.has-background{
 background:#f8f9fff5;
 border-bottom-color:#465ef51a;
 box-shadow:0 5px 24px #1c24510a;
 backdrop-filter:blur(14px);
 -webkit-backdrop-filter:blur(14px);
}
.skip{z-index:100}
.hero h1{font-size:clamp(60px,5.6vw,87px);letter-spacing:-.08em}
.hero-pain{max-width:55%}
@media(min-width:961px) and (max-height:800px){
 .hero h1{font-size:5.4vw}
}
@media(max-width:960px){
 .hero h1{font-size:64px}
 .hero-pain{max-width:none}
}
@media(max-width:650px){
 :root{--nav-offset:88px}
 .hero h1{font-size:clamp(34px,9.7vw,43px)}
}
@media(max-width:350px){.hero h1{font-size:32px}}
@media(max-width:650px) and (max-height:730px){
 .hero h1{font-size:34px}
}
@media(max-width:960px) and (orientation:landscape){
 .hero h1{font-size:49px}
 .hero-pain{max-width:48%}
}
html:not(.js-ready) .header{position:absolute}