/* Independent working copy of Esprint variant B. */
:root{font-family:Manrope,Arial,sans-serif;color:#171725;background:#f7f8fc;font-synthesis:none;--ink:#171725;--accent:#6353eb;--accent-ink:#fff;--surface:#f7f8fc;--muted:#6b6c7c;--line:#dedee8}
*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}svg{width:22px;height:22px;flex-shrink:0}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--accent-ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:#fff;color:#171725;padding:14px}.skip-link:focus{top:16px}
.landing{min-height:680px;height:100svh;display:flex;flex-direction:column;padding:28px 4vw 86px;overflow:hidden}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-shrink:0;min-height:45px}.brand{font-size:33px;letter-spacing:-2px;font-weight:800;line-height:1;display:inline-flex;align-items:flex-start;gap:3px}.brand-mark{font-family:Arial,sans-serif;font-size:12px;letter-spacing:0;margin-top:2px;font-weight:400}.header-note{font-size:12px;color:var(--muted)}.availability{display:flex;align-items:center;gap:9px;font-size:12px}.availability i{width:6px;height:6px;background:#71a280;border-radius:50%}.eyebrow{font-size:11px;letter-spacing:.075em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.micro{font-size:11px;line-height:1.7}.short-line{height:1px;width:25px;background:currentColor}h1,h2,p{margin:0}h1{font-weight:600;letter-spacing:-.065em;line-height:1.05}h2{font-weight:600;letter-spacing:-.035em;line-height:1.15}.intro{font-size:15px;line-height:1.8;color:var(--muted)}.primary-button{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:26px;padding:15px 21px;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600;transition:transform .2s,background .2s}.primary-button:hover:not(:disabled){transform:translateY(-3px)}.primary-button svg{width:24px;height:24px}.form-hint{display:block;font-size:10px;color:var(--muted);line-height:1.6}.form-hint span{margin:0 5px}.contact-links{display:flex;align-items:center;gap:26px}.contact-link{background:none;display:inline-flex;align-items:center;gap:7px;padding:6px 0;font-size:12px;font-weight:500}.contact-link svg:first-child{width:17px;height:17px}.contact-link svg:last-child{width:12px;height:12px;margin-left:3px;transition:transform .2s}.contact-link:hover svg:last-child{transform:translate(2px,-2px)}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:45px;margin-top:auto;font-size:10px;color:var(--muted)}.service-list{display:flex;align-items:center;gap:15px}.service-list i{font-style:normal;opacity:.5}

/* A: quiet precision, explicit invitation. */
.variant-a{background:#f7f8fc;--ink:#171725;--accent:#6353eb;--muted:#6b6c7c}.a-main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6vw;max-width:1400px;width:100%;margin:auto}.a-statement{padding:35px 0}.a-statement h1{font-size:clamp(56px,min(6.25vw,10.2vh),104px);margin:23px 0}.a-statement h1>span{color:#7c7e93}.a-craft{display:flex;gap:11px;align-items:center;margin-top:24px;font-size:10px;line-height:1.65}.craft-dot{width:27px;height:27px;border:1px solid #c9c9da;border-radius:50%;position:relative}.craft-dot:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#6353eb}.a-invitation{position:relative;max-width:470px;width:100%;justify-self:end;padding-top:16px}.a-letter{position:absolute;width:390px;height:405px;left:-104px;top:-35px;transform:rotate(-11deg);border-left:85px solid #e8e5fd;border-radius:3px;pointer-events:none}.a-letter span{display:block;position:absolute;height:80px;background:#e8e5fd;width:270px;border-radius:3px;left:-1px}.a-letter span:nth-child(1){top:0}.a-letter span:nth-child(2){top:160px;width:200px}.a-letter span:nth-child(3){bottom:0}.a-offer{position:relative;background:#fff;padding:31px 36px 24px;border:1px solid #e8e8f3;border-radius:8px;box-shadow:0 24px 60px -35px #87839b40}.offer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#6b6c7c}.sparkle{font-size:28px;color:#6353eb}.a-time{font-size:clamp(66px,9vh,90px);font-weight:500;line-height:1;letter-spacing:-7px;color:#6353eb;margin:21px 0 18px}.a-time>span{font-size:24px;letter-spacing:-1px;margin-left:9px}.a-offer h2{font-size:30px}.a-offer p{font-size:12px;color:#6b6c7c;line-height:1.8;margin-top:15px}.a-button{width:100%;margin:25px 0 12px;border-radius:4px}.a-offer .form-hint{text-align:center}.a-contacts{position:relative;justify-content:center;margin-top:21px}.variant-a .site-footer{border-top:1px solid #e0e1eb;padding-top:15px}

/* B: a direct, oversized typographic proposition. */
body[data-variant=B]{--ink:#f6f39b;--surface:#2245f5;--accent:#f6f39b;--accent-ink:#182eae;--muted:#d4ddff;--line:#5d79f6}.variant-b{background:#2245f5;color:#f6f39b;padding-left:4.8vw;padding-right:4.8vw;--muted:#d4ddff}.variant-b .brand{font-family:Archivo,Arial,sans-serif;font-weight:800;letter-spacing:-2.5px}.variant-b .header-note{color:#dce3ff}.header-brief{display:flex;align-items:center;gap:16px;background:none;font-size:12px;padding:9px 0;border-bottom:1px solid #5e75ee}.header-brief svg{width:17px;height:17px}.b-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:28px;padding-bottom:30px;gap:20px}.b-topline{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#dce3ff}.b-hero{position:relative;display:grid;grid-template-columns:1fr 240px;align-items:center}.b-hero h1{font-family:Archivo,Arial,sans-serif;font-size:clamp(70px,min(10.4vw,15vh),170px);letter-spacing:-.07em;line-height:.97;font-weight:700}.b-hero h1>span{display:block}.b-hero h1 .b-subline{font-family:Manrope,Arial,sans-serif;font-size:.405em;font-weight:400;letter-spacing:-.04em;margin-top:19px;color:#dce3ff}.b-arrow{align-self:start;padding-top:10px}.b-arrow svg{width:100%;height:auto}.b-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-top:13px;gap:50px}.b-bottom>p{font-size:13px;line-height:1.9;color:#dce3ff}.b-bottom>p strong{font-weight:500;color:#f6f39b}.b-cta{max-width:450px;justify-self:end;width:100%}.b-cta .micro{display:block;color:#f6f39b;margin-bottom:11px}.b-button{width:100%;font-size:16px;font-weight:600;padding:18px 23px;min-height:64px}.b-cta .form-hint{color:#d4ddff;margin-top:10px}.variant-b .site-footer{border-top:1px solid #617bf7;padding-top:18px}.variant-b .contact-links{color:#f6f39b}

/* C: the craft is made visible as a blueprint. */
body[data-variant=C]{--ink:#eef5f0;--surface:#102b2c;--accent:#d0f8dd;--accent-ink:#15352b;--muted:#9bafaa;--line:#31504d}.variant-c{background:#102b2c;color:#eef5f0;padding:0 0 80px;flex-direction:row;--muted:#9bafaa}.c-rail{width:100px;flex-shrink:0;border-right:1px solid #31504d;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:38px 0 22px;position:relative}.c-rail .brand{writing-mode:vertical-rl;transform:rotate(180deg);font-size:30px;gap:5px}.c-rail .brand-mark{writing-mode:horizontal-tb;transform:rotate(180deg)}.rail-label{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1px;color:#9bafaa}.rail-symbol{font-size:37px;color:#d0f8dd}.c-body{padding:28px 3.5vw 0;width:100%;display:flex;flex-direction:column;min-width:0}.variant-c .site-header{min-height:45px}.variant-c .availability i{background:#d0f8dd}.c-main{flex:1;display:flex;flex-direction:column;justify-content:center;gap:30px;padding:25px 0}.c-message .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:9px;color:#9bafaa;letter-spacing:.025em}.c-message h1{font-size:clamp(40px,min(4.3vw,7vh),70px);margin:16px 0;font-weight:500;letter-spacing:-.05em;line-height:1.12}.c-message h1 span{color:#d0f8dd}.c-message p{font-size:12px;line-height:1.75;color:#9bafaa}.c-workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center}.blueprint{border:1px solid #466460;border-radius:5px;overflow:hidden}.blueprint-bar{height:35px;border-bottom:1px solid #31504d;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-family:'IBM Plex Mono',monospace;font-size:9px;color:#b7cdc4}.blueprint-bar>span:first-child{display:flex;gap:8px;align-items:center}.blueprint-bar i{height:5px;width:5px;border-radius:50%;background:#d0f8dd}.blueprint-dots{letter-spacing:3px;color:#7d9790}.blueprint-canvas{height:clamp(180px,27vh,300px);background-image:linear-gradient(#27434170 1px,transparent 1px),linear-gradient(90deg,#27434170 1px,transparent 1px);background-size:22px 22px;position:relative;display:flex;align-items:center;justify-content:center;padding:35px 45px}.blueprint-caption{position:absolute;top:13px;left:15px;font-family:'IBM Plex Mono',monospace;color:#78928a;font-size:8px}.blueprint-cross{position:absolute;color:#d0f8dd;font-size:23px;font-family:monospace;font-weight:300}.cross-one{left:16px;top:40px}.cross-two{right:16px;bottom:34px}.wire-browser{width:100%;max-width:450px;height:100%;border:1px solid #a5c6b6;background:#173432;display:flex;flex-direction:column;transform:perspective(1100px) rotateY(-8deg) rotateX(5deg);border-radius:3px;box-shadow:13px 14px 0 -1px #102b2c,13px 14px 0 0 #31504d;transition:transform .5s}.blueprint:hover .wire-browser{transform:perspective(1100px) rotateY(0deg) rotateX(0deg)}.wire-nav{height:25px;padding:0 10px;border-bottom:1px solid #41645a;display:flex;align-items:center;justify-content:flex-end;gap:9px}.wire-nav>span{height:2px;width:15px;background:#688e7f}.wire-nav .wire-logo{width:20px;height:8px;border:1px solid #a5c6b6;background:none;margin-right:auto}.wire-nav .wire-nav-button{height:9px;width:30px;background:#d0f8dd}.wire-content{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:15px;padding:10px 18px;flex:1;min-height:0}.wire-kicker{height:2px;width:30px;background:#7eaa96;display:block;margin-bottom:7px}.wire-title{width:100%;height:9px;border:1px solid #a5c6b6;margin-bottom:5px}.wire-title.short{width:76%}.wire-text{width:90%;height:2px;background:#577f6e;margin-top:5px}.wire-text.short{width:65%}.wire-button{width:44px;height:16px;background:#d0f8dd;color:#173432;margin-top:10px;display:flex;align-items:center;justify-content:flex-end;padding:3px}.wire-button svg{width:13px;height:13px}.wire-object{position:relative;height:100%;min-height:50px;max-height:105px;display:flex;align-items:center;justify-content:center}.wire-object>div{position:absolute;width:58%;height:88%;border:1px solid #8aaf9d;border-radius:50%;transform:rotate(0deg)}.wire-object>div:nth-child(2){transform:rotate(36deg)}.wire-object>div:nth-child(3){transform:rotate(72deg)}.wire-object>div:nth-child(4){transform:rotate(108deg)}.wire-object>div:nth-child(5){transform:rotate(144deg)}.wire-bottom{height:19px;border-top:1px solid #41645a;display:flex;align-items:center;justify-content:space-around}.wire-bottom>span{height:2px;width:15%;background:#577f6e}.blueprint-tag{position:absolute;bottom:8px;right:12px;font-family:'IBM Plex Mono',monospace;font-size:8px;color:#9dbbab;display:flex;align-items:center;gap:4px}.blueprint-tag svg{width:10px;height:10px}.process{height:40px;border-top:1px solid #31504d;display:flex;justify-content:space-around;align-items:center;font-size:9px}.process i{font-family:'IBM Plex Mono',monospace;font-size:8px;font-style:normal;color:#78998b;margin-right:8px}.process>svg{width:14px;height:14px;color:#6e8e80}.c-offer{border-left:1px solid #31504d;padding-left:32px}.c-offer .micro{color:#9bafaa;font-size:10px}.c-time{font-size:clamp(47px,7vh,75px);line-height:1;font-weight:400;letter-spacing:-4px;color:#d0f8dd;margin:9px 0 12px}.c-time span{font-size:20px;letter-spacing:-1px;margin-left:7px}.c-offer h2{font-size:24px;line-height:1.25}.c-offer p{font-size:11px;line-height:1.8;color:#9bafaa;margin-top:13px}.c-button{width:100%;margin:18px 0 9px;font-size:12px;min-height:49px}.variant-c .site-footer{border-top:1px solid #31504d;padding-top:14px;font-size:9px}.variant-c .service-list{gap:12px}

/* D: expressive digital craft, treated as a designed object. */
body[data-variant=D]{--ink:#332848;--surface:#e8e5f1;--accent:#332848;--accent-ink:#f8f5f9;--muted:#6c6379;--line:#c7c0d1}.variant-d{background:#e8e5f1;color:#332848;padding-left:4vw;padding-right:4vw;--muted:#6c6379}.variant-d .brand{font-size:31px;font-weight:700}.d-main{flex:1;display:grid;grid-template-columns:1.13fr 1.05fr .9fr;gap:2.5vw;align-items:center;position:relative;padding:30px 0}.d-message{z-index:2}.d-message .eyebrow{font-size:9px;letter-spacing:.06em}.d-message h1{font-size:clamp(50px,min(5.2vw,8.5vh),86px);font-weight:400;line-height:1.04;letter-spacing:-.065em;margin:25px 0}.d-message h1 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;font-size:1.025em;letter-spacing:-.065em}.d-message p{font-size:12px;line-height:1.85;color:#6c6379}.d-art{position:relative;height:clamp(320px,50vh,500px);min-width:0}.d-orbit{position:absolute;inset:20px -25px;border:1px solid #cac4d7;border-radius:50%;transform:rotate(-30deg)}.d-sheet{position:absolute;width:80%;height:72%;left:9%;top:14%;border:1px solid #332848;border-radius:8px;overflow:hidden}.sheet-back{background:#c1d5bf;transform:rotate(-17deg) translate(-23px,-21px)}.sheet-title{font-family:'Bodoni Moda',Georgia,serif;font-size:48px;font-style:italic;display:block;margin:35px 22px}.sheet-outline{height:45%;width:65%;border:1px solid #6d896b;border-radius:50%;margin:0 auto}.sheet-front{background:#f1b9c9;transform:rotate(10deg) translate(6px,16px);display:flex;flex-direction:column;box-shadow:5px 6px 0 #332848;transition:transform .5s}.d-art:hover .sheet-front{transform:rotate(5deg) translate(6px,10px)}.sheet-nav{height:37px;border-bottom:1px solid #332848;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:8px}.sheet-nav i{font-style:normal;font-size:18px}.sheet-flower{width:66%;aspect-ratio:1;position:relative;margin:14px auto 4px;flex-shrink:1;max-height:60%}.sheet-flower>span{position:absolute;width:35%;height:58%;left:32.5%;top:0;background:#332848;border:1px solid #f1b9c9;border-radius:50%;transform-origin:50% 85%}.sheet-flower>span:nth-child(2){transform:rotate(45deg)}.sheet-flower>span:nth-child(3){transform:rotate(90deg)}.sheet-flower>span:nth-child(4){transform:rotate(135deg)}.sheet-flower>span:nth-child(5){transform:rotate(180deg)}.sheet-flower>span:nth-child(6){transform:rotate(225deg)}.sheet-flower>span:nth-child(7){transform:rotate(270deg)}.sheet-flower>span:nth-child(8){transform:rotate(315deg)}.sheet-flower>i{position:absolute;width:12%;height:12%;left:44%;top:43%;background:#f1b9c9;border:1px solid #332848;border-radius:50%}.sheet-line{font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(16px,1.6vw,25px);letter-spacing:-1px;align-self:center;margin:auto 0 18px;font-style:italic}.sheet-bottom{height:30px;flex-shrink:0;border-top:1px solid #332848;display:flex;align-items:center;justify-content:space-between;font-size:7px;padding:0 12px}.d-art-caption{position:absolute;bottom:-7px;left:0;right:0;text-align:center;font-size:8px;color:#6c6379}.d-offer{align-self:center;padding-left:12px;z-index:2}.promise-seal{width:132px;height:132px;border:1px solid #9a90ab;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;transform:rotate(8deg);margin-bottom:24px}.promise-seal>span{font-size:8px}.promise-seal>strong{font-family:'Bodoni Moda',Georgia,serif;font-size:48px;line-height:1;font-weight:500;letter-spacing:-3px}.promise-seal strong span{font-family:Manrope,Arial,sans-serif;font-size:16px;margin-left:6px;letter-spacing:-1px}.d-offer h2{font-size:27px;font-weight:500;line-height:1.16}.d-offer h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:500}.d-offer p{font-size:11px;line-height:1.85;color:#6c6379;margin:16px 0 24px}.d-button{width:100%;min-height:54px;border-radius:100px;font-size:11px;padding:14px 20px;gap:12px}.d-button svg{width:18px;height:18px}.d-offer .form-hint{margin-top:12px;text-align:center}.variant-d .site-footer{border-top:1px solid #c7c0d1;padding-top:15px}

/* A small, unmistakably separate prototype comparison control. */
.switcher{position:fixed;z-index:20;bottom:16px;left:50%;transform:translateX(-50%);background:#fff;color:#242431;border:1px solid #e5e5ed;box-shadow:0 5px 22px #00000012;border-radius:11px;display:flex;align-items:center;gap:26px;padding:10px 12px 10px 19px;min-height:55px}.switcher-info{display:flex;flex-direction:column;gap:4px;min-width:157px}.switcher-info>span{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:1px;color:#6e6e7b}.switcher-info>strong{font-size:11px;font-weight:600}.switcher-controls{display:flex;gap:3px}.switcher button{width:32px;height:32px;min-width:32px;border-radius:6px;font-size:11px;background:none;color:#6b6c7c}.switcher button:hover{background:#f1f1f7}.switcher button.active{background:#242431;color:#fff}.switcher button:focus-visible{outline-color:#6353eb}

/* One-question-at-a-time brief, themed by the current direction. */
dialog{border:0;padding:0;overflow:hidden;color:var(--ink);background:var(--surface)}dialog::backdrop{background:#11132380;backdrop-filter:blur(8px)}.brief-dialog{width:min(1080px,92vw);height:min(690px,88svh);max-height:88svh;border-radius:12px;box-shadow:0 30px 90px #0003}.brief-layout{display:grid;grid-template-columns:32% 68%;height:100%}.brief-aside{background:var(--accent);color:var(--accent-ink);padding:35px 30px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:26px}.brief-aside>.brand{font-size:28px}.brief-aside h2{font-size:43px;font-weight:500;line-height:1.2;margin:19px 0;letter-spacing:-.05em}.brief-aside h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:500}.brief-aside p{font-size:11px;line-height:1.9;opacity:.8}.brief-aside .micro{font-size:8px;opacity:.75}.brief-steps{display:grid;gap:20px}.brief-step{display:flex;gap:14px;align-items:center;font-size:16px;line-height:1.5;opacity:.55}.brief-step>span{font-family:'IBM Plex Mono',monospace;font-size:13px;width:25px;flex-shrink:0}.brief-step.is-current,.brief-step.is-done{opacity:1}.brief-step.is-current{font-weight:700}.brief-demo{font-size:8px;opacity:.7}.brief-content{position:relative;padding:54px 50px 38px;display:flex;flex-direction:column;overflow:auto}.dialog-close{position:absolute;right:18px;top:15px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:23px;font-weight:400;line-height:1;display:flex;align-items:center;justify-content:center}.dialog-close:hover{color:var(--ink)}.question-header{display:flex;align-items:center;gap:20px;margin-bottom:31px}.question-header .micro{font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--muted)}.question-progress{height:2px;flex:1;background:var(--line)}.question-progress>span{height:100%;display:block;background:var(--accent);transition:width .25s}.question{margin:auto 0}.question h2,.brief-complete h2{font-size:34px;font-weight:500;line-height:1.2;letter-spacing:-.05em}.question>p{font-size:12px;color:var(--muted);line-height:1.7;margin-top:14px;margin-bottom:24px}.question-options{display:flex;flex-direction:column;gap:9px}.question-option{display:flex;align-items:center;position:relative;gap:13px;min-height:48px;border:1px solid var(--line);border-radius:5px;padding:10px 15px;font-size:12px;cursor:pointer;transition:border-color .15s,background .15s}.question-option:hover{border-color:var(--accent)}.question-option input{position:absolute;width:1px;height:1px;opacity:0}.question-option:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:3px}.option-key{width:22px;height:22px;border:1px solid var(--line);border-radius:3px;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:9px;color:var(--muted)}.question-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.question-option.selected .option-key{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.option-check{margin-left:auto;opacity:0;color:var(--accent)}.selected .option-check{opacity:1}.question textarea{width:100%;resize:vertical;min-height:155px;max-height:260px;border:1px solid var(--line);border-radius:5px;background:transparent;padding:17px;color:var(--ink);font-size:13px;line-height:1.9}.question textarea::placeholder{color:var(--muted);opacity:.65}.character-count{display:block;font-size:9px;text-align:right;margin-top:8px;color:var(--muted)}.optional{font-size:10px}.question-actions{display:flex;align-items:center;gap:15px;margin-top:25px;padding-top:15px}.form-next{border-radius:4px;min-height:48px;gap:18px;font-size:12px}.form-next:disabled{opacity:.3}.enter-hint{font-size:9px;color:var(--muted)}kbd{font-family:inherit;font-size:9px;color:var(--ink)}.back-button{margin-left:auto;width:34px;height:34px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:4px}.brief-complete{margin:auto 0;width:100%}.brief-complete>.micro{display:block;color:var(--muted);margin-bottom:15px}.completion-note{font-size:10px;color:var(--muted);margin-top:14px;line-height:1.7}.contact-dialog{border-radius:12px;width:min(450px,90vw);padding:45px 35px 35px}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;margin-bottom:23px}.contact-icon svg{width:25px;height:25px}.contact-dialog>.micro{color:var(--muted)}.contact-dialog h2{font-size:32px;margin-top:10px;font-weight:500;line-height:1.2}.contact-dialog p{font-size:12px;color:var(--muted);line-height:1.8;margin:19px 0 24px}.contact-dialog .primary-button{font-size:12px;width:100%;border-radius:4px}

@media(min-width:1600px){.landing:not(.variant-c){padding-left:max(4vw,calc((100vw - 1480px)/2));padding-right:max(4vw,calc((100vw - 1480px)/2))}.b-hero{grid-template-columns:1fr 285px}.c-body{padding-left:5vw;padding-right:5vw}.c-main{max-width:1400px;width:100%;margin:auto}.c-message h1{font-size:70px}.c-workspace{gap:55px}.c-offer{padding-left:45px}.d-main{gap:45px}}
@media(max-height:780px) and (min-width:1000px){.landing{padding-top:20px}.a-statement{padding:25px 0}.a-statement h1{margin:18px 0}.a-craft{margin-top:17px}.a-offer{padding:22px 28px 20px}.a-time{margin:14px 0}.a-offer h2{font-size:27px}.a-offer p{margin-top:12px}.a-button{margin-top:19px}.a-letter{height:355px;top:-25px}.a-letter span:nth-child(2){top:140px}.b-main{gap:17px;padding-top:20px;padding-bottom:20px}.b-hero{grid-template-columns:1fr 190px}.b-bottom{margin-top:0}.c-main{gap:20px;padding:20px 0}.c-message h1{margin:12px 0}.c-offer h2{font-size:22px}.c-offer p{margin-top:9px}.c-button{margin-top:12px}.d-main{padding:20px 0}.d-message h1{margin:20px 0}.promise-seal{width:112px;height:112px;margin-bottom:18px}.d-offer p{margin:12px 0 18px}.d-art{height:360px}.brief-aside h2{font-size:36px}.brief-content{padding-top:43px;padding-bottom:25px}.question-header{margin-bottom:23px}.question-actions{margin-top:18px}.question>p{margin-bottom:20px}}
@media(max-width:1100px) and (min-width:761px){.landing{padding-left:4vw;padding-right:4vw}.header-note{display:none}.a-main{gap:5vw;grid-template-columns:1fr 1fr}.a-statement h1{font-size:6.9vw}.a-offer{padding:25px}.a-letter{left:-50px;width:330px}.a-invitation{max-width:400px}.a-offer h2{font-size:27px}.a-contacts{gap:20px}.b-hero{grid-template-columns:1fr 160px}.b-hero h1{font-size:10.3vw}.b-bottom{gap:25px}.b-button{font-size:13px}.b-cta .micro{font-size:10px}.variant-c{padding:0 0 80px}.c-rail{width:75px}.c-body{padding:25px 3vw 0}.c-workspace{gap:20px;grid-template-columns:1.35fr 1fr}.c-offer{padding-left:20px}.c-message h1{font-size:4.7vw}.blueprint-canvas{padding:35px 27px}.variant-c .site-footer>span{display:none}.d-main{gap:15px;grid-template-columns:1.2fr .9fr 1fr}.d-message h1{font-size:5.3vw}.d-art{height:320px}.d-orbit{inset:25px -15px}.d-sheet{width:94%;left:1%}.sheet-back{transform:rotate(-12deg) translate(-10px,-21px)}.d-offer{padding-left:5px}.d-offer h2{font-size:24px}.d-button{font-size:10px;gap:7px;padding:14px}.promise-seal{width:110px;height:110px}.d-message .eyebrow{font-size:8px}.brief-dialog{width:94vw}.brief-content{padding-left:35px;padding-right:35px}.brief-aside{padding-left:25px;padding-right:25px}}

/* Mobile is a deliberate vertical adaptation of each composition. */
@media(max-width:760px){.landing{height:auto;min-height:100svh;padding:24px 24px 100px;overflow:hidden}.site-header{min-height:37px;gap:14px}.brand{font-size:29px}.header-note{display:none}.availability{font-size:9px;gap:6px}.site-footer{align-items:flex-start;flex-direction:column;gap:17px;margin-top:36px;padding-top:20px;font-size:9px}.service-list{gap:9px;font-size:9px;flex-wrap:wrap}.contact-links{gap:20px}.contact-link{font-size:11px}.a-main{display:flex;flex-direction:column;gap:18px;align-items:stretch}.a-statement{padding:41px 0 20px}.a-statement .eyebrow{font-size:9px;gap:10px}.a-statement h1{font-size:clamp(58px,12.5vw,90px);margin:23px 0}.a-statement .intro{font-size:13px}.a-craft{margin-top:23px;font-size:9px}.a-invitation{align-self:center;max-width:none;padding-top:8px}.a-letter{width:300px;height:320px;left:25px;top:0;transform:rotate(14deg);border-left-width:65px;opacity:.8}.a-letter span{height:65px;width:200px}.a-letter span:nth-child(2){top:130px;width:140px}.a-offer{padding:27px;max-width:440px;margin:0 auto}.a-time{font-size:73px;margin:18px 0}.a-offer h2{font-size:29px}.a-offer p{font-size:12px}.a-button{margin-top:24px}.a-contacts{margin-top:22px}.variant-a .site-footer>span{font-size:9px}.variant-b{padding:24px 24px 100px}.variant-b .brand{font-size:30px}.header-brief{font-size:10px;gap:9px}.b-main{padding:44px 0 0;gap:26px}.b-topline{font-size:8px;line-height:1.7}.b-caption{display:none}.b-hero{display:block}.b-hero h1{font-size:clamp(54px,11.5vw,95px);line-height:1.02}.b-hero h1 .b-subline{font-size:.43em;margin-top:13px}.b-arrow{width:95px;position:static;margin:30px 0 9px auto}.b-bottom{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin:0}.b-bottom>p{font-size:12px}.b-cta{max-width:none}.b-cta .micro{font-size:10px;max-width:290px;line-height:1.8}.b-button{min-height:61px;font-size:13px;padding:17px 18px}.b-cta .form-hint{font-size:9px}.variant-b .site-footer{gap:18px;margin-top:31px}.variant-b .contact-link{font-size:11px}.variant-c{padding:0 0 100px;flex-direction:column}.c-rail{width:100%;height:78px;flex-direction:row;padding:24px;border-right:0;border-bottom:1px solid #31504d}.c-rail .brand{writing-mode:horizontal-tb;transform:none;font-size:29px}.c-rail .brand-mark{transform:none}.rail-label{writing-mode:horizontal-tb;transform:none;font-size:8px;letter-spacing:0}.rail-symbol{display:none}.c-body{padding:0 24px}.variant-c .site-header{padding-top:20px;flex-wrap:wrap;gap:8px}.variant-c .availability{font-size:9px}.variant-c .contact-links{gap:16px}.variant-c .contact-link{font-size:9px}.variant-c .contact-link svg:first-child{width:14px;height:14px}.variant-c .contact-link svg:last-child{display:none}.c-main{padding-top:39px;padding-bottom:0;gap:28px}.c-message .eyebrow{font-size:8px;line-height:1.7}.c-message h1{font-size:clamp(35px,7.8vw,55px);margin:18px 0;line-height:1.15}.c-message p{font-size:11px}.c-workspace{display:flex;flex-direction:column;align-items:stretch;gap:30px}.blueprint-canvas{height:240px;padding:44px 35px 35px}.blueprint-caption{font-size:7px;max-width:240px;line-height:1.6}.blueprint-tag{font-size:7px}.process{font-size:8px}.process i{font-size:7px;margin-right:4px}.c-offer{border-left:0;border-top:1px solid #31504d;padding:24px 0 0;position:relative}.c-time{font-size:65px;margin:18px 0}.c-offer h2{font-size:29px}.c-offer p{font-size:12px}.c-button{min-height:54px;margin-top:23px}.variant-c .site-footer{gap:16px;margin-top:29px;padding-top:20px;font-size:8px}.variant-c .service-list{gap:9px;font-size:8px}.variant-d{padding:24px 24px 100px}.variant-d .site-header{align-items:center}.variant-d .brand{font-size:28px}.variant-d .contact-links{gap:12px}.variant-d .contact-link{font-size:9px;gap:5px}.variant-d .contact-link svg:last-child{display:none}.variant-d .contact-link svg:first-child{width:14px;height:14px}.d-main{display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:45px 0 0}.d-message .eyebrow{font-size:8px}.d-message h1{font-size:clamp(58px,12.2vw,85px);margin:23px 0}.d-message p{font-size:12px}.d-art{height:355px;width:280px;align-self:center;margin:0}.d-sheet{width:75%;left:14%;height:75%;top:10%}.d-orbit{inset:5px 0 30px}.sheet-line{font-size:22px}.sheet-front{transform:rotate(10deg) translate(6px,5px)}.sheet-back{transform:rotate(-16deg) translate(-16px,-14px)}.sheet-title{font-size:40px}.d-art-caption{bottom:1px}.d-offer{align-self:stretch;padding-left:0;margin-top:7px;position:relative;padding-top:7px}.promise-seal{position:absolute;right:5px;top:0;width:102px;height:102px;margin:0}.promise-seal>span{font-size:6px}.promise-seal>strong{font-size:39px}.promise-seal strong span{font-size:13px}.d-offer h2{font-size:30px;max-width:200px}.d-offer p{margin:19px 0 25px;font-size:12px;max-width:230px}.d-button{min-height:57px;font-size:12px;padding:16px 23px}.d-offer .form-hint{font-size:9px}.variant-d .site-footer{margin-top:30px;gap:14px}.switcher{bottom:12px;max-width:calc(100vw - 24px);gap:15px;padding:9px 9px 9px 14px;min-height:55px;border-radius:10px}.switcher-info{min-width:105px;max-width:132px}.switcher-info>strong{font-size:9px}.switcher-info>span{font-size:6px;letter-spacing:.7px}.switcher-controls{gap:2px}.switcher button{width:27px;height:31px;min-width:27px;font-size:10px}.brief-dialog{width:100vw;max-width:100vw;height:100svh;max-height:100svh;border-radius:0}.brief-layout{display:flex;flex-direction:column}.brief-aside{padding:22px 24px 19px;display:flex;flex-direction:row;align-items:center;gap:20px}.brief-aside>.brand{font-size:25px}.brief-aside>div:not(.brief-steps){margin-left:auto}.brief-aside h2,.brief-aside .micro,.brief-steps,.brief-demo{display:none}.brief-aside p{font-size:9px;line-height:1.7;text-align:right}.brief-content{padding:46px 25px 28px;flex:1;min-height:0}.dialog-close{right:16px;top:13px;width:29px;height:29px}.question-header{margin-bottom:28px}.question h2,.brief-complete h2{font-size:30px}.question>p{font-size:11px;margin-bottom:23px}.question-option{min-height:53px;font-size:12px;padding:13px}.question-options{gap:10px}.question-actions{margin-top:24px;padding-top:12px;flex-wrap:wrap}.form-next{min-height:50px;font-size:12px}.enter-hint{font-size:8px}.question textarea{min-height:180px}.contact-dialog{padding:43px 28px 30px}.contact-dialog h2{font-size:30px}.contact-dialog p{font-size:11px}.contact-dialog .primary-button{font-size:11px}}
@media(max-width:370px){.landing:not(.variant-c){padding-left:20px;padding-right:20px}.b-hero h1{font-size:11.1vw}.a-offer{padding:22px}.offer-top .micro{font-size:9px}.switcher{gap:8px;padding-left:10px}.switcher-info{min-width:99px}.switcher button{width:25px;min-width:25px}.variant-d .contact-links{gap:9px}.d-offer h2{font-size:27px}.promise-seal{width:91px;height:91px}.c-body{padding-left:20px;padding-right:20px}.brief-content{padding-left:21px;padding-right:21px}.enter-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.primary-button:hover{transform:none}}

/* Short desktop viewports keep the complete teal composition visible. */
@media(max-height:780px) and (min-width:1000px){.c-main{min-height:0;gap:16px;padding:14px 0}.c-message h1{font-size:min(4.3vw,6vh)}.c-time{font-size:46px;margin:7px 0 10px}.c-offer h2{font-size:20px;line-height:1.2}.c-offer p{line-height:1.65}.blueprint-canvas{height:180px}}
/* Explicit opaque text colors also support native-dialog contrast analysis. */
.brief-aside :is(.brand,.micro,h2,p,.brief-step,.brief-demo),.brief-aside h2 em,.brief-step>span{background-color:var(--accent)}
.brief-aside p,.brief-aside .micro,.brief-demo{opacity:1;color:color-mix(in srgb,var(--accent-ink) 96%,var(--accent))}.brief-step{opacity:1;color:color-mix(in srgb,var(--accent-ink) 96%,var(--accent))}.brief-step.is-current,.brief-step.is-done{color:var(--accent-ink)}
@media(max-height:780px) and (min-width:1000px){.blueprint-canvas{height:190px;padding:30px 40px 20px}.wire-content{padding:8px 15px}.wire-kicker{margin-bottom:5px}.wire-title{height:7px;margin-bottom:4px}.wire-text{margin-top:4px}.wire-button{height:14px;margin-top:6px}}

body[data-variant=A] .brief-aside :is(.micro,p,.brief-demo,.brief-step){color:color-mix(in srgb,var(--accent-ink) 96%,var(--accent))}

/* Full viewport without the reference comparison toolbar. */
.variant-b{padding-bottom:38px}
.brief-aside h2{line-height:1.2}
.brief-aside h2 em{background-color:transparent}
.contact-dialog .contact-phone-number{font-size:22px;font-weight:500;color:var(--ink);white-space:nowrap}
@media(max-width:760px){.variant-b{padding-bottom:40px}}

.brief-complete .form-next{margin-top:24px}

/* Answers appear after Siųsti, within the thank-you screen. */
.brief-complete h2:focus{outline:none}
.brief-summary{display:grid;margin:24px 0 0}
.brief-summary>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;border-top:1px solid var(--line);padding:13px 0}
.brief-summary dt{font-size:10px;color:var(--muted);line-height:1.7}
.brief-summary dd{font-size:13px;margin:0;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){.brief-summary>div{grid-template-columns:1fr;gap:4px;padding:12px 0}.brief-summary dd{font-size:12px}}

/* Email sits alongside the other contact options. */
.contact-links{flex-wrap:wrap;row-gap:8px}
.contact-email{white-space:nowrap}
.variant-b .site-footer{flex-wrap:wrap}

/* Icon controls keep their geometry across mobile browser defaults. */
.dialog-close,.back-button{appearance:none;-webkit-appearance:none;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dialog-close{aspect-ratio:1}
.dialog-close svg{display:block;width:16px;height:16px;pointer-events:none}
.back-button svg{display:block;width:18px;height:18px;transform:rotate(180deg);pointer-events:none}

/* Contact details follow the four project questions. */
.contact-details-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px;margin:0}
.contact-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;line-height:1.6}
.contact-field .optional{font-size:10px;color:var(--muted);font-weight:400}
.contact-field input{appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);padding:11px 13px;font-size:16px;line-height:1.5}
.contact-field input:hover{border-color:var(--accent)}
.contact-field input:focus{border-color:var(--accent)}
.contact-field input:user-invalid{border-color:var(--ink)}
@media(max-width:760px){.contact-details-fields{grid-template-columns:1fr;gap:16px}.contact-question{flex-shrink:0}.contact-question h2{max-width:340px}}