/* Homepage sections, from the approved Codex design. Every class carries a
   cx- prefix and every rule is scoped to .cx, so it cannot collide with the
   interview workspace's own styles (styles.css). */
:root{--cx-ink:#123F43;--cx-green:#123F43;--cx-paper:#F5F0E6;--cx-lime:#E9D4C6;--cx-muted:#52686A;--cx-line:#D9DCD4;--cx-white:#fffefa}
.cx *{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.cx{margin:0;background:var(--cx-paper);color:var(--cx-ink);font:16px/1.6 Arial,Helvetica,sans-serif}
.cx button,.cx a,.cx input{font:inherit}
.cx a{color:inherit}
.cx button{cursor:pointer}
.cx button,.cx a{-webkit-tap-highlight-color:transparent}
.cx button:focus-visible,.cx a:focus-visible,.cx summary:focus-visible{outline:3px solid #b76036;outline-offset:5px}
.cx .cx-wrap{max-width:1180px;margin:auto;padding:0 32px}
header.cx{position:sticky;top:0;z-index:10;background:#F5F0E6f5;border-bottom:1px solid var(--cx-line)}
.cx nav{height:88px;display:flex;align-items:center;gap:32px}
.cx .cx-brand{text-decoration:none;font-size:38px;font-weight:800;letter-spacing:-3px;line-height:1}
.cx .cx-brand span{color:#B76548}
.cx nav .cx-links{display:flex;gap:28px;margin-left:auto;font-size:13px}
.cx nav .cx-links a{text-decoration:none}
.cx .cx-btn{display:inline-flex;justify-content:center;align-items:center;gap:28px;padding:14px 22px;border-radius:7px;text-decoration:none;border:1px solid var(--cx-ink);background:var(--cx-ink);color:white;font-size:14px;font-weight:600;transition:transform .2s,background .2s}
.cx .cx-btn:hover{transform:translateY(-2px);background:#31644f}
.cx .cx-btn.cx-light{background:var(--cx-lime);color:var(--cx-ink);border-color:var(--cx-lime)}
.cx .cx-btn.cx-outline{background:transparent;color:var(--cx-ink);border-color:var(--cx-line)}
.cx .cx-nav-btn{padding:11px 18px}
.cx .cx-eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.16em;margin:0 0 22px;display:flex;align-items:center;gap:10px}
.cx .cx-eyebrow:before{content:"";width:7px;height:7px;background:#B76548;border-radius:50%}
.cx h1,.cx h2,.cx h3,.cx p{margin-top:0}
.cx h1,.cx h2,.cx .cx-serif{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
.cx h1{font-size:clamp(48px,5.8vw,76px);line-height:1.04;margin-bottom:24px}
.cx h1 em,.cx h2 em{font-weight:400;color:#B76548}
.cx h2{font-size:clamp(35px,4vw,50px);line-height:1.12;margin-bottom:20px}
.cx h3{line-height:1.3;font-size:20px;letter-spacing:-.025em}
.cx p{color:var(--cx-muted)}
.cx .cx-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding-top:80px;padding-bottom:70px;align-items:center}
.cx .cx-hero-copy>p:not(.cx-eyebrow){max-width:475px;font-size:17px;line-height:1.7}
.cx .cx-actions{display:flex;align-items:center;gap:24px;margin:30px 0 16px;flex-wrap:wrap}
.cx .cx-text-link{font-size:13px;text-underline-offset:5px}
.cx .cx-fine{font-size:12px;color:var(--cx-muted)}
.cx .cx-hero-art{position:relative;padding:20px 12px 38px;background:#e9edde;border-radius:120px 120px 22px 22px}
.cx .cx-chat{position:relative;background:var(--cx-white);border:1px solid #d9dfce;box-shadow:0 18px 50px #223c3112;border-radius:13px;margin:25px 20px 0;padding:25px}
.cx .cx-chat-head{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--cx-line);margin-bottom:22px}
.cx .cx-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cx-ink);color:var(--cx-lime);font-size:28px;font-weight:bold}
.cx .cx-chat-head strong{display:block;line-height:1.2}
.cx .cx-chat-head small{font-size:10px;color:var(--cx-muted)}
.cx .cx-bubble{background:#f0f2e9;padding:15px 17px;border-radius:3px 13px 13px 13px;font-size:13px;line-height:1.6;max-width:92%;margin:14px 0;color:var(--cx-ink)}
.cx .cx-bubble.cx-owner{background:var(--cx-green);color:white;margin-left:auto;border-radius:13px 3px 13px 13px}
.cx .cx-chat-foot{display:flex;justify-content:space-between;margin-top:24px;border:1px solid var(--cx-line);border-radius:7px;padding:11px 13px;color:#6b766f;font-size:11px}
.cx .cx-floating{position:absolute;bottom:10px;right:-12px;background:var(--cx-lime);padding:16px 22px;box-shadow:0 10px 25px #25423412;border-radius:7px;transform:rotate(-3deg);font-size:12px}
.cx .cx-floating b{display:block;font-size:15px}
.cx .cx-rail{border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--cx-muted)}
.cx .cx-rail b{color:var(--cx-ink)}
.cx section{padding:85px 0}
.cx .cx-section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:38px}
.cx .cx-section-head h2{max-width:580px;margin-bottom:0}
.cx .cx-section-head>p{max-width:315px;font-size:14px;margin-bottom:0}
.cx .cx-stage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cx .cx-stage{padding:26px;border:1px solid var(--cx-line);background:transparent;border-radius:10px;text-align:left;color:var(--cx-ink);display:flex;flex-direction:column;align-items:start;transition:background .2s}
.cx .cx-stage:hover,.cx .cx-stage[aria-pressed=true]{background:#eaf0df;border-color:#879d72}
.cx .cx-stage .cx-num{font-size:12px;color:#6e8458;margin-bottom:32px}
.cx .cx-stage h3{margin-bottom:10px}
.cx .cx-stage p{font-size:14px;margin-bottom:20px}
.cx .cx-stage .cx-arrow{margin-top:auto;font-size:13px}
.cx .cx-path{margin-top:20px;background:#edf0e5;border-radius:9px;padding:24px 28px;display:flex;justify-content:space-between;gap:28px;align-items:center}
.cx .cx-path p{font-size:14px;margin:4px 0 0;max-width:750px}
.cx .cx-dark{background:var(--cx-ink);color:var(--cx-paper)}
.cx .cx-dark p{color:#c1d0c6}
.cx .cx-dark h2 em{color:var(--cx-lime)}
.cx .cx-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:48px}
.cx .cx-steps article{border-top:1px solid #577265;padding-top:25px}
.cx .cx-steps span{color:var(--cx-lime);font-size:12px}
.cx .cx-steps h3{margin-top:25px}
.cx .cx-steps p{font-size:14px}
.cx .cx-note{font-size:12px;margin-top:35px;padding-top:20px;border-top:1px solid #577265}
.cx .cx-docs-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:40px;align-items:center}
.cx .cx-doc-menu{display:flex;flex-direction:column;gap:4px}
.cx .cx-doc-button{display:flex;align-items:center;gap:18px;background:transparent;border:none;border-bottom:1px solid var(--cx-line);padding:20px 16px;text-align:left;color:var(--cx-ink);border-radius:5px}
.cx .cx-doc-button[aria-pressed=true]{background:#e8eddf}
.cx .cx-doc-button .cx-index{font-size:11px;color:#6c7c62}
.cx .cx-doc-button strong{font-size:16px}
.cx .cx-doc-button small{display:block;font-size:12px;color:var(--cx-muted);margin-top:3px}
.cx .cx-doc-button .cx-arr{margin-left:auto}
.cx .cx-sheet-area{padding:35px;background:#e6eade;border-radius:12px;position:relative}
.cx .cx-sheet{padding:36px;background:var(--cx-white);min-height:380px;box-shadow:0 12px 25px #243a3510;transform:rotate(2deg)}
.cx .cx-sheet .cx-sheet-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--cx-ink);padding-bottom:13px;margin-bottom:30px;font-size:10px}
.cx .cx-sheet h3{font:36px/1.1 Georgia,serif;letter-spacing:-1px;max-width:220px}
.cx .cx-sheet p{font-size:12px}
.cx .cx-sheet h4{font-size:12px;margin-bottom:8px}
.cx .cx-sheet .cx-rule{height:5px;background:#e3e7dc;margin:9px 0;border-radius:2px}
.cx .cx-sheet .cx-rule.cx-short{width:70%}
.cx .cx-sheet-tag{font-size:10px;color:#53694b;border-top:1px solid var(--cx-line);padding-top:15px;margin-top:30px}
.cx .cx-plus{background:#e9eddf;border-radius:18px;padding:56px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;overflow:hidden}
.cx .cx-pill{display:inline-block;border:1px solid #829476;border-radius:20px;padding:3px 10px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.cx .cx-plus h2{margin-top:25px}
.cx .cx-plus p{font-size:15px}
.cx .cx-plus .cx-btn{margin-top:12px}
.cx .cx-plus-list{display:grid;gap:17px;align-content:center}
.cx .cx-plus-list div{border-bottom:1px solid #cbd4bf;padding-bottom:18px}
.cx .cx-plus-list b{font-size:15px}
.cx .cx-plus-list p{margin:5px 0 0;font-size:13px}
.cx .cx-plus-word{font-size:38px;font-weight:800;letter-spacing:-2px;margin-bottom:10px}
.cx .cx-trust{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.cx .cx-trust-list{display:grid;gap:22px}
.cx .cx-trust-list h3{font-size:16px;margin:0 0 5px}
.cx .cx-trust-list p{font-size:13px;margin:0}
.cx .cx-institution{border-top:1px solid var(--cx-line);background:#f0f0e7}
.cx .cx-institution .cx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:35px 0}
.cx .cx-institution article{border-top:1px solid #b9c7b3;padding-top:20px}
.cx .cx-institution h3{font-size:18px;margin:18px 0 10px}
.cx .cx-institution article p{font-size:14px}
.cx .cx-status{font-size:10px;letter-spacing:.11em;text-transform:uppercase;color:#4b6741}
.cx .cx-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cx .cx-price{border:1px solid var(--cx-line);border-radius:10px;padding:27px;display:flex;flex-direction:column}
.cx .cx-price.cx-featured{background:var(--cx-ink);color:white}
.cx .cx-price.cx-featured p,.cx .cx-price.cx-featured li{color:#d0dace}
.cx .cx-price h3{margin-bottom:12px}
.cx .cx-price .cx-amount{font:36px Georgia,serif;color:inherit;margin-bottom:8px}
.cx .cx-price p,.cx .cx-price li{font-size:13px}
.cx .cx-price ul{padding-left:18px;margin-bottom:25px}
.cx .cx-price .cx-btn{margin-top:auto}
.cx .cx-faq{max-width:780px;margin:auto}
.cx .cx-faq h2{text-align:center;margin-bottom:35px}
.cx details{border-bottom:1px solid var(--cx-line);padding:20px 0}
.cx summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;padding-right:30px;position:relative}
.cx summary:after{content:'+';position:absolute;right:0;font-size:20px;font-weight:400}
.cx details[open] summary:after{content:'−'}
.cx details p{font-size:14px;margin:14px 25px 0 0}
.cx .cx-closing{text-align:center;padding:75px 24px;background:var(--cx-lime);border-radius:15px;margin-bottom:55px}
.cx .cx-closing h2{max-width:630px;margin:0 auto 20px}
.cx .cx-closing p{max-width:460px;margin:0 auto 25px}
footer.cx{padding:25px 0 40px}
.cx .cx-footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px}
.cx .cx-footer-row p{font-size:12px;margin:0}
.cx .cx-footer-links{display:flex;gap:22px;font-size:12px}
.cx .cx-skip{position:absolute;left:-9999px}
.cx .cx-skip:focus{left:10px;top:10px;z-index:50;background:white;padding:10px}
.cx .cx-mobile-toggle{display:none}
@media(max-width:850px){.cx nav .cx-links{display:none;position:absolute;top:88px;left:0;right:0;background:var(--cx-paper);padding:25px;border-bottom:1px solid var(--cx-line)}
.cx nav .cx-links.cx-open{display:flex;flex-wrap:wrap}
.cx .cx-mobile-toggle{display:block;margin-left:auto;border:0;background:none;color:var(--cx-ink);font-size:13px}
.cx nav{gap:18px}
.cx .cx-hero{gap:30px;padding-top:50px}
.cx .cx-hero-art{padding:5px}
.cx .cx-chat{margin:20px 5px;padding:17px}
.cx .cx-floating{right:0;bottom:-20px}
.cx .cx-plus{gap:35px;padding:35px}
.cx .cx-trust{gap:35px}
.cx .cx-docs-layout{gap:25px}
.cx .cx-sheet-area{padding:20px}
.cx .cx-sheet{padding:24px}
.cx .cx-rail{flex-wrap:wrap}
.cx .cx-section-head{gap:25px}
}
@media(max-width:620px){.cx .cx-wrap{padding:0 22px}
.cx nav{height:76px}
.cx .cx-brand{font-size:33px}
.cx nav .cx-links{top:76px}
.cx .cx-nav-btn{font-size:12px;padding:10px 13px}
.cx .cx-hero{grid-template-columns:1fr;padding-top:44px;padding-bottom:50px;gap:40px}
.cx h1{font-size:53px}
.cx .cx-hero-art{max-width:440px;width:100%;margin:auto;padding:12px 15px 32px}
.cx .cx-chat{margin:20px 5px}
.cx .cx-floating{right:4px;bottom:2px}
.cx .cx-hero-copy>p:not(.cx-eyebrow){font-size:16px}
.cx .cx-rail{display:grid;grid-template-columns:1fr 1fr;font-size:11px;gap:15px}
.cx section{padding:58px 0}
.cx .cx-section-head{display:block}
.cx .cx-section-head>p{margin-top:20px;max-width:100%}
.cx .cx-stage-grid,.cx .cx-steps,.cx .cx-docs-layout,.cx .cx-plus,.cx .cx-trust,.cx .cx-institution .cx-grid,.cx .cx-pricing{grid-template-columns:1fr}
.cx .cx-stage{padding:22px}
.cx .cx-stage .cx-num{margin-bottom:15px}
.cx .cx-stage p{margin-bottom:12px}
.cx .cx-path{display:block}
.cx .cx-path .cx-text-link{display:inline-block;margin-top:16px}
.cx .cx-steps{gap:20px;margin-top:30px}
.cx .cx-steps h3{margin-top:15px}
.cx .cx-sheet-area{padding:30px}
.cx .cx-plus{padding:30px 24px;gap:25px}
.cx .cx-trust{gap:25px}
.cx .cx-institution .cx-grid{gap:18px}
.cx .cx-pricing{gap:14px}
.cx .cx-price{padding:25px}
.cx .cx-closing{padding:45px 20px;margin-bottom:30px}
.cx .cx-footer-row{flex-wrap:wrap}
.cx .cx-footer-row p{width:100%;order:3}
.cx .cx-footer-links{gap:16px}
.cx .cx-actions{gap:20px}
.cx .cx-btn{gap:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.cx *{transition:none!important}
}
.cx{font-family:"Noto Sans",Arial,sans-serif;background:#F5F0E6;font-size:16px}
.cx h1,.cx h2,.cx h3,.cx .cx-serif{font-family:"Noto Sans",Arial,sans-serif;font-weight:700}
.cx h1,.cx h2{letter-spacing:-.065em}
.cx h1{font-size:clamp(52px,5.5vw,78px);line-height:1.03}
.cx h1 em,.cx h2 em{font-style:normal}
.cx h2{font-size:clamp(36px,3.8vw,52px);line-height:1.1}
.cx h3{font-size:20px;letter-spacing:-.04em}
.cx p{line-height:1.7}
.cx .cx-wrap{max-width:1280px;padding-left:48px;padding-right:48px}
header.cx{background:#F5F0E6f5;border:0}
.cx nav{height:94px;border-bottom:1px solid #123f4320}
.cx nav .cx-links{gap:30px;font-size:12px}
.cx .cx-wordmark{width:150px;height:auto;display:block}
.cx .cx-brand{display:inline-block;line-height:0;flex-shrink:0}
.cx .cx-btn{border-radius:4px;min-height:50px;font-size:13px;gap:32px;padding:15px 22px;font-weight:700}
.cx .cx-btn:hover{background:#205359}
.cx .cx-btn.cx-outline:hover{background:#e6e5da}
.cx .cx-nav-btn{min-height:42px;padding:10px 20px}
.cx .cx-hero{gap:50px;grid-template-columns:1fr 1fr;align-items:center;padding-top:48px;padding-bottom:55px}
.cx .cx-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:26px}
.cx .cx-eyebrow:before{border-radius:0;width:23px;height:2px}
.cx .cx-hero-copy>p:not(.cx-eyebrow){max-width:460px;font-size:16px;line-height:1.75;margin-bottom:24px}
.cx .cx-hero .cx-actions{margin:27px 0 16px}
.cx .cx-fine{font-size:11px}
.cx .cx-hero-art{height:595px;border-radius:4px 100px 4px 4px;background:#123F43;isolation:isolate;padding:30px;position:relative;overflow:hidden}
.cx .cx-art-label,.cx .cx-art-bottom{display:flex;justify-content:space-between;align-items:center;color:#d7e1de;position:absolute;left:28px;right:28px;font-size:8px;letter-spacing:.14em}
.cx .cx-art-label{top:26px}
.cx .cx-art-bottom{bottom:23px}
.cx .cx-art-bottom span:last-child{letter-spacing:0;color:#c5d0cb}
.cx .cx-orbit{width:540px;height:540px;border:1px solid #ffffff15;border-radius:50%;position:absolute;left:80px;top:150px;z-index:-1}
.cx .cx-orbit:before{content:"";position:absolute;inset:45px;border:1px solid #ffffff15;border-radius:50%}
.cx .cx-mini-conversation{position:absolute;top:62px;left:28px;right:50px;background:#fffdf8;border-radius:9px;padding:20px;box-shadow:0 16px 28px #071f2325;z-index:3}
.cx .cx-mini-chat-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.cx .cx-mini-chat-head b{font-size:12px;display:block}
.cx .cx-mini-chat-head small{font-size:9px;color:#52686A}
.cx .cx-avatar{width:40px;height:40px;border-radius:50%;background:none}
.cx .cx-owner-line{font-size:13px;font-weight:700;color:#123F43;margin-bottom:10px}
.cx .cx-advisor-line{font-size:11px;line-height:1.65;border-top:1px solid #123f4318;padding-top:12px;color:#52686A}
.cx .cx-plan-cover{position:absolute;top:240px;right:45px;width:290px;height:290px;background:#F5F0E6;padding:23px 25px;transform:rotate(7deg);z-index:2;box-shadow:0 18px 35px #041e2350}
.cx .cx-cover-head{font-size:8px;display:flex;justify-content:space-between;letter-spacing:.08em;border-bottom:1px solid #123f4330;padding-bottom:12px}
.cx .cx-plan-cover h3{font-size:29px;line-height:1.1;margin:20px 0 8px;letter-spacing:-.055em}
.cx .cx-plan-cover p{font-size:10px}
.cx .cx-cover-symbol{position:absolute;right:10px;bottom:54px}
.cx .cx-cover-symbol img{width:116px}
.cx .cx-cover-base{display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:15px;left:25px;right:20px;border-top:1px solid #123f4320;padding-top:5px}
.cx .cx-cover-base>span{font-size:7px;letter-spacing:.1em}
.cx .cx-doc-logo{width:128px;display:block;height:auto}
.cx .cx-artifact-stamp{position:absolute;left:24px;bottom:55px;background:#B76548;color:white;display:flex;align-items:center;gap:12px;padding:16px 18px;z-index:4;border-radius:4px;box-shadow:0 8px 25px #0b292b22}
.cx .cx-artifact-stamp b{font-size:11px;display:block}
.cx .cx-artifact-stamp small{font-size:9px;color:#fff4ec}
.cx .cx-tick{border:1px solid #e4b9a7;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;font-size:12px}
.cx .cx-rail{font-size:11px;padding:25px 0;color:#52686A;gap:15px;align-items:center}
.cx .cx-rail b{color:#B76548;font-size:10px;margin-right:8px}
.cx .cx-rail-language{font-size:9px;max-width:165px}
.cx section{padding:100px 0}
.cx .cx-section-head{gap:50px;margin-bottom:45px}
.cx .cx-section-head>p{font-size:14px;max-width:330px}
.cx .cx-stage-grid{gap:0;border-top:1px solid #123f4330;border-bottom:1px solid #123f4330}
.cx .cx-stage{border:0;border-right:1px solid #123f4320;border-radius:0;padding:30px 28px;background:transparent;position:relative}
.cx .cx-stage:last-child{border-right:0}
.cx .cx-stage:hover,.cx .cx-stage[aria-pressed=true]{background:#EAE6DA}
.cx .cx-stage[aria-pressed=true]:after{content:"";position:absolute;left:28px;right:28px;bottom:0;height:3px;background:#B76548}
.cx .cx-stage .cx-num{color:#52686A;font-size:9px;letter-spacing:.1em;margin-bottom:38px}
.cx .cx-stage h3{font-size:20px}
.cx .cx-stage p{font-size:13px;line-height:1.75}
.cx .cx-stage .cx-arrow{font-size:11px;font-weight:700}
.cx .cx-path{background:transparent;border-radius:0;padding:25px 0 0}
.cx .cx-path strong{font-size:13px}
.cx .cx-path p{font-size:12px;max-width:730px}
.cx .cx-path .cx-btn{font-size:11px;flex-shrink:0}
.cx .cx-dark{position:relative;background:#123F43}
.cx .cx-dark .cx-eyebrow{color:#e2bba9}
.cx .cx-dark h2{font-size:clamp(36px,4vw,54px)}
.cx .cx-dark h2 em{color:#d4b7a5}
.cx .cx-steps{gap:60px}
.cx .cx-steps article{border-color:#ffffff35}
.cx .cx-steps span{font-size:9px;color:#d4b7a5;letter-spacing:.12em}
.cx .cx-steps h3{font-size:20px}
.cx .cx-steps p{font-size:14px;line-height:1.8}
.cx .cx-note{border-color:#ffffff25;font-size:11px}
.cx .cx-docs-layout{gap:80px}
.cx .cx-doc-button{border-radius:0;padding:22px 14px;border-bottom:1px solid #123f4320}
.cx .cx-doc-button[aria-pressed=true]{background:#E8E3D6;border-left:3px solid #B76548}
.cx .cx-doc-button small{font-size:12px}
.cx .cx-doc-button strong{font-size:17px}
.cx .cx-doc-button .cx-index{color:#B76548}
.cx .cx-sheet-area{border-radius:2px;background:#DCDDD2;padding:38px 50px}
.cx .cx-sheet{transform:rotate(-3deg);background:#fffdf8;padding:30px;min-height:440px;border-top:6px solid #B76548;box-shadow:10px 10px 0 #f5f0e655,0 20px 50px #173d3d18}
.cx .cx-sheet .cx-sheet-top{align-items:center;margin-bottom:20px;padding-bottom:12px;font-size:8px}
.cx .cx-sheet h3{font-family:"Noto Sans",Arial,sans-serif;font-weight:700;font-size:31px;max-width:260px;line-height:1.1;letter-spacing:-.04em}
.cx .cx-sheet p{font-size:12px}
.cx .cx-sheet h4{margin-top:28px}
.cx .cx-sheet .cx-rule{background:#d9dfd8}
.cx .cx-sheet-tag{color:#52686A;font-size:9px}
.cx .cx-plus{background:#123F43;border-radius:4px;padding:58px 60px;gap:85px;color:#F5F0E6;position:relative}
.cx .cx-plus h2 em{color:#d4b7a5}
.cx .cx-plus p{color:#bdccca;font-size:15px}
.cx .cx-plus-word{display:flex;gap:6px;align-items:center;margin-left:-9px;margin-bottom:20px}
.cx .cx-plus-word .cx-wordmark{width:150px}
.cx .cx-plus-word>span{font-size:37px;font-weight:400;color:#d4b7a5}
.cx .cx-pill{font-size:8px;letter-spacing:.12em;border-color:#8faaa9}
.cx .cx-plus .cx-btn{background:#F5F0E6;color:#123F43;border-color:#F5F0E6}
.cx .cx-plus .cx-btn:hover{background:#e6d7c6}
.cx .cx-plus .cx-fine{color:#bdccca}
.cx .cx-plus-list div{border-bottom:1px solid #ffffff25;padding:20px 0}
.cx .cx-plus-list b{font-size:16px;line-height:1.6}
.cx .cx-plus-list p{font-size:12px}
.cx .cx-trust{gap:100px}
.cx .cx-trust h2{font-size:44px}
.cx .cx-trust-list{gap:25px;border-left:1px solid #123f4325;padding-left:35px}
.cx .cx-trust-list h3{font-size:17px}
.cx .cx-trust-list p{font-size:14px}
.cx .cx-institution{background:#E6E4D9;border:0}
.cx .cx-institution article{border-color:#123f4340}
.cx .cx-status{color:#8b492f;font-size:9px;font-weight:700}
.cx .cx-institution h3{font-size:20px}
.cx .cx-institution article p{font-size:14px}
.cx .cx-institution .cx-grid{gap:50px;margin:45px 0}
.cx .cx-pricing{gap:0;border:1px solid #123f4330;border-radius:3px;overflow:hidden}
.cx .cx-price{border:0;border-right:1px solid #123f4330;border-radius:0;padding:35px}
.cx .cx-price:last-child{border-right:0}
.cx .cx-price.cx-featured{background:#E7E4D8;color:#123F43}
.cx .cx-price.cx-featured p,.cx .cx-price.cx-featured li{color:#52686A}
.cx .cx-price .cx-amount{font:700 29px "Noto Sans",Arial,sans-serif;letter-spacing:-.05em}
.cx .cx-price .cx-btn.cx-light{background:#123F43;border-color:#123F43;color:#fff}
.cx .cx-price li{margin-bottom:8px}
.cx .cx-faq{max-width:840px}
.cx summary{font-size:16px}
.cx details{padding:24px 0}
.cx .cx-closing{position:relative;text-align:left;background:#E3D8C9;padding:65px;border-radius:3px;overflow:hidden}
.cx .cx-closing h2{margin:0 0 20px;max-width:650px;font-size:54px;position:relative}
.cx .cx-closing p{margin:0 0 30px;max-width:440px;position:relative}
.cx .cx-closing .cx-eyebrow{justify-content:flex-start!important}
.cx .cx-closing-symbol{position:absolute;width:300px;height:auto;right:35px;top:50%;transform:translateY(-50%)}
footer.cx .cx-brand{margin-left:-8px}
footer.cx .cx-wordmark{width:150px}
.cx .cx-footer-row p{font-size:11px}
.cx .cx-text-link{font-size:12px}
.cx .cx-mobile-toggle{min-height:44px}
@media(min-width:1450px){.cx .cx-hero-art{height:630px}
.cx .cx-plan-cover{top:250px;height:320px;width:310px}
.cx .cx-mini-conversation{top:70px}
}
@media(max-width:1000px){.cx .cx-wrap{padding-left:30px;padding-right:30px}
.cx nav .cx-links{gap:18px}
.cx .cx-hero{gap:30px}
.cx .cx-hero-art{height:560px}
.cx .cx-mini-conversation{left:20px;right:25px;padding:18px}
.cx .cx-plan-cover{right:25px;width:255px}
.cx .cx-artifact-stamp{left:18px}
.cx .cx-rail{flex-wrap:wrap}
.cx .cx-docs-layout{gap:35px}
.cx .cx-plus{gap:45px;padding:42px}
.cx .cx-trust{gap:45px}
.cx .cx-closing-symbol{width:220px;right:20px}
.cx .cx-closing h2{max-width:530px}
.cx .cx-closing{padding:50px}
}
@media(max-width:850px){.cx nav .cx-links{top:94px;background:#F5F0E6;padding:25px 30px;gap:25px}
.cx .cx-hero{grid-template-columns:1fr 1fr;gap:26px}
.cx h1{font-size:55px}
.cx .cx-hero-art{height:560px}
.cx .cx-mini-chat-head b{font-size:10px}
.cx .cx-plan-cover{width:225px;right:23px;height:270px;top:247px}
.cx .cx-artifact-stamp{bottom:46px;padding:13px}
.cx .cx-artifact-stamp b{font-size:10px}
.cx .cx-cover-symbol img{width:95px}
.cx .cx-art-label,.cx .cx-art-bottom{font-size:7px;left:20px;right:20px}
.cx .cx-stage{padding:25px 18px}
.cx .cx-stage h3{font-size:17px}
.cx .cx-sheet-area{padding:27px}
.cx .cx-sheet{padding:23px}
.cx .cx-closing-symbol{display:none}
.cx .cx-steps{gap:30px}
.cx .cx-price{padding:25px}
.cx .cx-plus{gap:35px}
.cx .cx-trust h2{font-size:36px}
.cx .cx-trust-list{padding-left:25px}
}
@media(max-width:620px){.cx .cx-wrap{padding-left:22px;padding-right:22px}
.cx nav{height:78px;gap:12px}
.cx .cx-wordmark{width:132px}
.cx .cx-brand{margin-left:-6px}
.cx .cx-nav-btn{padding:10px 14px;font-size:11px;gap:12px}
.cx .cx-mobile-toggle{font-size:11px;padding:0 3px}
.cx nav .cx-links{top:78px;padding:22px}
.cx .cx-hero{grid-template-columns:1fr;padding-top:36px;padding-bottom:30px;gap:35px}
.cx h1{font-size:55px;line-height:1.04;letter-spacing:-.065em}
.cx .cx-eyebrow{font-size:9px;margin-bottom:22px}
.cx .cx-hero-copy>p:not(.cx-eyebrow){font-size:15px;line-height:1.75;max-width:100%}
.cx .cx-hero .cx-actions{gap:18px;margin-top:24px}
.cx .cx-btn{font-size:12px;gap:22px}
.cx .cx-hero .cx-fine{font-size:10px}
.cx .cx-hero-art{height:550px;max-width:none;border-top-right-radius:72px;padding:20px;margin:0;width:100%}
.cx .cx-mini-conversation{top:58px;left:20px;right:20px;padding:18px}
.cx .cx-mini-chat-head b{font-size:11px}
.cx .cx-plan-cover{top:243px;width:240px;height:255px;right:25px;padding:20px}
.cx .cx-plan-cover h3{font-size:26px;margin-top:17px}
.cx .cx-cover-base{left:20px;right:15px;bottom:10px}
.cx .cx-artifact-stamp{left:15px;bottom:44px;padding:14px 16px}
.cx .cx-cover-symbol{bottom:46px}
.cx .cx-art-bottom{bottom:18px}
.cx .cx-rail{display:grid;grid-template-columns:1fr;gap:14px;padding:22px 0;font-size:12px}
.cx .cx-rail-language{font-size:10px;max-width:none;padding-top:8px;border-top:1px solid #123f4315}
.cx .cx-rail b{margin-right:17px}
.cx section{padding:62px 0}
.cx h2{font-size:37px;letter-spacing:-.06em}
.cx .cx-section-head{margin-bottom:28px}
.cx .cx-section-head>p{font-size:14px}
.cx .cx-stage-grid{grid-template-columns:1fr}
.cx .cx-stage{border-right:0;border-bottom:1px solid #123f4320;padding:24px}
.cx .cx-stage:last-child{border-bottom:0}
.cx .cx-stage .cx-num{margin-bottom:17px}
.cx .cx-stage h3{font-size:20px}
.cx .cx-stage p{font-size:14px;margin-bottom:17px}
.cx .cx-stage[aria-pressed=true]:after{left:0;top:0;bottom:0;width:3px;height:auto}
.cx .cx-path{padding-top:22px}
.cx .cx-path p{font-size:13px}
.cx .cx-path .cx-btn{margin-top:15px}
.cx .cx-steps{gap:23px;margin-top:30px}
.cx .cx-steps h3{font-size:20px}
.cx .cx-steps p{font-size:14px}
.cx .cx-dark h2{font-size:36px}
.cx .cx-docs-layout{grid-template-columns:1fr;gap:28px}
.cx .cx-doc-button{padding:20px 10px}
.cx .cx-doc-button strong{font-size:16px}
.cx .cx-doc-button small{font-size:11px}
.cx .cx-sheet-area{padding:28px}
.cx .cx-sheet{min-height:415px;padding:24px}
.cx .cx-sheet h3{font-size:30px}
.cx .cx-sheet .cx-sheet-top{font-size:7px}
.cx .cx-plus{grid-template-columns:1fr;padding:30px 25px;gap:25px}
.cx .cx-plus h2{font-size:35px}
.cx .cx-plus-list{gap:5px}
.cx .cx-plus-list b{font-size:16px}
.cx .cx-plus-list p{font-size:13px}
.cx .cx-plus-word{margin-bottom:15px}
.cx .cx-plus .cx-fine{line-height:1.8}
.cx .cx-trust{grid-template-columns:1fr;gap:24px}
.cx .cx-trust h2{font-size:37px}
.cx .cx-trust-list{padding-left:20px}
.cx .cx-trust-list p{font-size:14px}
.cx .cx-institution .cx-grid{grid-template-columns:1fr;gap:20px;margin:30px 0}
.cx .cx-institution .cx-fine{font-size:11px}
.cx .cx-pricing{grid-template-columns:1fr}
.cx .cx-price{padding:28px;border-right:0;border-bottom:1px solid #123f4330}
.cx .cx-price:last-child{border-bottom:0}
.cx .cx-price li,.cx .cx-price p{font-size:14px}
.cx .cx-closing{padding:38px 25px;margin-bottom:25px}
.cx .cx-closing h2{font-size:37px}
.cx .cx-closing p{font-size:14px}
.cx .cx-closing-symbol{display:none}
.cx .cx-footer-row{gap:20px}
.cx .cx-footer-links{font-size:11px}
.cx summary{font-size:14px;padding-right:25px}
.cx .cx-faq h2{margin-bottom:25px}
.cx .cx-fine{font-size:11px}
}
@media(max-width:365px){.cx h1{font-size:48px}
.cx .cx-nav-btn{padding:10px;gap:9px}
.cx .cx-hero .cx-actions{gap:16px}
.cx .cx-text-link{font-size:11px}
.cx .cx-wordmark{width:128px}
.cx .cx-hero-art{height:565px}
.cx .cx-plan-cover{width:220px;top:260px}
.cx .cx-mini-chat-head b{font-size:10px}
.cx .cx-owner-line{font-size:12px}
.cx .cx-artifact-stamp{padding:12px}
}
@media(max-width:620px){.cx h1{font-size:48px}
.cx .cx-nav-btn{white-space:nowrap}
.cx nav{gap:10px}
}
@media(max-width:365px){.cx h1{font-size:43px}
.cx .cx-nav-btn{font-size:10px;padding:10px 9px;gap:8px}
.cx .cx-mobile-toggle{font-size:10px}
.cx nav{gap:8px}
}

/* ---- Adjustments to the Codex design ---- */
/* The graphic container: four equally rounded corners, everywhere. */
.cx .cx-hero-art{border-radius:16px!important}
.cx h1{text-wrap:balance}
.cx .cx-stage .cx-arrow{text-decoration:underline;text-underline-offset:4px}
.cx a.cx-btn{text-decoration:none}
footer.cx .cx-copyright{font-size:11px;margin:18px 0 0;color:var(--cx-muted)}
footer.cx .cx-footer-links a{text-decoration:underline;text-underline-offset:3px}
.cx .cx-faq a{text-decoration:underline}
/* Clay as small text on ivory needs its deeper shade (5.4:1 against 3.7:1). */
.cx .cx-rail b,.cx .cx-doc-button .cx-index{color:#8B492F}
.cx .cx-artifact-stamp{background:#A3533A}
.cx .cx-sample-caption,.cx .cx-closing p,.cx .cx-closing .cx-eyebrow{color:#45595B}
/* Keep the closing words clear of the large symbol wherever the symbol shows. */
@media(min-width:851px){.cx .cx-closing h2,.cx .cx-closing p{max-width:min(650px,calc(100% - 340px))}}
/* The five-document strip, between choosing a starting point and how it works.
   Two identical halves, so moving by exactly one half loops without a jump.
   Deep clay with ivory text: 5.5:1. */
.cx .cx-ticker{overflow:hidden;background:#A3533A;color:#F5F0E6}
.cx .cx-ticker-track{display:flex;width:max-content;animation:cx-ticker 40s linear infinite}
.cx .cx-ticker-set{display:flex;align-items:center;gap:28px;padding:14px 14px 14px 0}
.cx .cx-ticker span{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;white-space:nowrap}
.cx .cx-ticker i{font-style:normal;font-size:7px;opacity:.75}
@keyframes cx-ticker{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.cx .cx-ticker-track{animation:none}}
/* No dash before eyebrow labels. */
.cx .cx-eyebrow:before{display:none}
/* The tilted sample sheet overlapped its caption; give it room, and set the
   sheet's text a little smaller so each sample breathes. */
.cx .cx-sample-caption{margin-top:40px;font-size:10px}
.cx .cx-sheet h3{font-size:27px}
.cx .cx-sheet p{font-size:11.5px;line-height:1.7}
.cx .cx-sheet h4{font-size:11.5px;margin-top:22px}
.cx .cx-sheet{min-height:410px}
/* Reading progress: a clay line across the top that fills as the page is read. */
.cx-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;pointer-events:none}
.cx-progress span{display:block;height:100%;background:#B76548;transform-origin:0 50%;transform:scaleX(0);will-change:transform}

/* ---- Phone polish ---- */
/* A solid header: at 96% opacity, text scrolling underneath showed through. */
header.cx{background:#F5F0E6}
/* Room to tap: fingers need ~44px, not the height of a line of text. */
.cx .cx-text-link{display:inline-block;padding:12px 0}
.cx .cx-faq details{padding:6px 0}
.cx .cx-faq summary{padding-top:14px;padding-bottom:14px}
.cx .cx-faq summary:after{top:12px}
@media(max-width:620px){
  /* The hero card: the stamp covered "Prepared with Andaa" and the large
     symbol sat on top of it. On a phone the card keeps its title and symbol;
     the stamp says what it was prepared with. */
  .cx .cx-cover-base{display:none}
  .cx .cx-cover-symbol{bottom:68px}
  .cx .cx-cover-symbol img{width:84px}
}