:root {
  --ink:#21160f; --night:#1b120d; --cream:#fff7e9; --paper:#fffdf8;
  --gold:#d8b166; --gold-light:#f2d590; --coral:#e96855;
  font-family:-apple-system,BlinkMacSystemFont,"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;
  color:var(--cream); background:var(--night);
}
*{box-sizing:border-box}
html{min-height:100%}
body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 76% 22%,#483022 0,transparent 37%),radial-gradient(circle at 9% 92%,#3b281d 0,transparent 38%),var(--night)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.ambient{position:fixed;z-index:0;border:1px solid rgba(242,213,144,.10);border-radius:50%;pointer-events:none}
.ambient-one{width:680px;height:680px;right:-340px;top:-320px;animation:ambient-drift 18s ease-in-out infinite alternate}
.ambient-two{width:750px;height:750px;left:-510px;bottom:-600px;animation:ambient-drift 22s ease-in-out infinite alternate-reverse}
.page{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1360px,100%);min-height:100vh;margin:auto;padding:22px clamp(22px,5vw,72px) 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:21px;font-weight:900;letter-spacing:.105em;white-space:nowrap}
.brand img{width:41px;height:41px;object-fit:contain}
.brand-dash{color:var(--coral)}
.languages{display:flex;gap:5px;padding:4px;border:1px solid rgba(242,213,144,.27);border-radius:999px;background:rgba(255,255,255,.045)}
.languages a{padding:9px 15px;border-radius:999px;color:#d4c6b4;font-size:13px;font-weight:750}
.languages a[aria-current]{color:var(--ink);background:var(--gold-light)}
.landing{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);align-items:center;gap:clamp(15px,2vw,35px);min-height:445px;margin:10px 0 8px}
.hero-copy{position:relative;z-index:2;padding:10px 0}
.eyebrow{display:flex;align-items:center;gap:11px;margin:0;color:var(--gold-light);font-size:11px;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.eyebrow-line{display:block;width:29px;height:1px;flex:0 0 auto;background:var(--gold)}
.hero-copy h1{margin:23px 0 23px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,4.8vw,70px);font-weight:400;letter-spacing:-.061em;line-height:1.015}
.hero-copy h1 span,.hero-copy h1 strong,.hero-copy h1 em{display:block}
.hero-copy h1 strong{margin:9px 0 8px;color:var(--gold-light);font-family:"Avenir Next",Avenir,"Segoe UI",Arial,sans-serif;font-size:.66em;font-weight:850;letter-spacing:.045em;line-height:1.15;white-space:nowrap}
.hero-copy h1 em{font-size:.77em;font-weight:400;letter-spacing:-.05em;white-space:nowrap}
.intro{max-width:520px;margin:0;color:#e0d0c0;font-size:16px;line-height:1.55}
.status{display:inline-flex;align-items:center;gap:9px;margin:24px 0 0;padding:10px 13px;border:1px solid rgba(242,213,144,.31);border-radius:999px;color:var(--gold-light);font-size:10px;font-weight:850;letter-spacing:.17em}
.status-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(233,104,85,.13);animation:status-pulse 3.8s ease-in-out infinite}
.visual-story{position:relative;isolation:isolate;width:100%;height:425px}
.visual-ring{position:absolute;z-index:-1;inset:-16px 7% 3% 9%;border:1px solid rgba(242,213,144,.22);border-radius:50%;transform:rotate(-19deg)}
.visual-ring::before{content:'';position:absolute;inset:28px;border:1px solid rgba(242,213,144,.075);border-radius:50%}
.photo{position:absolute;overflow:hidden;margin:0;border:1px solid rgba(255,250,238,.43);background:#483126;box-shadow:0 24px 60px rgba(0,0,0,.38)}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.photo figcaption{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:9px;min-height:43px;padding:8px 14px;color:#fff9ec;background:linear-gradient(0deg,rgba(21,13,8,.9),rgba(21,13,8,.55));font-size:10px;font-weight:800;letter-spacing:.17em}
.photo figcaption span{color:var(--gold-light);font-size:11px}
.photo-place figcaption{justify-content:flex-end}
.photo-place{z-index:1;top:4px;right:2%;width:75%;height:78%;border-radius:190px 190px 24px 24px;transform:rotate(2deg);animation:photo-float 8s ease-in-out infinite}
.photo-place img{object-position:71% 47%}
.photo-creator{z-index:2;bottom:0;left:1%;width:40%;height:58%;border-radius:115px 115px 19px 19px;transform:rotate(-7deg);animation:photo-float-alt 9s ease-in-out infinite}
.photo-creator img{object-position:50% 26%}
.connection{position:absolute;z-index:3;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.connection path{fill:none;stroke-linecap:round}
.connection-shadow{stroke:rgba(28,18,12,.7);stroke-width:7}
.connection-line{stroke:var(--gold-light);stroke-width:2;stroke-dasharray:7 10;animation:line-travel 12s linear infinite}
.connection circle{fill:var(--gold-light);stroke:var(--night);stroke-width:2}
.visual-seal{position:absolute;z-index:4;left:46%;top:59%;display:flex;align-items:center;gap:7px;padding:11px 13px;border:1px solid var(--gold-light);border-radius:999px;color:var(--ink);background:var(--cream);box-shadow:0 10px 30px rgba(0,0,0,.28);font-size:10px;font-weight:900;letter-spacing:.14em;transform:rotate(-8deg)}
.visual-seal span{color:var(--coral);font-size:14px;line-height:1}
.choices{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0 0 14px}
.choice{position:relative;display:grid;grid-template-columns:48px 1fr 28px;align-items:center;gap:15px;min-height:100px;padding:17px 20px;border:1px solid rgba(242,213,144,.25);border-radius:19px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.choice.restaurant{color:var(--ink);background:linear-gradient(120deg,#fffdf8,#fbeccd)}
.choice.influencer{background:linear-gradient(110deg,rgba(255,253,248,.13),rgba(233,104,85,.13))}
.choice-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(167,125,67,.5);border-radius:14px;color:#9a713f;background:rgba(255,255,255,.36)}
.choice.influencer .choice-icon{color:var(--gold-light);background:rgba(255,255,255,.04)}
.choice-icon svg{width:26px;height:26px}
.choice-copy strong,.choice-copy small{display:block}
.choice-copy strong{font-size:17px;line-height:1.2}
.choice-copy small{margin-top:6px;color:#736457;font-size:12px}
.choice.influencer .choice-copy small{color:#d3c0ab}
.arrow{justify-self:end;font-size:26px;transition:transform .22s ease}
footer{margin-top:auto;color:#a99a8b;font-size:11px}
@media(hover:hover){.choice:hover{transform:translateY(-4px);border-color:var(--gold-light);box-shadow:0 15px 28px rgba(0,0,0,.15)}.choice:hover .arrow{transform:translate(3px,-2px)}}
.languages a:focus-visible,.brand:focus-visible,.choice:focus-visible,.back:focus-visible,.submit:focus-visible{outline:3px solid var(--coral);outline-offset:4px}
.form-panel{width:min(100%,690px);margin:auto;padding:46px 0 55px}
.back{display:inline-block;margin-bottom:33px;color:#e9d6b6;font-size:14px}
.form-panel h1{margin:22px 0 17px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,6vw,67px);font-weight:400;letter-spacing:-.055em;line-height:1.05}
.form-panel .intro{margin-bottom:28px;font-size:18px}
.form-panel form{position:relative}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-grid label{display:block;color:#eee0cf;font-size:13px;font-weight:700}
.form-grid label.wide{grid-column:1/-1}
.form-grid input{display:block;width:100%;min-height:50px;margin-top:8px;padding:12px 14px;border:1px solid rgba(242,213,144,.32);border-radius:11px;outline:0;color:#fffdf8;background:rgba(255,255,255,.07)}
.form-grid input:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(242,213,144,.13)}
.form-grid input::placeholder{color:#aa9a88}
.input-prefix{display:flex;align-items:center;margin-top:8px;border:1px solid rgba(242,213,144,.32);border-radius:11px;background:rgba(255,255,255,.07)}
.input-prefix>span{padding-left:15px;color:var(--gold-light)}
.input-prefix input{margin:0;border:0;background:transparent}
.input-prefix:focus-within{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(242,213,144,.13)}
.privacy{max-width:610px;margin:24px 0;color:#c4b4a3;font-size:13px;line-height:1.55}
.submit{display:flex;justify-content:space-between;align-items:center;gap:35px;min-width:225px;padding:15px 19px;border:0;border-radius:11px;color:var(--ink);background:var(--gold-light);font-weight:800;cursor:pointer}
.submit:hover,.submit:focus-visible{background:#ffe5a8}
.submit span{font-size:22px}
.notice{padding:13px 17px;margin:0 0 23px;border-radius:10px;font-size:14px;line-height:1.5}
.notice-good{border:1px solid #8ac3a1;color:#d8f5df;background:#244434}
.notice-error{border:1px solid #e3988a;color:#ffdfd8;background:#4e2824}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@keyframes ambient-drift{to{transform:translate(20px,15px)}}
@keyframes photo-float{50%{transform:rotate(1deg) translateY(-6px)}}
@keyframes photo-float-alt{50%{transform:rotate(-6deg) translateY(6px)}}
@keyframes line-travel{to{stroke-dashoffset:-136}}
@keyframes status-pulse{50%{box-shadow:0 0 0 8px rgba(233,104,85,.05)}}
@media(max-width:900px){.landing{grid-template-columns:1fr 1fr;min-height:395px}.hero-copy h1{font-size:clamp(43px,5vw,58px)}.visual-story{height:360px}.photo figcaption{font-size:9px}.visual-seal{left:42%}}
@media(max-width:700px){
  .page{padding:16px 20px 18px}.topbar{min-height:43px}.brand{gap:6px;font-size:17px}.brand img{width:34px;height:34px}
  .languages a{padding:8px 10px;font-size:11px}
  .landing{display:block;min-height:0;margin:26px 0 6px}.hero-copy{padding:0}
  .eyebrow{font-size:10px;letter-spacing:.16em}
  .hero-copy h1{margin:15px 0;font-size:clamp(39px,10.5vw,56px);line-height:1.01}
  .hero-copy h1 strong{margin:5px 0;font-size:.64em;letter-spacing:.045em}
  .hero-copy h1 em{font-size:.72em}
  .intro{max-width:100%;font-size:14px;line-height:1.44}
  .status{margin:13px 0 0;padding:8px 11px;font-size:9px}
  .visual-story{height:236px;margin-top:8px}
  .visual-ring{inset:0 6% -6% 5%}
  .photo-place{top:3px;right:3%;width:70%;height:80%;border-radius:120px 120px 16px 16px}
  .photo-creator{left:3%;width:39%;height:64%;border-radius:75px 75px 13px 13px}
  .photo figcaption{min-height:27px;padding:6px 8px;font-size:8px;letter-spacing:.11em}
  .photo figcaption span{font-size:9px}
  .visual-seal{left:43%;top:60%;padding:7px 9px;font-size:8px}
  .connection{opacity:.85}
  .choices{grid-template-columns:1fr;gap:10px;margin-bottom:12px}
  .choice{grid-template-columns:39px 1fr 24px;gap:12px;min-height:77px;padding:11px 15px;border-radius:15px}
  .choice-icon{width:39px;height:39px;border-radius:12px}.choice-icon svg{width:23px;height:23px}
  .choice-copy strong{font-size:15px}.choice-copy small{margin-top:3px;font-size:11px}.arrow{font-size:23px}
  .form-panel{padding:35px 0 45px}.form-panel .intro{font-size:16px}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}
}
@media(max-width:370px){.brand{font-size:14px}.languages a{padding:8px 7px}.hero-copy h1{font-size:38px}.visual-story{height:210px}.photo figcaption{font-size:7px}}
@media(max-width:700px) and (max-height:740px){.landing{margin-top:17px}.hero-copy h1{font-size:38px}.visual-story{height:195px}.choice{min-height:72px}}
@media(min-width:701px) and (max-height:740px){.landing{min-height:410px}.visual-story{height:390px}.hero-copy h1{font-size:clamp(46px,4.5vw,65px)}}
@media(prefers-reduced-motion:reduce){.ambient,.photo,.connection-line,.status-dot{animation:none}.choice,.arrow{transition:none}.choice:hover{transform:none}}