@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--ink:#f4f2ed;--muted:#b9b8b1;--line:#ffffff28;--paper:#1b1c1a;--accent:#d8bd95;--soft:#bca783}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}header{min-height:96px;display:flex;align-items:center;justify-content:space-between;padding:22px 4%;border-bottom:1px solid var(--line);background:#161714;gap:24px}.logo img{display:block;width:124px;height:48px;object-fit:contain;filter:invert(1)}.header-title{font-size:12px;letter-spacing:2.5px;color:#c2c0b8}.studio-link{border:1px solid #ffffff40;border-radius:40px;padding:12px 22px;font-size:14px;white-space:nowrap;transition:background .2s}.studio-link:hover{background:#ffffff0c}.studio-link span{margin-left:20px}
main{display:grid;grid-template-columns:40% minmax(0,60%);min-height:0}.story{position:relative;overflow:hidden;min-height:950px;background:#333025;border-right:1px solid var(--line);isolation:isolate}.photo,.shade{position:absolute;inset:0}.photo{background:url('assets/restaurant-concept-v3.jpg') center/cover;animation:hero-settle 16s ease-out both}.shade{background:linear-gradient(180deg,rgba(11,14,11,.79) 0%,rgba(11,14,11,.58) 32%,rgba(11,14,11,.04) 61%,rgba(11,14,11,.6) 100%)}.story-content{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:58px 10% 40px}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.7px;line-height:1.9}.story .eyebrow{max-width:290px;display:flex;align-items:start;gap:12px;color:#fff2dc}.status-dot{display:inline-block;flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:#dbc39a;box-shadow:0 0 0 5px #dbc39a1a;margin-top:8px}h1{font-family:Manrope,sans-serif;font-weight:600;font-size:clamp(44px,4.5vw,80px);line-height:1.06;letter-spacing:-3px;margin:76px 0 28px}h1 em{font-style:normal;font-weight:500;color:#eedbb9}.story p{color:#eee6d7;font-size:17px;line-height:1.8;max-width:360px;margin:0}.hero-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;align-self:start;border:1px solid #ffffff70;color:white;border-radius:30px;background:#ffffff0a;backdrop-filter:blur(8px);padding:13px 22px;margin-top:32px;font-size:14px;transition:background .2s,transform .2s}.hero-cta:hover{background:#ffffff20;transform:translateY(-2px)}.story-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:230px;font-size:11px;letter-spacing:1.7px;line-height:2}.story-bottom b{font-weight:400;color:#dfd1b8}.circle{width:54px;height:54px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:26px}.photo-caption{position:absolute;bottom:18px;left:10%;font-size:9px;letter-spacing:1.3px;color:#fff9e9aa}.hero-mark{position:absolute;right:24px;top:24px;width:70px;height:70px;opacity:.5;pointer-events:none}.hero-mark path{stroke-dasharray:180;stroke-dashoffset:180;animation:draw-line 2.5s ease forwards}
.workspace{width:100%;min-width:0;padding:50px clamp(28px,4.2vw,84px) 30px;align-self:start;max-width:1220px;margin:0 auto}.topline{display:flex;justify-content:space-between;gap:20px;color:#bbb6a9}.time{font-size:11px;letter-spacing:1px;white-space:nowrap;padding-top:3px}#steps{display:flex;justify-content:space-between;gap:8px;margin:34px 0 18px;scroll-margin-top:20px}.step{border:0;background:none;color:#a9aa9f;font-size:12px;padding:4px 0;display:flex;gap:8px;align-items:center;min-height:44px}.step b{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:400;transition:background .25s,border-color .25s}.step.active{color:#f8f1e4}.step.active b{background:var(--accent);border-color:var(--accent);color:#25251e}.step.done b{background:#d8bd951a;border-color:#d8bd9566;color:#e4cfad}.progress{height:2px;background:var(--line);margin-bottom:40px}.progress i{display:block;height:100%;background:var(--accent);transition:width .4s ease}.section-label{font-size:11px;letter-spacing:2px;color:#c8b38e}h2{font:500 clamp(32px,2.9vw,52px)/1.15 Manrope,sans-serif;letter-spacing:-1.7px;margin:17px 0 18px;text-wrap:balance}#content>p{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 35px;max-width:650px}h3{font:500 26px/1.3 Manrope,sans-serif;letter-spacing:-.7px;margin:10px 0 28px}p{color:var(--muted)}fieldset{min-width:0;border:0;margin:0 0 32px;padding:0;animation:arrive .45s ease both}fieldset:nth-child(2){animation-delay:50ms}fieldset:nth-child(3){animation-delay:90ms}fieldset:nth-child(4){animation-delay:130ms}legend{font-size:17px;line-height:1.6;font-weight:500;margin-bottom:14px;padding:0}.hint{font-weight:400;color:#a9aa9e;font-size:12px;display:block;margin-top:2px}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice{position:relative;display:flex;align-items:center;gap:12px;min-height:64px;border:1px solid #ffffff30;border-radius:8px;background:#ffffff03;padding:17px 18px;font-size:15px;line-height:1.5;color:#d8d7cf;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.choice:hover{border-color:#d8bd9590;background:#d8bd9509;transform:translateY(-2px)}.choice:has(input:checked){background:#d8bd9512;border-color:#d8bd95;color:#fff6e8;box-shadow:inset 0 0 0 1px #d8bd9520}.choice input{accent-color:#d8bd95;margin:0;width:18px;height:18px;flex-shrink:0}.choices.visual{grid-template-columns:repeat(4,minmax(0,1fr))}.visual .choice{min-height:126px;flex-direction:column;justify-content:center;text-align:center;padding:22px 10px 15px;font-size:13px;gap:12px}.visual .choice input{position:absolute;top:10px;right:10px;width:14px;height:14px}.symbol{color:#d5bea0;display:inline-flex;transition:transform .2s}.symbol svg{width:34px;height:34px}.choice:hover .symbol{transform:translateY(-3px)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.text-label{display:flex;flex-direction:column;gap:10px;font-size:16px;margin-bottom:22px}.text-label.other{margin-top:14px}input[type=text],input[type=email],input[type=tel],textarea{width:100%;min-height:56px;border:1px solid #ffffff40;border-radius:7px;background:#ffffff04;padding:15px 16px;color:var(--ink);font-size:17px;line-height:1.5}input::placeholder{color:#909386}textarea{min-height:100px;resize:vertical}.contact-heading{border-top:1px solid var(--line);padding-top:30px;margin-top:15px}.upload-box{border:1px dashed #b9a47e;border-radius:12px;background:linear-gradient(135deg,#d8bd950a,#ffffff02);padding:28px;margin:12px 0 28px}.upload-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#d8bd9512;color:var(--accent);margin-bottom:18px}.upload-icon svg{width:27px;height:27px}.upload-box .text-label{font-size:18px;margin-bottom:16px}.upload-box input{width:100%;font-size:14px;min-height:44px;color:#c8c8bd}input::file-selector-button{border:1px solid #d6bf9b;background:#ddc8a6;color:#23251e;border-radius:25px;padding:12px 17px;margin-right:12px;font:inherit;cursor:pointer}.upload-box p{margin-bottom:0}.fine{font-size:13px;line-height:1.8;color:#aaa99d}.upload-box .fine{font-weight:400}.actions{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:26px;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;border:1px solid #e9d2ac;border-radius:40px;background:#ead8bc;color:#21241c;min-height:58px;padding:16px 27px;font-size:16px;line-height:1.5;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s}.primary:hover:not(:disabled){background:#f3e5cf;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.primary span{font-size:20px}.back,.text-button{border:0;background:none;color:#c6c4b7;padding:12px 0;min-height:44px;font-size:14px;cursor:pointer}.step-count{font-size:12px;color:#9b9f91;white-space:nowrap}.form-footer{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#969b8d;border-top:1px solid var(--line);padding-top:22px;margin-top:40px}.form-footer a{color:#cec8b9}.error{color:#ffbca6;font-size:15px;line-height:1.7}.error:empty{margin:0}.invalid{border-left:2px solid #ffbca6;padding-left:12px}.summary-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.7}.summary-row span{color:var(--muted);max-width:55%}.summary-row strong{font-weight:500;text-align:right;max-width:60%;overflow-wrap:anywhere}.note{border:1px solid #d8bd9533;background:#d8bd9509;border-radius:10px;padding:22px;font-size:15px;line-height:1.8;margin:25px 0}.result-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--accent);color:#26291f;font-size:27px;margin-top:25px}.download{display:block;margin:20px 0;font-size:15px;text-decoration:underline}.consent{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.8;margin:28px 0 14px;color:#c8c8bd}.consent input{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent);margin:5px 0}.consent a{text-decoration:underline}.honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}summary{cursor:pointer;font-size:15px;padding:12px 0}#content h2{animation:arrive .4s ease both}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-settle{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes draw-line{to{stroke-dashoffset:0}}
@media(min-width:1900px){.workspace{max-width:1400px;padding-left:7%;padding-right:7%}.choice{font-size:17px;min-height:70px}.visual .choice{font-size:15px;min-height:142px}legend{font-size:19px}.story-content{padding-top:70px}.story p{font-size:20px}}
@media(max-width:1250px){main{grid-template-columns:37% minmax(0,63%)}.workspace{padding:36px 32px 28px}.story-content{padding:42px 9% 40px}h1{font-size:48px;letter-spacing:-2px}.story p{font-size:16px}.step span{display:none}.step{padding:0}.choices.visual{grid-template-columns:repeat(4,minmax(0,1fr))}.visual .choice{font-size:12px;padding-left:6px;padding-right:6px}.choice{font-size:14px;padding:15px 12px}.header-title{font-size:10px}.story-bottom{padding-top:200px}.eyebrow{font-size:10px}}
@media(max-width:900px){main{display:block}.story{min-height:470px;border-right:0;border-bottom:1px solid var(--line)}.story-content{padding:38px 6% 42px;min-height:470px;height:auto}.story .photo{background-position:center 52%}.shade{background:linear-gradient(90deg,#0d100cba,#0d100c55 60%,#0d100c10)}h1{font-size:56px;max-width:550px;margin:32px 0 20px}.story p{max-width:430px}.story-bottom{display:none}.hero-cta{margin-top:24px}.photo-caption{left:auto;right:20px;bottom:16px;font-size:8px}.hero-mark{width:50px;height:50px}.workspace{max-width:900px;padding:36px 6% 28px}.step span{display:inline}.step{font-size:11px;gap:6px}.header-title{display:none}h2{font-size:38px;max-width:700px}.choices.visual{grid-template-columns:repeat(4,minmax(0,1fr))}.visual .choice{min-height:120px;font-size:14px}.choice{font-size:16px;min-height:66px}legend{font-size:18px}}
@media(max-width:560px){header{min-height:80px;padding:16px 6%;gap:12px}.logo img{width:100px;height:36px}.studio-link{font-size:12px;padding:10px 14px}.studio-link span{margin-left:12px}.story,.story-content{min-height:440px}.story-content{padding:30px 7% 34px}.story .eyebrow{font-size:9px;max-width:255px;letter-spacing:1.4px}.hero-mark{right:18px;top:26px;width:38px;height:38px}h1{font-size:48px;line-height:1.07;letter-spacing:-2.1px;margin:28px 0 20px}.story p{font-size:15px;line-height:1.7;max-width:300px}.hero-cta{font-size:13px;padding:11px 19px;margin-top:25px;min-height:46px}.photo-caption{font-size:7px;letter-spacing:.8px}.workspace{padding:28px 6% 24px}.topline{gap:12px;align-items:center}.topline .eyebrow{font-size:9px;letter-spacing:1px;max-width:205px}.time{font-size:9px}#steps{margin-top:24px;margin-bottom:16px}.step{min-height:44px;justify-content:center;flex:1}.step b{width:32px;height:32px;font-size:12px}.step span{display:none}.progress{margin-bottom:30px}.section-label{font-size:10px}h2{font-size:32px;line-height:1.2;letter-spacing:-1.1px;margin:14px 0 18px}#content>p{font-size:16px;margin-bottom:30px;line-height:1.75}legend{font-size:17px;line-height:1.6}.hint{font-size:12px;margin-top:5px}.choices{grid-template-columns:1fr;gap:10px}.choice{min-height:62px;padding:17px 16px;font-size:16px;border-radius:8px;gap:13px}.choice input{width:19px;height:19px}.choices.visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.visual .choice{min-height:116px;font-size:14px;padding:22px 12px 16px;gap:10px}.visual .choice input{width:16px;height:16px;top:12px;right:12px}.symbol svg{width:32px;height:32px}fieldset{margin-bottom:30px}.field-grid{grid-template-columns:1fr;gap:0}.text-label{font-size:16px}.upload-box{padding:22px 18px}.upload-box input{font-size:13px;min-width:0}input::file-selector-button{padding:12px 14px;margin-right:8px}.upload-box .text-label{font-size:18px}.fine{font-size:13px;line-height:1.75}.actions{display:grid;grid-template-columns:1fr auto;gap:12px;padding-top:22px}.actions .primary{grid-column:1/-1;width:100%;min-height:60px;justify-content:space-between;padding:16px 24px;font-size:17px}.actions .step-count{justify-self:end}.back{font-size:14px}.form-footer{font-size:11px;line-height:1.7;gap:20px;margin-top:30px}.form-footer span{max-width:185px}.form-footer a{white-space:nowrap;min-height:44px;display:flex;align-items:center}.summary-row{font-size:14px;gap:14px;padding:14px 0}.summary-row strong{max-width:58%}.consent{font-size:14px;line-height:1.8}.note{padding:18px;font-size:14px}.primary{width:100%}}
@media(max-width:360px){h1{font-size:43px}.story .eyebrow{max-width:220px;font-size:8px}.hero-mark{width:30px;height:30px}.workspace{padding-left:5%;padding-right:5%}.form-footer{gap:10px}h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-mark path{stroke-dashoffset:0}.photo{transform:none}}
.step:disabled{opacity:.8}
/* APIO 3.0: stronger black legibility layer and larger desktop hierarchy. */
.shade{background:linear-gradient(180deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.65) 32%,rgba(0,0,0,.13) 62%,rgba(0,0,0,.63) 100%)}
@media(min-width:901px){h1{font-size:clamp(60px,5.05vw,96px);letter-spacing:-3.8px}h2{font-size:clamp(38px,3.15vw,60px);letter-spacing:-1.9px}#content>p{font-size:18px}legend{font-size:19px}.choice{font-size:17px;min-height:70px}.visual .choice{font-size:15px;min-height:140px}.symbol svg{width:38px;height:38px}.text-label{font-size:18px}.primary{font-size:18px;min-height:62px}.fine{font-size:14px}.section-label{font-size:12px}}
@media(min-width:901px) and (max-width:1250px){h1{font-size:56px;letter-spacing:-2.8px}h2{font-size:40px}.choice{font-size:15px}.visual .choice{font-size:12px}.workspace{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.shade{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.51) 60%,rgba(0,0,0,.16)),linear-gradient(180deg,rgba(0,0,0,.24),transparent 65%,rgba(0,0,0,.23))}}
@media(prefers-reduced-motion:no-preference){.progress i{transition:width .55s cubic-bezier(.2,.7,.2,1)}.choice:has(input:checked) .symbol{animation:icon-confirm .28s ease}.upload-box:focus-within{border-color:#eed5af;box-shadow:0 0 0 3px #d8bd9514}.hero-cta span{animation:arrow-nudge 2.6s ease 3}}
@keyframes icon-confirm{0%{transform:scale(.9)}65%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes arrow-nudge{0%,75%,100%{transform:translateY(0)}85%{transform:translateY(4px)}}

.support-cta{margin:24px 0 28px;padding:24px;border:1px solid #d8bd954d;border-radius:16px;background:#d8bd950a}.support-cta strong{font-size:20px;font-weight:500}.support-cta p{margin:8px 0 20px;font-size:16px;line-height:1.6;color:#c5c5bd}.whatsapp-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#e6d3af;color:#191b19;padding:17px 22px;min-height:58px;border-radius:50px;font-size:17px;font-weight:600;text-decoration:none}.whatsapp-cta svg{width:25px;height:25px;flex-shrink:0}.whatsapp-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.whatsapp-cta:hover{background:#f3e3c9}@media(max-width:600px){.support-cta{padding:20px}.whatsapp-cta{display:flex;width:100%;box-sizing:border-box;font-size:15px;padding:16px 14px;gap:8px}}@media(prefers-reduced-motion:no-preference){.whatsapp-cta{transition:background .2s ease,transform .2s ease}.whatsapp-cta:hover{transform:translateY(-2px)}}