@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#102b4d;--blue:#357eea;--muted:#5f6e80;--paper:#fafaf7;--line:#dce2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #357eea;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-.055em}h1{font-size:clamp(54px,6.7vw,98px);font-weight:600}h2{font-size:clamp(36px,4.2vw,58px);font-weight:500}h3{font-size:26px;letter-spacing:-.035em}p{color:var(--muted)}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{max-width:1440px;padding:25px 48px;display:flex;align-items:center;gap:38px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1;font-weight:800;font-size:25px;letter-spacing:-1px}.brand small{display:block;font-size:6px;letter-spacing:2px;text-align:right;margin-top:5px;color:var(--blue)}nav{display:flex;gap:30px;margin:auto;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;gap:36px;align-items:center;justify-content:space-between;padding:17px 24px;background:var(--ink);color:white;border-radius:5px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#255486;transform:translateY(-2px)}.button span{font-size:20px}.button.small{padding:10px 19px}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:700;color:var(--ink);margin-bottom:24px}.dot{display:inline-block;background:var(--blue);width:7px;height:7px;border-radius:50%;margin-right:8px}.hero{text-align:center;padding-top:75px}.hero h1 span{color:var(--blue)}.intro{font-size:18px;line-height:1.65;margin-top:27px}.actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:32px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.text-link small{color:var(--muted);font-weight:400}.play{font-size:10px;width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #bac8d7;border-radius:50%}.hero-caption{margin-top:64px;margin-bottom:15px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.hero-caption span+span{letter-spacing:0;color:var(--muted);font-size:12px}.hero-shot{padding:9px 9px 0;border:1px solid #d0dce8;border-radius:12px 12px 0 0;background:#e9eff5;box-shadow:0 18px 55px #163e6214;overflow:hidden;max-height:665px}.browserbar{display:flex;align-items:center;gap:5px;height:28px;font-size:9px;color:#6e7c8b;padding:0 8px 8px}.browserbar i{width:5px;height:5px;border-radius:50%;background:#a8b7c6}.browserbar span{margin-left:20px}.browserbar .secure{margin-left:auto;color:#547b6b}.image-button{border:0;background:none;display:block;padding:0;width:100%;cursor:zoom-in}.image-button img{display:block;width:100%;height:auto}.hero-shot img{border-radius:4px}.caption{font-size:11px;text-align:center;padding-top:16px}.feature-strip{display:flex;justify-content:center;align-items:center;gap:38px;border-block:1px solid var(--line);margin-top:50px;padding:25px 24px;font-size:13px}.feature-strip b{font-size:22px;color:#8eaccd;font-weight:400}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading>p{max-width:370px;font-size:16px}.section-heading em{font-style:normal;color:var(--blue)}.tabs{display:flex;border-bottom:1px solid #cbd6e3;gap:12px}.tabs button{flex:1;padding:20px 8px;border:0;border-bottom:3px solid transparent;background:none;font-size:13px;color:var(--muted);text-align:left}.tabs button[aria-selected=true]{color:var(--ink);border-color:var(--blue);font-weight:700}.feature-panel{display:grid;grid-template-columns:34% 66%;margin-top:36px;background:#eef2f6;border-radius:10px;overflow:hidden;min-height:415px}.feature-copy{padding:45px 35px}.feature-copy h3{font-size:31px;line-height:1.2;margin-bottom:20px}.feature-copy p{font-size:14px}.feature-copy ul{margin-top:24px;padding:0;list-style:none;font-size:12px;line-height:2.3}.feature-copy li:before{content:'✓';margin-right:10px;color:var(--blue)}.feature-visual{padding:35px 0 0 22px;display:flex;align-items:center;overflow:hidden;background:#e0e8f0}.feature-visual .image-button{min-width:760px;box-shadow:0 7px 35px #102b4d20;border-radius:6px;overflow:hidden}.feature-visual img{width:100%}.badge{display:inline-block;font-size:9px;letter-spacing:.8px;font-weight:700;border:1px solid #c5b4e6;color:#664292;background:#f4effc;padding:4px 7px;border-radius:4px;margin-bottom:15px}.films{background:var(--ink);color:white}.films .eyebrow,.films h2{color:white}.films p{color:#b6c6d9}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.film-grid video{display:block;width:100%;aspect-ratio:16/9;background:#0b1a2d;border:1px solid #49607a;border-radius:7px}.film-label{display:flex;align-items:center;justify-content:space-between;margin-top:23px}.film-label small{font-size:9px;letter-spacing:1.4px;color:#8dbbf4}.film-label h3{margin-top:9px;letter-spacing:-.03em}.film-label>span{border:1px solid #5c7086;padding:4px 10px;border-radius:20px;font-size:11px}.film-grid article>p{margin-top:13px;font-size:14px;max-width:450px}.film-note{margin-top:30px;font-size:10px}.workflow-section{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center}.workflow-copy>p:not(.eyebrow){margin-top:24px;font-size:15px}.checks{padding:0;list-style:none;font-size:13px;margin:25px 0}.checks li{padding:7px 0}.checks li:before{content:'✓';margin-right:12px;color:var(--blue)}.workflow-art{background:#eef1f8;padding:30px;border-radius:10px;border:1px solid #dce3ef;background-image:radial-gradient(#c7d2e5 .7px,transparent .7px);background-size:14px 14px}.art-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;margin-bottom:35px;color:#6b7c92}.node{display:flex;align-items:center;gap:15px;padding:22px;background:white;border:1px solid #d5dfeb;border-radius:7px;box-shadow:0 4px 12px #163e6207}.node>span:last-child{margin-left:auto}.node small{font-size:8px;letter-spacing:1px;color:#7d8da1;display:block}.node strong{font-size:12px;display:block}.node p{font-size:10px;margin-top:4px}.node-icon{padding:8px 13px;border-radius:7px;font-size:19px}.blue{background:#e6f0ff;color:#357eea}.purple{background:#f0e9ff;color:#8761c7}.green{background:#e4f5ed;color:#22885d}.connector{height:30px;width:1px;background:#c0ccdb;margin:auto}.condition{margin:auto;text-align:center;background:#fff9e8;border:1px solid #eddbad;border-radius:5px;font-size:11px;padding:12px;max-width:290px}.branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branch-label{display:block;text-align:center;font-size:9px;margin:13px}.compact{padding:15px;gap:9px;min-height:105px}.compact .node-icon{padding:5px 8px}.art-note{font-size:9px;text-align:center;margin-top:30px}.records{background:#eef2f3}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.record-grid article{border-top:1px solid #bfccd5;padding-top:25px}.record-grid article>span{font-size:10px;letter-spacing:1px;color:#688298}.record-grid h3{margin-top:22px;font-size:24px}.record-grid p{font-size:14px;margin-top:18px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}details{border-bottom:1px solid var(--line);padding:20px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;font-size:15px;font-weight:600;display:flex;justify-content:space-between;gap:18px}summary:after{content:'+';font-size:20px;color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:14px;margin-top:18px;padding-right:24px}.closing{position:relative;overflow:hidden;background:#102b4d;color:white;padding:85px 0}.closing h2{font-size:clamp(46px,5.5vw,78px);position:relative;z-index:1}.closing h2 span{color:#90bbf8}.closing .eyebrow{color:#a4c6f4}.closing p{color:#b6c8dd;margin:26px 0;font-size:17px}.button.light{background:#fff;color:var(--ink)}.closing small{display:block;margin-top:18px;font-size:11px;color:#a4b8d0}.closing-mark{position:absolute;right:8%;bottom:-125px;font-family:Manrope,sans-serif;font-size:620px;line-height:1;font-weight:800;color:#ffffff06;transform:rotate(-12deg);pointer-events:none}footer{display:flex;align-items:center;gap:30px;padding:35px 0;font-size:11px}footer p{margin-right:auto}dialog{max-width:95vw;width:1350px;padding:46px 12px 12px;border:0;border-radius:8px;background:#fafaf7}dialog::backdrop{background:#061a32cc}dialog img{width:100%;display:block}.dialog-close{position:absolute;right:16px;top:9px;border:0;background:none;color:var(--ink)}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:5}.skip:focus{top:10px}
@media(min-width:1600px){.hero{padding-top:95px}}@media(max-width:1000px){header{padding:22px 28px;gap:20px}nav{gap:16px;font-size:11px}.wrap{width:calc(100% - 56px)}.feature-strip{gap:18px;font-size:11px}.section{padding-block:75px}.feature-panel{grid-template-columns:40% 60%}.feature-copy{padding:30px 24px}.workflow-section{gap:35px;grid-template-columns:1fr 1fr}.workflow-art{padding:20px}.branches{gap:8px}.compact{display:block}.compact .node-icon{display:none}.faq{gap:35px}.record-grid{gap:25px}}
@media(max-width:700px){header{padding:18px 22px;flex-wrap:wrap;justify-content:space-between;gap:18px}.brand{font-size:23px}.header-cta{display:none}.menu{display:block;border:1px solid #ced8e2;padding:7px 12px;border-radius:4px;background:none;color:var(--ink);font-size:12px}nav{display:none;width:100%;margin:0;padding:10px 0;gap:18px;font-size:14px}nav.open{display:grid}.wrap{width:calc(100% - 40px)}.hero{padding-top:48px}h1{font-size:51px;letter-spacing:-.065em}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:20px}.intro{font-size:15px}.actions{gap:20px;flex-direction:column;margin-top:26px}.hero-caption{margin-top:42px;font-size:8px}.hero-caption span+span{display:none}.hero-shot{max-height:none;padding:5px 5px 0;border-radius:6px}.browserbar{height:20px;font-size:7px;padding-inline:2px}.browserbar span{margin-left:7px}.browserbar .secure{display:none}.caption{font-size:9px}.feature-strip{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center;font-size:11px;padding:20px}.feature-strip b{display:none}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px;font-size:14px}h2{font-size:39px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.tabs button{padding:14px 0;font-size:11px}.feature-panel{display:block;margin-top:24px;min-height:0}.feature-copy{padding:26px}.feature-copy h3{font-size:29px}.feature-copy ul{margin-bottom:0}.feature-visual{padding:18px 0 0 18px;height:270px;align-items:flex-start}.feature-visual .image-button{min-width:540px}.film-grid{grid-template-columns:1fr;gap:35px}.film-label h3{font-size:25px}.film-note{font-size:9px}.workflow-section{display:block}.workflow-art{margin-top:35px;padding:22px 16px}.art-label{font-size:7px;gap:10px}.compact{display:flex;padding:12px;min-height:110px}.compact .node-icon{display:none}.node strong{font-size:11px}.record-grid{grid-template-columns:1fr;gap:30px;margin-top:35px}.record-grid h3{margin-top:15px}.record-grid p{margin-top:12px}.faq{display:block}.faq>div+div{margin-top:32px}summary{font-size:14px}.closing{padding:60px 0}.closing h2{font-size:48px}.closing-mark{font-size:400px;right:-50px;bottom:-90px}footer{flex-wrap:wrap;gap:20px;padding-block:28px}footer p{width:calc(100% - 130px);font-size:10px;margin:0}footer>span{margin-right:auto}.button{padding:15px 21px}.text-link{font-size:12px}.text-link small{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
.feature-visual{position:relative}.feature-visual .message-inset{position:absolute;min-width:0;width:235px;right:22px;bottom:20px;border:5px solid white;border-radius:8px;box-shadow:0 12px 40px #102b4d40}.feature-visual .message-inset img{width:100%}@media(max-width:700px){.feature-visual .message-inset{width:145px;right:12px;bottom:10px}}
/* Navy and aqua direction, drawn from The Handoff film. */
:root{--ink:#eef8fa;--blue:#92ded7;--muted:#a7bdcd;--paper:#031b32;--line:#254053}body{background:var(--paper)}header{border-color:#18364b;background:#031b32}.brand img{border-radius:50%}.brand small{color:#94dbd6}.button{background:#9ae1da;color:#05233a}.button:hover{background:#bef0ea}.text-link:hover,nav a:hover{color:#9ae1da}.feature-strip{background:#06243a;border-color:#214355}.feature-strip b{color:#649fba}.tabs{border-color:#284555}.tabs button{color:#a7bdcd}.tabs button[aria-selected=true]{color:#a2e7e0;border-color:#94ded6}.feature-panel{background:#092c43}.feature-copy li:before{color:#94ded6}.feature-visual{background:#12384d}.films{background:#02162b;border-block:1px solid #173b51}.films p{color:#b0c5d3}.film-label small{color:#9ae1da}.workflow-art{background-color:#08273d;border-color:#24495e;background-image:radial-gradient(#345167 .7px,transparent .7px)}.art-label{color:#a6c2d2}.node{background:#10354b;border-color:#2e5265}.node small{color:#a0bacb}.node p{color:#abc3d0}.condition{background:#153e4e;border-color:#4a777e;color:#bdeae5}.connector{background:#446879}.branch-label{color:#b2d8db}.blue{background:#194c63;color:#a7e5ed}.purple{background:#35415b;color:#ccd4ef}.green{background:#194e4b;color:#a1e5d2}.records{background:#08283b}.record-grid article{border-color:#315363}.record-grid article>span{color:#8ec6cc}.closing{background:radial-gradient(ellipse at 80% 80%,#124a58 0,transparent 55%),#02172c;border-top:1px solid #25495b}.closing h2 span,.closing .eyebrow{color:#95dfd7}.button.light{background:#a2e5dd;color:#05233a}.badge{background:#1e3d4d;border-color:#587e8d;color:#bbe7e6}dialog{background:#092b41}.menu{color:#e9f6f8;border-color:#3b6075}.skip{color:#05233a}::selection{background:#91dcd5;color:#031b32}
.video-hero{padding-top:0;text-align:left}.banner-film{position:relative;max-width:1440px;margin:auto;background:#02172d}.banner-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;max-height:760px}.banner-controls{position:absolute;bottom:18px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#03182be8;border:1px solid #36556a;border-radius:5px;color:#c5e4e5;font-size:9px;letter-spacing:1.1px}.banner-controls>span>span{padding:0 8px;color:#6395a4}.banner-controls>div{display:flex;gap:8px}.banner-controls button{border:1px solid #557386;border-radius:4px;background:#092c42;color:#e5f4f4;font-size:11px;padding:5px 12px;letter-spacing:0}.banner-controls button:hover{background:#1e5262}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-block:35px}.hero-bottom h1{font-size:clamp(23px,2.4vw,35px);letter-spacing:-.04em}.hero-bottom h1 span{color:#95dfd7}.hero-bottom .eyebrow{font-size:9px;margin-bottom:13px}.hero-bottom .intro{font-size:14px;margin-top:12px}.video-hero>.caption{text-align:left;width:min(1240px,calc(100% - 96px));margin:auto;padding:0 0 23px;color:#91afc0}.video-hero+.feature-strip{margin-top:0}.hero-bottom .button{flex-shrink:0}.film-label>span{border-color:#4f7b8d}.film-note{color:#a3bdcd}.dialog-close{color:white}
@media(max-width:700px){.banner-film video{min-height:0;max-height:none}.banner-controls{position:static;left:auto;right:auto;bottom:auto;border-radius:0;border-width:1px 0 0;padding:11px 16px;font-size:7px}.banner-controls button{font-size:10px;padding:5px 9px}.hero-bottom{display:block;padding-block:30px}.hero-bottom h1{font-size:30px;line-height:1.2}.hero-bottom h1 span{display:block;margin-top:4px}.hero-bottom .intro{font-size:13px}.hero-bottom .button{margin-top:23px}.video-hero>.caption{width:calc(100% - 40px);font-size:9px}.hero-bottom .eyebrow{font-size:8px;letter-spacing:1px}.feature-visual{background:#12384d}}
header{position:sticky;top:0;z-index:20;max-width:none;padding-inline:max(28px,calc((100vw - 1344px)/2));box-shadow:0 3px 18px #00132344}.conversion-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-start;max-width:460px}.hero-bottom>.conversion-actions{justify-content:flex-end}.conversion-actions .button{gap:18px;padding:14px 18px;font-size:12px}.conversion-actions small{display:block;width:100%;text-align:right;color:#abc2cd;font-size:10px}.button.outline{background:transparent;border:1px solid #6897a6;color:#d9efee}.button.outline:hover{background:#194355}.closing-actions{position:relative;z-index:1;display:flex;gap:14px;flex-wrap:wrap}.conversion-band{padding:38px 0;background:#10394b;border-block:1px solid #325567}.conversion-band>.wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}.conversion-band .eyebrow{margin-bottom:12px;color:#a7e4de}.conversion-band h2{font-size:30px}.conversion-band p:not(.eyebrow){font-size:13px;margin-top:12px}.conversion-band .conversion-actions{flex-wrap:nowrap;gap:24px}.conversion-band .button{white-space:nowrap}.hero-bottom>div:first-child{max-width:760px}.hero-bottom h1{font-size:clamp(23px,2.1vw,31px)}
@media(max-width:1000px){header nav{gap:13px;font-size:10px}.hero-bottom{align-items:flex-start}.hero-bottom>.conversion-actions{max-width:270px}.conversion-actions .button{padding:12px 15px}.conversion-band>.wrap{gap:20px}.conversion-band .conversion-actions{flex-wrap:wrap}}
@media(max-width:700px){header{padding:14px 20px;gap:14px}.header-cta{display:inline-flex!important;margin-left:auto;font-size:11px!important;padding:9px 12px!important;gap:9px}.menu{order:3;padding:7px 9px}header nav{order:4;font-size:14px;gap:16px}.brand{font-size:20px}.brand img{width:28px;height:28px}.brand small{font-size:5px}.hero-bottom>.conversion-actions{max-width:none;justify-content:flex-start;gap:10px;margin-top:22px}.hero-bottom .button{margin-top:0}.conversion-actions small{text-align:left}.conversion-band>.wrap{display:block}.conversion-band h2{font-size:28px}.conversion-band .conversion-actions{margin-top:23px;gap:22px}.closing-actions{gap:12px}.closing-actions .button{gap:20px;padding:14px 18px;font-size:12px}.closing h2{font-size:44px}}

.feature-conversion{margin-top:24px;padding-top:20px;border-top:1px solid #315264}.feature-conversion .text-link{color:#a2e7df}.feature-demo{display:block;margin-top:12px;font-size:12px;color:#c1d8e0}.feature-demo:hover{color:#a2e7df}

/* Balanced light surfaces with navy film and aqua conversion accents. */
:root{--ink:#102d43;--blue:#197e80;--muted:#566b78;--paper:#fafbf9;--line:#d6e1e3}
body{background:var(--paper);color:var(--ink)}header{background:#fafbf9f5;border-bottom:1px solid #dce6e7;box-shadow:0 3px 18px #193f4a08;backdrop-filter:blur(12px)}header .brand small{color:#247f83}header nav a:hover{color:#157e80}.button{background:#146e73;color:#fff}.button:hover{background:#10575d}.menu{color:#14364a;border-color:#bdcfd3}.hero-video-window{position:relative;aspect-ratio:16/7.2;overflow:hidden;background:#031b32}.hero-video-window #hero-video{position:absolute;top:-15%;left:0;width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:contain}.banner-controls{position:static;border-radius:0;border:0;border-top:1px solid #24465c;padding:12px 28px;background:#06243a}.hero-bottom h1 span{color:#197e80}.hero-bottom .eyebrow{color:#237c7d}.hero-bottom .intro{color:#566b78}.conversion-actions small{color:#607582}.video-hero>.caption{color:#71838c}.button.outline{border-color:#729ba1;color:#1b5963;background:transparent}.button.outline:hover{background:#e8f4f1}.feature-strip{background:#edf5f2;border-color:#d5e5df;color:#244956}.feature-strip b{color:#3c8d8c}.tabs{border-color:#cadbdc}.tabs button{color:#617581}.tabs button[aria-selected=true]{color:#146e73;border-color:#218d8c}.feature-panel{background:#eef5f3}.feature-copy li:before{color:#16827e}.feature-visual{background:#dcece8}.feature-conversion{border-color:#c4dad5}.feature-conversion .text-link{color:#146e73}.feature-demo{color:#4a6873}.feature-demo:hover{color:#157b79}.badge{color:#376e71;background:#e2f1ec;border-color:#b6d6cd}.films{background:#06243a;color:#eff9f9;border-color:#173d50}.films .eyebrow{color:#a2e5db}.film-label>span{color:#deeff2}.conversion-band{background:#def0e9;border-color:#bedbd2}.conversion-band .eyebrow{color:#297671}.conversion-band .text-link{color:#1c5962}.workflow-art{background-color:#edf5f2;border-color:#d0e0db;background-image:radial-gradient(#bad3cc .7px,transparent .7px)}.art-label{color:#607b7d}.node{background:#fff;border-color:#ccded8;color:#183b4a}.node small{color:#69828b}.node p{color:#617984}.condition{background:#e3f1e9;border-color:#9fcaba;color:#265f56}.connector{background:#afc8c0}.branch-label{color:#527772}.blue{background:#e2eff3;color:#257e95}.purple{background:#eceaf5;color:#75649d}.green{background:#dbf1e7;color:#228163}.records{background:#edf3f2}.record-grid article{border-color:#bfd2cd}.record-grid article>span{color:#467b7b}.faq details{border-color:#d5e0df}.closing{color:#fff;background:radial-gradient(ellipse at 85% 70%,#174c56 0,transparent 60%),#06243a}.closing .button.light{background:#a2e5db;color:#123f48}.closing .button.outline{color:#d9eeec;border-color:#69989c}.closing .button.outline:hover{background:#214b55}.closing p{color:#b5cdd5}.closing small{color:#b4cbd1}footer .brand small{color:#247f83}.text-link:hover{color:#187c7e}.dialog-close{color:#fff}dialog{background:#092b41}
@media(max-width:700px){.hero-video-window{aspect-ratio:16/7.2}.banner-controls{padding:10px 16px}.feature-visual{background:#dcece8}.hero-bottom h1 span{color:#197e80}}
.hero-video-window{aspect-ratio:16/6.8}.hero-video-window #hero-video{top:-15.88%}

/* Compact split hero keeps both conversion paths in the first screen. */
.split-hero{padding:64px 0 58px}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:52px;align-items:center}.hero-copy h1{font-size:clamp(38px,3.7vw,56px);line-height:1.12;letter-spacing:-.055em}.hero-copy h1 span{color:#197e80}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:22px}.hero-copy .intro{font-size:16px;margin-top:24px;line-height:1.7}.hero-copy .conversion-actions{margin-top:28px;max-width:none;gap:12px;justify-content:flex-start}.hero-copy .conversion-actions .button{font-size:12px;padding:15px 18px;gap:20px}.hero-copy .trial-note{margin-top:17px;font-size:10px;line-height:1.7;color:#687f89}.hero-media{min-width:0}.hero-media .banner-film{border-radius:10px;overflow:hidden;border:1px solid #21465b;box-shadow:0 14px 36px #133b4a15}.hero-media .banner-controls{padding:10px 12px;font-size:7px;letter-spacing:.6px}.hero-media .banner-controls button{font-size:9px;padding:5px 8px}.hero-media .caption{font-size:9px;line-height:1.6;text-align:center;padding-top:13px}.split-hero+.feature-strip{margin-top:0}
@media(max-width:1100px){.hero-grid{gap:28px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:39px}.hero-copy .conversion-actions .button{padding:13px 14px;gap:12px}.hero-media .banner-controls>span{font-size:6px}.hero-media .banner-controls>span>span{padding:0 3px}}
@media(max-width:700px){.split-hero{padding:36px 0 30px}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy h1{font-size:43px}.hero-copy .eyebrow{font-size:8px;margin-bottom:18px}.hero-copy .intro{font-size:14px;margin-top:19px}.hero-copy .conversion-actions{margin-top:22px;gap:10px}.hero-copy .conversion-actions .button{font-size:11px;padding:13px 14px;gap:14px}.hero-copy .trial-note{font-size:9px;margin-top:13px}.hero-media .banner-controls>span{font-size:7px}.hero-media .caption{font-size:8px}.hero-media .banner-film{border-radius:7px}}
@media(max-width:360px){.hero-copy h1{font-size:37px}.hero-copy .conversion-actions .button{font-size:10px;padding:12px;gap:10px}}
/* Narra brand refinement: white and navy foundations, logo blue emphasis. */
:root{--ink:#102b4d;--blue:#438ff5;--muted:#607086;--paper:#fff;--line:#e1e7ef}body{background:#fff;color:#102b4d}header{background:#fffffff5;border-color:#e3e9f1;box-shadow:none}header .brand small,footer .brand small{color:#438ff5}header nav a:hover{color:#2477de}.button{background:#102b4d;color:#fff;border:1px solid #102b4d;border-radius:4px}.button:hover{background:#204773}.button.outline{border-color:#bfccdc;color:#102b4d;background:#fff}.button.outline:hover{background:#f0f5fc}.hero-copy h1 span{color:#438ff5}.hero-copy .eyebrow{color:#71829a}.hero-copy .intro{color:#607086}.hero-copy .trial-note{color:#748197}.split-hero{background:linear-gradient(180deg,#fff 45%,#f7f9fc);padding:75px 0 65px}.hero-grid{gap:60px;grid-template-columns:1fr 1.12fr}.hero-copy h1{font-size:clamp(38px,3.9vw,58px);font-weight:600}.hero-media .banner-film{border-radius:8px;border-color:#233c58;box-shadow:0 22px 45px #102b4d16}.hero-media .caption{color:#7b8798}.banner-controls{background:#0b223c;border-color:#27425e;color:#c7d7e8}.banner-controls button{background:#112f4e;border-color:#49607c}.banner-controls button:hover{background:#284969}.feature-strip{background:#fff;border-color:#e2e8ef;color:#5b6f87;padding-block:23px}.feature-strip b{color:#80b1f3;font-size:17px}.section-heading em{color:#438ff5}.tabs{border-color:#dce4ef}.tabs button{color:#6c7b91}.tabs button[aria-selected=true]{color:#102b4d;border-color:#438ff5}.feature-panel{background:#f5f7fb;border:1px solid #e3e9f1;border-radius:8px}.feature-visual{background:#e9eff7}.feature-copy li:before{color:#438ff5}.feature-conversion{border-color:#d9e2ed}.feature-conversion .text-link{color:#246bc0}.feature-demo{color:#607086}.feature-demo:hover{color:#246bc0}.badge{background:#eef4ff;border-color:#ccdaf2;color:#426b9c}.films{background:#0b223b;border-color:#0b223b}.films .eyebrow,.film-label small{color:#8cbbff}.film-label>span{border-color:#4a627e}.conversion-band{background:#f3f6fb;border-color:#e0e7f0}.conversion-band .eyebrow{color:#537397}.conversion-band .text-link{color:#102b4d}.workflow-art{background-color:#f4f6fa;border-color:#e0e6ef;background-image:radial-gradient(#c7d4e4 .7px,transparent .7px)}.art-label{color:#6a7e96}.node{background:#fff;border-color:#d9e2ee;color:#102b4d;box-shadow:0 3px 8px #102b4d05}.node small{color:#7b8ca3}.node p{color:#607086}.condition{background:#edf3fc;border-color:#bdcfe8;color:#31577f}.connector{background:#bdccdf}.branch-label{color:#637b96}.blue{background:#e8f1ff;color:#438ff5}.purple{background:#f0eef8;color:#7e71a9}.green{background:#e8f3f1;color:#4a8a82}.records{background:#f6f8fb}.record-grid article{border-color:#cfdae8}.record-grid article>span{color:#5c7ba2}.faq details{border-color:#e0e7ef}.closing{background:radial-gradient(ellipse at 85% 70%,#183e6b 0,transparent 60%),#0b223b;color:#fff;border-color:#233e5d}.closing .eyebrow{color:#8cbbff}.closing h2 span{color:#8cbbff}.closing .button.light{background:#fff;color:#102b4d;border-color:#fff}.closing .button.light:hover{background:#eaf2ff}.closing .button.outline{background:transparent;border-color:#7089a7;color:#e4effc}.closing .button.outline:hover{background:#20446b}.closing p{color:#b7c8dd}.closing small{color:#a3b9d3}.menu{color:#102b4d;border-color:#cbd7e5}.text-link:hover{color:#2477de}::selection{background:#d4e6ff;color:#102b4d}
@media(max-width:1100px){.hero-grid{gap:32px}.hero-copy h1{font-size:40px}}@media(max-width:700px){.split-hero{padding:36px 0 30px}.hero-grid{gap:26px;grid-template-columns:1fr}.hero-copy h1{font-size:43px}.feature-visual{background:#e9eff7}}@media(max-width:360px){.hero-copy h1{font-size:37px}}
/* Tighter section rhythm, especially workflow → records. */
.section{padding-top:68px;padding-bottom:68px}.workflow-section{padding-top:64px;padding-bottom:48px}.records{padding-top:54px;padding-bottom:58px}.section-heading{margin-bottom:32px}.record-grid{margin-top:36px}.faq{padding-top:64px;padding-bottom:64px}@media(max-width:700px){.section{padding-block:42px}.workflow-section{padding-top:42px;padding-bottom:32px}.records{padding-top:36px;padding-bottom:40px}.record-grid{margin-top:28px}.faq{padding-block:42px}}
/* Dark navigation, soft fade into the light hero. */
header{background:linear-gradient(110deg,#0a203a 0%,#173b62 72%,#2b537d 100%);color:#fff;border-bottom:1px solid #416487;box-shadow:0 4px 16px #0b223b12}header .brand small{color:#a6cbfc}header nav a:hover{color:#acd0ff}header .header-cta{background:#fff;color:#102b4d;border-color:#fff}header .header-cta:hover{background:#e5efff}header .menu{color:#fff;border-color:#6582a3;background:#ffffff08}.split-hero{background:linear-gradient(180deg,#e8eff7 0%,#f5f8fc 25%,#fff 76%)}

/* New feature films are framed in full; no embedded brand overlays to crop. */
.hero-video-window{aspect-ratio:16/9}.hero-video-window #hero-video{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:16/9;object-fit:contain}.film-grid{gap:38px 28px}.film-grid article:last-child{grid-column:1/-1;max-width:calc(50% - 14px)}@media(max-width:700px){.film-grid article:last-child{max-width:none}.hero-video-window{aspect-ratio:16/9}}

/* Feature names live in each player header; footage remains unobstructed. */
.video-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;background:#102c4b;color:#fff;border-bottom:1px solid #314e6d}.video-heading h2,.video-heading h3{font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3}.video-heading>span{font-size:11px;color:#b4cceb;white-space:nowrap}.hero-media .video-heading{padding:10px 13px}.hero-media .video-heading h2{font-size:14px}.film-grid article>.video-heading{border-radius:7px 7px 0 0}.film-grid article>video{display:block;border-radius:0 0 7px 7px;width:100%}.film-grid article>p{margin-top:14px}@media(max-width:700px){.video-heading{padding:13px 14px}.video-heading h3{font-size:16px}.hero-media .video-heading h2{font-size:13px}}
/* Readable word spacing and a clear transition from the hero into the product. */
h1,h2,h3{word-spacing:.035em}h2{letter-spacing:-.025em;line-height:1.16}h3{letter-spacing:-.015em}.hero-copy h1{letter-spacing:-.035em;line-height:1.15}.section-heading em{display:inline-block;margin-left:.07em;font-style:normal}.feature-strip{background:#f1f5fb;border-top:1px solid #dce5f1;border-bottom:1px solid #dce5f1}.section-heading>p{line-height:1.75}.video-heading h2,.video-heading h3{word-spacing:normal;letter-spacing:0}

/* The embedded player supplies the title; fullscreen keeps the title in the film. */
.hero-video-window,.film-window{position:relative;aspect-ratio:96/49;overflow:hidden;background:#0b223b}.hero-video-window #hero-video,.film-window video{position:absolute;left:0;top:-10.2041%;display:block;width:100%;height:110.2041%;max-height:none;object-fit:fill}.film-window{border-radius:0 0 7px 7px}

.film-window video:fullscreen,.hero-video-window #hero-video:fullscreen{position:static;inset:auto;width:100%;height:100%;object-fit:contain;background:#0b223b}

/* Customer review: approved attribution, private initials avatar. */
.testimonial{padding:44px 0;background:#f1f5fb;border-top:1px solid #dce5f1;border-bottom:1px solid #dce5f1}.review-layout{display:grid;grid-template-columns:240px 1fr;gap:64px;align-items:start}.review-intro .eyebrow{color:#567496;margin-bottom:17px}.review-intro h2{font-size:34px;line-height:1.2}.customer-quote{margin:0}.customer-quote blockquote{margin:0;padding:0}.customer-quote blockquote p{font-size:24px;line-height:1.55;color:#183655;letter-spacing:-.01em}.customer-quote figcaption{display:flex;align-items:center;gap:12px;margin-top:22px}.review-avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#dce9fc;color:#245da3;font-size:14px;font-weight:700;letter-spacing:.04em}.customer-quote figcaption strong{display:block;font-size:14px;font-weight:700}.customer-quote figcaption small{display:block;font-size:11px;color:#62758b;margin-top:2px}@media(max-width:1000px){.review-layout{grid-template-columns:190px 1fr;gap:32px}.review-intro h2{font-size:30px}.customer-quote blockquote p{font-size:21px}}@media(max-width:700px){.testimonial{padding:32px 0}.review-layout{grid-template-columns:1fr;gap:22px}.review-intro h2{font-size:29px}.review-intro h2 br{display:none}.review-intro h2 br:after{content:' '}.customer-quote blockquote p{font-size:19px;line-height:1.6}.customer-quote figcaption{margin-top:18px}}

.review-portrait{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:4px}.review-portrait img{display:block;width:68px;height:68px;object-fit:cover;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #d2deee}.customer-quote .review-portrait small{font-size:9px;line-height:1.2;margin:0;color:#62758b}.customer-quote figcaption{gap:15px}

/* Compact final conversion section. */
.closing{padding:44px 0}.closing p.eyebrow{margin:0 0 18px}.closing .wrap>p:not(.eyebrow){margin:20px 0 22px}.closing small{margin-top:16px}@media(max-width:700px){.closing{padding:32px 0}.closing p.eyebrow{margin-bottom:14px}.closing .wrap>p:not(.eyebrow){margin:16px 0 20px}}

/* Compact trust signals and records protection. */
.trust-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;max-width:540px}.trust-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;background:#f0f5fc;border:1px solid #dbe5f1;border-radius:5px;color:#234568;font-size:10px;line-height:1.3;font-weight:600}.trust-badge svg{width:14px;height:14px;fill:none;stroke:#3977be;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.trust-badge:hover{background:#e5eefb}.hero-copy .trust-context{font-size:9px;line-height:1.5;color:#64738a;max-width:470px;margin-top:8px}.records .record-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.records .record-grid article{padding:24px;background:#fff;border:1px solid #dce5f0;border-radius:8px}.records .record-grid h3{font-size:24px;line-height:1.25;margin:10px 0 12px}.records-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:26px}.infrastructure-note{margin-top:22px;border-top:1px solid #dce5f0;padding-top:14px;font-size:12px;color:#63758c}.infrastructure-note summary{cursor:pointer;font-weight:600}.infrastructure-note p{font-size:12px;max-width:900px;margin-top:12px}.infrastructure-note a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.records .record-grid{grid-template-columns:1fr;gap:14px}.records .record-grid article{padding:20px}.trust-badges{gap:6px}.trust-badge{font-size:10px}.records-bottom{gap:16px}}
/* Six films form three balanced pairs. */
.film-grid article:last-child{grid-column:auto;max-width:none}

/* Optional measurement stays separate from trial signup and checkout consent. */
#measurement-preferences{border:0;padding:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.measurement-choice[hidden]{display:none}.measurement-choice{position:fixed;z-index:1000;left:20px;right:20px;bottom:20px;max-width:860px;margin:auto;padding:20px 24px;background:#fff;border:1px solid #dce5f0;border-radius:10px;box-shadow:0 8px 40px #031b3233;display:flex;align-items:center;gap:24px;color:#234568}.measurement-choice strong{font-size:16px;color:#031b32}.measurement-choice p{font-size:12px;line-height:1.6;margin:8px 0 0;max-width:580px}.measurement-choice a{text-decoration:underline;text-underline-offset:3px}.measurement-actions{display:flex;gap:8px;flex-shrink:0}.measurement-actions button{padding:10px 13px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;border:1px solid #aabbd0;border-radius:5px;background:#fff;color:#123b68}.measurement-actions [data-measurement="accept"]{background:#123b68;color:#fff;border-color:#123b68}.measurement-actions button:focus-visible,#measurement-preferences:focus-visible{outline:3px solid #3977be;outline-offset:3px}@media(max-width:700px){.measurement-choice{left:10px;right:10px;bottom:10px;padding:16px;display:block}.measurement-choice p{font-size:12px}.measurement-actions{margin-top:14px;justify-content:flex-end}footer.wrap{flex-wrap:wrap;gap:16px}}