
.contact-dialog{max-height:90dvh;overflow:auto}.contact-fields{border:0;padding:0;margin:0;min-width:0}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-dialog .field{margin-bottom:14px}.contact-dialog .field textarea{width:100%;box-sizing:border-box;border:1px solid #bcc7cf;border-radius:8px;background:#fff;color:#14222b;padding:11px 12px;font:inherit;resize:vertical}.contact-dialog .field textarea:focus{outline:2px solid #3475db;outline-offset:2px}.contact-dialog .contact-note{margin:10px 0;font-size:12px;line-height:1.55;color:#566572}.contact-dialog .dialog-inner>p{margin:10px 0 18px;font-size:14px}.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-success{color:#126d43!important;font-weight:600}.contact-fields:disabled{opacity:.75}.contact-dialog .btn:disabled{cursor:wait}@media(max-width:560px){.contact-row{grid-template-columns:1fr;gap:0}.contact-dialog .dialog-inner{padding:24px}}

/* Clip baked-in controls out of replay backgrounds; retain live controls. */
.dw-map{overflow:hidden}
.dw-map .dw-scene{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .35s ease;pointer-events:none}
.dw-map .dw-scene.on{opacity:1}
.dw-result-action{position:absolute;right:24px;bottom:34px;z-index:4;max-width:calc(100% - 48px);display:flex;align-items:center;min-height:52px;padding:13px 18px;border:1px solid #a8d7ef;border-radius:16px;background:#102b55f5;color:#f4faff;box-shadow:0 8px 24px #061c4e40;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,background .2s ease}
.dw-result-action.show{opacity:1;visibility:visible;pointer-events:auto}
.dw-result-action i{display:none}
.dw-result-action span{font-size:14px;line-height:1.35;font-weight:650}
.dw-result-action small{display:block;margin-top:4px;font-size:12px;font-weight:450;color:#cee8fa}
.dw-result-action:hover{background:#204b7c}
.dw-result-action:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:760px){.dw-result-action{position:relative;order:3;inset:auto;max-width:none;margin:12px 14px 0;display:none;justify-content:center;text-align:center}.dw-result-action.show{display:flex}}
@media(prefers-reduced-motion:reduce){.dw-map .dw-scene{transition:none}}
/* Cobalt Horizon: a luminous primary action and a quieter outlined secondary.
   Normal text contrast: primary 12.00:1; secondary 11.17:1.
   Hover text contrast: primary 13.17:1; secondary 7.85:1. */
body.theme-light{--page:#f3f7fd;--page-2:#fbfdff}
.hero{background:radial-gradient(ellipse 100% 300px at 50% 820px,#abf0ff 0%,#4d9be7 42%,transparent 100%),linear-gradient(145deg,#071e69 0%,#173faa 42%,#2c67c8 100%)}
.hero .hero-ambient{display:none}
.hero .hero-veil{background:none;overflow:hidden}
.hero .hero-veil::after{content:"";position:absolute;left:50%;top:450px;width:2300px;height:1400px;transform:translateX(-50%);border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0,transparent 30px,rgba(211,244,255,.10) 31px,transparent 32px,transparent 47px);mask-image:linear-gradient(to bottom,#000,transparent 65%);pointer-events:none}
.hero .hero-copy .display-1{color:#fff}
.hero .hero-copy .lede,.hero .hero-proof,.hero .hero-caption{color:#dbe7ff}
.hero .hero-proof svg{color:#8eedf2}
.hero .hero-caption a{color:#c0f2ff}
.site-header .site-header-bar{background:linear-gradient(115deg,#253d70f5,#102653f5);border:1px solid #dce7fa52;box-shadow:0 12px 32px #04123245,inset 0 1px 0 #ffffff24}
.site-header .wordmark,.site-header .menu-toggle{color:#fff}
.site-header .site-nav a{color:#e0e7f5}
.site-header .site-nav a:hover,.site-header .site-nav a[aria-current=location]{color:#fff;background:rgba(255,255,255,.12)}
.hero .hero-actions .btn-primary,.site-header .site-header-cta,.site-menu .btn-primary,.closing .closing-actions .btn-primary{background:#bff4ff;color:#10275c;border:1px solid #dffaff;box-shadow:0 8px 28px rgba(4,22,76,.24),inset 0 1px 0 rgba(255,255,255,.8);font-weight:650}
.hero .hero-actions .btn-primary:hover,.site-header .site-header-cta:hover,.site-menu .btn-primary:hover,.closing .closing-actions .btn-primary:hover{background:#e1faff;color:#10275c;box-shadow:0 12px 32px rgba(4,22,76,.30),0 0 22px rgba(191,244,255,.16)}
.hero .hero-actions .btn-glass,.closing .closing-actions .btn-glass{background:#123586;color:#fff;border:1px solid #9abeef;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:none}
.hero .hero-actions .btn-glass:hover,.closing .closing-actions .btn-glass:hover{background:#214da6;color:#fff;border-color:#c4e5ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.hero .hero-actions .btn,.site-header .site-header-cta,.closing .closing-actions .btn{transition:background .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease}
.hero .hero-actions .btn:focus-visible,.site-header .site-header-cta:focus-visible,.site-menu .btn-primary:focus-visible,.closing .closing-actions .btn:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #10275c}
.hero .hero-actions .btn:active,.site-header .site-header-cta:active,.closing .closing-actions .btn:active{transform:translateY(0)}
.solution-section{background:#e7effb}
.solution-card{background:#f9fbff;border-color:#c8d5e8}
.solution-card p{color:#485c76}
.solution-card span{color:#2253a4}
.solution-card:hover{border-color:#507dc6}
@media(max-width:700px){.hero{background:radial-gradient(ellipse 140% 240px at 50% 1020px,#78c5ef 0%,transparent 100%),linear-gradient(155deg,#071e69 0%,#173faa 65%,#2c67c8 100%)}.hero .hero-veil::after{top:640px;width:1300px;height:1100px}}
@media(prefers-reduced-motion:reduce){.hero .hero-actions .btn,.site-header .site-header-cta,.closing .closing-actions .btn{transition:none}}

/* The same visual language continues through the complete marketing page. */
body.theme-light{--page:#f4f8ff;--page-2:#edf3fe;--surface-0:#eaf1fb;--surface-1:#f8fbff;--surface-2:#fff;--surface-3:#f1f6ff;--surface-inset:#e9f1fd;--ink-1:#112b50;--ink-2:#405a7b;--ink-3:#536b8a;--hairline:rgba(35,76,135,.14);--hairline-strong:rgba(35,76,135,.24);--glass-1:rgba(248,251,255,.94);--glass-2:rgba(242,247,255,.9);--glass-3:rgba(255,255,255,.92);--glass-scrim:rgba(9,30,74,.58);--violet-text:#176780;--gold:#2653ab;--elev-1:0 2px 5px rgba(23,54,108,.04),0 12px 32px rgba(23,54,108,.05);--elev-2:0 5px 12px rgba(23,54,108,.06),0 20px 44px rgba(23,54,108,.1);--frame-shadow:0 34px 80px -28px rgba(5,24,69,.44),0 0 0 1px rgba(131,166,221,.23),inset 0 1px 0 rgba(255,255,255,.12)}
.marquee{background:#102b69;border-color:rgba(185,216,255,.18);mask-image:none;-webkit-mask-image:none}
.marquee-item{color:#d8e7ff}.marquee-item i{background:#8be3f3}
#why{background:radial-gradient(ellipse at 100% 100%,#dceeff,transparent 55%),linear-gradient(180deg,#fafdff,#f0f6ff)}
#how{background:linear-gradient(125deg,#e6f1ff,#f0f2ff 65%,#e9f6ff)}
.system,.step,.boundary,.role,.fit{border:1px solid rgba(62,104,164,.08)}
.hub{background:linear-gradient(145deg,#123476,#0b214e);border:1px solid #4166a2;box-shadow:0 24px 65px -30px #1644a470}
.hub small{color:#cadaf1}
.step.model .step-n{background:#e8edff;color:#3c54a2;box-shadow:inset 0 0 0 1px #c7d3f5}
.step.yours .step-n{background:#dff4fc;color:#165a7c;box-shadow:inset 0 0 0 1px #b8dce9}
#product,#analysis,#paper-trail,.solution-section,.site-footer{--ink-1:#f3f8ff;--ink-2:#c1d3ed;--ink-3:#a8bfdf;--surface-0:#081b3e;--surface-1:#102b55;--surface-2:#12315f;--surface-3:#183c6f;--surface-inset:#09234a;--hairline:rgba(161,197,246,.16);--hairline-strong:rgba(161,197,246,.3);--accent-text:#abd4ff;--accent-hover:#ddf2ff;--accent-soft:rgba(137,190,255,.13);--accent-line:rgba(149,197,255,.32);--violet-text:#94e1eb;--gold:#b7d7ff;--glass-3:#15396f;--glass-lip:inset 0 1px 0 rgba(218,237,255,.06);color:var(--ink-1);color-scheme:dark}
#product{background:radial-gradient(ellipse at 95% 15%,#12376a 0%,transparent 43%),linear-gradient(180deg,#081c3e,#102d5d)}
#product .stage-bar{color:#bed5f1}
#product .chapter-n{color:#9ac9fc}
#product .chapter{border-bottom:1px solid rgba(154,201,252,.12)}
#product .stage-dots button{background:#48678f}
#product .stage-dots button[aria-current=true]{background:#a2edff}
#paper-trail{background:radial-gradient(ellipse at 0% 70%,#174891 0%,transparent 52%),linear-gradient(135deg,#102963,#133986)}
#paper-trail .pillar{background:#102e64;border:1px solid #33548a}
#paper-trail .receipt{background:linear-gradient(165deg,#081c3e,#0e295a)}
#paper-trail .claim{background:linear-gradient(120deg,rgba(139,204,255,.12),rgba(139,227,234,.08));box-shadow:inset 0 0 0 1px #638ec875}
#paper-trail .receipt-line .v.gold{color:#b7eaff}
#paper-trail .btn-primary{background:#bff4ff;color:#10275c;box-shadow:0 9px 25px #051c4d44}
#paper-trail .btn-primary:hover{background:#e1faff}
#who{background:radial-gradient(ellipse at 5% 0%,#d7ecff,transparent 50%),linear-gradient(140deg,#f6fbff,#e9f0fe)}
.segment{background:#dfe9fa}.segment button[aria-pressed=true]{background:#183f88;color:#fff}
.role-who{color:#3f608f}.role:hover{box-shadow:0 18px 44px -20px #2858a23d,inset 0 0 0 1px #91b7ed}
#analysis{background:radial-gradient(ellipse at 90% 60%,#174875 0%,transparent 58%),linear-gradient(150deg,#0a2046,#103065)}
#analysis .recipe{background:#11305b}
#analysis .recipe[aria-pressed=true]{background:#173e73;box-shadow:0 15px 35px -15px #04142c88,inset 0 0 0 1px #93cbe7}
#analysis .recipe-visual{background:#0a2046;border:1px solid #52779c;box-shadow:0 30px 65px -25px #020d2580}
#records{background:linear-gradient(135deg,#e1f2ff,#edf0ff 70%,#eff8ff)}
.steps-3 b{background:#d9e9ff;color:#224d99;box-shadow:inset 0 0 0 1px #aac8ed}
.package{background:#102955;color:#c3d6f3;box-shadow:inset 0 0 0 1px #7395c44d}
.package b{color:#f4f9ff}.package i{color:#a8c3e7}
#deploy{background:radial-gradient(ellipse at 90% 80%,#e0efff,transparent 55%),#f9fcff}
.fit-icon{background:#e1edff;color:#2556a5}
#pricing{background:linear-gradient(140deg,#e7f0ff,#eef7ff 50%,#e2edfc)}
.pricing-selector{background:#dceaff;border-color:#acc5e9;box-shadow:inset 0 1px 0 #ffffffad}
.pricing-selector select{background:#fff;color:#112b50;border-color:#b4c8e3}
.pricing-card{background:#fff;border-color:#bfd1e9;box-shadow:0 15px 45px -30px #17498450}
.pricing-card.pricing-featured{--ink-1:#f4f9ff;--ink-2:#cfdef4;--ink-3:#b3c9e8;--accent-text:#bff4ff;--hairline-strong:#7397c96b;color:#f4f9ff;background:linear-gradient(150deg,#183e88,#0e2a61);border-color:#698ec7;box-shadow:0 24px 60px -28px #103d91a8}
.pricing-featured .pricing-card-heading>span{background:#264e90;color:#def5ff}
.pricing-card li svg{color:#23698a}.pricing-featured li svg{color:#a4e9f5}
.pricing-featured .btn-primary{background:#bff4ff;color:#10275c;box-shadow:0 8px 24px #07194455}
.pricing-featured .btn-primary:hover{background:#e1faff}
.pricing-included{background:#d7e9fb;color:#183b68;border:1px solid #b8d1ee}
.workload-card{background:rgba(255,255,255,.88);border-color:#c1d3eb;box-shadow:0 15px 45px -32px #1f4a8550}
.pricing-icon{background:#e3eeff;color:#2558a9}
.workload-input input{background:#f5f9ff;border-color:#aec6e7}
.workload-track{background:#e0e8f4}.workload-before{background:#859ab7}.workload-after{background:linear-gradient(90deg,#245bbb,#3c92c2)}
.workload-results strong{color:#163c83}
.solution-section{background:linear-gradient(145deg,#0b2350,#133977)}
.solution-section .solution-card{background:#173967;border-color:#466b9b;color:#f3f8ff;box-shadow:0 18px 35px -22px #03173788}
.solution-section .solution-card p{color:#c4d7f0}.solution-section .solution-card span{color:#b8edff}
.solution-section .solution-card:hover{border-color:#9ad7f1;background:#1c4378}
.closing{isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#266ec1,transparent 75%),linear-gradient(130deg,#0b246d,#1946a4);color:#fff}
.closing .closing-bg{opacity:.07;z-index:-1;mix-blend-mode:screen}
.closing .closing-veil{z-index:0;background:linear-gradient(180deg,rgba(13,42,107,.3),transparent 60%);pointer-events:none}
.closing>.wrap{position:relative;z-index:1}
.closing .display-1{color:#fff}.closing .lede{color:#dceaff}.closing .closing-email{color:#c2eaff}
.site-footer{background:#081c40;border-top:1px solid #355b8c}
.site-footer .wordmark{color:#f3f8ff}.footer-links a,.footer-links button{color:#c6d8f3}.footer-note{color:#a9bfdf}
.site-dialog{background:linear-gradient(145deg,#fff,#eef5ff);color:#112b50;border:1px solid #bfd3f1;box-shadow:0 28px 100px #061b5266}
.site-dialog::backdrop{background:rgba(6,23,64,.66)}
.site-dialog .dialog-close{background:#e3edfc;color:#254e88}
.site-dialog .field input,.site-dialog .field select,.contact-dialog .field textarea{background:#fff;color:#112b50;border:1px solid #bfd0e8;box-shadow:none}
.site-dialog .field input:focus,.site-dialog .field select:focus{outline:2px solid #3268ca;outline-offset:2px;box-shadow:none}
.site-dialog .contact-note{color:#4b6586}
.site-menu{background:rgba(9,30,76,.97);color:#f4f8ff}
.site-menu a{color:#e4eeff;border-color:#456393}.site-menu .btn-primary{color:#10275c}

/* Cartographic art direction: atmospheric contours, coordinate paths and luminous edges. */
:root{--cobalt-contours:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221000%22%20height%3D%22800%22%20viewBox%3D%220%200%201000%20800%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2378bde9%22%20stroke-width%3D%221.2%22%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22220%22%20ry%3D%22105%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22252%22%20ry%3D%22129%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22284%22%20ry%3D%22153%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22316%22%20ry%3D%22177%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22348%22%20ry%3D%22201%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22380%22%20ry%3D%22225%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22412%22%20ry%3D%22249%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22444%22%20ry%3D%22273%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22476%22%20ry%3D%22297%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22508%22%20ry%3D%22321%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22540%22%20ry%3D%22345%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22572%22%20ry%3D%22369%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22604%22%20ry%3D%22393%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22636%22%20ry%3D%22417%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3Cellipse%20cx%3D%22860%22%20cy%3D%22260%22%20rx%3D%22668%22%20ry%3D%22441%22%20transform%3D%22rotate%28-32%20860%20260%29%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2378bde9%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22M505%2065V205H675V390H880M330%20475H500V640H690%22%2F%3E%3Ccircle%20cx%3D%22675%22%20cy%3D%22205%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22500%22%20cy%3D%22475%22%20r%3D%227%22%2F%3E%3Ccircle%20cx%3D%22880%22%20cy%3D%22390%22%20r%3D%227%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}

#why,#how,#product,#paper-trail,#who,#analysis,#records,#deploy,#pricing,.solution-section{isolation:isolate;overflow:clip}
#why::before,#how::before,#product::before,#paper-trail::before,#who::before,#analysis::before,#records::before,#deploy::before,#pricing::before,.solution-section::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;right:0;width:min(80vw,1000px);height:800px;background:var(--cobalt-contours) right top/1000px 800px no-repeat;mask-image:linear-gradient(90deg,transparent,#000 65%);opacity:.28}
#why::before,#who::before,#deploy::before{opacity:.48}
#how::before,#records::before{transform:rotate(180deg);top:auto;bottom:0;right:auto;left:0;opacity:.4}
#product::before{height:1100px;opacity:.22}
#analysis::before,.solution-section::before{opacity:.3}
#why{background:radial-gradient(ellipse at 110% 0%,#c7eaff,transparent 48%),linear-gradient(160deg,#fafdff,#edf5ff)}
#how{background:radial-gradient(ellipse at 0% 100%,#bfe9f5,transparent 55%),radial-gradient(ellipse at 95% 0%,#d9ddff,transparent 55%),#edf4ff}
#who{background:radial-gradient(ellipse at 105% 0%,#b9e9f6,transparent 50%),linear-gradient(140deg,#f6fbff,#e6edff)}
#records{background:radial-gradient(ellipse at 0% 100%,#c2e8f5,transparent 50%),linear-gradient(120deg,#edf8ff,#e1e9ff)}
#pricing{background:radial-gradient(ellipse at 90% 0%,#c7dfff,transparent 35%),radial-gradient(ellipse at 0% 100%,#c7edf5,transparent 45%),#edf4ff}
#product::after,#analysis::after,#paper-trail::after,.solution-section::after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#8bd6fc80,transparent);pointer-events:none}
#product .chapter-n{font-size:30px;letter-spacing:-.07em;font-weight:500;opacity:.8}
#product .chapter-img,#product .stage{box-shadow:0 28px 90px -24px #020a23aa,0 0 0 1px #79b8eb38}
.problem-flow{padding:clamp(22px,3vw,40px);border-radius:32px;background:linear-gradient(125deg,#dcecffbb,#ffffffbb);border:1px solid #ffffff;box-shadow:0 24px 64px -40px #17468b55}
.system:nth-child(1) .system-icon{background:#dce9ff;color:#244fa2}
.system:nth-child(2) .system-icon{background:#d9f1f7;color:#176780}
.system:nth-child(3) .system-icon{background:#e6e6ff;color:#5352a0}
.hub{background:radial-gradient(ellipse at 50% 0%,#3269aa,transparent 80%),#102955;box-shadow:0 24px 55px -24px #17438a77,inset 0 1px 0 #bde4ff66}
.step{box-shadow:0 18px 50px -28px #174e9655,inset 0 2px 0 #ffffff}
.role,.fit{background:linear-gradient(150deg,#ffffff,#f5faff);box-shadow:0 18px 48px -32px #153d7c55}
#paper-trail .pillar{background:linear-gradient(145deg,#20477c,#102b60);box-shadow:inset 0 1px 0 #a5d8ff28}
#paper-trail .receipt{box-shadow:0 32px 80px -24px #030e3499,0 0 0 1px #81bcee44;transform:rotate(1deg)}
#analysis .recipe{border:1px solid #5b89ae33}
#analysis .recipe[aria-pressed=true]{background:linear-gradient(120deg,#255080,#173c70);border-color:#9ce5f1}
.pricing-featured{position:relative;overflow:hidden}
.pricing-featured::before{content:"";position:absolute;left:15%;right:15%;top:0;height:3px;background:linear-gradient(90deg,transparent,#bff4ff,transparent)}
.solution-section .solution-card{background:linear-gradient(145deg,#214677,#14335f);border-top-color:#80a8ce;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.solution-section .solution-card:hover{transform:translateY(-4px)}
.closing::after{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:var(--cobalt-contours) right center/1000px 800px no-repeat;opacity:.28;mask-image:linear-gradient(90deg,transparent,#000)}
@media(max-width:700px){#why::before,#who::before,#deploy::before,#pricing::before{opacity:.24;width:100%}.problem-flow{padding:22px}.solution-section .solution-card:hover{transform:none}#paper-trail .receipt{transform:none}}
@media(prefers-reduced-motion:reduce){.solution-section .solution-card{transition:none}}
/* Give the long page breathing room between the illustrated sections. */
#why::before,#deploy::before,#analysis::before{display:none}
#product::before{opacity:.13}
#who::before{opacity:.26}
.solution-section::before{opacity:.15}
.closing .closing-bg{display:none}
.contact-dialog .field,.contact-dialog form{min-width:0}
.contact-dialog .field input,.contact-dialog .field select{min-width:0;width:100%}
@media(max-width:700px){.pricing-selector select{font-size:14px;padding-inline:12px}}

/* Privacy and accountable execution lead the story, alongside the product value. */
.hero .hero-eyebrow{margin:0;color:#b9f2ff;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.12em;text-transform:uppercase;text-wrap:balance}
.hero .hero-copy{max-width:1220px}
.hero .hero-copy .display-1{font-size:clamp(38px,5.3vw,76px);max-width:29ch}
.hero .hero-copy .lede{max-width:73ch;text-wrap:pretty}
.hero-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:16px;margin-top:18px;text-align:left}
.hero-trust-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:24px 26px;background:linear-gradient(145deg,#0c265bcf,#102c67bd);border:1px solid #addcff3d;border-radius:20px;box-shadow:inset 0 1px 0 #ffffff0d,0 16px 32px -24px #03123380}
.hero-trust-top{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#b4dcff;font-size:10px;font-weight:650;letter-spacing:.13em}
.hero-trust-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#8be5ff17;border:1px solid #9cddff26;color:#a5f0f5}
.hero-trust-icon svg{width:23px;height:23px}
.hero-trust-card h2{margin:0;color:#fff;font-size:clamp(19px,1.6vw,23px);font-weight:600;line-height:1.25;letter-spacing:-.025em;text-wrap:balance;max-width:25ch}
.hero-trust-card p{margin:12px 0 18px;color:#c4d8f3;font-size:14px;line-height:1.6;text-wrap:pretty}
.hero-trust-card a{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:auto;color:#bff4ff;font-size:12px;font-weight:650;text-decoration:none}
.hero-trust-card a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.hero-trust-card a:focus-visible{outline:2px solid #bff4ff;outline-offset:5px;border-radius:4px}
.trust-execution{background:linear-gradient(145deg,#103367cf,#172c70bd)}
.trust-evidence{background:linear-gradient(145deg,#1b2d73cf,#182864bd)}
@media(max-width:900px){.hero-trust{grid-template-columns:1fr;gap:12px;max-width:640px}.hero-trust-card{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;padding:22px}.hero-trust-top{display:contents}.hero-trust-top>span:last-child{grid-column:2;grid-row:1;align-self:center}.hero-trust-icon{grid-column:1;grid-row:1/3;align-self:start}.hero-trust-card h2{grid-column:2;grid-row:2;margin-top:7px;font-size:21px;max-width:30ch}.hero-trust-card p{grid-column:2;margin:10px 0 2px}.hero-trust-card a{grid-column:2;margin-top:6px}.hero .hero-copy .display-1{font-size:clamp(36px,6.5vw,58px)}}
@media(max-width:480px){.hero .hero-copy{gap:20px}.hero .hero-eyebrow{font-size:9px;letter-spacing:.09em;max-width:32ch}.hero .hero-copy .display-1{font-size:clamp(32px,8.6vw,41px);letter-spacing:-.04em}.hero .hero-copy .lede{font-size:16px;line-height:1.6}.hero-trust{margin-top:10px}.hero-trust-card{padding:20px 18px;column-gap:12px;grid-template-columns:32px minmax(0,1fr)}.hero-trust-icon{width:32px;height:32px;border-radius:9px}.hero-trust-icon svg{width:20px;height:20px}.hero-trust-top>span:last-child{font-size:9px}.hero-trust-card h2{font-size:19px}.hero-trust-card p{font-size:13px}.hero-trust-card a{font-size:11px}}

/* Quiet emphasis within the user's subheading; preserve natural line wrapping. */
.hero .hero-copy .lede .hero-emphasis{color:#d4fbff;font-weight:600;background:linear-gradient(transparent 80%,rgba(148,226,246,.16) 80%);text-shadow:0 0 18px rgba(160,236,255,.12);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* Small, distinct color accents soften the cobalt hero. */
.hero .hero-actions .btn-primary,.site-header .site-header-cta{background:#f5eee5;color:#182c50;border-color:#fff7ed;box-shadow:0 8px 28px #04164c38,inset 0 1px 0 #ffffffc7}
.hero .hero-actions .btn-primary:hover,.site-header .site-header-cta:hover{background:#fff9f1;color:#182c50;border-color:#fffaf5;box-shadow:0 12px 32px #04164c42,0 0 20px #f4dcc31a}
.hero .hero-eyebrow{color:#ddd8eb}
.hero-trust-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,rgb(var(--trust-rgb)/.12),transparent 72%),var(--trust-surface);border-color:rgb(var(--trust-rgb)/.25);box-shadow:inset 0 1px 0 rgb(var(--trust-rgb)/.1),0 18px 38px -24px #03123370}
.hero-trust-card::before{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--trust-rgb)/.65),transparent);pointer-events:none}
.trust-privacy{--trust-rgb:185 226 208;--trust-surface:#172d35;--trust-accent:#b9e2d0}
.trust-execution{--trust-rgb:217 204 242;--trust-surface:#282b43;--trust-accent:#d9ccf2}
.trust-evidence{--trust-rgb:240 209 165;--trust-surface:#302e3a;--trust-accent:#f0d1a5}
.hero-trust-card .hero-trust-top{color:var(--trust-accent)}
.hero-trust-card .hero-trust-icon{color:var(--trust-accent);background:rgb(var(--trust-rgb)/.1);border-color:rgb(var(--trust-rgb)/.23)}
.hero-trust-card p{color:#d1d9e5}
.hero-trust-card a{color:var(--trust-accent)}
.hero-trust-card a:hover{color:#fff9f2}
.hero-trust-card a:focus-visible{outline-color:var(--trust-accent)}
.hero .hero-copy .lede .hero-emphasis{color:#f4d9b5;background:linear-gradient(transparent 80%,#f4d9b51a 80%);text-shadow:0 0 18px #f4d9b514}


/* Pearl action on the softly outlined blue navigation. */
.site-header .site-header-cta{border-color:transparent;box-shadow:0 3px 10px #080e1c12}

/* A little more brand presence on arrival; the scrolled header stays compact. */
.site-header .site-header-bar{transition:width .4s var(--ease-spring),height .3s ease,background .3s,padding .3s ease}
.site-header .wordmark{transition:font-size .3s ease}
.site-header:not(.is-scrolled) .site-header-bar{width:min(1240px,calc(100% - 2 * var(--gutter)));height:66px;padding-left:22px;padding-right:10px}
.site-header:not(.is-scrolled) .wordmark{font-size:29px}
.site-header:not(.is-scrolled) .site-nav a{font-size:14px}
.site-header:not(.is-scrolled) .site-header-cta{height:46px;font-size:14px;padding-inline:20px}
@media(max-width:900px){.site-header:not(.is-scrolled) .site-header-bar{height:62px;padding-left:20px;padding-right:10px}.site-header:not(.is-scrolled) .wordmark{font-size:26px}}
@media(prefers-reduced-motion:reduce){.site-header .site-header-bar,.site-header .wordmark{transition:none}}
.site-header .site-nav a{white-space:nowrap}
@media(min-width:901px) and (max-width:1100px){.site-header .site-nav a{padding-inline:8px}.site-header:not(.is-scrolled) .site-header-cta{padding-inline:16px}}
/* Responsive polish: preserve readable UI instead of scaling the whole demo. */
.dw{--u:1px}
.dw-chat,.dw.has-panel .dw-chat{left:auto;right:16px;width:min(560px,calc(100% - 480px))}
.claim>*{min-width:0}
.claim .btn{max-width:100%;height:auto;min-height:50px;padding-block:12px;white-space:normal;text-align:center}
.package{white-space:pre-wrap;overflow-wrap:anywhere}
@media(min-width:1101px) and (max-width:1500px){.dw-corner{display:none}.dw-bar{left:16px}}
@media(max-width:1100px){.dw{--u: 1px;aspect-ratio:auto;display:flex;flex-direction:column;border-radius:18px;font-size:13px}
.dw-map{position:relative;aspect-ratio:4 / 3;order:2}
.dw-map img{-o-object-position:62% 40%;object-position:62% 40%}
.dw-corner{display:none}
.dw-bar{position:relative;order:0;left:auto;right:auto;top:auto;margin:14px 14px 0;height:auto;flex-wrap:wrap;padding:10px 10px 10px 14px;row-gap:10px;border-radius:22px}
.dw-search{flex-basis:100%;order:10;height:42px}
.dw-divider,.dw-iwant svg,.dw-icon{display:none}
.dw-chat-toggle{margin-left:auto}
.dw-brand{font-size:15px}
.dw-brand img{width:24px;height:24px}
.dw-iwant{padding:0 10px}
.dw-layers-btn{position:relative;order:1;right:auto;top:auto;margin:10px 14px 0 auto}
.dw-toolbar{position:absolute;left:10px;top:auto;bottom:34px;transform:none;width:auto;grid-auto-flow:column;padding:4px;border-radius:999px}
.dw.has-panel .dw-toolbar{left:10px}
.dw-toolbar button:nth-child(n+6){display:none}
.dw-panel,.dw-chat,.dw-dock{position:relative;order:3;inset:auto;width:auto;height:auto;max-height:none;margin:12px 14px 0;border-radius:18px;animation:none}
.dw.has-panel .dw-chat{left:auto}
.dw-panel-body,.dw-chat-log,.dw-dock-body{overflow:visible}
.dw-chat-log{max-height:340px;overflow:auto}
.dw-menu{width:min(340px,calc(100vw - 60px))}
.dw-scrim{position:fixed;z-index:50;padding:16px}
.dw-dialog,.dw-dialog.report,.dw-dialog.exporter{width:100%}
.dw-toast,.dw-hint{position:fixed;bottom:16px;z-index:60}
.dw.has-panel .dw-toast,.dw.has-panel .dw-hint{left:50%}
.dw-attrib{position:relative;order:4;margin-top:12px}
.dw-sect dl div{grid-template-columns:100px 1fr}
}
@media(max-width:1100px){
 .dw-chat,.dw.has-panel .dw-chat{inset:auto;width:auto}
 .dw-toolbar,.dw.has-panel .dw-toolbar{position:relative;inset:auto;transform:none;order:3;align-self:center;margin:12px 14px 0;max-width:calc(100% - 28px);width:auto;grid-auto-flow:column}
 .dw-toolbar button{width:44px;height:44px}
 .dw-result-action{position:relative;order:3;inset:auto;max-width:none;margin:12px 14px 0;display:none;justify-content:center;text-align:center}
 .dw-result-action.show{display:flex}
 .dw-panel,.dw-dock{max-height:620px}
 .dw-panel-body,.dw-dock-body{overflow:auto;overscroll-behavior:contain}
 .dw-brand,.dw-chat-toggle,.dw-iwant{min-height:44px}
 .dw-search{height:46px}
 .dw-search input,.dw-chat-input textarea{font-size:16px}
 .dw-examples{font-size:14px}
 .dw-layers-btn{min-height:44px}
 .dw-map{aspect-ratio:16/10;margin-top:12px}
 .dw-attrib{padding:8px 14px;line-height:1.5}
}
@media(max-width:380px){
 .hero-copy .display-1{font-size:clamp(32px,10.2vw,38px)}
 .hero-copy .lede{font-size:16px}
 .claim{padding:24px}
 .claim h3{font-size:28px}
 .receipt{padding:20px 18px}
 .receipt-head{flex-wrap:wrap}
 .pricing-card{padding:22px}
 .workload-results{grid-template-columns:1fr;gap:18px}
 .hero-proof span{align-items:flex-start}
 .hero-proof svg{margin-top:3px}
 .dw-bar{margin:10px 10px 0;padding:8px;column-gap:4px}
 .dw-brand{font-size:13px}.dw-brand img{width:22px;height:22px}
 .dw-iwant{padding:0 6px;font-size:12px}
 .dw-chat-toggle{padding-inline:8px}
}
@media(max-height:600px){.contact-dialog{max-height:calc(100dvh - 20px)}.site-dialog .dialog-inner{padding:24px}.site-menu{overflow-y:auto}}
@media(prefers-reduced-motion:reduce){.dw-result-action{transition:none}}
/* Keep hero decoration behind every interactive surface. */
.hero .hero-veil{z-index:0}
.hero>.wrap-wide{position:relative;z-index:1}
.section .btn{max-width:100%;height:auto;min-height:50px;padding-block:12px;white-space:normal;text-align:center}
@media(min-width:641px) and (max-width:1100px){.rail>.step:last-child{grid-column:1/-1;min-height:0}.rail>.step:last-child p{max-width:70ch}}
@media(max-width:600px){
 .dw-bar{column-gap:6px}
 .dw-brand{font-size:14px;gap:5px;padding-right:0}
 .dw-iwant{padding-inline:6px;font-size:12px}
 .dw-chat-toggle{font-size:11px;padding-inline:8px}
 .dw-panel-head{grid-template-columns:minmax(0,1fr) 44px;padding:18px 16px 14px;align-items:center}
 .dw-panel-head>.dw-tabs{grid-row:2;grid-column:1/-1;justify-self:stretch}
 .dw-panel-head>.dw-x{grid-row:1;grid-column:2;width:44px;height:44px}
 .dw-tabs button{flex:1;min-height:44px;font-size:13px}
 .dw-panel-head h3{white-space:normal}
 .dw-attrib{white-space:normal;font-size:10px}
 .dw-attrib b{float:none;display:block;margin:4px 0 0}
}
@media(max-width:380px){.dw-brand{font-size:0;gap:0}.dw-brand img{width:28px;height:28px}.dw-chat-head{padding:16px}.dw-chat-head h3{font-size:18px}}

/* Screenshot viewer owns its layout; gallery image rules must never leak in. */
.viewer{position:fixed;inset:0;margin:auto;width:min(1600px,96vw);height:min(940px,92dvh);max-width:96vw;max-height:92dvh;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:#0a1222;color:#eff5ff;padding:0}
.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.viewer .viewer-head{position:relative;inset:auto;display:flex;gap:16px;align-items:flex-start;padding:20px 24px;background:#111e34;border-bottom:1px solid #ffffff15}
.viewer .viewer-title{min-width:0;display:grid;gap:6px}
.viewer .viewer-title small{margin:0;font-size:10px;letter-spacing:.14em;color:#92b8f6;font-weight:700}
.viewer .viewer-title strong{font-size:16px;line-height:1.35;font-weight:600;text-wrap:balance}
.viewer button{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:44px;padding:0 16px;border:1px solid #ffffff36;border-radius:12px;background:#1d304d;color:#f5f9ff;font:600 14px/1.2 var(--font-sans);white-space:nowrap;cursor:pointer}
.viewer .viewer-close{margin-left:auto}.viewer-close>span:first-child{font-size:24px;font-weight:400}
.viewer button:hover{background:#2a456c}.viewer button:focus-visible,.viewer-viewport:focus-visible{outline:3px solid #96d8ff;outline-offset:-3px}
.viewer .viewer-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;background:radial-gradient(ellipse at 50% 50%,#15223b,#070e1b)}
.viewer .viewer-canvas{width:100%;height:100%;display:grid;place-items:center;margin:auto}
.viewer .viewer-image{position:static;inset:auto;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transform:none;border-radius:0;box-shadow:none;opacity:1}
.viewer .viewer-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;background:#111e34;border-top:1px solid #ffffff15;color:#b4c7e5;font-size:13px;line-height:1.4}
.viewer .viewer-foot button{background:#c3e8ff;color:#0b254b;border:0;min-width:110px}
.viewer .viewer-error{padding:24px;color:#eff5ff;font-size:16px}.viewer-error a{text-decoration:underline}
@media(max-width:760px){
 .viewer{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}
 .viewer .viewer-head{padding:calc(18px + env(safe-area-inset-top)) 18px 16px;gap:12px}
 .viewer .viewer-title strong{font-size:15px}
 .viewer .viewer-close{padding:0 12px;gap:6px}
 .viewer .viewer-foot{padding:14px 18px calc(14px + env(safe-area-inset-bottom));font-size:12px}
 .viewer .viewer-foot>span{max-width:20ch}
 .chapter-img .enlarge{position:absolute;right:10px;bottom:10px;min-height:44px;background:#101f39ed;border:1px solid #ffffff40}
}
@media(max-height:480px){.viewer .viewer-head{padding:8px 16px}.viewer .viewer-title small{display:none}.viewer .viewer-foot{padding:8px 16px}}

/* A guided, touch-sized tour on phones, using the same recorded result data. */
.mobile-demo-intro,.mobile-map-credits{display:none}
@media(max-width:1100px){
 .dw{background:#0d192d;border:1px solid #9bc9ff52;border-radius:24px;box-shadow:0 24px 64px #03123442;overflow:hidden}
 .dw>.dw-bar,.dw>.dw-corner,.dw>.dw-toolbar,.dw>.dw-layers-btn,.dw>.dw-attrib,.dw>.dw-hint,.dw>.dw-result-action{display:none}
 .mobile-demo-intro{display:block;order:0;padding:22px 20px 18px;background:linear-gradient(145deg,#172d50,#0d192d 80%)}
 .mobile-demo-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}
 .mobile-demo-brand>span:first-child{display:flex;align-items:center;gap:7px;color:#f4f8ff;font-size:17px;font-weight:750;letter-spacing:-.03em}
 .mobile-demo-brand img{position:static;width:28px;height:28px}
 .mobile-demo-tag{font-size:9px;letter-spacing:.13em;color:#a4c5ef;font-weight:700}
 .mobile-demo-options{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#081326;border:1px solid #a4caff24;border-radius:12px}
 .mobile-demo-options button{min-height:44px;padding:8px 6px;border:0;border-radius:8px;background:transparent;color:#adc1dc;font:600 12px/1.3 var(--font-sans)}
 .mobile-demo-options button[aria-pressed=true]{background:#2a4872;color:#fff;box-shadow:0 2px 5px #0003}
 .mobile-demo-question{padding:22px 0 18px}
 .mobile-demo-eyebrow{font-size:9px;font-weight:700;letter-spacing:.14em;color:#8dd6e9}
 .mobile-demo-question p{margin:8px 0 0;color:#f5f8ff;font-size:clamp(19px,5.3vw,25px);font-weight:550;line-height:1.4;letter-spacing:-.025em;white-space:normal;overflow-wrap:break-word;text-wrap:pretty}
 .mobile-demo-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
 .mobile-demo-actions button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 14px;border-radius:12px;font:650 13px/1.3 var(--font-sans)}
 .mobile-demo-run{background:#c5e9ff;color:#102c50;box-shadow:0 5px 20px #66beff1f}
 .mobile-demo-run>span{font-size:19px}.mobile-demo-run:hover{background:#e3f5ff}
 .mobile-demo-layers{border:1px solid #a4caff40;background:#ffffff05;color:#dceaff}
 .mobile-demo-intro button:focus-visible{outline:3px solid #92ddff;outline-offset:3px}
 .mobile-demo-caption{margin:14px 0 0;color:#91a9cb;font-size:11px;line-height:1.55}
 .dw>.dw-map{order:1;margin:0;aspect-ratio:4/3;border-block:1px solid #b5d5ff26}
 .mobile-map-credits{display:block;order:2;margin:0;padding:0 16px;background:#14243b;color:#b7cbe6;font-size:10px;line-height:1.6}
 .mobile-map-credits summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;cursor:pointer;list-style:none;gap:10px}
 .mobile-map-credits summary::-webkit-details-marker{display:none}
 .mobile-map-credits summary>span{color:#8dabd4}
 .mobile-map-credits p{margin:0;padding-bottom:14px;font-size:10px;line-height:1.7;color:#a3bddd}
 .dw>.dw-panel,.dw>.dw-chat,.dw>.dw-dock{order:3;margin:12px;max-height:none;border:1px solid #a4caff26;border-radius:16px;box-shadow:none}
 .dw-panel-body,.dw-dock-body{overflow:visible;max-height:none}
 .dw-panel-head{padding:16px 14px 12px}
 .dw>.dw-chat{display:none}
}
@media(max-width:359px){.mobile-demo-intro{padding:18px 14px 16px}.mobile-demo-tag{font-size:8px}.mobile-demo-actions{gap:8px}.mobile-demo-actions button{padding-inline:10px;font-size:12px}}
@media(max-width:1100px){.dw .mobile-demo-run{color:#102c50}.dw .mobile-demo-layers{color:#dceaff}}
.viewer .viewer-canvas{display:block}
.viewer .viewer-image{min-width:0;min-height:0}
.mobile-parcel-pagination{display:none}
@media(max-width:1100px){
 .dw-panel-body{padding:16px;min-width:0}
 .dw-list-tools{display:grid;grid-template-columns:1fr 1fr;justify-self:stretch;gap:4px}
 .dw-list-tools button{min-height:44px;justify-content:center}
 .dw-explorer{grid-template-columns:1fr}
 .dw-explorer button:disabled{display:none}
 .dw-rows .mobile-other-page{display:none}
 .dw-rows button{min-height:54px;line-height:1.5}
 .mobile-parcel-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#afc6e7;font-size:12px}
 .mobile-parcel-pagination button{width:44px;height:44px;border:1px solid #a4caff3b;background:#20344f;border-radius:10px;font-size:20px}
 .mobile-parcel-pagination button:disabled{opacity:.35}
 .dw-panel,.dw-dock{scroll-margin-top:100px}
}
@media(min-width:761px) and (max-width:1100px){.mobile-demo-intro{padding:28px 32px}.mobile-demo-options{max-width:420px}.mobile-demo-question p{max-width:36ch}.mobile-demo-actions{max-width:420px}.dw>.dw-map{aspect-ratio:16/9}}
/* Shared edge colors bridge adjacent sections through their empty padding.
   The content keeps its original background and contrast. */
:root{--section-blend:clamp(56px,8vw,116px)}
#how{--edge-in:16 43 105;--edge-out:237 244 255}
#why{--edge-in:237 244 255;--edge-out:126 158 203}
#product{--edge-in:126 158 203;--edge-out:18 48 104}
#paper-trail{--edge-in:18 48 104;--edge-out:124 153 195}
#who{--edge-in:124 153 195;--edge-out:113 149 193}
#analysis{--edge-in:113 149 193;--edge-out:122 157 195}
#records{--edge-in:122 157 195;--edge-out:235 244 255}
#deploy{--edge-in:235 244 255;--edge-out:232 242 255}
#pricing{--edge-in:232 242 255;--edge-out:114 151 199}
.solution-section{position:relative;--edge-in:114 151 199;--edge-out:18 54 119}
#why::after,#how::after,#product::after,#paper-trail::after,#who::after,#analysis::after,#records::after,#deploy::after,#pricing::after,.solution-section::after{
 content:"";position:absolute;inset:0;width:auto;height:auto;z-index:-1;pointer-events:none;
 background:linear-gradient(to bottom,rgb(var(--edge-in)) 0%,rgb(var(--edge-in)/.82) 22%,rgb(var(--edge-in)/.28) 65%,rgb(var(--edge-in)/0) 100%) top/100% var(--section-blend) no-repeat,
 linear-gradient(to top,rgb(var(--edge-out)) 0%,rgb(var(--edge-out)/.82) 22%,rgb(var(--edge-out)/.28) 65%,rgb(var(--edge-out)/0) 100%) bottom/100% var(--section-blend) no-repeat;
}
.hero::after{content:"";position:absolute;bottom:0;left:0;right:0;height:64px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(16,43,105,0),#102b69)}
.marquee{border:0}
.closing .closing-veil{background:linear-gradient(to bottom,#123677,rgba(18,54,119,0)) top/100% var(--section-blend) no-repeat,linear-gradient(to top,#081c40,rgba(8,28,64,0)) bottom/100% var(--section-blend) no-repeat}
.site-footer{border-top:0}
/* A focused, interactive story replaces the question list and connector diagram. */
#why.problem-story{background:radial-gradient(ellipse at 95% 40%,#e4dfef70,transparent 60%),#f1f5fc}
.problem-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.problem-heading .kicker{margin-bottom:22px}
.problem-heading h2{margin:0;color:#15294b;font-size:clamp(32px,3.9vw,54px);font-weight:600;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}
.problem-heading h2 span{color:#64748c}
.problem-heading>p{font-size:17px;line-height:1.7;max-width:36ch;color:#53647d;margin:0 0 3px;text-wrap:pretty}
.problem-workspace{overflow:hidden;border-radius:28px;background:#101d34;border:1px solid #d7e3f4;box-shadow:0 30px 70px -40px #1a365b66,inset 0 1px 0 #ffffff22}
.problem-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 32px;border-bottom:1px solid #ffffff18}
.problem-toolbar-label{color:#9caec7;font-size:12px;font-weight:500;letter-spacing:.05em}
.problem-options{display:flex;gap:6px;flex-wrap:wrap}
.problem-options button{border:1px solid transparent;border-radius:99px;padding:10px 16px;min-height:44px;background:transparent;color:#bbcadf;font:inherit;font-size:13px;cursor:pointer;transition:background .2s,color .2s}
.problem-options button:hover{background:#ffffff0c;color:#fff}
.problem-options button[aria-pressed=true]{background:#e2e8f0;color:#172b49;box-shadow:0 2px 6px #0002}
.problem-options button:focus-visible,.problem-resolution a:focus-visible{outline:3px solid #c0a6f3;outline-offset:4px}
.problem-example{display:grid;grid-template-columns:1fr 1fr;min-height:365px}
.problem-question{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:38px 42px 34px;background:radial-gradient(ellipse at 0 100%,#55475740,transparent 75%);border-right:1px solid #ffffff14}
.problem-scene{font-size:12px;color:#bac6d8;line-height:1.5}
.problem-quote-mark{font-family:Georgia,serif;font-size:76px;line-height:1;height:55px;margin-top:24px;color:#dfc3a0}
.problem-question h3{font-size:clamp(26px,2.6vw,36px);line-height:1.17;letter-spacing:-.035em;color:#fff6eb;max-width:18ch;font-weight:500;margin:0 0 28px;text-wrap:pretty}
.problem-question>p{margin:auto 0 0;color:#95a6c0;font-size:13px;line-height:1.65}
.problem-question>p strong{font-weight:400;color:#c4d0e2}
.problem-sources{padding:34px 36px 28px}
.problem-sources-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#99abc5;margin-bottom:8px}
.problem-source{display:grid;grid-template-columns:38px 1fr;gap:16px;align-items:start;padding:21px 0;border-bottom:1px solid #ffffff12}
.problem-source-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#b9e2d014;color:#b9e2d0;border:1px solid #b9e2d020}
.problem-source-icon svg{width:21px;height:21px}.source-permit .problem-source-icon{background:#d9ccf214;color:#d9ccf2;border-color:#d9ccf220}.source-files .problem-source-icon{background:#f0d1a514;color:#f0d1a5;border-color:#f0d1a520}
.problem-source-title{display:flex;align-items:center;justify-content:space-between;gap:12px}
.problem-source h4{font-size:16px;color:#eef3fa;font-weight:550;margin:0;line-height:1.5}
.problem-source-title>span{font-size:11px;white-space:nowrap;color:#b5c4d9}
.problem-source p{font-size:14px;line-height:1.6;color:#aebed3;margin:4px 0 0;text-wrap:pretty}
.problem-last-mile{font-size:13px;line-height:1.6;color:#bdc9db;margin:20px 0 0}
.problem-resolution{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;padding:28px 32px;background:linear-gradient(110deg,#dcebe5,#eaf0ed 75%);color:#203c39;border-top:1px solid #ffffff55}
.problem-resolution-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;padding-right:26px;border-right:1px solid #203c3925;white-space:nowrap}
.problem-resolution h3{font-size:23px;line-height:1.2;font-weight:550;letter-spacing:-.035em;margin:0 0 5px;color:#193d36}
.problem-resolution p{font-size:14px;color:#46665e;line-height:1.6;margin:0}
.problem-resolution a{display:flex;align-items:center;gap:20px;min-height:44px;color:#234c43;font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;border-bottom:1px solid #234c4340}
.problem-resolution a:hover{border-color:#234c43}
.problem-footnote{font-size:13px;text-align:center;color:#596b84;line-height:1.6;margin:24px 0 0}
@media(max-width:1000px){.problem-heading{gap:30px;grid-template-columns:1.25fr 1fr}.problem-question{padding:30px}.problem-sources{padding:30px 24px}.problem-resolution{gap:20px;padding:24px}.problem-resolution-brand{padding-right:20px}.problem-source-title{display:block}.problem-source-title>span{display:block;margin-top:2px}}
@media(max-width:700px){.problem-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.problem-heading>p{font-size:15px;max-width:44ch}.problem-heading h2{font-size:36px}.problem-heading .kicker{margin-bottom:16px}.problem-workspace{border-radius:22px}.problem-toolbar{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.problem-options{gap:4px;width:100%}.problem-options button{font-size:12px;padding:9px 8px;flex:1;line-height:1.3}.problem-example{grid-template-columns:1fr;min-height:0}.problem-question{padding:26px;border-right:0;border-bottom:1px solid #ffffff18}.problem-quote-mark{margin-top:18px;height:44px;font-size:64px}.problem-question h3{font-size:30px;max-width:20ch;margin-bottom:20px}.problem-question>p br{display:none}.problem-question>p strong{margin-left:4px}.problem-sources{padding:26px}.problem-source-title{display:flex}.problem-source{gap:12px;padding:18px 0}.problem-source-title>span{font-size:10px}.problem-source h4{font-size:14px}.problem-resolution{grid-template-columns:1fr;gap:18px;padding:26px}.problem-resolution-brand{border:0;padding:0}.problem-resolution h3{font-size:25px}.problem-resolution a{justify-self:start}.problem-footnote{font-size:12px;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.problem-options button{transition:none}}

.problem-sources-label>span:last-child{white-space:nowrap}
