@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--paper:#fff;--canvas:#f3f7fa;--ink:#132d45;--muted:#62788a;--navy:#102b43;--teal:#087f8c;--line:#dce5ec;--pale:#eaf3f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}h1,h2,h3,h4{font-family:'Plus Jakarta Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #48c0cf;outline-offset:5px}button{border:0}p{line-height:1.8}h2{font-size:clamp(30px,3vw,43px);line-height:1.22;letter-spacing:-1.8px;margin:0}h3{letter-spacing:-.6px}.site-header{height:94px;padding:0 5%;display:flex;align-items:center;background:var(--navy);color:white;gap:40px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:180px;height:68px;object-fit:contain}.site-header nav{display:flex;gap:28px;font-size:12px;margin-left:auto;color:#c2d0dc}.site-header nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:23px;font-size:12px}.header-signin{color:#c2d0dc}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:15px 21px;border-radius:7px;border:1px solid transparent;font-weight:600;font-size:13px;transition:background .15s ease,transform .15s ease;min-height:48px}.button:hover{transform:translateY(-1px)}.button-navy{background:var(--navy);color:white}.button-navy:hover{background:#22475f}.button-teal{background:var(--teal);color:white}.button-teal:hover{background:#076c78}.button-outline{border-color:#bfceda;background:transparent;color:var(--ink)}.button-outline:hover{background:#e5eff4}.button-white{background:white;color:var(--navy)}.button-outline-white{border-color:#ffffff50;color:white;background:transparent}.small-button{font-size:11px;min-height:36px;padding:10px 15px;border-radius:6px}.hero{display:grid;grid-template-columns:1.02fr 1.1fr;gap:35px;padding:65px 5% 47px;background:linear-gradient(125deg,#f7f9fc,#edf4f8);overflow:hidden;min-height:690px}.hero-copy{padding-top:13px;position:relative;z-index:2}.intro-line{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:500;color:#537686;margin-bottom:25px}.intro-line>span{height:2px;width:25px;background:#5d9da7}.hero h1{font-size:clamp(42px,4.8vw,65px);letter-spacing:-3.5px;line-height:1.1;margin:0 0 24px;font-weight:800}.hero h1 em{font-style:normal;color:#087f8c}.hero-lead{font-size:16px;line-height:1.85;max-width:455px;color:var(--muted);margin:0 0 27px}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero-helper{font-size:15px;font-weight:600;color:#768a9c;margin:16px 0 0;letter-spacing:.02em}.hero-proof{display:flex;flex-wrap:wrap;gap:18px;margin-top:38px;padding-top:21px;border-top:1px solid #cedee8;font-size:10px;color:#5c7386;max-width:455px}.hero-proof span:before{content:'✓';color:#087f8c;margin-right:6px}.hero-visual{position:relative;min-height:590px;isolation:isolate}.hero-visual:before{content:'';position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#d9e8f0 0,#dfeaf2 60%,#eaf2f600 70%);left:45px;top:35px;z-index:-1}.visual-caption{font-size:11px;color:#738a9a;text-align:right;margin:1px 30px 0 0}.cover-object{position:absolute;width:245px;height:346px;top:47px;left:25px;transform:rotate(-9deg);filter:drop-shadow(0 20px 18px #24405730)}.book-edge{position:absolute;inset:5px -8px -5px 7px;background:repeating-linear-gradient(0deg,#e1e7ed,#e1e7ed 1px,#fff 1px,#fff 3px);border-radius:4px 8px 8px 4px;border-right:5px solid #254e68}.cover-face{position:absolute;inset:0;background:linear-gradient(135deg,#183c58,#102b43);color:white;border-radius:4px 7px 7px 4px;display:flex;flex-direction:column;padding:24px;overflow:hidden;border-left:6px solid #254b64}.cover-face:after{content:'';position:absolute;bottom:-78px;right:-90px;width:260px;height:260px;border:38px solid #d1eaff07;border-radius:50%}.cover-wordmark{font:700 10px 'Plus Jakarta Sans';letter-spacing:1px}.cover-wordmark>span{display:block;font:400 6px 'DM Sans';letter-spacing:1.6px;margin-top:5px;color:#a8c2d3}.cover-copy{margin:auto 0}.cover-small{font-size:6px;letter-spacing:1.2px;color:#a8c2d3;margin-bottom:15px}.cover-copy h2{font-size:32px;line-height:1.13;letter-spacing:-1.3px}.cover-rule{height:3px;width:42px;background:#64bdcc;margin-top:16px}.cover-bottom{display:flex;justify-content:space-between;font-size:7px;line-height:1.6;color:#bdd0de}.cover-year{font-size:6px;text-align:right}.workspace-preview{position:absolute;width:400px;height:258px;right:0;top:257px;background:white;border:1px solid #cfdee8;border-radius:9px;overflow:hidden;box-shadow:0 17px 42px #17334728;transform:rotate(3deg);z-index:2}.workspace-toolbar{height:44px;background:#19344d;color:white;display:flex;align-items:center;gap:9px;padding:0 14px;font-size:9px}.workspace-mark{font-weight:800;color:#77cdd7;background:#ffffff10;border:1px solid #ffffff20;border-radius:4px;padding:4px 5px}.workspace-toolbar b{font-weight:500}.draft-pill{margin-left:auto;border:1px solid #ffffff30;padding:3px 7px;border-radius:20px;font-size:7px;color:#b6ccd9}.workspace-body{display:grid;grid-template-columns:120px 1fr;height:calc(100% - 44px)}.workspace-body aside{background:#f4f7fa;border-right:1px solid #dce5ec;padding:20px 10px;font-size:7px;display:flex;flex-direction:column;gap:15px;color:#8797a5}.workspace-body aside small{font-size:6px;letter-spacing:1px;color:#617587;margin-bottom:4px}.outline-current{background:#e5eff4;color:#087f8c;padding:6px;border-radius:3px;margin:-6px}.workspace-paper{padding:25px 21px}.workspace-paper>small{font-size:6px;letter-spacing:1px;color:#658998}.workspace-paper h3{font-size:20px;line-height:1.3;margin:9px 0 15px;letter-spacing:-.7px}.text-line{height:3px;background:#e7edf2;width:90%;margin:7px 0}.text-line.long{width:100%}.text-line.short{width:58%}.preview-note{margin-top:22px;font-size:6px;background:#ecf7f7;color:#467787;padding:8px;border-left:2px solid #4db2bf}.preview-note span{color:#087f8c;margin-right:4px}.visual-badge{position:absolute;left:1px;bottom:51px;z-index:3;background:white;border:1px solid #d8e3ec;border-radius:9px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 23px #15374b0d;transform:rotate(-2deg)}.badge-check{width:29px;height:29px;border-radius:50%;background:#eaf5f3;color:#087f8c;display:grid;place-items:center;font-size:15px}.visual-badge b{font-size:10px}.visual-badge small{display:block;font-size:8px;color:#7f92a1;margin-top:4px}.visual-disclaimer{position:absolute;bottom:10px;right:28px;color:#8b9aaa;font-size:12px;line-height:1.45;max-width:min(100%,280px);text-align:right}.audience-band{display:flex;align-items:center;justify-content:space-between;padding:24px 8%;border-bottom:1px solid var(--line);font-size:12px;color:#8092a0}.audience-band>div{display:flex;gap:45px;color:#4f677a;font-size:13px}.audience-band b{font-weight:500}.page-section{padding:75px 8%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.section-heading>p{font-size:14px;color:var(--muted);margin:0 0 4px;line-height:1.7}.eyebrow{font-size:11px;font-weight:600;color:#087f8c;margin:0 0 18px;letter-spacing:.2px}.start-options{display:grid;grid-template-columns:1fr 1fr;gap:24px}.start-option{border-radius:12px;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;position:relative}.audit-option{background:#f7fafc}.build-option{background:#eaf5f6;border-color:#cce1e7}.option-icon{width:43px;height:43px;border-radius:10px;border:1px solid #cddfe8;background:#fff8;display:grid;place-items:center;color:#3b667c;margin-bottom:24px}.option-icon svg{width:23px;height:23px}.option-kicker{font-size:11px;color:#638198;margin-bottom:12px}.start-option h3{font-size:28px;line-height:1.25;letter-spacing:-1px;margin:0 0 15px}.start-option>p{font-size:14px;color:#607b8e;margin:0 0 24px;line-height:1.8;max-width:420px}.option-detail{display:flex;align-items:center;gap:15px;border-top:1px solid #d2e1e9;padding:13px 0;font-size:12px;color:#5c7386}.option-detail>span{color:#87a0b1;font-size:9px}.option-detail p{margin:0;line-height:1.6}.start-option .button{align-self:flex-start;margin-top:23px}.start-option>small{color:#738b9b;font-size:10px;margin-top:12px;line-height:1.7}.inside-section{display:grid;grid-template-columns:.9fr 1.15fr;gap:55px;background:#f4f7fa;align-items:center}.inside-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:400px}.feature-list{margin:29px 0}.feature-list>div{display:flex;gap:16px;margin:21px 0}.feature-list>div>span{font-size:10px;color:#92a8b7;padding-top:4px}.feature-list h3{font-size:14px;margin:0 0 5px}.feature-list p{font-size:12px;color:#7c8f9e;line-height:1.7;margin:0}.text-link{display:inline-flex;gap:25px;font-weight:600;font-size:12px;color:#087f8c}.reader-visual{background:white;border:1px solid #dce5ed;border-radius:12px;box-shadow:0 18px 55px #13374b0c;overflow:hidden}.reader-top{display:flex;align-items:center;gap:11px;padding:20px;border-bottom:1px solid var(--line);background:white}.reader-monogram{display:grid;place-items:center;width:35px;height:35px;background:#14374b;color:white;border-radius:7px;font-size:10px;font-weight:600}.reader-top b{font-size:11px}.reader-top small{display:block;font-size:8px;color:#8397a5;margin-top:4px}.reader-frame{display:grid;grid-template-columns:135px 1fr;min-height:310px}.reader-nav{padding:22px 13px;background:#f7fafc;font-size:8px;color:#748a9b;display:flex;flex-direction:column;gap:20px}.reader-nav .active{padding:9px 7px;background:#eaf4f7;color:#087f8c;border-radius:4px;margin:-9px -7px}.reader-frame article{padding:30px 24px}.reader-kicker{font-size:7px;letter-spacing:1px;color:#8aa0af}.reader-frame h3{font-size:24px;line-height:1.3;letter-spacing:-.9px;margin:14px 0}.reader-frame p{font-size:10px;color:#72899a;line-height:1.9}.reader-frame h4{font-size:12px;margin:24px 0 8px}.reader-footer{font-size:7px;color:#99aab6;border-top:1px solid #e5edf2;padding-top:15px;margin-top:23px}.review-layout{display:grid;grid-template-columns:1fr .8fr;gap:65px;align-items:center}.finding-demo{padding:29px;border:1px solid #dce5ec;border-radius:12px;background:#f8fafc}.finding-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#708b9d;letter-spacing:1px}.finding-status{background:#fff3e0;color:#946323;padding:6px 10px;border-radius:20px;font-size:9px;letter-spacing:0}.finding-demo h3{font-size:27px;line-height:1.3;margin:25px 0 20px;letter-spacing:-1px}.finding-tabs{display:flex;gap:23px;border-bottom:1px solid var(--line)}.finding-tabs button{background:none;padding:11px 0;border-bottom:2px solid transparent;font-size:11px;color:#8095a4}.finding-tabs button.active{border-color:#087f8c;color:#087f8c}.finding-content{font-size:13px;color:#5d788b;line-height:1.9;min-height:120px;padding:22px 0 10px}.sample-label{font-size:9px;color:#879ba9;margin:15px 0 0}.review-benefits>div{margin-bottom:25px}.review-benefits h3{font-size:17px;margin:0 0 8px}.review-benefits p{font-size:13px;color:#7890a0;margin:0;line-height:1.8}.review-benefits .scope-note{font-size:10px;color:#879aa8;border-top:1px solid var(--line);padding-top:20px}.privacy-section{display:grid;grid-template-columns:80px 1fr .9fr;gap:40px;align-items:center;background:#edf5f6;border-top:1px solid #dce9ed;border-bottom:1px solid #dce9ed}.privacy-symbol{color:#43788b}.privacy-symbol svg{width:78px;height:78px}.privacy-section h2{font-size:33px;letter-spacing:-1.3px}.privacy-section>div>p:not(.eyebrow){font-size:13px;color:#638191;max-width:400px}.privacy-links{display:flex;flex-direction:column;gap:15px}.privacy-links>p{margin:0}.privacy-links a{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #cbdde4;font-size:12px;font-weight:600;color:#38677b}.privacy-links>small{font-size:9px;color:#859ba8;line-height:1.8}.faq-section{display:grid;grid-template-columns:.7fr 1.2fr;gap:70px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;font-weight:500;list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq-list summary:after{content:'+';font-size:22px;color:#087f8c;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details>p{font-size:13px;color:#718998;margin-bottom:0}.final-section{display:flex;align-items:center;justify-content:space-between;padding:60px 8%;background:#102b43;color:white;position:relative;overflow:hidden;isolation:isolate}.final-section:after{content:'';position:absolute;width:460px;height:460px;border:70px solid #d5ecff04;border-radius:50%;right:-40px;top:-80px;z-index:-1}.final-section>div>p{font-size:12px;color:#8eb2c6;margin:0 0 19px}.final-section h2{font-size:45px;line-height:1.2;letter-spacing:-2px;margin-bottom:30px}.final-mark{width:180px;height:180px;border:1px solid #86bad32b;border-radius:50%;display:grid;place-items:center;margin-right:25px}.final-mark span{font:800 63px 'Plus Jakarta Sans';color:#86b8cf33;letter-spacing:-5px}.site-footer{display:flex;align-items:center;padding:29px 5%;gap:50px;background:#fff}.site-footer img{width:150px;height:57px;object-fit:contain}.site-footer>p{font-size:10px;color:#7b90a0;line-height:1.8;margin:0}.site-footer nav{margin-left:auto;display:flex;gap:25px;font-size:10px;color:#658295}@media(min-width:1550px){.hero{padding-left:8%;padding-right:8%;gap:70px}.hero h1{font-size:74px}.hero-visual{max-width:620px;justify-self:end;width:100%}.cover-object{width:275px;height:390px}.workspace-preview{width:450px;height:290px}.workspace-body{grid-template-columns:135px 1fr}.workspace-paper h3{font-size:24px}.hero-visual{min-height:650px}.visual-badge{bottom:63px}.page-section{padding-left:11%;padding-right:11%}}@media(max-width:1100px){.site-header{gap:22px}.site-header nav{gap:18px}.hero{gap:20px}.hero h1{font-size:51px;letter-spacing:-2.5px}.hero-visual{min-height:520px}.cover-object{width:210px;height:307px;left:0;top:58px}.cover-face{padding:20px}.cover-copy h2{font-size:27px}.workspace-preview{width:340px;height:233px;top:255px;right:-10px}.workspace-body{grid-template-columns:100px 1fr}.workspace-paper{padding:18px}.workspace-paper h3{font-size:18px}.visual-badge{bottom:15px;left:0}.visual-disclaimer{bottom:-15px}.hero-visual:before{left:0;width:360px;height:400px}.page-section{padding:60px 6%}.inside-section{gap:35px}.review-layout{gap:35px}.privacy-section{grid-template-columns:60px 1fr .9fr;gap:25px}.privacy-symbol svg{width:60px}.reader-frame{grid-template-columns:110px 1fr}}@media(max-width:800px){.site-header{height:80px;padding:0 22px;gap:15px}.brand img{width:150px;height:57px}.site-header nav{display:none}.header-actions{margin-left:auto;gap:18px}.hero{grid-template-columns:1fr;padding:38px 24px 45px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:50px;letter-spacing:-2.5px}.hero h1 br:first-of-type{display:none}.hero-lead{font-size:15px;max-width:520px}.hero-proof{margin-top:28px;max-width:none}.hero-visual{min-height:505px;max-width:530px;width:100%;margin:20px auto 0}.visual-caption{margin-right:10px}.cover-object{left:30px;top:42px;width:235px;height:328px}.cover-copy h2{font-size:30px}.workspace-preview{width:360px;height:244px;right:10px;top:232px}.workspace-paper{padding:20px}.workspace-paper h3{font-size:20px}.visual-badge{bottom:0;left:0}.visual-disclaimer{bottom:-27px}.hero-visual:before{width:440px;height:430px}.audience-band{display:block;padding:22px 24px;font-size:10px}.audience-band>div{gap:22px;flex-wrap:wrap;font-size:12px;margin-top:13px}.section-heading{display:block;margin-bottom:26px}.section-heading>p{margin-top:19px}.start-options{grid-template-columns:1fr}.page-section{padding:47px 24px}.start-option{padding:27px}.inside-section{grid-template-columns:1fr;gap:35px}.inside-copy h2 br:nth-of-type(2){display:none}.reader-visual{max-width:550px}.review-layout{grid-template-columns:1fr;gap:30px}.review-benefits{display:grid;grid-template-columns:1fr;gap:0}.privacy-section{grid-template-columns:1fr;gap:21px}.privacy-symbol{display:none}.privacy-section h2{font-size:30px}.privacy-section h2 br{display:none}.privacy-links{margin-top:7px}.privacy-links>small{font-size:10px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2 br{display:none}.final-section{padding:45px 24px}.final-section h2{font-size:35px;letter-spacing:-1.5px}.final-mark{display:none}.site-footer{flex-wrap:wrap;gap:17px;padding:28px 24px}.site-footer>p{width:100%}.site-footer nav{margin-left:0}}@media(max-width:430px){.header-signin{display:none}.site-header .small-button{padding:9px 12px;min-height:34px}.hero h1{font-size:42px;letter-spacing:-2px}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .button{width:100%;justify-content:space-between}.hero-proof{gap:10px 18px;font-size:9px}.hero-visual{min-height:415px}.cover-object{width:180px;height:266px;top:40px;left:5px}.cover-face{padding:16px}.cover-wordmark{font-size:8px}.cover-copy h2{font-size:25px}.cover-small{font-size:5px;margin-bottom:9px}.cover-bottom{font-size:5px}.workspace-preview{width:280px;height:198px;right:-9px;top:195px}.workspace-toolbar{height:34px;padding:0 10px;font-size:7px}.workspace-body{grid-template-columns:84px 1fr;height:calc(100% - 34px)}.workspace-body aside{font-size:5px;gap:13px;padding:15px 8px}.workspace-paper{padding:16px 12px}.workspace-paper h3{font-size:15px;margin:7px 0 12px}.workspace-paper>small{font-size:5px}.preview-note{font-size:5px;padding:6px;margin-top:14px}.text-line{height:2px;margin:5px 0}.visual-badge{bottom:-13px;font-size:8px;padding:10px 12px;gap:9px}.visual-badge b{font-size:9px}.visual-badge small{font-size:7px}.visual-caption{font-size:9px}.visual-disclaimer{bottom:-36px;font-size:11px}.hero-visual:before{width:330px;height:330px;left:-10px;top:45px}.hero{padding-bottom:60px}.reader-frame{grid-template-columns:90px 1fr}.reader-frame article{padding:24px 15px}.reader-frame h3{font-size:20px}.reader-nav{font-size:7px;padding:20px 10px}.reader-frame p{font-size:9px}.finding-demo{padding:24px}.finding-demo h3{font-size:23px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Hierarchy and motion refinement: one entrance sequence, then response to action. */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--muted:#526c7f}
h2{letter-spacing:-.035em}h3{letter-spacing:-.025em}
.hero h1{font-size:clamp(42px,4.2vw,60px);letter-spacing:-.045em;line-height:1.14;word-spacing:.025em}
.hero-lead{font-size:17px;line-height:1.75;margin-bottom:30px}
.hero-helper{font-size:clamp(15px,1.35vw,17px);font-weight:600;letter-spacing:.02em;color:#526c7f;margin-top:16px}.hero-proof{font-size:12px;color:#526c7f;gap:14px;margin-top:30px}
.site-header nav,.header-actions{font-size:13px}.small-button{font-size:12px}
.button{font-size:14px;min-height:50px;transition:transform 150ms var(--ease-out)}
.button:active{transform:scale(.98)}.button>span,.text-link>span{transition:transform 150ms var(--ease-out)}
.button:hover>span,.text-link:hover>span{transform:translateX(3px)}
.eyebrow{font-size:12px;letter-spacing:0;margin-bottom:14px}
.page-section{padding-top:64px;padding-bottom:64px}.section-heading{margin-bottom:30px}
.start-option{padding:28px 30px}.option-icon{margin-bottom:18px;width:38px;height:38px}
.option-kicker{font-size:13px;color:#466b80}.start-option h3{font-size:29px;letter-spacing:-.03em}
.start-option>p{font-size:15px;line-height:1.7;margin-bottom:18px}.option-detail{font-size:13px;padding:11px 0}
.start-option .button{margin-top:20px}.start-option>small{font-size:12px;color:#526e80}
.build-option{background:#f2f7f9;border-color:#d5e2e9}.start-option .button-teal{background:transparent;border-color:#a8becb;color:var(--ink)}
.feature-list h3{font-size:16px}.feature-list p{font-size:14px;color:#526c7f}.feature-list>div>span{color:var(--teal);font-size:14px}
.inside-copy>p:not(.eyebrow){font-size:15px}.text-link{font-size:14px}
.review-benefits h3{font-size:19px}.review-benefits p{font-size:14px;color:#526c7f}
.review-benefits .scope-note{font-size:12px;color:#526c7f}
.finding-tabs{gap:25px}.finding-tabs button{font-size:13px;min-height:46px;position:relative;border-bottom:0;color:#526c7f}
.finding-tabs button::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--ease-out)}
.finding-tabs button.active::after{transform:scaleX(1)}.finding-content{font-size:14px;min-height:130px}
.sample-label{font-size:11px;color:#526c7f}.finding-top{font-size:10px;letter-spacing:.5px}.finding-status{font-size:11px}
.privacy-links a{font-size:14px;min-height:44px}.privacy-section>div>p:not(.eyebrow){font-size:14px}
.faq-list summary{font-size:16px;min-height:30px}.faq-list details>p{font-size:14px;color:#526c7f}
.site-footer>p,.site-footer nav{font-size:12px;color:#526c7f}
@keyframes cover-settle{from{opacity:0;transform:translateY(12px) rotate(-12deg)}to{opacity:1;transform:translateY(0) rotate(-9deg)}}
@keyframes workspace-settle{from{opacity:0;transform:translateY(14px) rotate(5deg)}to{opacity:1;transform:translateY(0) rotate(3deg)}}
@keyframes badge-settle{from{opacity:0;transform:translateY(6px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(-2deg)}}
@keyframes answer-enter{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){
.cover-object{animation:cover-settle 300ms var(--ease-out) both}
.workspace-preview{animation:workspace-settle 300ms 100ms var(--ease-out) both}
.visual-badge{animation:badge-settle 220ms 200ms var(--ease-out) both}
.faq-list details[open]>p{animation:answer-enter 200ms ease-out both}
}
@media(hover:hover) and (pointer:fine){.start-option:focus-within .option-icon,.start-option:hover .option-icon{transform:translateY(-2px)}.option-icon{transition:transform 200ms var(--ease-out)}}
@media(min-width:1550px){.hero h1{font-size:72px}}
@media(max-width:1100px){.hero h1{font-size:48px}.hero-proof{font-size:11px}}
@media(max-width:800px){.hero h1{font-size:49px}.hero-lead{font-size:16px}.page-section{padding-top:48px;padding-bottom:48px}.hero-proof{font-size:11px}.start-option{padding:25px}.start-option h3{font-size:27px}}
@media(max-width:430px){.hero h1{font-size:42px;letter-spacing:-.04em}.hero-proof{font-size:11px;gap:10px 14px}.hero h1 br:first-of-type{display:initial}.hero-lead{font-size:16px}.finding-content{min-height:165px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.site-header .small-button{min-height:40px;font-size:12px;padding:10px 15px}

/* Section rhythm: teal hero → wash bands → navy evidence → cream privacy → wash FAQ → navy CTA */
:root{
  --hiq-paper:#fff;
  --hiq-wash:#eff6f7;
  --hiq-wash-strong:#e4eef0;
  --hiq-cream:#f6f3ec;
  --hiq-navy-deep:#071d35;
  --hiq-teal-hero:#075f66;
}
.hero{background:var(--hiq-teal-hero);color:#fff;border-bottom:0}
.hero h1{color:#fff}.hero h1 em{color:#b8eee5}
.hero .intro-line{color:#d0eceb}.hero .intro-line>span{background:#b8eee5}
.hero-lead{color:#e0efef}.hero-helper{color:#e8f7f5;font-weight:600}
.hero-proof{color:#d6ecea;border-color:#ffffff30}.hero-proof span:before{color:#b8eee5}
.hero .button-navy{background:#fff;color:#123c46;border-color:#fff}.hero .button-navy:hover{background:#e6f7f3}
.hero .button-outline{color:#fff;border-color:#ffffff80;background:transparent}.hero .button-outline:hover{background:#ffffff10}
.hero .visual-caption{color:#cae3e2;font-size:12px}
.hero-visual:before{background:none;border:1px solid #ffffff15}
.cover-object{filter:drop-shadow(0 22px 22px #002f3f55)}
.hero .workspace-preview{color:var(--ink);box-shadow:0 20px 45px #002f3f40}
.hero .visual-badge{color:var(--ink)}
.audience-band{background:var(--hiq-navy-deep);color:#a8c0d0;border-bottom:0;padding:20px 8%}
.audience-band>span{color:#8eb2c6;font-size:12px}
.audience-band>div{color:#d4e4ef;font-size:13px}
.audience-band b{font-weight:600;color:#f4f7fa}
.trust-section{background:var(--hiq-paper);border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef;padding-top:72px;padding-bottom:80px}
.trust-design-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:10px 14px;margin-bottom:32px;border:1px solid #d5e3e8;border-radius:8px;background:#f7fafb}
.trust-design-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#087f8c;background:#e8f6f7;border:1px solid #b8dde2;border-radius:4px;padding:5px 10px;line-height:1}
.trust-design-banner>p{margin:0;font-size:12px;color:#6a8494;line-height:1.5}
.trust-section-heading{margin-bottom:48px;align-items:flex-end;gap:40px}
.trust-section-heading h2{font-size:clamp(34px,3.6vw,50px);letter-spacing:-.04em;line-height:1.1;max-width:14em}
.trust-section-lead{font-size:16px;font-weight:500;color:#3d5a6c;line-height:1.65;margin:0 0 6px;max-width:22em;text-align:right}
.trust-panel{display:flex;flex-direction:column;gap:28px}
.trust-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid #c5d8e0;border-radius:14px;overflow:hidden;margin:0;background:linear-gradient(180deg,#fff 0%,#eef6f7 100%);box-shadow:0 14px 44px #13374b0c;width:100%}
.trust-stat{padding:36px 24px 32px;text-align:center;border-right:1px solid #d0e0e8}
.trust-stat:last-child{border-right:0}
.trust-stat-value{margin:0 0 10px;font-size:clamp(34px,4.2vw,48px);font-weight:800;letter-spacing:-.04em;color:#075f66;line-height:1;font-family:'Plus Jakarta Sans',Arial,sans-serif}
.trust-stat-label{margin:0 0 8px;font-size:15px;font-weight:700;color:var(--navy);letter-spacing:-.02em}
.trust-stat-note{margin:0;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8aa3b0}
.trust-quotes-scroll{position:relative;width:100%}.trust-quotes-scroll-hint{display:none;margin:12px 0 0;text-align:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#8aa3b0}
.trust-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border:0;border-radius:0;width:100%}
.trust-quote{margin:0;padding:28px 28px 24px 32px;border:1px solid #d5e3e8;border-radius:14px;background:#fff;box-shadow:0 10px 32px #13374b08;display:flex;flex-direction:column;position:relative;overflow:hidden}
.trust-quote::before{content:'';position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#087f8c,#6ec9bc)}
.trust-quote-kicker{display:inline-block;margin:0 0 16px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#087f8c;background:#e8f6f7;border:1px solid #b8dde2;border-radius:999px;padding:6px 12px;line-height:1;align-self:flex-start}
.trust-quote-body{margin:0 0 20px;font-size:17px;line-height:1.68;font-weight:500;color:#243f52;flex:1}
.trust-quote footer{margin-top:auto;padding-top:18px;border-top:1px solid #e8f0f4}
.trust-quote footer cite{font-size:13px;font-style:normal;color:#526c7f;line-height:1.6}
.trust-quote footer cite b{display:block;font-size:14px;color:var(--navy);font-weight:700;margin-bottom:2px}
@media(max-width:1100px){.trust-quote{padding:24px 20px 22px 26px}.trust-quote-body{font-size:15px;line-height:1.65}.trust-quote-kicker{font-size:10px;padding:5px 10px}}
@media(max-width:800px){.trust-section{padding-top:48px;padding-bottom:56px}.trust-section-heading{display:block;margin-bottom:32px}.trust-section-lead{margin-top:18px;text-align:left;max-width:none}.trust-stat{padding:28px 18px 26px}.trust-stat-value{font-size:clamp(28px,6vw,40px)}}
@media(max-width:640px){.trust-quotes-scroll::before,.trust-quotes-scroll::after{content:'';position:absolute;top:0;bottom:28px;width:28px;pointer-events:none;z-index:1}.trust-quotes-scroll::before{left:0;background:linear-gradient(90deg,var(--hiq-paper) 15%,transparent)}.trust-quotes-scroll::after{right:0;background:linear-gradient(270deg,var(--hiq-paper) 15%,transparent)}.trust-quotes-scroll-hint{display:block}.trust-stats,.trust-quotes{display:flex;flex-direction:row;flex-wrap:nowrap;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;border-radius:14px}.trust-stats{background:transparent;border:0;box-shadow:none;overflow:visible}.trust-stat{flex:0 0 min(72vw,240px);scroll-snap-align:start;border:1px solid #c5d8e0;border-radius:14px;background:linear-gradient(180deg,#fff 0%,#eef6f7 100%);box-shadow:0 10px 28px #13374b0a;border-right:1px solid #c5d8e0;padding:24px 18px}.trust-stat:last-child{border-right:1px solid #c5d8e0}.trust-quote{flex:0 0 min(88vw,300px);scroll-snap-align:start;padding:22px 18px 20px 24px}}
.start-section{background:var(--hiq-wash);border-top:1px solid #d5e3e8;border-bottom:1px solid #d5e3e8}
.inside-section{background:var(--hiq-paper);border-top:0;border-bottom:1px solid #e5ebef}
.software-section{background:#e4eaee;padding-top:56px;padding-bottom:56px}
.software-panel{background:var(--hiq-paper);border:1px solid #d5e0e6;border-radius:16px;padding:48px 6%;box-shadow:0 18px 50px #13374b0d}
.software-section .section-heading{margin-bottom:40px}
.software-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.software-shot{margin:0}
.software-shot-card{border:1px solid #d8e3ea;border-radius:10px;overflow:hidden;background:#fafcfd}
.software-shot-titlebar{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--navy);color:#fff;font-size:12px;font-weight:500}
.software-shot-mark{font-weight:800;font-size:10px;color:#77cdd7;background:#ffffff12;border:1px solid #ffffff25;border-radius:4px;padding:4px 6px;line-height:1}
.software-shot-frame{margin:14px;border:1px dashed #b8ccd6;border-radius:8px;background:#f1f5f8;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;text-align:center;color:#6a8496}
.software-shot-frame--filled{margin:0;border:0;border-radius:0;background:#fff;min-height:0;padding:0}
.software-shot-frame img{display:block;width:100%;height:auto;vertical-align:middle}
.software-shot-icon{color:#8aa3b3;line-height:0}
.software-shot-label{font-size:13px;font-weight:600;color:#4a6578}
.software-shot-placeholder{font-size:12px;color:#7a92a3}
.software-shot figcaption{margin-top:18px}
.software-shot figcaption b{display:block;font-size:16px;font-weight:600;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}
.software-shot figcaption p{margin:0;font-size:14px;line-height:1.65;color:#526c7f}
@media(max-width:800px){.software-panel{padding:32px 24px}.software-grid{grid-template-columns:1fr;gap:32px}.software-section{padding-top:40px;padding-bottom:40px}}
.review-section{background:var(--hiq-navy-deep);color:#e8f0f5;position:relative;overflow:hidden}
.review-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 100% 0%,#0d3a5a40,transparent 55%);pointer-events:none}
.review-section .section-heading,.review-section .review-layout{position:relative;z-index:1}
.review-section .eyebrow{color:#7ec9d4}
.review-section h2{color:#fff}
.review-section .section-heading>p{color:#a8c0d0}
.review-benefits h3{color:#f4f7fa}
.review-benefits p{color:#a8c0d0}
.review-benefits .scope-note{color:#8aa8bc;border-color:#ffffff20}
.finding-demo{background:var(--hiq-paper);border-color:#c8d8e0;box-shadow:0 22px 55px #00000035}
/* Navy band sets light text on the section; the finding card stays paper + ink (authored HTML). */
.review-section.page-section .eyebrow{color:#7ec9d4;font-weight:600}
.review-section .finding-demo{color:var(--ink)}
.review-section .finding-demo h3{color:var(--ink)}
.review-section .finding-demo .finding-top{color:#708b9d}
.review-section .finding-demo .finding-content{color:#5d788b}
.review-section .finding-demo .sample-label{color:#879ba9}
.review-section .finding-demo .finding-tabs button{color:#8095a4}
.review-section .finding-demo .finding-tabs button.active{color:#087f8c}
.privacy-section{background:linear-gradient(180deg,#e8f4f5 0%,#dff0f2 100%);border-top:0;border-bottom:1px solid #c5dde2}
.faq-section{background:var(--hiq-wash-strong)}
.faq-list{background:var(--hiq-paper);border:1px solid #d5e3e8;border-radius:14px;padding:8px 28px;box-shadow:0 10px 40px #13374b08}
.site-footer{background:var(--hiq-paper)}
.page-section h2{font-size:clamp(30px,2.55vw,37px);font-weight:700;letter-spacing:-.035em;line-height:1.23}
.page-section .eyebrow{color:#527485;font-weight:500;font-size:12px}
.section-heading>p{font-size:15px;max-width:270px;color:#526c7f}
.start-option{background:var(--hiq-paper);border-color:#d0dde4;box-shadow:0 14px 40px #13374b0a}
.audit-option{background:var(--hiq-paper)}
.build-option{background:#f0f8f9;border-color:#b8d4dc}
.start-option .option-icon{background:var(--hiq-wash);border-color:#c4d8de;color:#087f8c}
.start-option h3{font-size:27px;line-height:1.28}
.option-kicker{font-weight:600;color:#08717a}
.reader-visual{box-shadow:0 18px 50px #13374b12;border-color:#d0dde4}
.privacy-section h2{font-size:31px}
.faq-section h2{font-size:31px}
.final-section{color:#fff;background:linear-gradient(125deg,var(--hiq-navy) 0%,var(--hiq-navy-deep) 100%);border-top:0;padding-top:60px;padding-bottom:60px}
.final-section::after{display:block}
.final-section>div>p{color:#8eb2c6}
.final-section h2{font-size:42px;line-height:1.22;font-weight:700;color:#fff}
.final-section .button-white{background:#fff;color:var(--navy);border-color:#fff}
.final-section .button-outline-white{color:#fff;border-color:#ffffff55}
.final-section .button-outline-white:hover{background:#ffffff12}
.final-mark{border-color:#86bad32b}.final-mark span{color:#86b8cf33}
.site-footer{border-top:1px solid #e5ebef}
@media(max-width:800px){.page-section h2{font-size:32px}.privacy-section h2,.faq-section h2{font-size:29px}.final-section h2{font-size:34px}.faq-list{padding:4px 18px}}
.header-signin-wrap{position:relative;display:flex;align-items:center}
.handbook-marketing-employer-signin{position:absolute;top:calc(100% + 14px);right:0;z-index:60;border:1px solid #1e2d45;border-radius:16px;padding:0;width:min(380px,calc(100vw - 32px));background:#111827;color:#f0f4f8;box-shadow:0 24px 80px #071d3566;text-align:left}
.handbook-marketing-employer-signin[hidden]{display:none}
.handbook-marketing-employer-signin::before{content:"";position:absolute;top:-7px;right:22px;width:12px;height:12px;background:#111827;border-left:1px solid #1e2d45;border-top:1px solid #1e2d45;transform:rotate(45deg)}
.handbook-marketing-employer-signin .dialog-head{padding:24px 24px 12px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.handbook-marketing-employer-signin .dialog-head h2{margin:0 0 6px;font-size:22px;letter-spacing:-.5px}
.handbook-marketing-employer-signin .dialog-head p{margin:0;font-size:13px;color:#94a3b8;line-height:1.5}
.handbook-marketing-employer-signin .close{border:1px solid #334155;background:#151d2e;color:#94a3b8;border-radius:8px;width:36px;height:36px;font-size:20px;line-height:1}
.handbook-marketing-employer-signin .content{padding:8px 24px 24px}
.handbook-marketing-employer-signin label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.handbook-marketing-employer-signin input[type=email]{width:100%;box-sizing:border-box;height:48px;border-radius:8px;border:1px solid #1e2d45;background:#0f1828;color:#f0f4f8;padding:0 14px;font-size:15px}
.handbook-marketing-employer-signin .primary{width:100%;margin-top:16px;min-height:48px;border:0;border-radius:8px;background:#087e89;color:#fff;font-weight:650;font-size:15px;cursor:pointer}
.handbook-marketing-employer-signin .primary:disabled{opacity:.55;cursor:not-allowed}
.handbook-marketing-employer-signin .error{color:#f87171;font-size:12px;margin:8px 0 0;min-height:1.2em}
.handbook-marketing-employer-signin .success-panel{padding:0 24px 24px}
.handbook-marketing-employer-signin .success-panel p{color:#cbd5e1;font-size:14px;line-height:1.6}
button.header-signin{background:transparent;padding:0;font:inherit;color:#c2d0dc}
button.header-signin:hover{color:#fff}