:root{--bg:#f3f0f7;--ink:#302a3c;--muted:#70677e;--accent:#725794;--soft:#e6ddef;--line:#e5dfeb;--paper:#fffdfa;--display:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif;transition:background .3s,color .3s}body[data-theme=linen]{--bg:#f1eee6;--ink:#343d32;--muted:#687160;--accent:#546946;--soft:#dce2d2;--line:#e0e4d9;--paper:#fffef9;--display:Arial,sans-serif}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.preview{padding:10px 5%;font-size:12px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:12px}.themes{display:flex;gap:8px}.themes button{border:1px solid #ffffff70;border-radius:20px;background:none;color:white;padding:7px 12px;font-size:12px}.themes button[aria-pressed=true]{background:white;color:#302a3c}header{max-width:1240px;margin:auto;padding:34px 36px;display:flex;justify-content:space-between;align-items:center}.brand{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand span{font:11px Arial,sans-serif;letter-spacing:2px;margin-left:16px;text-transform:uppercase}.header-note{font-size:12px;color:var(--muted)}main{max-width:1180px;margin:20px auto 70px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro{position:relative;min-height:620px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin:8px 0 27px}h1{font-family:var(--display);font-size:clamp(48px,5.2vw,72px);font-weight:400;line-height:1.03;letter-spacing:-3px;margin:0 0 26px}h1 em{color:var(--accent);font-weight:400}.lead{font-size:19px;line-height:1.6}.description{font-size:15px;line-height:1.7;max-width:360px;color:var(--muted)}.principles{display:flex;gap:9px;flex-wrap:wrap;max-width:370px;margin-top:24px}.principles span{font-size:11px;border:1px solid #b8adbe;border-radius:30px;padding:9px 11px}.signature{margin-top:120px;font-size:12px;color:var(--muted)}.art{position:absolute;right:-20px;bottom:15px;width:210px;height:170px;pointer-events:none;opacity:.8}.orbit{position:absolute;border:1px solid var(--accent);opacity:.35;width:230px;height:120px;border-radius:50%;transform:rotate(-30deg);left:-25px;top:10px}.pebble{position:absolute;background:linear-gradient(150deg,var(--paper),var(--soft) 65%,var(--accent));box-shadow:0 12px 25px #302a3c12}.one{width:150px;height:55px;border-radius:50%;bottom:10px;left:25px}.two{width:110px;height:64px;border-radius:50% 45% 45% 50%;bottom:49px;left:44px;transform:rotate(-7deg)}.three{width:72px;height:55px;border-radius:48%;bottom:102px;left:64px;transform:rotate(10deg)}.card{background:var(--paper);border:1px solid #ffffff;border-radius:28px;padding:32px;box-shadow:0 18px 65px #38294508}.card-top{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.track{height:3px;background:var(--line);margin:20px 0 32px;border-radius:4px}.track div{background:var(--accent);height:100%;transition:width .4s}#stage{min-height:375px}h2{font-family:var(--display);font-size:31px;font-weight:400;line-height:1.2;margin:0 0 13px;letter-spacing:-.7px}h2:focus{outline:none}.hint{font-size:13px;color:var(--muted);line-height:1.6;margin:0 0 24px}.text-input{border:1px solid var(--line);border-radius:12px;padding:16px;width:100%;color:var(--ink);background:white;font-size:17px}.choices{display:grid;gap:9px;border:0;padding:0;margin:0}.choice{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;line-height:1.35;cursor:pointer}.choice:has(input:checked){background:var(--soft);border-color:var(--accent)}input[type=checkbox],input[type=radio]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.scale .choice{justify-content:center;padding:12px 4px}.scale input{position:absolute;opacity:0;width:1px;height:1px}.scale .choice:focus-within{outline:3px solid var(--accent)}.error{min-height:40px;color:#68452e;font-size:12px;padding-top:12px;line-height:1.4}.nav{display:flex;gap:10px;margin-top:10px}.nav button,.primary{border:0;border-radius:12px;padding:16px 20px;font-size:14px;min-height:50px}.next,.primary{background:var(--accent);color:white;flex:1}.back{background:var(--bg);color:var(--ink)}.footnote{font-size:11px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.review{margin:0;display:grid;gap:12px}.review dt{font-size:11px;color:var(--muted);margin-bottom:4px}.review dd{margin:0;font-size:14px;overflow-wrap:anywhere}.review button{background:none;border:0;color:var(--accent);font-size:11px;padding:4px 0}.finish{line-height:1.7;font-size:14px}.demo-note{background:var(--bg);padding:15px;border-radius:12px;font-size:12px;line-height:1.6;margin-top:20px}footer{max-width:1240px;margin:auto;border-top:1px solid var(--line);padding:25px 36px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}@media(max-width:800px){main{gap:28px;grid-template-columns:1fr;max-width:560px;margin-top:0;padding:0 20px}.intro{min-height:0}.art{width:160px;right:0;bottom:10px;transform:scale(.7);transform-origin:right bottom;opacity:.55}.signature{margin-top:34px}.card{padding:25px 22px;border-radius:22px}h1{font-size:54px}header{padding:25px 20px}.header-note{display:none}.preview{align-items:flex-start;flex-direction:column}.description{max-width:310px}.principles{max-width:300px}footer{gap:20px;padding:24px 20px;line-height:1.5}.intro .eyebrow{margin-top:8px}#stage{min-height:330px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root{--bg:#f5ebdd;--ink:#36271f;--muted:#77665b;--accent:#b65f42;--soft:#ebd7c7;--line:#c8b7a5;--paper:#fbf3e8;--display:Editorial,Georgia,serif}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:Montserrat,Arial,sans-serif;background:var(--bg)}.preview{background:#36271f;font-size:10px;padding:6px 3%;justify-content:center;color:#f5ebdd}.brand-hero{display:grid;grid-template-columns:41% 59%;grid-template-rows:100px auto auto;position:relative;max-width:1500px;margin:0 auto;border-bottom:1px solid var(--line)}
.hero-header{grid-column:1/-1;grid-row:1;max-width:none;width:100%;padding:22px 3.5%;display:flex;gap:30px;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;flex-direction:column;gap:0;font-family:var(--display);text-decoration:none;color:var(--ink);letter-spacing:0}.brand span{font:500 29px/1.1 var(--display);margin:0;letter-spacing:0;text-transform:none}.brand small{font:12px/1.8 var(--display);letter-spacing:3px}.desktop-nav{display:flex;gap:40px}.desktop-nav a,.social{font:16px var(--display);color:var(--ink);text-decoration:none}.social{letter-spacing:.5px}.mobile-menu{display:none}
.hero-copy{grid-column:1;grid-row:2;padding:65px 0 0 9%;position:relative;z-index:2;pointer-events:none}.hero-copy h1{font:400 clamp(80px,8.6vw,129px)/.79 var(--display);letter-spacing:-5px;white-space:nowrap;margin:0;width:max-content}.editorial-script{display:block;font:400 clamp(76px,8.9vw,134px)/.95 Comforter,cursive;color:var(--accent);margin:5px 0 0 20%;transform:rotate(-4deg);}
.editorial-photo{grid-column:2;grid-row:2/4;min-width:0;position:relative;overflow:hidden;min-height:710px}.editorial-photo img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:50% 63%}
.hero-action{grid-column:1;grid-row:3;padding:36px 15% 86px 10%;z-index:2}.hero-action p{font:400 34px/.98 var(--display);margin:0 0 28px}.hero-link{display:inline-flex;align-items:center;justify-content:center;min-height:65px;padding:14px 30px;background:var(--accent);border:1px solid var(--accent);border-radius:99px;text-decoration:none;color:var(--paper);font:400 31px/1 var(--display);transition:background .2s;width:100%;max-width:360px}.hero-link:hover{background:#984a32}.hero-action small{display:block;text-align:center;max-width:360px;font:15px var(--display);letter-spacing:.5px;margin-top:18px}.photo-note{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:28px;padding:25px 32px;background:var(--bg);max-width:380px;font:italic 22px/1.1 var(--display);z-index:2}.photo-note span{font:17px var(--display);padding-right:25px;border-right:1px solid var(--line);align-self:stretch;display:flex;align-items:center}.photo-note p{margin:0}
main{max-width:1360px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:90px;margin:0 auto;padding:70px 4% 80px}.intro{min-height:0}.section-title{font:400 57px/.98 var(--display);letter-spacing:-1.8px;max-width:650px;margin-bottom:28px}.consultation-description{font-size:15px;line-height:1.8}.consultation-lead{font:400 27px/1.2 var(--display);margin-top:0}.audience-title{margin:32px 0 8px}.audience-list{padding:0;list-style:none;counter-reset:audience}.audience-list li{padding:12px 0;border-bottom:1px solid var(--line);display:flex;gap:18px;align-items:baseline}.audience-list li:before{counter-increment:audience;content:'0' counter(audience);font:18px var(--display);color:var(--accent)}.scope-note{border-left:2px solid var(--accent);padding:4px 0 4px 20px;margin:28px 0}.scope-note strong{color:var(--accent);font-weight:500}.scope-note p{margin:8px 0}.consultation-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.consultation-facts dt{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.consultation-facts dd{font:25px/1.15 var(--display);margin:8px 0 0}.closing-cta{margin-top:12px}.card{border:1px solid var(--line);border-radius:0;background:var(--paper);padding:36px;box-shadow:none;position:sticky;top:24px}.card h2{font:400 38px/1.05 var(--display);letter-spacing:-.6px}.card-top{font-size:10px}.track{margin:22px 0 30px;height:2px}.text-input,.choice{border-radius:4px}.nav button,.primary{border-radius:40px}.hint{font-size:12px}.footnote{font-size:10px}.review button{min-height:34px}.review div{border-bottom:1px solid var(--line);padding-bottom:8px}.review dd{line-height:1.5}.demo-note{border-radius:0}footer{max-width:1250px;padding:30px 0;margin:0 auto;font-size:11px}.text-input{font-size:16px}
@media(min-width:1500px){.hero-copy h1{font-size:129px}.editorial-script{font-size:134px}}
@media(min-width:801px) and (max-width:1050px){.hero-copy{padding-top:60px}.hero-copy h1{font-size:8.6vw;letter-spacing:-3px}.editorial-photo{min-height:610px}.hero-action{padding-bottom:90px}.hero-action p{font-size:28px}.photo-note{max-width:300px;font-size:19px}.desktop-nav{gap:20px}main{gap:35px}.section-title{font-size:46px}}
@media(max-width:800px){.brand-hero{display:flex;flex-direction:column;max-width:560px;border:0}.hero-header{padding:21px 7.3% 0;gap:10px;position:relative;min-height:76px;flex-wrap:nowrap}.hero-header:after{content:'';position:absolute;bottom:0;left:7.3%;right:7.3%;height:1px;background:var(--line)}.brand span{font-size:25px}.brand small{font-size:10px;letter-spacing:2.5px;line-height:1.5}.desktop-nav,.social{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:34px;min-height:44px;display:flex;flex-direction:column;gap:6px;justify-content:center;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;height:1px;width:24px;background:var(--ink)}.mobile-menu nav{position:absolute;right:0;top:45px;width:200px;padding:20px;background:var(--paper);box-shadow:0 10px 30px #36271f20;display:grid;gap:20px}.mobile-menu a{font-size:14px;color:var(--ink);text-decoration:none}.hero-copy{padding:25px 7.3% 19px;min-width:0;width:100%;pointer-events:auto}.hero-copy h1{font-size:clamp(49px,13.5vw,75px);line-height:.78;letter-spacing:-2.7px;white-space:nowrap;width:auto}.editorial-script{font-size:clamp(52px,15vw,84px);line-height:.75;margin:13px 0 0 24%;transform:rotate(-4deg);width:max-content}.editorial-photo{width:100%;height:auto;aspect-ratio:.95;min-height:0;flex:none}.editorial-photo img{object-position:50% 63%}.hero-action{width:85.4%;align-self:center;background:var(--bg);padding:14px 14px 23px;margin-top:-76px;position:relative;z-index:3;text-align:center}.hero-action p{font-size:25px;line-height:.95;margin:0 0 16px}.hero-link{min-height:53px;font-size:27px;max-width:none;padding:12px 22px}.hero-action small{font-size:13px;margin-top:12px;max-width:none}.photo-note{display:none}main{display:flex;flex-direction:column;max-width:560px;padding:0 7.3% 48px;gap:40px;margin:auto}.intro{width:100%;border-top:1px solid var(--line);padding-top:20px}.section-title{font-size:43px;line-height:.98;letter-spacing:-1.2px;margin-bottom:22px}.consultation-description{font-size:14px;line-height:1.75}.consultation-lead{font-size:25px}.card{width:100%;position:static;padding:27px 20px}.card h2{font-size:33px}.card-top{font-size:10px}.consultation-facts{gap:22px 15px}.consultation-facts dd{font-size:24px}footer{max-width:480px;margin:0 7.3%;padding:24px 0;gap:20px;font-size:10px;line-height:1.6}#stage{min-height:330px}.preview{font-size:8px;padding:4px 12px;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Final alignment against the selected desktop/mobile concept. */
.hero-copy h1{font-size:clamp(76px,7.7vw,116px);font-weight:500;letter-spacing:-4.5px;line-height:.86}
.editorial-photo img{object-position:50% 53%}
.editorial-script{font-size:0;color:transparent;display:block;width:82%;height:112px;margin:8px 0 0 16%;background:var(--accent);mask:url(assets/s-telom-lettering.png) center 62%/100% 160% no-repeat;-webkit-mask:url(assets/s-telom-lettering.png) center 62%/100% 160% no-repeat;transform:rotate(4deg)}
@media(max-width:800px){.hero-copy h1{font-size:clamp(51px,15.7vw,87px);font-weight:500;line-height:.76;letter-spacing:-3px}.hero-copy{padding-top:24px;padding-bottom:13px}.editorial-script{width:78%;height:65px;margin:8px 0 0 22%;transform:rotate(4deg)}.editorial-photo img{object-position:50% 63%}}

/* Client copy: long headings and result remain inside their columns. */
.section-title{font-size:clamp(32px,3.4vw,48px);line-height:1.06;letter-spacing:-.9px;overflow-wrap:break-word}.consultation-facts>div{min-width:0}.consultation-facts dd{overflow-wrap:break-word}.signature-link{color:var(--accent);text-decoration:none}.card .hero-link{font-size:25px}.card .back{border:0;border-radius:30px;padding:14px 18px;margin-top:12px;font:inherit;cursor:pointer}.card{min-width:0}.review dd{word-break:break-word}@media(max-width:800px){.section-title{font-size:clamp(29px,8.2vw,43px)}.consultation-facts{grid-template-columns:1fr}.consultation-facts dt{font-size:11px}.consultation-facts dd{font-size:24px}.hero-header{padding-top:12px}}

.agreements{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.agreement-row{display:flex;align-items:flex-start;gap:10px;margin:14px 0;font-size:13px;line-height:1.6}.agreement-row input{margin-top:3px}.agreement-row label{cursor:pointer}.agreements a,footer a{color:var(--accent);text-underline-offset:3px}.policy-link{display:inline-block;font-size:12px;line-height:1.6;margin:8px 0}.legal-page{display:block;width:100%;max-width:860px;padding:45px 28px;margin:0 auto}.legal-page h1{font:500 clamp(32px,5vw,55px)/1.06 var(--display);white-space:normal;letter-spacing:-1px;margin:30px 0 15px;overflow-wrap:anywhere}.legal-page h2{font:500 29px/1.15 var(--display);margin:32px 0 12px}.legal-page p{font-size:14px;line-height:1.85;overflow-wrap:anywhere}.legal-page a{color:var(--accent)}.legal-version{color:var(--muted)}.legal-navigation{display:grid;gap:16px;border-top:1px solid var(--line);margin-top:36px;padding-top:25px;font-size:13px;line-height:1.6}.legal-back{font-size:13px}.card{position:static}footer{flex-wrap:wrap}@media(max-width:420px){.agreement-row{font-size:12px}.legal-page{padding:28px 22px}}

/* Review and delivery controls stay within the questionnaire card. */
.card .review{gap:0}
.card .review>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:4px;align-items:start;padding:10px 0}
.card .review dt{grid-column:1;grid-row:1;margin:0;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.card .review dd{grid-column:1;grid-row:2;min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.card .review button{grid-column:2;grid-row:1/span 2;align-self:center;justify-self:end;min-height:44px;max-width:100%;padding:8px 0 8px 8px;font-size:14px;line-height:1.4;white-space:normal}
.card .error{display:block;min-height:0;margin:0;padding:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.card .error:not(:empty){margin-top:16px}
.card .nav{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:10px;margin-top:16px}
.card .nav button{min-width:0;max-width:100%;width:100%;min-height:50px;margin:0;padding:12px 14px;font-size:14px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.card .nav button:only-child{grid-column:1/-1}
.card .send-fallback{display:block;clear:both;min-width:0;width:100%;margin-top:16px}
.card .hero-link{display:flex;min-width:0;width:100%;max-width:none;min-height:50px;padding:14px 16px;font-size:22px;line-height:1.2;white-space:normal;text-align:center;overflow-wrap:anywhere}
@media(max-width:360px){.card .review ~ .nav button{min-height:64px}}