/* Landing page (marketing homepage) styles - scoped entirely under
   #landing-view so nothing here can ever leak into the app's own views.
   Sourced from the standalone SiteStock landing page project, recolored
   to this app's real navy/orange/cream palette and shape language, then
   mechanically scoped (every selector prefixed with #landing-view,
   except :root and bare html/body.* which are inert or intentionally
   left targeting the real document). Do not hand-edit selectors here
   without keeping that scoping intact. */
:root{--landing-ink:#111310;--landing-paper:#f3f2eb;--landing-white:#fff;--landing-yellow:#dfff38;--landing-line:rgba(17,19,16,.16);--landing-muted:#696c65;--landing-sans:"Manrope",Arial,sans-serif;--landing-mono:"DM Mono",monospace}#landing-view *{box-sizing:border-box}html{scroll-behavior:smooth}#landing-view{margin:0;background:var(--landing-paper);color:var(--landing-ink);font-family:var(--landing-sans);font-size:16px;overflow-x:hidden}#landing-view .skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:var(--landing-yellow);color:var(--landing-ink);padding:12px 16px;font-weight:700}#landing-view .skip-link:focus{top:16px}#landing-view a:focus-visible,#landing-view button:focus-visible,#landing-view summary:focus-visible{outline:3px solid var(--landing-yellow);outline-offset:4px}#landing-view .site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw;position:absolute;z-index:10;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.15)}#landing-view .landing-brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:800;font-size:20px;letter-spacing:-.045em}#landing-view .landing-brand svg{width:28px;fill:currentColor}#landing-view .site-header nav{display:flex;gap:30px}#landing-view .site-header nav a{color:inherit;text-decoration:none;font-size:13px;font-weight:600}#landing-view .site-header nav a:hover{color:var(--landing-yellow)}#landing-view .button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--landing-yellow);color:var(--landing-ink);text-decoration:none;padding:0 19px;border:1px solid var(--landing-yellow);font:600 13px var(--landing-mono);text-transform:uppercase;letter-spacing:.03em;transition:transform .25s,background .25s,color .25s}#landing-view .button:hover{transform:translateY(-3px);background:#eeff91}#landing-view .button-small{justify-self:end;min-height:44px;padding:0 16px;gap:24px}#landing-view .button-ghost{background:transparent;color:inherit;border-color:currentColor}#landing-view .button-ghost:hover{background:#fff;color:var(--landing-ink)}#landing-view .menu-button{display:none}#landing-view .hero{min-height:100svh;background:var(--landing-ink);color:#fff;position:relative;padding:150px 3vw 0;overflow:hidden}#landing-view .hero-grid,#landing-view .contact-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,#000,transparent)}#landing-view .hero:before{content:"";position:absolute;width:55vw;height:55vw;border-radius:50%;right:-18vw;top:-23vw;background:radial-gradient(circle,var(--landing-yellow) 0,rgba(223,255,56,.15) 32%,transparent 67%);opacity:.45}#landing-view .hero-copy{position:relative;z-index:1;max-width:980px}#landing-view .kicker,#landing-view .section-num,#landing-view .tag{font:500 11px var(--landing-mono);text-transform:uppercase;letter-spacing:.1em}#landing-view .kicker{display:flex;align-items:center;gap:11px;margin-bottom:30px;color:#c4c6c0}#landing-view .signal{display:inline-block;width:8px;height:8px;background:var(--landing-yellow);border-radius:50%;box-shadow:0 0 0 5px rgba(223,255,56,.12)}#landing-view h1{font-size:clamp(60px,7.5vw,116px);line-height:.92;letter-spacing:-.075em;margin:0;max-width:1050px;font-weight:600}#landing-view h1 em,#landing-view .contact-section h2 em{font-family:Georgia,serif;color:var(--landing-yellow);font-weight:400}#landing-view .hero-lede{font-size:clamp(17px,1.45vw,22px);line-height:1.55;max-width:710px;color:#c8cac5;margin:34px 0}#landing-view .hero-actions{display:flex;gap:12px}#landing-view .product-shell{position:relative;z-index:2;background:#e8e9e3;color:var(--landing-ink);border:1px solid #555952;border-radius:0;max-width:900px;margin:85px 0 0 auto;box-shadow:0 35px 100px rgba(0,0,0,.45);overflow:hidden}#landing-view .product-topbar{height:56px;background:#fafbf6;border-bottom:1px solid #d2d5ce;display:flex;align-items:center;padding:0 18px;gap:18px}#landing-view .mini-brand{font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px}#landing-view .mini-brand span{width:17px;height:17px;background:var(--landing-ink);clip-path:polygon(0 0,100% 0,100% 38%,38% 38%,38% 100%,0 100%)}#landing-view .site-chip{margin:auto;font:500 10px var(--landing-mono);background:#eceee7;padding:9px 13px}#landing-view .site-chip b{margin-left:22px}#landing-view .avatar{width:30px;height:30px;border-radius:50%;background:var(--landing-ink);color:#fff;display:grid;place-items:center;font:10px var(--landing-mono)}#landing-view .product-body{display:grid;grid-template-columns:55px 1fr;min-height:390px}#landing-view .mock-nav{background:#171916;display:flex;flex-direction:column;align-items:center;gap:22px;padding-top:24px}#landing-view .mock-nav i{width:17px;height:17px;border:1px solid #70746c}#landing-view .mock-nav i:first-child{background:var(--landing-yellow);border-color:var(--landing-yellow)}#landing-view .order-panel{background:#f8f8f4;margin:24px;padding:26px;border:1px solid #d8dbd3}#landing-view .panel-heading{display:flex;justify-content:space-between;align-items:start;padding-bottom:25px;border-bottom:1px solid #d7dad2}#landing-view .panel-heading small,#landing-view .order-facts small,#landing-view .material-row small{font:10px var(--landing-mono);color:#73776f;display:block;margin-bottom:8px}#landing-view .panel-heading h2{font-size:25px;letter-spacing:-.04em;margin:0}#landing-view .status{background:#fff1c9;border:1px solid #e8c669;padding:9px 11px;font:9px var(--landing-mono);text-transform:uppercase}#landing-view .order-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:22px 0;border-bottom:1px solid #d7dad2}#landing-view .order-facts b,#landing-view .material-row b{display:block;font-size:13px}#landing-view .order-facts span,#landing-view .material-row span{font-size:11px;color:#73776f}#landing-view .material-row{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px 0}#landing-view .material-icon{width:42px;height:42px;background:var(--landing-yellow);display:grid;place-items:center}#landing-view .material-row strong{font-size:13px}#landing-view .handoff{display:flex;align-items:center;justify-content:space-between;background:#edeFE8;padding:13px}#landing-view .handoff>div{display:flex;flex-direction:column;align-items:center;gap:6px}#landing-view .handoff>div span{width:23px;height:23px;border:1px solid #aeb2aa;border-radius:50%;display:grid;place-items:center;font:9px var(--landing-mono)}#landing-view .handoff small{font:8px var(--landing-mono);text-transform:uppercase;color:#747871}#landing-view .handoff i{height:1px;flex:1;background:#c8cbc3}#landing-view .handoff .done span{background:var(--landing-ink);color:#fff}#landing-view .handoff .active span{background:var(--landing-yellow);border-color:var(--landing-yellow)}#landing-view .demo-label{position:absolute;right:12px;bottom:8px;font:8px var(--landing-mono);text-transform:uppercase;color:#787b74}#landing-view .hero-strip{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;font:10px var(--landing-mono);text-transform:uppercase;letter-spacing:.08em;color:#b6b8b2}#landing-view .hero-strip b{color:var(--landing-yellow)}#landing-view .section{padding:125px 3vw}#landing-view .section-intro{display:grid;grid-template-columns:22% minmax(0,850px) 1fr;gap:30px;margin-bottom:70px}#landing-view .section-intro h2{grid-column:2;font-size:clamp(42px,5.5vw,82px);line-height:.98;letter-spacing:-.065em;margin:0;font-weight:600}#landing-view .section-intro>p{grid-column:3;align-self:end;margin:0;color:#a9aca5;line-height:1.55;max-width:420px}#landing-view .section-num{color:var(--landing-muted)}#landing-view .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--landing-line);border-left:1px solid var(--landing-line)}#landing-view .problem-card{min-height:410px;padding:25px 28px 35px;border-right:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);display:flex;flex-direction:column}#landing-view .problem-card>span{font:10px var(--landing-mono);color:var(--landing-muted)}#landing-view .problem-icon{margin:auto 0;font-size:66px;font-weight:500;letter-spacing:-.1em}#landing-view .problem-card h3{font-size:25px;letter-spacing:-.04em;margin:0 0 13px}#landing-view .problem-card p{line-height:1.55;color:var(--landing-muted);margin:0;max-width:360px}#landing-view .accent-card{background:var(--landing-yellow)}#landing-view .accent-card p,#landing-view .accent-card>span{color:#3e413b}#landing-view .dark{background:var(--landing-ink);color:#fff}#landing-view .dark .section-num{color:#9b9e97}#landing-view .workflow-list{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(255,255,255,.16)}#landing-view .workflow-step{min-height:375px;padding:22px;position:relative;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column}#landing-view .workflow-step:last-child{border-right:0}#landing-view .step-index{font:10px var(--landing-mono);color:#8b8e87}#landing-view .role-tag{margin:58px 0 18px;align-self:flex-start;border:1px solid rgba(255,255,255,.3);border-radius:4px;padding:7px 10px;font:9px var(--landing-mono);text-transform:uppercase}#landing-view .workflow-step h3{font-size:30px;letter-spacing:-.045em;margin:0 0 16px}#landing-view .workflow-step p{color:#aeb1aa;line-height:1.55;font-size:14px;margin:0}#landing-view .step-arrow{position:absolute;right:-13px;bottom:33px;width:27px;height:27px;background:var(--landing-yellow);color:var(--landing-ink);border-radius:50%;display:grid;place-items:center;z-index:2}#landing-view .workflow-note{margin-top:25px;border:1px solid rgba(255,255,255,.16);padding:24px;display:grid;grid-template-columns:1fr 2fr;gap:20px}#landing-view .workflow-note span{font-weight:700}#landing-view .workflow-note p{margin:0;color:#aeb1aa}#landing-view .benefits-grid{display:grid;grid-template-columns:1fr 1fr}#landing-view .benefits-grid article{min-height:360px;border:1px solid var(--landing-line);margin:-1px 0 0 -1px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}#landing-view .benefit-large{grid-row:span 2;background:#d9ddd4}#landing-view .benefits-grid h3{font-size:clamp(27px,3vw,46px);line-height:1.08;letter-spacing:-.05em;margin:auto 0 0;max-width:650px}#landing-view .crosshair{position:absolute;width:34vw;height:34vw;max-width:520px;max-height:520px;border:1px solid rgba(17,19,16,.18);border-radius:50%;right:-9vw;top:-8vw}#landing-view .crosshair:before,#landing-view .crosshair:after{content:"";position:absolute;background:rgba(17,19,16,.18)}#landing-view .crosshair:before{width:1px;height:140%;left:50%;top:-20%}#landing-view .crosshair:after{height:1px;width:140%;top:50%;left:-20%}#landing-view .benefit .tag,#landing-view .benefit-large .tag{align-self:flex-start;border:1px solid var(--landing-line);padding:8px 10px}#landing-view .mini-flow{display:flex;align-items:center;margin-top:40px}#landing-view .mini-flow span{width:42px;height:42px;border-radius:50%;background:var(--landing-ink);color:#fff;display:grid;place-items:center;font:11px var(--landing-mono)}#landing-view .mini-flow i{height:1px;flex:1;background:var(--landing-ink)}#landing-view .status-stack,#landing-view .site-lines{display:grid;gap:7px;margin-top:35px}#landing-view .status-stack span,#landing-view .site-lines span{display:flex;align-items:center;gap:8px;background:#fff;padding:11px;font:10px var(--landing-mono);text-transform:uppercase}#landing-view .status-stack i{width:7px;height:7px;border-radius:50%;background:#bbb}#landing-view .status-stack i.green{background:#4ecb7a}#landing-view .status-stack i.yellow{background:#f2b84b}#landing-view .site-lines span{justify-content:space-between}#landing-view .site-lines b{font-weight:400;color:var(--landing-muted)}#landing-view .role-rows{border-top:1px solid var(--landing-line)}#landing-view .role-row{display:grid;grid-template-columns:80px .7fr 1.5fr auto;gap:30px;align-items:center;padding:31px 10px;border-bottom:1px solid var(--landing-line)}#landing-view .role-letter{width:44px;height:44px;border-radius:50%;background:var(--landing-ink);color:#fff;display:grid;place-items:center;font:13px var(--landing-mono)}#landing-view .role-row h3{font-size:27px;letter-spacing:-.04em;margin:0}#landing-view .role-row p{color:var(--landing-muted);line-height:1.5;margin:0}#landing-view .row-action{border:1px solid var(--landing-line);border-radius:4px;padding:8px 11px;font:9px var(--landing-mono);text-transform:uppercase}#landing-view .start-layout{display:grid;grid-template-columns:1.4fr .75fr;gap:7vw}#landing-view .start-list{list-style:none;padding:0;margin:0}#landing-view .start-list li{display:grid;grid-template-columns:70px 1fr;border-top:1px solid rgba(255,255,255,.18);padding:25px 0}#landing-view .start-list li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}#landing-view .start-list li>span{font:10px var(--landing-mono);color:#999d95}#landing-view .start-list h3{font-size:27px;margin:0 0 8px}#landing-view .start-list p{color:#aeb1aa;margin:0}#landing-view .next-step{background:var(--landing-yellow);color:var(--landing-ink);padding:36px;display:flex;flex-direction:column;align-items:flex-start}#landing-view .next-step small{font:10px var(--landing-mono);margin:28px 0 55px}#landing-view .next-step h3{font-size:34px;line-height:1.05;letter-spacing:-.05em;margin:0}#landing-view .next-step p{line-height:1.55;margin:20px 0 32px}#landing-view .button-disabled{background:var(--landing-ink);border-color:var(--landing-ink);color:#fff;width:100%;pointer-events:none}#landing-view .button-disabled span{font-size:9px;color:#aaa}#landing-view .plain-link{margin-top:22px;color:var(--landing-ink);font:10px var(--landing-mono);text-transform:uppercase}#landing-view .faq-list{max-width:1050px;margin-left:22%}#landing-view .faq-list details{border-top:1px solid var(--landing-line)}#landing-view .faq-list details:last-child{border-bottom:1px solid var(--landing-line)}#landing-view .faq-list summary{list-style:none;cursor:pointer;padding:28px 4px;display:flex;justify-content:space-between;font-size:20px;font-weight:600}#landing-view .faq-list summary::-webkit-details-marker{display:none}#landing-view .faq-list summary span{font:24px var(--landing-mono);transition:transform .2s}#landing-view .faq-list details[open] summary span{transform:rotate(45deg)}#landing-view .faq-list details p{max-width:760px;line-height:1.65;color:var(--landing-muted);margin:0;padding:0 60px 28px 4px}#landing-view .contact-section{position:relative;overflow:hidden;background:#22251f;color:#fff;padding:110px 3vw}#landing-view .contact-section .section-num{color:#b8bbb4;position:relative}#landing-view .contact-section h2{position:relative;font-size:clamp(64px,9vw,140px);letter-spacing:-.075em;line-height:.86;max-width:1100px;margin:80px 0 35px;font-weight:600}#landing-view .contact-section>p{position:relative;max-width:650px;color:#b8bbb4;font-size:18px;line-height:1.55}#landing-view .contact-actions{position:relative;display:flex;gap:12px;margin-top:38px}#landing-view .contact-grid{mask-image:linear-gradient(to right,transparent,#000)}#landing-view footer{min-height:120px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:25px 3vw;gap:30px}#landing-view footer p{font-size:13px;color:var(--landing-muted);margin:0}#landing-view footer>span{font:10px var(--landing-mono);text-transform:uppercase}#landing-view .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}#landing-view .reveal.in{opacity:1;transform:none}@media(max-width:900px){#landing-view .site-header{height:70px;grid-template-columns:1fr auto;padding:0 20px}#landing-view .site-header nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--landing-ink);padding:20px;flex-direction:column;border-top:1px solid #3d403a}#landing-view .site-header nav.open{display:flex}#landing-view .site-header>.button{display:none}#landing-view .menu-button{display:block;background:none;border:0;width:44px;height:44px;padding:10px}#landing-view .menu-button span{display:block;height:2px;background:#fff;margin:7px 0}#landing-view .hero{padding:115px 20px 0}#landing-view h1{font-size:clamp(54px,14vw,84px)}#landing-view .hero-lede{font-size:17px}#landing-view .hero-actions{flex-direction:column}#landing-view .hero-actions .button{width:100%}#landing-view .product-shell{margin-top:60px}#landing-view .product-body{grid-template-columns:40px 1fr}#landing-view .order-panel{margin:12px;padding:17px}#landing-view .order-facts{grid-template-columns:1fr 1fr}#landing-view .order-facts>div:last-child{display:none}#landing-view .material-row strong{grid-column:2}#landing-view .handoff{overflow-x:auto;gap:8px}#landing-view .handoff i{min-width:12px}#landing-view .hero-strip{overflow-x:auto;justify-content:flex-start;white-space:nowrap}#landing-view .section{padding:85px 20px}#landing-view .section-intro{grid-template-columns:1fr;margin-bottom:45px}#landing-view .section-intro h2,#landing-view .section-intro>p{grid-column:1}#landing-view .section-intro h2{font-size:48px}#landing-view .problem-grid{grid-template-columns:1fr}#landing-view .problem-card{min-height:310px}#landing-view .problem-icon{margin:55px 0}#landing-view .workflow-list{grid-template-columns:1fr}#landing-view .workflow-step{min-height:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:24px 55px 28px 20px}#landing-view .workflow-step:last-child{border-bottom:0}#landing-view .workflow-step .role-tag{margin:35px 0 12px}#landing-view .step-arrow{right:16px;bottom:-14px;transform:rotate(90deg)}#landing-view .workflow-note{grid-template-columns:1fr}#landing-view .benefits-grid{grid-template-columns:1fr}#landing-view .benefit-large{grid-row:auto;min-height:480px!important}#landing-view .role-row{grid-template-columns:55px 1fr auto;gap:14px}#landing-view .role-row p{grid-column:2 / -1}#landing-view .start-layout{grid-template-columns:1fr}#landing-view .faq-list{margin-left:0}#landing-view .contact-section{padding:85px 20px}#landing-view .contact-section h2{margin-top:55px}#landing-view .contact-actions{flex-direction:column}#landing-view footer{grid-template-columns:1fr;align-items:start;padding:35px 20px}}@media(max-width:520px){#landing-view .product-shell{margin-left:-8px;margin-right:-8px}#landing-view .product-topbar{padding:0 10px}#landing-view .site-chip{display:none}#landing-view .avatar{margin-left:auto}#landing-view .panel-heading{display:block}#landing-view .status{display:inline-block;margin-top:12px}#landing-view .material-row{grid-template-columns:auto 1fr}#landing-view .material-row strong{grid-column:2}#landing-view .handoff small{display:none}#landing-view .handoff{padding:11px 7px}#landing-view .role-row{grid-template-columns:48px 1fr}#landing-view .row-action{display:none}#landing-view .contact-section h2{font-size:17vw}}@media(prefers-reduced-motion:reduce){#landing-view *{scroll-behavior:auto!important;transition:none!important}#landing-view .reveal{opacity:1;transform:none}}#landing-view /* Decision block: keep the offer and problem visibly split at the centre. */
.offer-problem-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-width:1440px;margin:0 auto;align-items:stretch;border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line)}#landing-view .offer-problem-row>.section{width:100%;max-width:none;margin:0;box-sizing:border-box;min-width:0}#landing-view .offer-problem-row>.problem-section{border-left:1px solid var(--landing-line)}#landing-view .offer-problem-row .section-intro{display:block;margin-bottom:28px}#landing-view .offer-problem-row .section-num{display:block;margin-bottom:16px}#landing-view .offer-problem-row .section-intro h2{font-size:clamp(28px,4.4vw,56px);max-width:620px}#landing-view .offer-problem-row .section-intro>p{margin-top:16px;max-width:480px}#landing-view .offer-problem-row .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#landing-view .offer-problem-row .offer-card{grid-column:auto;min-height:0;padding:20px}#landing-view .offer-problem-row .offer-promise,#landing-view .offer-problem-row .offer-mechanism{grid-column:1 / -1}#landing-view .offer-problem-row .offer-core-promise{margin:0 0 12px;min-height:0;padding:22px}#landing-view .offer-problem-row .offer-core-promise h3{font-size:clamp(26px,2.8vw,42px);margin:24px 0 0}#landing-view .offer-problem-row .offer-core-promise p{margin-top:12px}#landing-view .offer-problem-row .problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#landing-view .offer-problem-row .problem-card{min-height:0;padding:18px}#landing-view @media(max-width:900px){
  .offer-problem-row .offer-grid{grid-template-columns:1fr}#landing-view .offer-problem-row .offer-card,#landing-view .offer-problem-row .offer-promise,#landing-view .offer-problem-row .offer-mechanism{grid-column:auto}#landing-view .offer-problem-row .problem-grid{grid-template-columns:1fr}#landing-view .offer-problem-row .problem-card{min-height:0}#landing-view }
@media(max-width:680px){
  .offer-problem-row{display:block;border-top:0;border-bottom:0}#landing-view .offer-problem-row>.problem-section{border-left:0;border-top:1px solid var(--landing-line)}#landing-view }

/* SiteStock blue,#landing-view orange and brown brand palette */
:root{--landing-ink:#12344a;--landing-paper:#f7efe6;--landing-white:#fffaf5;--landing-yellow:#f26a2e;--landing-blue:#12344a;--landing-blue-bright:#16607f;--landing-orange:#f26a2e;--landing-brown:#65412e;--landing-brown-dark:#3f291f;--landing-sand:#d8c2ae;--landing-line:rgba(101,65,46,.2);--landing-muted:#735f53}#landing-view{background:var(--landing-paper);color:var(--landing-brown-dark)}#landing-view .site-header{background:linear-gradient(90deg,rgba(18,52,74,.96),rgba(63,41,31,.7));border-bottom-color:rgba(255,250,245,.22)}#landing-view .site-header nav a:hover{color:#ff9a65}#landing-view .button{background:var(--landing-orange);border-color:var(--landing-orange);color:#fff}#landing-view .button:hover{background:#ff8a51;color:var(--landing-brown-dark)}#landing-view .button-ghost{background:transparent;border-color:var(--landing-sand);color:var(--landing-white)}#landing-view .button-ghost:hover{background:var(--landing-sand);border-color:var(--landing-sand);color:var(--landing-brown-dark)}#landing-view .hero{background:linear-gradient(135deg,var(--landing-blue) 0%,#0d2738 58%,var(--landing-brown-dark) 100%)}#landing-view .hero-grid,#landing-view .contact-grid{background-image:linear-gradient(rgba(242,106,46,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(216,194,174,.09) 1px,transparent 1px)}#landing-view .hero:before{background:radial-gradient(circle,var(--landing-orange) 0,rgba(242,106,46,.34) 24%,rgba(101,65,46,.18) 46%,transparent 70%);opacity:.72}#landing-view .signal{background:var(--landing-orange);box-shadow:0 0 0 5px rgba(242,106,46,.18)}#landing-view h1 em,#landing-view .contact-section h2 em{color:#ff8a51}#landing-view .hero-strip b{color:var(--landing-orange)}#landing-view .product-shell{background:var(--landing-brown);border-color:var(--landing-sand);box-shadow:0 35px 100px rgba(41,26,20,.55)}#landing-view .product-topbar{background:#fff8f0;border-bottom-color:var(--landing-sand)}#landing-view .mini-brand span,#landing-view .avatar{background:var(--landing-blue)}#landing-view .site-chip{background:#eadbcf;color:var(--landing-brown-dark)}#landing-view .mock-nav{background:var(--landing-brown-dark)}#landing-view .mock-nav i{border-color:#a88673}#landing-view .mock-nav i:first-child{background:var(--landing-orange);border-color:var(--landing-orange)}#landing-view .order-panel{background:#fffaf5;border-color:var(--landing-sand)}#landing-view .panel-heading,#landing-view .order-facts{border-color:#dfcdbd}#landing-view .status{background:#ffe1d1;border-color:var(--landing-orange);color:var(--landing-brown-dark)}#landing-view .material-icon{background:var(--landing-orange);color:#fff}#landing-view .handoff{background:#efe1d5}#landing-view .handoff .done span{background:var(--landing-blue)}#landing-view .handoff .active span{background:var(--landing-orange);border-color:var(--landing-orange);color:#fff}#landing-view .section-intro h2,#landing-view .problem-card h3,#landing-view .role-row h3,#landing-view .faq-list summary{color:var(--landing-blue)}#landing-view .accent-card{background:var(--landing-orange);color:#fff}#landing-view .accent-card h3{color:#fff}#landing-view .accent-card p,#landing-view .accent-card>span{color:#fff5ee}#landing-view .dark{background:var(--landing-blue);color:#fff}#landing-view .dark .section-intro h2,#landing-view .dark h3{color:#fff}#landing-view .workflow-step:nth-child(even){background:rgba(101,65,46,.2)}#landing-view .role-tag{border-color:rgba(255,138,81,.7);color:#ffad84}#landing-view .step-arrow{background:var(--landing-orange);color:#fff}#landing-view .workflow-note{border-left:4px solid var(--landing-orange)}#landing-view .benefit-large{background:var(--landing-sand);color:var(--landing-brown-dark)}#landing-view .benefit-large h3{color:var(--landing-brown-dark)}#landing-view .benefit:nth-child(2){background:#edf4f7}#landing-view .benefit:nth-child(3){background:#fff3eb}#landing-view .benefit:nth-child(4){background:#f2e4d8}#landing-view .mini-flow span,#landing-view .role-letter{background:var(--landing-blue)}#landing-view .role-row:nth-child(even) .role-letter{background:var(--landing-brown)}#landing-view .status-stack i.yellow{background:var(--landing-orange)}#landing-view .next-step{background:var(--landing-orange);color:#fff}#landing-view .next-step .signal{background:var(--landing-blue);box-shadow:0 0 0 5px rgba(18,52,74,.16)}#landing-view .next-step .button-disabled{background:var(--landing-brown-dark);border-color:var(--landing-brown-dark)}#landing-view .next-step .plain-link{color:#fff}#landing-view .contact-section{background:linear-gradient(120deg,var(--landing-brown-dark),var(--landing-brown) 55%,var(--landing-blue));color:#fff}#landing-view .contact-section .button{background:var(--landing-orange);border-color:var(--landing-orange)}#landing-view footer{background:#e6d2c1;color:var(--landing-brown-dark)}#landing-view a:focus-visible,#landing-view button:focus-visible,#landing-view summary:focus-visible{outline-color:var(--landing-orange)}#landing-view /* Offer architecture: promise,#landing-view mechanism,#landing-view deliverables,#landing-view risk reversal and honest urgency */
.offer-section{background:#f2e2d3;position:relative;overflow:hidden}#landing-view .offer-section:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(18,52,74,.04),transparent 42%,rgba(242,106,46,.09));pointer-events:none}#landing-view .offer-intro,#landing-view .offer-grid{position:relative;z-index:1}#landing-view .offer-intro h2{color:var(--landing-blue)}#landing-view .offer-intro h2 em{font-family:Georgia,serif;color:var(--landing-brown);font-weight:400}#landing-view .offer-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}#landing-view .offer-card{border:1px solid rgba(101,65,46,.25);padding:28px;min-height:250px;background:rgba(255,250,245,.58);display:flex;flex-direction:column}#landing-view .offer-label{font:500 10px var(--landing-mono);text-transform:uppercase;letter-spacing:.11em;color:var(--landing-brown)}#landing-view .offer-card h3{font-size:clamp(24px,2.4vw,38px);line-height:1.05;letter-spacing:-.055em;color:var(--landing-blue);margin:auto 0 0}#landing-view .offer-card p{line-height:1.55;color:var(--landing-muted);margin:17px 0 0;max-width:540px}#landing-view .offer-promise{grid-column:span 5;background:var(--landing-blue);color:#fff;border-color:var(--landing-blue)}#landing-view .offer-promise .offer-label,#landing-view .offer-promise h3{color:#fff}#landing-view .offer-promise h3{font-size:clamp(28px,3vw,48px)}#landing-view .offer-promise p{color:#d8e2e8}#landing-view .offer-mechanism{grid-column:span 7;background:#fffaf5}#landing-view .offer-deliverables{grid-column:span 4}#landing-view .offer-risk{grid-column:span 4;background:#e2c8b4}#landing-view .offer-urgency{grid-column:span 4;background:var(--landing-orange);border-color:var(--landing-orange);color:#fff}#landing-view .offer-urgency .offer-label,#landing-view .offer-urgency h3{color:#fff}#landing-view .offer-urgency p{color:#fff2e9}#landing-view .offer-urgency .button{margin-top:22px;align-self:flex-start;background:var(--landing-brown-dark);border-color:var(--landing-brown-dark);color:#fff}#landing-view .offer-deliverables ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:9px}#landing-view .offer-deliverables li{border-top:1px solid rgba(101,65,46,.2);padding-top:9px;font-size:14px;color:var(--landing-brown-dark)}#landing-view .offer-deliverables li:before{content:"+";font-family:var(--landing-mono);color:var(--landing-orange);margin-right:10px}#landing-view .offer-stages{display:flex;align-items:center;gap:8px;margin-top:30px;flex-wrap:wrap}#landing-view .offer-stages span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(18,52,74,.25);border-radius:4px;padding:8px 10px;font:10px var(--landing-mono);text-transform:uppercase;color:var(--landing-blue)}#landing-view .offer-stages b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--landing-orange);color:#fff;font-size:9px}#landing-view .offer-stages i{width:18px;height:1px;background:var(--landing-sand)}#landing-view .offer-risk .plain-link{margin-top:auto;color:var(--landing-brown-dark)}#landing-view @media(max-width:900px){.offer-grid{grid-template-columns:1fr}#landing-view .offer-card,#landing-view .offer-promise,#landing-view .offer-mechanism,#landing-view .offer-deliverables,#landing-view .offer-risk,#landing-view .offer-urgency{grid-column:auto}#landing-view .offer-card{min-height:260px}#landing-view .offer-stages{gap:6px}#landing-view .offer-stages i{display:none}#landing-view }

/* Warm paper notebook remodel */
:root{--landing-paper:#f7efe6;--landing-ink:#3f291f;--landing-white:#fffaf5;--landing-blue:#12344a;--landing-blue-soft:#e3ebf0;--landing-brown:#65412e;--landing-brown-deep:#735f53;--landing-orange:#f26a2e;--landing-amber:#bd4c14;--landing-coral:#12344a;--landing-sky:#17607f;--landing-midnight:#0d2738;--landing-line:rgba(101,65,46,.2);--landing-muted:#735f53;--landing-sand:#d8c2ae}#landing-view{background:var(--landing-paper);color:var(--landing-ink);font-family:"Manrope",Inter,ui-sans-serif,system-ui,sans-serif}#landing-view .grain{display:none}#landing-view .site-header{position:sticky;top:0;height:64px;padding:0 max(20px,calc((100vw - 1440px)/2));grid-template-columns:1fr auto 1fr;background:rgba(255,255,255,.96);color:var(--landing-ink);border:0;box-shadow:0 .7px 1.462px rgba(0,0,0,.015),0 3px 9px rgba(0,0,0,.03);backdrop-filter:blur(10px)}#landing-view .landing-brand{font-size:18px;color:var(--landing-ink)}#landing-view .landing-brand svg{width:25px}#landing-view .site-header nav{gap:2px}#landing-view .site-header nav a{color:rgba(0,0,0,.58);padding:10px 13px;border-radius:0;font-size:13px}#landing-view .site-header nav a:hover{background:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .button{min-height:40px;padding:0 15px;gap:18px;border-radius:0;background:var(--landing-blue);border-color:var(--landing-blue);color:#fff;font:500 14px "Manrope",sans-serif;text-transform:none;letter-spacing:0}#landing-view .button:hover{transform:translateY(-1px);background:#0069c8;color:#fff}#landing-view .button-small{min-height:38px}#landing-view .button-ghost{background:var(--landing-blue-soft);border-color:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .button-ghost:hover{background:#cce7fb;color:var(--landing-blue)}#landing-view .hero{min-height:auto;background:var(--landing-paper);color:var(--landing-ink);padding:82px max(20px,calc((100vw - 1280px)/2)) 0;text-align:center;overflow:visible}#landing-view .hero:before,#landing-view .hero-grid{display:none}#landing-view .hero-copy{max-width:920px;margin:auto}#landing-view .kicker{justify-content:center;color:var(--landing-brown-deep);font-size:12px;margin-bottom:28px}#landing-view .signal{background:var(--landing-blue);box-shadow:0 0 0 5px rgba(0,117,222,.12)}#landing-view h1{font-size:clamp(54px,7vw,96px);line-height:1.04;letter-spacing:-.048em;font-weight:600;max-width:900px;margin:auto}#landing-view .hero-highlight{background:var(--landing-sand);border-radius:4px;padding:5px 18px 8px;white-space:nowrap}#landing-view .hero-lede{font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.56;color:var(--landing-brown-deep);max-width:680px;margin:26px auto}#landing-view .hero-actions{justify-content:center}#landing-view .product-shell{max-width:1080px;margin:66px auto 0;background:var(--landing-white);border:1px solid var(--landing-line);border-radius:0;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:left}#landing-view .product-topbar{background:var(--landing-white);border-bottom:1px solid var(--landing-line)}#landing-view .mini-brand span,#landing-view .avatar{background:var(--landing-blue)}#landing-view .site-chip{background:var(--landing-blue-soft);color:var(--landing-blue);border-radius:4px}#landing-view .mock-nav{background:var(--landing-midnight)}#landing-view .mock-nav i{border-color:rgba(255,255,255,.28)}#landing-view .mock-nav i:first-child{background:var(--landing-blue);border-color:var(--landing-blue)}#landing-view .order-panel{background:var(--landing-paper);border-color:var(--landing-line);border-radius:0}#landing-view .panel-heading,#landing-view .order-facts{border-color:var(--landing-line)}#landing-view .status{background:var(--landing-amber);border:0;border-radius:4px;color:var(--landing-ink)}#landing-view .material-icon{background:var(--landing-sky);color:var(--landing-ink);border-radius:0}#landing-view .handoff{background:var(--landing-white);border:1px solid var(--landing-line);border-radius:0}#landing-view .handoff .done span{background:var(--landing-blue)}#landing-view .handoff .active span{background:var(--landing-orange);border-color:var(--landing-orange);color:#fff}#landing-view .demo-label{color:var(--landing-muted)}#landing-view .hero-strip{color:var(--landing-brown-deep);justify-content:center;gap:18px;border-bottom:1px solid var(--landing-line);margin-top:40px}#landing-view .hero-strip b{color:var(--landing-blue)}#landing-view .section{max-width:1440px;margin:0 auto;padding:100px max(20px,calc((100% - 1350px)/2))}#landing-view .section-intro{grid-template-columns:180px 1fr 280px;gap:30px;margin-bottom:55px}#landing-view .section-intro h2{color:var(--landing-ink);font-size:clamp(40px,5vw,72px);line-height:1.04;letter-spacing:-.036em;font-weight:600}#landing-view .section-intro>p{color:var(--landing-brown-deep)}#landing-view .section-num{color:var(--landing-muted)}#landing-view .problem-grid{border:0;gap:12px}#landing-view .problem-card{min-height:335px;background:var(--landing-white);border:1px solid var(--landing-line);border-radius:0;padding:24px;box-shadow:none}#landing-view .problem-card>span{color:var(--landing-muted)}#landing-view .problem-icon{color:var(--landing-blue);font-size:56px}#landing-view .problem-card h3{color:var(--landing-ink);font-size:22px;letter-spacing:-.011em}#landing-view .problem-card p{color:var(--landing-brown-deep)}#landing-view .accent-card{background:var(--landing-amber);border-color:var(--landing-amber)}#landing-view .accent-card h3,#landing-view .accent-card p,#landing-view .accent-card>span{color:var(--landing-ink)}#landing-view .workflow-section{margin:0 max(20px,calc((100% - 1380px)/2));max-width:none;border-radius:0;padding:86px max(20px,calc((100% - 1280px)/2));background:var(--landing-midnight);color:var(--landing-white)}#landing-view .workflow-section .section-intro h2{color:var(--landing-white)}#landing-view .workflow-section .section-intro>p{color:rgba(255,255,255,.68)}#landing-view .workflow-list{border:1px solid rgba(255,255,255,.14);border-radius:0;overflow:hidden}#landing-view .workflow-step{min-height:350px;border-color:rgba(255,255,255,.14);padding:24px}#landing-view .workflow-step:nth-child(even){background:rgba(98,174,240,.08)}#landing-view .role-tag{border-color:rgba(98,174,240,.6);color:var(--landing-sky)}#landing-view .workflow-step h3{font-size:30px}#landing-view .step-arrow{background:var(--landing-blue)}#landing-view .workflow-note{border-color:rgba(255,255,255,.16);border-left:0;border-top:3px solid var(--landing-orange);border-radius:0}#landing-view .workflow-note p{color:rgba(255,255,255,.68)}#landing-view .benefits-section{padding-top:120px}#landing-view .benefits-grid{gap:12px}#landing-view .benefits-grid article{border:1px solid var(--landing-line);border-radius:0;margin:0;padding:24px;min-height:330px}#landing-view .benefit-large{background:var(--landing-sky);grid-row:span 2}#landing-view .benefits-grid h3{color:var(--landing-ink);font-size:clamp(26px,3vw,42px)}#landing-view .crosshair{border-color:rgba(0,0,0,.14)}#landing-view .crosshair:before,#landing-view .crosshair:after{background:rgba(0,0,0,.14)}#landing-view .benefit .tag,#landing-view .benefit-large .tag{border:0;border-radius:4px;padding:6px 10px;background:rgba(255,255,255,.64)}#landing-view .benefit:nth-child(2){background:var(--landing-blue-soft)}#landing-view .benefit:nth-child(3){background:var(--landing-coral);color:#fff}#landing-view .benefit:nth-child(3) h3{color:#fff}#landing-view .benefit:nth-child(4){background:var(--landing-brown)}#landing-view .benefit:nth-child(4) h3{color:#fff}#landing-view .mini-flow span,#landing-view .role-letter{background:var(--landing-blue)}#landing-view .status-stack span,#landing-view .site-lines span{background:var(--landing-white);border-radius:0}#landing-view .status-stack i.yellow{background:var(--landing-orange)}#landing-view .role-row{border-color:var(--landing-line);padding:26px 10px}#landing-view .role-letter{border-radius:50%}#landing-view .role-row h3{color:var(--landing-ink);font-size:22px}#landing-view .role-row p{color:var(--landing-brown-deep)}#landing-view .row-action{border-color:var(--landing-line);border-radius:4px;color:var(--landing-blue)}#landing-view .getting-started{margin:0 auto;background:var(--landing-paper);color:var(--landing-ink);max-width:1440px}#landing-view .getting-started .section-intro h2{color:var(--landing-ink)}#landing-view .start-list li{border-color:var(--landing-line)}#landing-view .start-list li>span{color:var(--landing-muted)}#landing-view .start-list h3{font-size:22px;color:var(--landing-ink)}#landing-view .start-list p{color:var(--landing-brown-deep)}#landing-view .next-step{background:var(--landing-white);color:var(--landing-ink);border:1px solid var(--landing-line);border-radius:0}#landing-view .next-step h3{color:var(--landing-ink);font-size:32px}#landing-view .next-step p{color:var(--landing-brown-deep)}#landing-view .next-step .signal{background:var(--landing-blue)}#landing-view .next-step .button-disabled{background:var(--landing-blue);border-color:var(--landing-blue);opacity:.55}#landing-view .faq-section{background:var(--landing-white);max-width:none;padding-left:max(20px,calc((100% - 1350px)/2));padding-right:max(20px,calc((100% - 1350px)/2))}#landing-view .faq-section .section-intro{max-width:1350px;margin-left:auto;margin-right:auto}#landing-view .faq-list{margin-left:20%;max-width:900px}#landing-view .faq-list details{border-color:var(--landing-line)}#landing-view .faq-list summary{color:var(--landing-ink);font-size:20px}#landing-view .faq-list details p{color:var(--landing-brown-deep)}#landing-view .faq-list summary span{color:var(--landing-blue)}#landing-view .contact-section{background:var(--landing-midnight);border-radius:0;margin:0 max(20px,calc((100% - 1380px)/2));color:#fff;padding:105px max(20px,calc((100% - 1280px)/2))}#landing-view .contact-grid{display:none}#landing-view .contact-section h2{font-size:clamp(60px,8vw,120px);color:#fff}#landing-view .contact-section>p{color:rgba(255,255,255,.7)}#landing-view .contact-section .button-ghost{background:var(--landing-blue-soft);color:var(--landing-blue);border-color:var(--landing-blue-soft)}#landing-view footer{background:var(--landing-paper);color:var(--landing-brown-deep);max-width:1440px;margin:auto}#landing-view footer .landing-brand{color:var(--landing-ink)}#landing-view @media(max-width:900px){.site-header{position:sticky}#landing-view .site-header nav{background:var(--landing-white);border-top:1px solid var(--landing-line);box-shadow:0 5px 14px rgba(0,0,0,.06)}#landing-view .site-header nav a{color:var(--landing-ink)}#landing-view .hero{padding-top:65px}#landing-view .hero-strip{margin-top:25px}#landing-view .section-intro{grid-template-columns:1fr}#landing-view .workflow-section{margin:0 12px;padding-left:20px;padding-right:20px}#landing-view .workflow-step{background:transparent!important}#landing-view .benefits-section{padding-top:85px}#landing-view .faq-list{margin-left:0}#landing-view .contact-section{margin:0 12px}#landing-view .getting-started{padding-left:20px;padding-right:20px}#landing-view }

/* Drift-inspired motion remodel: soft entrances,#landing-view focus tracking and a floating pill nav. */
#landing-view{overflow-x:clip}#landing-view .site-header{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 32px));height:58px;padding:0 10px 0 18px;border:1px solid rgba(0,0,0,.08);border-radius:4px;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(0,0,0,.08);z-index:50}#landing-view .site-header nav{gap:0}#landing-view .site-header nav a{padding:8px 10px}#landing-view .site-header>.button{min-height:38px;border-radius:4px;padding:0 14px}#landing-view .menu-button{border-radius:4px}#landing-view .hero{min-height:100svh;padding-top:132px;justify-content:flex-start;background:var(--landing-paper)}#landing-view .hero:before,#landing-view .hero-grid{display:none!important}#landing-view .hero-copy{margin-top:24px}#landing-view .hero-actions .button{border-radius:4px}#landing-view .hero-highlight{padding:6px 18px 9px;background:var(--landing-sand)}#landing-view .product-shell{border-radius:0;margin-top:62px}#landing-view .hero-strip{margin-top:34px}#landing-view .offer-section:before{background:none}#landing-view .offer-card,#landing-view .problem-card,#landing-view .benefits-grid article,#landing-view .role-row,#landing-view .workflow-step,#landing-view .next-step,#landing-view .faq-list details{transition:transform .2s ease,background-color .2s ease,border-color .2s ease}#landing-view .motion-item{opacity:0;transform:translateX(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--landing-motion-delay,0ms)}#landing-view .motion-item.motion-in{opacity:1;transform:translateX(0)}#landing-view .workflow-step.is-active{background:var(--landing-blue)!important;transform:translateY(-4px)}#landing-view .workflow-step.is-active h3,#landing-view .workflow-step.is-active p{color:#fff}#landing-view .workflow-step.is-active .role-tag{background:var(--landing-white);border-color:var(--landing-white);color:var(--landing-blue)}#landing-view .contact-section{background:var(--landing-midnight);background-image:none}#landing-view .contact-section .button{border-radius:4px}#landing-view @media(max-width:900px){.site-header{top:12px;position:fixed;width:calc(100% - 24px);height:54px;padding-left:14px}#landing-view .site-header nav{top:66px;border-radius:0;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.1)}#landing-view .site-header nav a{padding:11px 12px}#landing-view .hero{padding-top:112px}#landing-view .hero-copy{margin-top:20px}#landing-view .product-shell{margin-top:52px}#landing-view .workflow-step.is-active{transform:none}#landing-view .motion-item{transform:translateY(20px)}#landing-view .motion-item.motion-in{transform:translateY(0)}#landing-view }
@media(prefers-reduced-motion:reduce){.motion-item,.motion-item.motion-in{opacity:1;transform:none;transition:none}#landing-view .workflow-step.is-active{transform:none}#landing-view }

/* Sticky workflow feature section inspired by the supplied “Software that flows with your mind” reference. */
.workflow-section{padding-top:100px;padding-bottom:100px}#landing-view .workflow-layout{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1fr);gap:clamp(38px,8vw,130px);align-items:start}#landing-view .workflow-rail{position:sticky;top:100px;min-height:calc(100vh - 150px);display:flex;flex-direction:column;align-items:flex-start}#landing-view .workflow-rail h2{color:#fff;font-size:clamp(42px,4.8vw,70px);line-height:1.04;letter-spacing:-.04em;margin:48px 0 22px;font-weight:500}#landing-view .workflow-rail-copy{color:rgba(255,255,255,.64);font:18px/1.55 Georgia,"Times New Roman",serif;max-width:390px;margin:0}#landing-view .workflow-nav{display:grid;gap:6px;width:100%;margin-top:auto;padding-top:50px}#landing-view .workflow-nav button{appearance:none;border:1px solid transparent;border-radius:0;background:rgba(255,255,255,.08);color:rgba(255,255,255,.45);padding:12px 14px;display:flex;align-items:center;gap:14px;text-align:left;font:500 13px "Manrope",sans-serif;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}#landing-view .workflow-nav button:first-child{color:rgba(255,255,255,.65)}#landing-view .workflow-nav button:hover{background:rgba(255,255,255,.14);color:#fff;transform:translateX(3px)}#landing-view .workflow-nav button.is-active{background:var(--landing-blue);border-color:var(--landing-blue);color:#fff}#landing-view .workflow-nav button::first-letter{font-family:"DM Mono",monospace}#landing-view .workflow-rail-cta{margin-top:18px;border-radius:4px}#landing-view .workflow-cards{display:flex;flex-direction:column;gap:22px}#landing-view .workflow-step{min-height:460px;border:1px solid rgba(255,255,255,.13);border-radius:0;background:rgba(255,255,255,.055);padding:30px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .25s ease,background .25s ease,border-color .25s ease,opacity .7s ease}#landing-view .workflow-step.reveal{transform:translateX(40px);opacity:0}#landing-view .workflow-step.reveal.in{transform:translateX(0);opacity:1}#landing-view .workflow-step:nth-child(even){background:rgba(255,255,255,.075)}#landing-view .workflow-step.is-active{background:rgba(0,117,222,.28)!important;border-color:rgba(98,174,240,.65);transform:translateY(-4px)}#landing-view .workflow-card-top{display:flex;align-items:center;justify-content:space-between}#landing-view .workflow-card-top .role-tag{margin:0}#landing-view .workflow-step h3{font-size:clamp(30px,3.4vw,52px);line-height:1.04;letter-spacing:-.05em;margin:75px 0 20px;color:#fff}#landing-view .workflow-step p{font:18px/1.56 Georgia,"Times New Roman",serif;color:rgba(255,255,255,.68);max-width:620px;margin:0}#landing-view .workflow-detail{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:30px}#landing-view .workflow-detail span{border:1px solid rgba(255,255,255,.22);border-radius:4px;padding:7px 10px;color:rgba(255,255,255,.72);font:10px "DM Mono",monospace;text-transform:uppercase}#landing-view @media(max-width:900px){.workflow-section{padding-top:78px;padding-bottom:78px}#landing-view .workflow-layout{grid-template-columns:1fr;gap:34px}#landing-view .workflow-rail{position:static;min-height:auto}#landing-view .workflow-rail h2{margin:30px 0 16px}#landing-view .workflow-rail-copy{font-size:17px}#landing-view .workflow-nav{display:flex;overflow-x:auto;gap:6px;padding-top:28px;scrollbar-width:none}#landing-view .workflow-nav::-webkit-scrollbar{display:none}#landing-view .workflow-nav button{min-width:max-content}#landing-view .workflow-rail-cta{margin-top:18px}#landing-view .workflow-cards{gap:16px}#landing-view .workflow-step{min-height:380px;padding:22px}#landing-view .workflow-step h3{margin-top:55px}#landing-view .workflow-step p{font-size:17px}#landing-view }

/* Keep the sticky workflow readable on narrow screens,#landing-view even with long stage names. */
.workflow-layout,#landing-view .workflow-rail,#landing-view .workflow-cards,#landing-view .workflow-step{min-width:0}#landing-view .workflow-rail h2,#landing-view .workflow-rail-copy,#landing-view .workflow-step h3,#landing-view .workflow-step p{max-width:100%;overflow-wrap:anywhere}#landing-view @media(max-width:900px){.workflow-layout{grid-template-columns:minmax(0,1fr)}#landing-view .workflow-nav{max-width:100%}#landing-view }

/* Compact first-30-seconds pass: make free,#landing-view offer and problem visible sooner. */
.hero{min-height:auto;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:clamp(32px,5vw,86px);align-items:center;padding-top:108px;padding-bottom:20px}#landing-view .hero-copy{text-align:left;margin:0;max-width:650px}#landing-view .kicker{justify-content:flex-start}#landing-view .hero-lede{margin:22px 0;max-width:560px}#landing-view .hero-actions{justify-content:flex-start}#landing-view .product-shell{margin:0;max-width:none}#landing-view .hero-strip{grid-column:1 / -1;margin-top:24px;padding:16px 0}#landing-view .hero-proof{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px}#landing-view .hero-proof span{border:1px solid rgba(0,117,222,.18);background:rgba(255,255,255,.66);border-radius:4px;padding:7px 10px;font:500 12px "Manrope",sans-serif;color:var(--landing-brown-deep)}#landing-view .hero-proof .free-badge{background:var(--landing-orange);border-color:var(--landing-orange);color:#fff;font-weight:700}#landing-view .section{padding-top:68px;padding-bottom:68px}#landing-view .section-intro{margin-bottom:34px;gap:22px}#landing-view .section-intro h2{font-size:clamp(34px,4.2vw,60px)}#landing-view .offer-section{padding-top:62px;padding-bottom:62px}#landing-view .offer-card{padding:22px;min-height:200px}#landing-view .offer-card h3{font-size:clamp(22px,2.1vw,32px)}#landing-view .offer-card p{margin-top:12px}#landing-view .offer-deliverables ul{margin-top:16px;gap:5px}#landing-view .offer-deliverables li{padding-top:6px}#landing-view .offer-stages{margin-top:20px}#landing-view .problem-section{padding-top:58px;padding-bottom:62px}#landing-view .problem-card{min-height:260px;padding:20px}#landing-view .problem-icon{font-size:48px}#landing-view .workflow-section{padding-top:70px;padding-bottom:70px}#landing-view .workflow-rail h2{margin:32px 0 16px}#landing-view .workflow-nav{padding-top:30px}#landing-view .workflow-step{min-height:380px;padding:24px}#landing-view .workflow-step h3{margin-top:55px}#landing-view .workflow-detail{padding-top:22px}#landing-view .benefits-section{padding-top:72px;padding-bottom:72px}#landing-view .benefits-grid article{min-height:280px;padding:22px}#landing-view .roles-section{padding-top:66px;padding-bottom:66px}#landing-view .role-row{padding:20px 10px}#landing-view .getting-started{padding-top:66px;padding-bottom:66px}#landing-view .start-list li{padding:18px 0}#landing-view .next-step{padding:26px}#landing-view .next-step small{margin:20px 0 34px}#landing-view .faq-section{padding-top:60px;padding-bottom:60px}#landing-view .faq-list summary{padding:20px 4px}#landing-view .contact-section{padding-top:76px;padding-bottom:76px}#landing-view .contact-section h2{margin:55px 0 24px}#landing-view footer{min-height:90px;padding:20px}#landing-view @media(max-width:900px){
  .hero{display:block;min-height:auto;padding:96px 20px 0;text-align:center}#landing-view .hero-copy{text-align:center;max-width:720px;margin:18px auto 0}#landing-view .kicker{justify-content:center}#landing-view .hero-lede{margin:18px auto;font-size:16px;line-height:1.45}#landing-view .hero-proof{justify-content:center;margin:14px auto 0;gap:6px}#landing-view .hero-proof span{font-size:12px;padding:6px 9px}#landing-view .hero-actions{justify-content:center}#landing-view .product-shell{margin:34px auto 0;max-width:800px}#landing-view .product-body{min-height:300px}#landing-view .order-panel{margin:10px;padding:13px}#landing-view .order-facts{padding:15px 0}#landing-view .material-row{padding:14px 0}#landing-view .hero-strip{margin-top:18px;padding:14px 0}#landing-view .section{padding-top:52px;padding-bottom:52px}#landing-view .section-intro{margin-bottom:26px;gap:14px}#landing-view .section-intro h2{font-size:40px}#landing-view .offer-section{padding-top:48px;padding-bottom:48px}#landing-view .offer-card{min-height:0;padding:18px}#landing-view .offer-card h3{font-size:27px;margin-top:18px}#landing-view .offer-card p{margin-top:10px}#landing-view .offer-stages{margin-top:16px}#landing-view .problem-section{padding-top:44px;padding-bottom:48px}#landing-view .problem-card{min-height:0;padding:18px}#landing-view .problem-card .problem-icon{margin:28px 0 14px;font-size:42px}#landing-view .workflow-section{padding-top:58px;padding-bottom:58px}#landing-view .workflow-step{min-height:300px;padding:20px}#landing-view .workflow-step h3{margin-top:42px;font-size:34px}#landing-view .workflow-step p{font-size:16px}#landing-view .workflow-detail{padding-top:20px}#landing-view .benefits-section{padding-top:58px;padding-bottom:58px}#landing-view .benefits-grid article{min-height:260px;padding:20px}#landing-view .benefit-large{min-height:360px!important}#landing-view .roles-section{padding-top:52px;padding-bottom:52px}#landing-view .role-row{padding:18px 6px}#landing-view .getting-started{padding-top:52px;padding-bottom:52px}#landing-view .start-list li{padding:15px 0}#landing-view .next-step{padding:22px}#landing-view .next-step small{margin:18px 0 26px}#landing-view .faq-section{padding-top:48px;padding-bottom:48px}#landing-view .faq-list summary{padding:17px 4px}#landing-view .contact-section{padding-top:60px;padding-bottom:60px}#landing-view .contact-section h2{margin:38px 0 22px}#landing-view footer{min-height:80px;padding:26px 20px}#landing-view }
@media(max-width:520px){.hero-proof{align-items:stretch}#landing-view .hero-proof span{flex:1 1 auto}#landing-view .hero{padding-top:92px}#landing-view .product-body{min-height:270px}#landing-view .order-panel{padding:11px}#landing-view .section-intro h2{font-size:36px}#landing-view .offer-card h3{font-size:25px}#landing-view .problem-card .problem-icon{margin:22px 0 10px;font-size:36px}#landing-view .workflow-step{min-height:270px}#landing-view .workflow-step h3{font-size:31px}#landing-view }

/* Bring the offer and the problem into one quick-scan block on larger screens. */
.offer-problem-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:12px;max-width:1440px;margin:0 auto;align-items:stretch}#landing-view .offer-problem-row>.section{width:100%;max-width:none;margin:0;box-sizing:border-box}#landing-view .offer-problem-row .section-intro{display:block;margin-bottom:28px}#landing-view .offer-problem-row .section-num{display:block;margin-bottom:16px}#landing-view .offer-problem-row .section-intro h2{font-size:clamp(34px,3.2vw,56px);max-width:620px}#landing-view .offer-problem-row .section-intro>p{margin-top:16px;max-width:480px}#landing-view .offer-problem-row .offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#landing-view .offer-problem-row .offer-card{grid-column:auto;min-height:0;padding:20px}#landing-view .offer-problem-row .offer-promise,#landing-view .offer-problem-row .offer-mechanism{grid-column:1 / -1}#landing-view .offer-problem-row .offer-card h3{font-size:clamp(22px,2.2vw,34px)}#landing-view .offer-problem-row .problem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}#landing-view .offer-problem-row .problem-card{min-height:240px;padding:18px}#landing-view .offer-problem-row .problem-card .problem-icon{font-size:42px}#landing-view @media(max-width:900px){.offer-problem-row{display:block}#landing-view .offer-problem-row>.section{width:100%}#landing-view .offer-problem-row .offer-grid{grid-template-columns:1fr}#landing-view .offer-problem-row .offer-card,#landing-view .offer-problem-row .offer-promise,#landing-view .offer-problem-row .offer-mechanism{grid-column:auto}#landing-view .offer-problem-row .problem-grid{grid-template-columns:1fr}#landing-view }

/* Put the decision-making message in the opening view. */
.hero-quickread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}#landing-view .quickread-card{min-height:174px;border:1px solid var(--landing-line);border-radius:0;padding:18px;display:flex;flex-direction:column;text-align:left}#landing-view .quickread-card>span{font:500 12px var(--landing-mono);text-transform:uppercase;letter-spacing:.08em}#landing-view .quickread-card h2{font-size:clamp(22px,2vw,32px);line-height:1.08;letter-spacing:-.04em;margin:18px 0 12px}#landing-view .quickread-card p{font-size:14px;line-height:1.45;color:var(--landing-brown-deep);margin:auto 0 0}#landing-view .quickread-card p strong{font:600 12px var(--landing-mono);text-transform:uppercase;letter-spacing:.06em}#landing-view .quickread-promise{background:var(--landing-blue);border-color:var(--landing-blue);color:#fff}#landing-view .quickread-promise h2,#landing-view .quickread-promise p,#landing-view .quickread-promise p strong{color:#fff}#landing-view .quickread-problem{background:var(--landing-white)}#landing-view .offer-problem-row .problem-section{padding-top:48px;padding-bottom:48px}#landing-view .offer-problem-row .problem-section .section-intro{margin-bottom:20px}#landing-view .offer-problem-row .problem-section .section-intro h2{font-size:clamp(30px,2.6vw,46px)}#landing-view .offer-problem-row .problem-card{min-height:0;padding:16px}#landing-view .offer-problem-row .problem-card .problem-icon{margin:22px 0 10px;font-size:36px}#landing-view .offer-problem-row .problem-card h3{font-size:19px;margin-bottom:8px}#landing-view .offer-problem-row .problem-card p{font-size:14px;line-height:1.4}#landing-view @media(max-width:900px){.hero-quickread{gap:8px;margin-top:18px}#landing-view .quickread-card{min-height:150px;padding:14px}#landing-view .quickread-card h2{font-size:22px;margin:14px 0 10px}#landing-view .quickread-card p{font-size:14px}#landing-view .offer-problem-row .problem-section{padding-top:44px;padding-bottom:48px}#landing-view .offer-problem-row .problem-card{padding:16px}#landing-view }
@media(max-width:700px){.product-shell{display:none}#landing-view .hero-strip{display:none}#landing-view .hero{padding-bottom:28px}#landing-view .hero-actions{flex-direction:row}#landing-view .hero-actions .button{width:auto;flex:1;min-width:0;padding-left:13px;padding-right:13px;gap:10px}#landing-view }
@media(max-width:520px){.hero-quickread{gap:6px}#landing-view .quickread-card{min-height:142px;padding:13px}#landing-view .quickread-card h2{font-size:20px}#landing-view .quickread-card p{font-size:14px}#landing-view }

/* Keep the five-stage scroller prominent,#landing-view then give offer and problem equal columns. */
.workflow-section{padding-top:56px;padding-bottom:56px}#landing-view .workflow-layout{gap:clamp(28px,5vw,72px)}#landing-view .workflow-rail{min-height:calc(100vh - 200px)}#landing-view .workflow-rail h2{margin:28px 0 14px;font-size:clamp(40px,4.2vw,60px)}#landing-view .workflow-rail-copy{font-size:17px}#landing-view .workflow-nav{padding-top:24px}#landing-view .workflow-step{min-height:330px;padding:22px}#landing-view .workflow-step h3{margin-top:48px;font-size:clamp(28px,3vw,46px)}#landing-view .workflow-step p{font-size:17px}#landing-view .workflow-detail{padding-top:20px}#landing-view .workflow-note{margin-top:14px;padding:16px}#landing-view .offer-problem-row .offer-section{padding-top:48px;padding-bottom:48px}#landing-view .offer-problem-row .offer-core-promise{margin:0 0 12px;min-height:0;padding:22px}#landing-view .offer-problem-row .offer-core-promise h3{font-size:clamp(26px,2.8vw,42px);margin:24px 0 0}#landing-view .offer-problem-row .offer-core-promise p{margin-top:12px;color:#d8e2e8}#landing-view .offer-problem-row .problem-section{padding-top:48px;padding-bottom:48px}#landing-view @media(max-width:900px){.workflow-section{padding-top:52px;padding-bottom:52px}#landing-view .workflow-rail{min-height:auto}#landing-view .workflow-step{min-height:260px}#landing-view .workflow-step h3{margin-top:38px;font-size:32px}#landing-view .offer-problem-row .offer-section,#landing-view .offer-problem-row .problem-section{padding-top:42px;padding-bottom:42px}#landing-view .offer-problem-row .offer-core-promise{padding:18px}#landing-view .offer-problem-row .offer-core-promise h3{font-size:30px}#landing-view }

/* The full workflow scroller is the single process cue; remove the duplicate hero strip. */
.hero-strip{display:none}#landing-view /* Apple-style split: two equal panels with a single centre divider. */
.offer-problem-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line)}#landing-view .offer-problem-row>.section{border-radius:0}#landing-view .offer-problem-row>.problem-section{border-left:1px solid var(--landing-line)}#landing-view @media(max-width:900px){.offer-problem-row{border-top:0;border-bottom:0}#landing-view .offer-problem-row>.problem-section{border-left:0;border-top:1px solid var(--landing-line)}#landing-view }

/* Keep the requested centre split in the compact in-app preview too.
   The rest of the page can stay responsive,#landing-view but this decision block remains
   two equal panels until the genuinely narrow phone breakpoint. */
@media(min-width:681px) and (max-width:900px){
  .offer-problem-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line)}#landing-view .offer-problem-row>.section{width:100%;min-width:0}#landing-view .offer-problem-row>.problem-section{border-left:1px solid var(--landing-line);border-top:0}#landing-view .offer-problem-row .section-intro h2{font-size:clamp(28px,4.4vw,40px)}#landing-view .offer-problem-row .offer-grid{grid-template-columns:1fr}#landing-view .offer-problem-row .offer-card,#landing-view .offer-problem-row .offer-promise,#landing-view .offer-problem-row .offer-mechanism{grid-column:auto}#landing-view .offer-problem-row .problem-grid{grid-template-columns:1fr}#landing-view .offer-problem-row .problem-card{min-height:0}#landing-view }

/* Deliverables now live beneath the problems they help solve. */
.problem-section .problem-deliverables,#landing-view .internal-deliverables-section .problem-deliverables{width:100%;margin-top:10px;min-height:0;padding:20px;background:var(--landing-white);border:1px solid var(--landing-line);border-radius:0;display:flex;flex-direction:column}#landing-view .problem-section .problem-deliverables h3,#landing-view .internal-deliverables-section .problem-deliverables h3{font-size:clamp(22px,2.1vw,32px);line-height:1.05;letter-spacing:-.055em;color:var(--landing-blue);margin:18px 0 0}#landing-view .problem-section .problem-deliverables ul,#landing-view .internal-deliverables-section .problem-deliverables ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:5px}#landing-view .problem-section .problem-deliverables li,#landing-view .internal-deliverables-section .problem-deliverables li{border-top:1px solid rgba(101,65,46,.2);padding-top:6px;font-size:14px;color:var(--landing-brown-dark)}#landing-view .problem-section .problem-deliverables li::before{content:"+";font-family:var(--landing-mono);color:var(--landing-orange);margin-right:10px}#landing-view @media(max-width:680px){.problem-section .problem-deliverables,.internal-deliverables-section .problem-deliverables{margin-top:8px;padding:18px}#landing-view .problem-section .problem-deliverables h3,#landing-view .internal-deliverables-section .problem-deliverables h3{font-size:25px}#landing-view }

/* Soft blue band behind the moved deliverables card. */
.offer-problem-row{position:relative}#landing-view .offer-problem-row>.problem-section{display:flex;flex-direction:column;position:relative}#landing-view .problem-section .problem-deliverables-area{flex:0 0 auto;min-height:0;display:flex;align-items:center;justify-content:center;margin:10px -20px -48px;padding:24px 20px;background:var(--landing-blue-soft)}#landing-view .problem-section .problem-deliverables-area .problem-deliverables{width:100%;max-width:none;margin:0}#landing-view @media(min-width:681px){
  .offer-problem-row.is-decision-aligned{min-height:var(--landing-decision-row-height,0px)}#landing-view .offer-problem-row.is-decision-aligned>.offer-section{position:static;overflow:visible}#landing-view .offer-problem-row.is-decision-aligned .offer-grid{position:static;z-index:auto;overflow:visible}#landing-view .offer-problem-row.is-decision-aligned .offer-urgency{position:absolute;left:20px;right:20px;top:var(--landing-urgency-offset,auto);bottom:0;width:auto;margin:0;z-index:4;min-height:0}#landing-view .offer-problem-row>.problem-section.is-deliverables-aligned .problem-deliverables-area{position:absolute;left:0;right:0;top:var(--landing-deliverables-offset,auto);height:var(--landing-deliverables-height,auto);bottom:auto;margin:0;padding:20px;align-items:stretch}#landing-view .offer-problem-row>.problem-section.is-deliverables-aligned .problem-deliverables{height:auto;min-height:0;align-self:stretch}#landing-view }
@media(min-width:681px){.problem-section .problem-deliverables-area{margin-left:-20px;margin-right:-20px}#landing-view .offer-problem-row>.problem-section.is-deliverables-aligned .problem-deliverables-area{margin-left:0;margin-right:0}#landing-view }
@media(max-width:680px){.offer-problem-row>.problem-section{display:flex;position:relative}#landing-view .problem-section .problem-deliverables-area{min-height:0;margin:8px -20px -42px;padding:20px}#landing-view .problem-section .problem-deliverables{height:auto}#landing-view }

/* Hero readability pass: give each text block room to breathe and keep the
   highlight close to the word it is meant to emphasise. */
#landing-view h1{line-height:1.08;letter-spacing:-.035em}#landing-view .hero-highlight{display:inline-block;padding:3px 11px 5px;line-height:.9;vertical-align:baseline;margin-inline:3px}#landing-view .hero-lede{margin-top:28px;margin-bottom:20px;line-height:1.62}#landing-view .hero-proof{margin-top:18px;gap:8px}#landing-view .hero-actions{margin-top:14px;gap:14px}#landing-view @media(max-width:900px){.hero-highlight{padding:3px 10px 5px}#landing-view .hero-lede{margin-top:24px;margin-bottom:18px}#landing-view .hero-proof{margin-top:18px}#landing-view .hero-actions{margin-top:14px}#landing-view }

/* In-page reference layers: navigation can feel multi-page without changing
   the address bar,#landing-view hash,#landing-view path or domain. */
body.layer-open{overflow:hidden}#landing-view .site-layer[hidden]{display:none}#landing-view .site-layer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:84px 20px 24px}#landing-view .site-layer-scrim{position:absolute;inset:0;background:rgba(13,39,56,.38);backdrop-filter:blur(8px);opacity:0;transition:opacity .22s ease}#landing-view .site-layer-panel{position:relative;z-index:1;width:min(1040px,100%);max-height:calc(100vh - 108px);overflow:auto;background:var(--landing-paper);border:1px solid rgba(101,65,46,.18);border-radius:0;box-shadow:0 28px 80px rgba(2,9,58,.28);opacity:0;transform:translateY(18px) scale(.98);transition:opacity .22s ease,transform .22s ease}#landing-view .site-layer.is-open .site-layer-scrim{opacity:1}#landing-view .site-layer.is-open .site-layer-panel{opacity:1;transform:none}#landing-view .site-layer-header{position:sticky;top:0;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:22px 28px 18px;background:rgba(247,239,230,.94);border-bottom:1px solid var(--landing-line);backdrop-filter:blur(12px)}#landing-view .site-layer-kicker{display:block;color:var(--landing-brown-deep);font:500 11px var(--landing-mono);letter-spacing:.09em;text-transform:uppercase}#landing-view .site-layer-header h2{margin:8px 0 0;color:var(--landing-blue);font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.05em}#landing-view .site-layer-close{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--landing-line);border-radius:4px;background:var(--landing-white);color:var(--landing-blue);font:400 28px/1 Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background-color .2s ease}#landing-view .site-layer-close:hover{transform:rotate(8deg);background:var(--landing-blue-soft)}#landing-view .site-layer-body{padding:0 28px 30px}#landing-view .site-layer-body>.section{max-width:none;margin:0;padding:38px 0 0}#landing-view .site-layer-body>.section>.section-intro{max-width:none}#landing-view .site-layer-body>.section>.section-intro h2{font-size:clamp(34px,4.5vw,64px)}#landing-view .site-layer-body .problem-section{display:block;position:static;padding-bottom:20px}#landing-view .site-layer-body .problem-deliverables-area{position:static!important;height:auto!important;min-height:0!important;margin:18px 0 0!important;padding:18px!important;background:var(--landing-blue-soft)}#landing-view .site-layer-body .problem-deliverables{height:auto!important;min-height:0!important;margin:0!important}#landing-view .site-layer-body .offer-urgency{position:static!important;width:auto!important;margin:0!important}#landing-view .site-layer-body .workflow-section{margin:0;padding:38px 0 28px;border-radius:0;background:var(--landing-midnight)}#landing-view .site-layer-body .workflow-layout{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:24px}#landing-view .site-layer-body .workflow-rail{position:static;min-height:auto}#landing-view .site-layer-body .workflow-list{grid-template-columns:1fr}#landing-view .site-layer-body .workflow-step{min-height:0;padding:22px}#landing-view .site-layer-body .workflow-step h3{margin-top:38px}#landing-view .site-layer-body .workflow-note{margin-top:14px}#landing-view .site-layer-body .faq-list{margin-left:0;max-width:none}#landing-view .site-layer-body .reveal,#landing-view .site-layer-body .motion-item{opacity:1;transform:none}#landing-view @media(max-width:900px){
  .site-layer{padding:74px 12px 12px}#landing-view .site-layer-panel{max-height:calc(100vh - 86px);border-radius:0}#landing-view .site-layer-header{padding:18px 18px 15px}#landing-view .site-layer-body{padding:0 18px 22px}#landing-view .site-layer-body>.section{padding-top:28px}#landing-view .site-layer-body .workflow-layout{grid-template-columns:1fr;gap:12px}#landing-view .site-layer-body .workflow-rail{padding:0}#landing-view .site-layer-body .workflow-nav{overflow-x:auto}#landing-view }
@media(max-width:520px){
  .site-layer{padding:68px 8px 8px}#landing-view .site-layer-header{padding:16px 14px 13px}#landing-view .site-layer-header h2{font-size:32px}#landing-view .site-layer-body{padding:0 14px 18px}#landing-view }

/* Internal page system: the home view stays focused while the three requested
   pages use the same document,#landing-view domain and address bar. */
#landing-view footer{display:none}#landing-view .page-sources{display:none!important}#landing-view .site-header{width:min(1120px,calc(100% - 32px));grid-template-columns:auto minmax(0,1fr) auto}#landing-view .site-header nav{justify-content:center;min-width:0}#landing-view .page-nav-button{appearance:none;border:0;background:transparent;color:rgba(0,0,0,.58);padding:9px 11px;border-radius:4px;font:500 13px/1.2 "Manrope",sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}#landing-view .page-nav-button:hover,#landing-view .page-nav-button.is-current{background:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .page-nav-button:active{transform:translateY(1px)}#landing-view .home-page{min-height:100svh;display:grid;grid-template-columns:1fr;place-items:center;padding:150px 20px 90px;background:var(--landing-paper)}#landing-view .home-page .hero-copy{width:min(920px,100%);margin:0;text-align:center}#landing-view .home-page .kicker{justify-content:center;margin-bottom:25px}#landing-view .home-page h1{max-width:900px;font-size:clamp(48px,7vw,92px);line-height:1.02;letter-spacing:-.045em}#landing-view .home-page .hero-lede{max-width:660px;margin:26px auto 0;font-size:clamp(17px,1.6vw,21px);line-height:1.55}#landing-view .home-authority{width:min(620px,100%);margin:30px auto 0;padding:18px 20px;border:1px solid var(--landing-line);border-radius:0;background:var(--landing-white);text-align:left}#landing-view .home-authority>span{display:block;color:var(--landing-blue);font:500 12px/1.3 var(--landing-mono);letter-spacing:.08em;text-transform:uppercase}#landing-view .home-authority p{margin:10px 0 0;color:var(--landing-brown-deep);font:17px/1.5 Georgia,"Times New Roman",serif}#landing-view /* The layer becomes a full internal page,#landing-view with its own persistent page buttons. */
.site-layer{padding:0;place-items:stretch;background:var(--landing-paper)}#landing-view .site-layer-scrim{display:none!important}#landing-view .site-layer-panel{width:100%;height:100%;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:var(--landing-paper);transform:none}#landing-view .site-layer.is-open .site-layer-panel{transform:none}#landing-view .site-layer-header{position:relative;display:grid;grid-template-columns:1fr;gap:12px;flex:0 0 auto;padding:16px max(20px,calc((100% - 1240px)/2));background:rgba(255,255,255,.97);border-bottom:1px solid var(--landing-line);backdrop-filter:blur(12px)}#landing-view .site-layer-header-top{display:flex;align-items:center;justify-content:space-between;gap:20px}#landing-view .site-layer-brand{color:var(--landing-ink);text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}#landing-view .site-layer-nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--landing-line);padding-top:10px}#landing-view .site-layer-nav::-webkit-scrollbar{display:none}#landing-view .site-layer-nav .page-nav-button{flex:0 0 auto}#landing-view .site-layer-kicker{margin-top:2px}#landing-view .site-layer-header h2{font-size:clamp(30px,4.4vw,60px);margin-top:7px}#landing-view .site-layer-body{flex:1 1 auto;min-height:0;overflow:auto;padding:0}#landing-view .internal-page-content{max-width:1440px;margin:0 auto}#landing-view .internal-page-content>.section{max-width:none;margin:0;padding:74px max(20px,calc((100% - 1240px)/2))}#landing-view .internal-page-content>.section>.section-intro{max-width:none;margin-bottom:44px}#landing-view .internal-page-content>.section>.section-intro h2{font-size:clamp(38px,5vw,72px)}#landing-view .internal-page-content .reveal,#landing-view .internal-page-content .motion-item{opacity:1;transform:none}#landing-view .internal-page-section{padding:70px max(20px,calc((100% - 1240px)/2));background:var(--landing-paper)}#landing-view .internal-page-section-heading{margin:0 0 28px;color:var(--landing-blue);font-size:clamp(32px,4vw,58px);line-height:1;letter-spacing:-.05em}#landing-view .internal-page-how .internal-page-section-heading{color:var(--landing-ink)}#landing-view .internal-offer-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#landing-view .internal-offer-cards>.offer-card{grid-column:auto!important;min-height:0;margin:0;position:static!important}#landing-view .internal-page-start .start-page{background:var(--landing-paper)}#landing-view .start-callout{max-width:760px;padding:30px;background:var(--landing-blue);border-radius:0;color:#fff}#landing-view .start-callout .offer-label{color:rgba(255,255,255,.72)}#landing-view .start-callout h3{margin:18px 0 0;color:#fff;font-size:clamp(28px,3.4vw,48px);line-height:1.04;letter-spacing:-.045em}#landing-view .start-callout p{max-width:620px;margin:16px 0 24px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.5}#landing-view .start-callout .button{background:var(--landing-orange);border-color:var(--landing-orange);color:#fff}#landing-view .internal-page-how .workflow-section{margin:0;border-radius:0;padding:74px max(20px,calc((100% - 1240px)/2))}#landing-view .internal-page-how .internal-deliverables-section{padding:38px max(20px,calc((100% - 1240px)/2));background:var(--landing-blue-soft)}#landing-view .internal-page-how .internal-deliverables-section .internal-offer-cards{display:block;max-width:960px;margin:0 auto}#landing-view .internal-page-how .internal-deliverables-section .problem-deliverables{margin:0;max-width:none}#landing-view .internal-page-how .internal-action-section{padding-top:54px;padding-bottom:54px;background:#e2c8b4}#landing-view .internal-combined-action{width:100%;max-width:960px;display:grid;grid-template-columns:1fr;border:1px solid rgba(101,65,46,.25);border-radius:0;overflow:hidden;background:#e2c8b4}#landing-view .internal-combined-action>.offer-card{grid-column:auto!important;min-height:0;margin:0;position:static!important;border:0;border-radius:0;background:#e2c8b4!important;color:var(--landing-ink);padding:30px}#landing-view .internal-combined-action>.offer-card+.offer-card{border-top:1px solid rgba(101,65,46,.2)}#landing-view .internal-combined-action .offer-card p{max-width:none;margin:0;color:var(--landing-brown-dark);font-size:18px;font-weight:500;line-height:1.55}#landing-view .internal-combined-action .internal-action-cta{margin-top:22px;align-self:flex-start;background:var(--landing-brown-dark);border-color:var(--landing-brown-dark);color:#fff}#landing-view .internal-page-how .getting-started{max-width:none;margin:0}#landing-view .internal-page-problems .problem-section{padding-bottom:74px}#landing-view .internal-page-problems .problem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}#landing-view .internal-page-problems .problem-deliverables-area{position:static!important;height:auto!important;min-height:0!important;margin:22px 0 0!important;padding:20px!important;background:var(--landing-blue-soft)}#landing-view .internal-page-problems .problem-deliverables{height:auto!important;min-height:0!important;margin:0!important}#landing-view @media(max-width:900px){
  .site-header{grid-template-columns:1fr auto}#landing-view .site-header nav{display:none;position:absolute;top:66px;left:0;right:0;justify-content:stretch;align-items:stretch;flex-direction:column;gap:2px;padding:10px;background:var(--landing-white);border-top:1px solid var(--landing-line);border-radius:0;box-shadow:0 8px 24px rgba(0,0,0,.1)}#landing-view .site-header nav.open{display:flex}#landing-view .site-header nav .page-nav-button{width:100%;padding:12px;text-align:left}#landing-view .home-page{min-height:calc(100svh - 20px);padding:130px 20px 64px}#landing-view .home-page h1{font-size:clamp(42px,10vw,70px)}#landing-view .home-page .hero-lede{font-size:17px}#landing-view .home-authority{margin-top:24px}#landing-view .site-layer-header{padding:14px 18px}#landing-view .site-layer-nav{padding-top:8px;overflow-x:auto}#landing-view .internal-page-content>.section{padding:54px 20px}#landing-view .internal-page-section{padding:54px 20px}#landing-view .internal-offer-cards{grid-template-columns:1fr}#landing-view .internal-combined-action{max-width:none}#landing-view .internal-combined-action>.offer-card{padding:24px 20px}#landing-view .internal-page-how .workflow-section{padding:54px 20px}#landing-view .internal-page-how .internal-deliverables-section{padding:28px 20px}#landing-view .internal-page-problems .problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#landing-view }
@media(max-width:520px){
  .site-header{width:calc(100% - 16px)}#landing-view .home-page{padding:118px 14px 44px}#landing-view .home-page h1{font-size:clamp(38px,11vw,58px)}#landing-view .home-authority{padding:16px}#landing-view .site-layer-header{padding:12px 14px}#landing-view .site-layer-header h2{font-size:32px}#landing-view .site-layer-body .section-intro{margin-bottom:28px}#landing-view .internal-page-problems .problem-grid{grid-template-columns:1fr}#landing-view }

/* Problems page: give each problem room to breathe so the story unfolds
   one clear point at a time as visitors scroll. */
.internal-page-problems .problem-grid{
  grid-template-columns:1fr;
  gap:14px;
}#landing-view .internal-page-problems .problem-card{
  min-height:430px;
  padding:28px 32px 32px;
  background:var(--landing-blue-soft);
  border-color:rgba(0,117,222,.18);
}#landing-view .internal-page-problems .problem-card>span,#landing-view .internal-page-problems .problem-card h3,#landing-view .internal-page-problems .problem-card p{color:var(--landing-ink)}#landing-view .internal-page-problems .problem-card>span{font-size:12px}#landing-view .internal-page-problems .problem-card .problem-icon{color:var(--landing-blue);font-size:72px}#landing-view .internal-page-problems .problem-card h3{font-size:clamp(30px,3.2vw,42px);margin-bottom:16px}#landing-view .internal-page-problems .problem-card p{max-width:820px;font-size:19px;line-height:1.62}#landing-view @media(max-width:900px){
  .internal-page-problems .problem-card{min-height:400px;padding:24px}#landing-view .internal-page-problems .problem-card .problem-icon{font-size:64px}#landing-view .internal-page-problems .problem-card h3{font-size:32px}#landing-view .internal-page-problems .problem-card p{font-size:18px;line-height:1.58}#landing-view }
@media(max-width:520px){
  .internal-page-problems .problem-card{min-height:360px;padding:22px}#landing-view .internal-page-problems .problem-card .problem-icon{font-size:56px}#landing-view .internal-page-problems .problem-card h3{font-size:29px}#landing-view .internal-page-problems .problem-card p{font-size:17px;line-height:1.55}#landing-view }

@media(max-width:900px){
  .menu-button{display:block;background:transparent;border:0}#landing-view .menu-button span{background:var(--landing-blue)!important}#landing-view }

/* On compact screens the page destinations sit with the hero actions,#landing-view where
   they are easy to discover and tap without opening a separate menu. */
.home-page-actions{display:none}#landing-view .home-page-action{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border:1px solid var(--landing-line);background:var(--landing-white);color:var(--landing-ink);text-align:left;font-size:15px}#landing-view .home-page-action:hover{background:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .home-page-action-primary{border-color:var(--landing-blue);background:var(--landing-blue);color:#fff}#landing-view .home-page-action-primary:hover{border-color:var(--landing-blue);background:#006fca;color:#fff}#landing-view .home-page-action span{font-size:19px;line-height:1}#landing-view @media(max-width:900px){
  .home-page-actions{display:grid;gap:8px;width:min(620px,100%);margin:28px auto 0}#landing-view .home-page-action{border-radius:0;padding:14px 16px}#landing-view .site-header nav{display:none!important}#landing-view .menu-button{display:none!important}#landing-view }
@media(max-width:520px){
  .home-page-actions{margin-top:24px;gap:7px}#landing-view .home-page-action{padding:13px 14px;font-size:14px}#landing-view }

/* Keep internal-page navigation readable on phones instead of clipping the
   longest label in a horizontal scroller. */
@media(max-width:900px){
  .site-layer-nav{flex-wrap:wrap;overflow:visible}#landing-view .site-layer-nav .page-nav-button{white-space:normal;flex:1 1 calc(50% - 4px);text-align:center}#landing-view .site-layer-nav .page-nav-button:last-child{flex-basis:100%}#landing-view }
@media(max-width:520px){
  .site-layer-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px}#landing-view .site-layer-nav .page-nav-button{width:auto;min-width:0}#landing-view .site-layer-nav .page-nav-button:last-child{grid-column:1 / -1}#landing-view }

/* Accessibility polish for the in-page destinations. */
main:focus{outline:none}#landing-view .site-layer-header h1{margin:8px 0 0;color:var(--landing-blue);font-size:clamp(30px,4.4vw,60px);line-height:1;letter-spacing:-.05em;font-weight:600}#landing-view @media(max-width:520px){.site-layer-header h1{font-size:32px}#landing-view }

/* Keep the problem page's next steps together after the final card. */
.problem-page-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px;padding-top:28px;border-top:1px solid var(--landing-line)}#landing-view .problem-page-actions .button{min-width:190px}#landing-view @media(max-width:520px){.problem-page-actions{flex-direction:column;margin-top:28px;padding-top:24px}#landing-view .problem-page-actions .button{width:100%}#landing-view }

/* Account access is present as a quiet placeholder until authentication is connected. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}#landing-view .login-button{appearance:none;min-height:38px;padding:0 14px;border:1px solid var(--landing-blue);border-radius:4px;background:var(--landing-blue);color:#fff;font:500 12px/1.2 "Manrope",sans-serif;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,transform .2s ease}#landing-view .login-button:hover{background:#0069c8;transform:translateY(-1px)}#landing-view .login-button-secondary{background:transparent;color:var(--landing-blue)}#landing-view .login-button-secondary:hover{background:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .login-hint{margin:10px auto 0;color:var(--landing-brown-deep);font-size:13px;line-height:1.4}#landing-view .login-inline{appearance:none;border:0;padding:0;background:transparent;color:var(--landing-blue);font-family:inherit;font-size:inherit;font-weight:600;line-height:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}#landing-view .login-inline:hover{color:#0069c8}#landing-view @media(max-width:520px){
  .header-actions{gap:5px}#landing-view .login-button{min-height:34px;padding:0 8px;font-size:11px}#landing-view .login-hint{font-size:12px}#landing-view }

/* Keep the What You Get panel immediately above the next-step card. */
.start-right-column{display:grid;gap:14px;align-content:start}#landing-view .getting-started-deliverables-area{padding:20px;background:var(--landing-blue-soft);border-radius:0}#landing-view .getting-started-deliverables-area .problem-deliverables{width:100%;max-width:none;min-height:0;margin:0;padding:22px;background:var(--landing-white);border:1px solid var(--landing-line);border-radius:0;display:flex;flex-direction:column}#landing-view .getting-started-deliverables-area .problem-deliverables h3{font-size:clamp(22px,2.1vw,32px);line-height:1.05;letter-spacing:-.055em;color:var(--landing-blue);margin:18px 0 0}#landing-view .getting-started-deliverables-area .problem-deliverables ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:5px}#landing-view .getting-started-deliverables-area .problem-deliverables li{border-top:1px solid rgba(101,65,46,.2);padding-top:6px;font-size:14px;color:var(--landing-brown-dark)}#landing-view .getting-started-deliverables-area .problem-deliverables li::before{content:"+";font-family:var(--landing-mono);color:var(--landing-orange);margin-right:10px}#landing-view @media(max-width:900px){.getting-started-deliverables-area{padding:16px}#landing-view .getting-started-deliverables-area .problem-deliverables{padding:18px}#landing-view }

/* Refine the moved deliverables card without changing its content. */
.getting-started-deliverables-area{border:1px solid rgba(0,117,222,.12);background:linear-gradient(180deg,#eaf5ff 0%,var(--landing-blue-soft) 100%);box-shadow:0 10px 26px rgba(18,52,74,.06)}#landing-view .getting-started-deliverables-area .problem-deliverables{box-shadow:0 8px 20px rgba(18,52,74,.08);border-color:rgba(0,117,222,.14)}#landing-view .getting-started-deliverables-area .problem-deliverables .offer-label{color:var(--landing-blue);font-size:11px;letter-spacing:.13em}#landing-view .getting-started-deliverables-area .problem-deliverables h3{font-size:clamp(24px,2.4vw,34px);line-height:1.08;color:var(--landing-ink);margin-top:14px}#landing-view .getting-started-deliverables-area .problem-deliverables ul{margin-top:20px;gap:0}#landing-view .getting-started-deliverables-area .problem-deliverables li{display:flex;align-items:flex-start;min-height:42px;padding:11px 0;font-size:15px;line-height:1.35;color:var(--landing-brown-dark)}#landing-view .getting-started-deliverables-area .problem-deliverables li::before{display:inline-grid;place-items:center;width:18px;height:18px;flex:0 0 18px;margin:0 10px 0 0;border-radius:50%;background:#36a269;color:#fff;font:600 12px/1 var(--landing-sans);content:"+"}#landing-view @media(max-width:900px){.getting-started-deliverables-area .problem-deliverables h3{font-size:28px}#landing-view .getting-started-deliverables-area .problem-deliverables li{font-size:14px}#landing-view }

/* Keep the workflow note calm and legible against the process panel. */
.workflow-section .workflow-note{
  background:var(--landing-blue-soft);
  color:var(--landing-ink);
  border:1px solid rgba(101,65,46,.18);
  border-top:1px solid rgba(101,65,46,.18);
  box-shadow:0 8px 18px rgba(63,41,31,.08)
}#landing-view .workflow-section .workflow-note span,#landing-view .workflow-section .workflow-note p{color:var(--landing-ink)}#landing-view /* The "Ready to organise your next material request?" CTA sat in the narrow
   right column of the Getting Started grid,#landing-view leaving dead space beside it
   under the step list. Let it break out and span the full section width. */
.start-right-column{display:contents}#landing-view .next-step{grid-column:1 / -1}#landing-view @media(min-width:901px){
  .next-step{padding:44px 48px}#landing-view .next-step h3{max-width:640px}#landing-view .next-step p{max-width:560px}#landing-view }

/* Light workflow surface: keep the process easy to scan without the navy panel. */
.workflow-section,#landing-view .site-layer-body .workflow-section{
  background:var(--landing-white);
  color:var(--landing-ink);
  border:1px solid var(--landing-line)
}#landing-view .workflow-section .workflow-rail h2,#landing-view .workflow-section .section-intro h2{color:var(--landing-ink)}#landing-view .workflow-section .workflow-rail-copy,#landing-view .workflow-section .workflow-step p{color:var(--landing-brown-deep)}#landing-view .workflow-section .step-index{color:var(--landing-brown-deep)}#landing-view .workflow-section .workflow-nav button{
  background:var(--landing-paper);
  border-color:var(--landing-line);
  color:var(--landing-brown-deep)
}#landing-view .workflow-section .workflow-nav button:first-child{color:var(--landing-ink)}#landing-view .workflow-section .workflow-nav button:hover{background:var(--landing-blue-soft);color:var(--landing-blue)}#landing-view .workflow-section .workflow-nav button.is-active{background:var(--landing-blue);border-color:var(--landing-blue);color:#fff}#landing-view .workflow-section .workflow-step{
  background:var(--landing-white)!important;
  border-color:var(--landing-line);
  color:var(--landing-ink)
}#landing-view .workflow-section .workflow-step:nth-child(even){background:#f4faff!important}#landing-view .workflow-section .workflow-step.is-active{
  background:var(--landing-blue)!important;
  border-color:var(--landing-blue);
  color:#fff
}#landing-view .workflow-section .workflow-step.is-active h3,#landing-view .workflow-section .workflow-step.is-active p{color:#fff}#landing-view .workflow-section .workflow-step h3{color:var(--landing-ink)}#landing-view .workflow-section .role-tag{border-color:rgba(0,117,222,.38);color:var(--landing-blue)}#landing-view .workflow-section .workflow-step.is-active .role-tag{background:#fff;border-color:#fff;color:var(--landing-blue)}#landing-view .workflow-section .workflow-detail span{border-color:rgba(0,117,222,.24);color:var(--landing-brown-deep)}#landing-view .workflow-section .workflow-step.is-active .workflow-detail span{border-color:rgba(255,255,255,.62);color:#fff}#landing-view .workflow-section .workflow-list{border-color:var(--landing-line)}#landing-view .workflow-section .step-arrow{background:var(--landing-blue);color:#fff}#landing-view /* Give the combined action message a clearer,#landing-view more polished reading order. */
.internal-page-how .internal-action-section{
  background:var(--landing-paper);
}#landing-view .internal-combined-action{
  position:relative;
  background:var(--landing-white);
  border:1px solid rgba(0,117,222,.18);
  border-radius:0;
  box-shadow:0 14px 34px rgba(2,9,58,.08);
}#landing-view .internal-combined-action::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:var(--landing-blue);
  border-radius:0;
}#landing-view .internal-combined-action>.offer-card{
  background:var(--landing-white)!important;
  padding:30px 34px 30px 42px;
}#landing-view .internal-combined-action>.offer-card+.offer-card{
  background:#f7fbff!important;
  border-top:1px solid rgba(0,117,222,.14);
}#landing-view .internal-combined-action .offer-card p{
  color:var(--landing-ink);
  font-size:clamp(17px,1.35vw,20px);
  font-weight:500;
  line-height:1.55;
  letter-spacing:-.01em;
}#landing-view @media(max-width:520px){
  .internal-combined-action>.offer-card{padding:24px 22px 24px 30px}#landing-view .internal-combined-action .offer-card p{font-size:17px;line-height:1.52}#landing-view }

/* Give the Problems page the same scroll-led focus treatment as the workflow. */
.internal-page-problems .problem-card{
  background:var(--landing-white);
  border-color:var(--landing-line);
  box-shadow:0 8px 20px rgba(2,9,58,.05);
  transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease;
}#landing-view .internal-page-problems .problem-card.is-active{
  background:var(--landing-blue);
  border-color:var(--landing-blue);
  box-shadow:0 16px 30px rgba(0,117,222,.2);
  transform:translateY(-4px);
}#landing-view .internal-page-problems .problem-card.is-active>span,#landing-view .internal-page-problems .problem-card.is-active .problem-icon,#landing-view .internal-page-problems .problem-card.is-active h3,#landing-view .internal-page-problems .problem-card.is-active p{color:#fff}#landing-view @media(prefers-reduced-motion:reduce){
  .internal-page-problems .problem-card{transition:none}#landing-view .internal-page-problems .problem-card.is-active{transform:none}
}

/* The app's own style.css has bare, unscoped h1/h2/h3{color:var(--navy)}
   rules (its global heading style) - these apply everywhere in the
   document, including here, and beat inheritance from #landing-view/.hero's
   own color since nothing here previously set color on headings directly
   (the original standalone page relied on inheriting it, which broke once
   merged into a page with a competing global heading rule). Restate
   explicitly so landing headings keep their own ink color and font. */
#landing-view h1, #landing-view h2, #landing-view h3 {
  color: var(--landing-ink);
  font-family: var(--landing-sans);
}