@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap');
:root{--navy:#08284b;--orange:#ff7920;--cream:#fffaf4;--muted:#577087;--line:#e9ddd0;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--navy);font-family:var(--sans);background:radial-gradient(ellipse at 50% 25%,#fffefb 0,#fff8f0 65%,#fff5e9 100%);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #aa4c0d;outline-offset:4px}button{color:var(--navy)}.preview-bar{min-height:34px;background:#f2e8dc;display:flex;gap:9px;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:1.6px;padding:8px 14px}.preview-dot{width:5px;height:5px;border-radius:50%;background:#cc641e}.preview-note{letter-spacing:.1px;font-size:11px;font-weight:400;border-left:1px solid #cfc0ae;padding-left:11px;color:#5e665f}.landscape{position:fixed;z-index:-1;bottom:-120px;left:0;width:100%;height:75vh;pointer-events:none}.landscape svg{width:100%;height:100%;fill:none}.star{position:absolute;color:var(--orange);font-size:78px}.star-right{right:4%;top:38%}.star-left{left:5%;top:65%;font-size:28px}.brand{text-align:center;padding:23px 20px 25px}.logo-window{width:244px;height:90px;overflow:hidden;margin:0 auto 13px;mix-blend-mode:multiply}.logo-window img{width:278px;max-width:none;margin:-24px 0 0 -17px}.eyebrow{font-size:12px;line-height:1.5;letter-spacing:2px;font-weight:700;color:#765235;margin:0 0 10px}.brand h1{font-family:var(--serif);font-weight:700;font-size:clamp(42px,5.2vw,60px);line-height:1.12;margin:0 0 13px;letter-spacing:-1.3px}.brand>p:last-child{font-size:14px;color:var(--muted);margin:0;line-height:1.6}main{max-width:906px;margin:auto;padding:0 22px 20px}.shell{background:linear-gradient(125deg,#fff9f1f5,#fff3e6ed);border:1px solid #fff;border-radius:23px;padding:27px 50px 23px;box-shadow:0 14px 46px #8b572416,inset 0 0 0 1px #f5e7d75c}nav{max-width:440px;margin:0 auto 28px}#progress{display:flex;list-style:none;padding:0;margin:0;position:relative;justify-content:space-between}#progress:before{content:'';position:absolute;left:16%;right:16%;top:17px;height:1px;background:#ded5c9}#progress li{position:relative;text-align:center;width:33.333%;font-size:14px;line-height:1.4;color:#43596b}#progress .circle{width:34px;height:34px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid #dacfbe;border-radius:50%;background:#fff9ef;font-size:15px;font-weight:650}#progress .active{color:var(--navy);font-weight:700}#progress .active .circle{background:var(--orange);color:#fff;border-color:var(--orange);box-shadow:0 3px 10px #ef842528}#progress .complete .circle{background:#fff0df;border-color:#ffb275;color:#a84b0c}.screen{animation:appear .26s ease-out}.screen-head{text-align:center;margin-bottom:24px}.kicker{font-size:12px;letter-spacing:1.5px;font-weight:650;text-transform:uppercase;color:#765235;margin:0 0 10px}.screen h2{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.12;letter-spacing:-.6px;margin:0 0 9px}.help{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.services{display:grid;grid-template-columns:1fr 1fr;gap:13px}.option{display:flex;align-items:center;gap:17px;text-align:left;border:1px solid #e7dcd0;background:#fffdfa;border-radius:12px;padding:19px 21px;width:100%;min-height:89px;transition:border-color .15s,background .15s,transform .15s,box-shadow .15s;position:relative}.option:hover{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);background:#fff9f0}.option:hover:not(:disabled){transform:translateY(-1px)}.option.selected{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange);background:#fffaf3}.option-icon{background:#fff0e2;border-radius:50%;width:45px;height:45px;flex-shrink:0;display:grid;place-items:center;color:#b9520a}.option-icon svg{width:23px;height:23px;stroke-width:1.5;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round}.option strong{display:block;font-family:var(--serif);font-size:25px;font-weight:700;line-height:1.15;margin-bottom:6px}.option small{display:block;color:#354f68;font-size:14px;line-height:1.5}.choice-mark{width:17px;height:17px;border:1px solid #c9c3b9;border-radius:50%;margin-left:auto;flex-shrink:0;font-size:10px;display:grid;place-items:center}.selected .choice-mark{background:var(--orange);border-color:var(--orange);color:#fff}.option:disabled{cursor:default;background:#fffaf4;opacity:1}.soon{font:12px var(--sans);display:block;margin-top:7px;color:#4d5c65;letter-spacing:.1px;line-height:1.5}.options-stack{display:grid;gap:12px;max-width:640px;margin:auto}.options-stack .option{min-height:88px}.note{font-size:14px;line-height:1.6;color:#43596b;text-align:center;margin:16px 0 0}.form-footer{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);margin-top:28px;padding-top:19px}.primary{border:0;background:var(--navy);color:#fff;border-radius:8px;padding:13px 22px;font-size:13px;font-weight:550;min-width:156px;display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 5px 12px #09294b12;margin-left:auto}.primary:hover{background:#153e68}.primary span{font-size:19px;line-height:1}.back{border:0;background:transparent;padding:10px 0;font-size:15px}.back span{font-size:12px;margin-left:7px}.footer-note{font-size:13px;line-height:1.5;color:#43596b;margin:auto}.under-form{text-align:center;color:#8c8b84;font-size:10px;margin:19px 0}.under-form span{color:#6c776f;margin-left:5px}.fields{max-width:640px;margin:auto;display:grid;gap:19px}.field label,.field-label{display:block;font-size:12px;font-weight:600;margin:0 0 8px}.optional{font-weight:400;color:#7e827e;font-size:11px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #ded6cd;background:#fffefa;border-radius:7px;padding:11px 12px;color:var(--navy);font-size:13px;min-height:43px}.field textarea{resize:vertical;min-height:87px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#89949a}.field .help{font-size:11px;margin-top:7px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.phone-row{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:12px}.phone-row .field{min-width:0}.phone-row label{white-space:nowrap}.segmented{display:flex;gap:10px}.segmented .option{padding:10px 14px;min-height:43px;max-width:145px;font-size:13px}.domain-entry{margin-top:12px}.guidance{background:#fff0e1;border:1px solid #ffe4c8;border-radius:7px;padding:10px 13px;font-size:12px;color:#586675;display:flex;gap:10px}.guidance span{color:#db6815}.subtle-divider{height:1px;background:var(--line)}#error{color:#9e3016;font-size:12px;margin-top:12px}#error:empty{display:none}.review-section{border-bottom:1px solid var(--line);padding:15px 0}.review-section:first-child{padding-top:0}.review-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.review-title h3{margin:0;font-family:var(--serif);font-size:24px;font-weight:400}.text-button{color:#944411;background:transparent;border:0;text-decoration:underline;font-size:11px;padding:5px}.review-section dl{display:grid;grid-template-columns:130px 1fr;margin:0;gap:9px 14px;font-size:12px;line-height:1.5}.review-section dt{color:#687c89}.review-section dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.success{text-align:center;padding:15px 0 5px}.success-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#ffead4;color:#d96512;font-size:35px;margin:0 auto 22px}.success p{max-width:450px;margin:12px auto;color:var(--muted);font-size:13px;line-height:1.7}.success .primary{margin:22px auto 8px;width:max-content}.success .text-button{display:block;margin:auto}.time-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-options .option{min-height:51px;padding:12px 16px;font-size:13px}.required-note{font-size:10px;color:#788581;text-align:center;margin:12px 0 0}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1500px){.brand{padding-top:36px;padding-bottom:32px}.shell{padding-top:32px;padding-bottom:25px}}@media(max-width:650px){.preview-note{font-size:9px}.preview-bar{font-size:8px;letter-spacing:1px}.brand{padding:17px 18px 22px}.logo-window{transform:scale(.86);margin-top:-6px;margin-bottom:0}.eyebrow{font-size:11px;letter-spacing:1.5px}.brand h1{font-size:40px}.brand>p:last-child{font-size:12px;max-width:285px;margin:auto}main{padding:0 12px 16px}.shell{padding:22px 19px 18px;border-radius:18px}nav{margin-bottom:26px}.screen h2{font-size:30px}.services{grid-template-columns:1fr;gap:10px}.option{padding:15px;min-height:78px;gap:13px}.option strong{font-size:24px}.option-icon{width:38px;height:38px}.option small{font-size:14px}.options-stack .option{min-height:88px}.footer-note{display:none}.form-footer{margin-top:23px;padding-top:17px}.primary{min-width:142px;padding:13px 18px}.row{grid-template-columns:1fr;gap:17px}.fields{gap:17px}.review-section dl{grid-template-columns:100px 1fr;font-size:11px}.star-right{right:-20px}.landscape{opacity:.6}.screen-head{margin-bottom:22px}.preview-note{max-width:245px}.help{font-size:12px}}

/* Keep validation messages aligned with their associated field. */
.field-error{color:#9e3016;font-size:13px;line-height:1.5;margin:7px 0 0}.field [aria-invalid="true"]{border-color:#b74425;box-shadow:0 0 0 1px #b74425}#error{max-width:640px;margin:12px auto 0;font-size:13px;line-height:1.5}

/* A quiet completion watermark behind the message. */
.success{position:relative;isolation:isolate;padding:28px 0 18px}
.success-icon{position:absolute;z-index:-1;pointer-events:none;left:50%;top:0;transform:translateX(-50%);width:210px;height:210px;font-size:110px;margin:0;opacity:.14}
.success .text-button{margin-top:22px}
[data-choice="goal"]:not([data-value="Help me figure it out"]) .choice-mark{border-radius:4px}

/* Branding deliverables: photography fades behind live, accessible text. */
.branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.branding-card{min-height:120px;padding:18px 20px;overflow:hidden;isolation:isolate;align-items:center}
.branding-art{position:absolute;inset:0;z-index:-2;background-image:url('assets/branding-backgrounds.png');background-size:200% 400%;background-repeat:no-repeat}
.branding-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffaf5 0%,#fffaf5f5 28%,#fffaf5bd 58%,#fffaf520 100%)}
.branding-card.selected:before{background:linear-gradient(90deg,#fff7ed 0%,#fff7edf5 28%,#fff7edbd 58%,#fff7ed20 100%)}
.branding-card .branding-copy{padding-right:18px;max-width:95%}
.branding-card strong{font-size:24px;line-height:1.12}
.branding-card small{font-size:13px;line-height:1.4;color:#23445f;max-width:215px}
.branding-card .choice-mark{position:absolute;right:12px;top:12px;background:#fffaf4;width:21px;height:21px}
.branding-card.selected .choice-mark{background:var(--orange)}
.art-0{background-position:0 0}.art-1{background-position:100% 0}.art-2{background-position:0 33.3333%}.art-3{background-position:100% 33.3333%}.art-4{background-position:0 66.6667%}.art-5{background-position:100% 66.6667%}.art-6{background-position:0 100%}.art-7{background-position:100% 100%}
.branding-extras{display:flex;justify-content:center;gap:12px;margin-top:18px}
.branding-extras .option{max-width:240px;min-height:46px;padding:11px 15px;font-size:13px}
#branding-other{max-width:640px;margin:20px auto 0}
@media(max-width:650px){.branding-grid{grid-template-columns:1fr;gap:10px}.branding-card{min-height:118px;padding:18px}.branding-card strong{font-size:25px}.branding-card small{max-width:230px}.branding-extras{flex-wrap:wrap}.branding-extras .option{flex:1;min-width:125px}}

/* Restore the approved concept photography with only a small local fade. */
.branding-screen main{max-width:1140px}
.branding-card{min-height:112px}
.branding-art{inset:auto 0 auto auto;top:50%;transform:translateY(-50%);width:235px;height:108px;background-image:url('assets/branding-concept.png');background-size:1536px 1024px;z-index:-2}
.branding-card:before,.branding-card.selected:before{background:linear-gradient(90deg,#fffaf5 0%,#fffaf5 42%,#fffaf5e8 50%,#fffaf580 60%,transparent 73%)}
.branding-card.selected:before{background:linear-gradient(90deg,#fff7ed 0%,#fff7ed 42%,#fff7ede8 50%,#fff7ed80 60%,transparent 73%)}
.branding-card .branding-copy{max-width:66%;padding-right:0}
.branding-card small{max-width:250px}
.art-0{background-position:-525px -402px}.art-1{background-position:-1075px -402px}.art-2{background-position:-525px -525px}.art-3{background-position:-1075px -525px}.art-4{background-position:-525px -648px}.art-5{background-position:-1075px -648px}.art-6{background-position:-525px -770px}.art-7{width:180px;background-position:-1130px -770px}
.landscape .star{display:block;width:148px;height:205px;color:#ff8754;font-size:initial}
.landscape .star svg{width:100%;height:100%;fill:currentColor}
.landscape .star-left{width:35px;height:48px}
@media(max-width:800px){.branding-grid{grid-template-columns:1fr}.branding-screen main{max-width:650px}.branding-card{min-height:118px}}
@media(max-width:400px){.branding-card .branding-copy{max-width:75%}.branding-card strong{font-size:22px}.branding-card small{font-size:12px}.branding-card:before,.branding-card.selected:before{background:linear-gradient(90deg,#fffaf5 0%,#fffaf5f0 45%,#fffaf580 64%,transparent 85%)}}
/* Hide the concept's decorative selection marker; the form renders its own. */
.branding-art{mask-image:radial-gradient(circle at calc(100% - 24px) 19px,transparent 18px,#000 20px)}

/* Marketing's editorial layout keeps the original branded desk photo. */
.marketing-screen main{max-width:1180px}
.marketing-editorial{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}
.marketing-feature .screen-head{text-align:left;margin-bottom:16px}
.marketing-feature h2{font-size:38px;line-height:1.06}
.marketing-photo{width:100%;aspect-ratio:445/438;background-image:url('assets/marketing-editorial.png');background-size:345.1685% 233.79%;background-position:18.1485% 81.23%;background-repeat:no-repeat;border-radius:9px}
.marketing-list{display:grid;gap:12px}
.marketing-card{min-height:88px;padding:8px;gap:14px}
.marketing-thumbnail{display:block;flex:0 0 104px;height:62px;border-radius:6px;background-image:url('assets/marketing-editorial.png');background-repeat:no-repeat;background-size:1010.5263% 1312.8205%;background-position-x:48.9162%}
.marketing-thumb-0{background-position-y:36.4693%}.marketing-thumb-1{background-image:url('assets/marketing-print.png');background-position-y:47.2516%}.marketing-thumb-2{background-position-y:58.1395%}.marketing-thumb-3{background-position-y:68.9218%}.marketing-thumb-4{background-position-y:80.0211%}
.marketing-copy{min-width:0;flex:1}
.marketing-card strong{font-size:23px;line-height:1.14;margin-bottom:5px}
.marketing-card small{font-size:13px;line-height:1.4}
.marketing-card .choice-mark{flex:0 0 21px;height:21px;margin-right:5px}
.marketing-extras{display:flex;gap:10px;margin-top:18px}
.marketing-extras .option{min-height:46px;padding:11px 13px;font-size:13px}
#marketing-other{margin-top:18px}
@media(max-width:850px){.marketing-editorial{grid-template-columns:1fr;gap:22px}.marketing-screen main{max-width:740px}.marketing-feature .screen-head{text-align:center}.marketing-photo{max-width:445px;margin:auto}.marketing-card strong{font-size:24px}}
@media(max-width:440px){.marketing-card{gap:10px;min-height:96px}.marketing-thumbnail{flex-basis:72px;height:58px}.marketing-card strong{font-size:21px}.marketing-card small{font-size:12px}.marketing-extras{flex-wrap:wrap}.marketing-extras .option{flex:1;min-width:125px}.marketing-feature h2{font-size:32px}}
/* Keep the Marketing feature photograph exclusive to the desktop layout. */
@media(max-width:850px){.marketing-photo{display:none}.marketing-feature .screen-head{margin-bottom:0}}
