:root{--ink:#17130e;--ink2:#2a241c;--paper:#fbf6ee;--card:#fff;--or:#f26b1d;--or2:#d9530a;--yl:#ffc21a;--mut:#6f665a;--line:#eadfce;--ok:#1f9d55;--bad:#c62828;--r:18px}
[hidden]{display:none!important}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.4 ui-rounded,"SF Pro Rounded","Nunito","Segoe UI",system-ui,sans-serif}
button{font:inherit;color:inherit;cursor:pointer}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px calc(10px) 14px;padding-top:max(10px,env(safe-area-inset-top));background:var(--ink);color:#fff;
 background-image:repeating-linear-gradient(-45deg,transparent 0 14px,#ffffff06 14px 28px)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(90deg,var(--or) 0 70%,var(--yl) 70%)}
.mark{width:42px;height:auto}
.brand{display:flex;flex-direction:column;line-height:1.05}.brand b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--yl)}.brand span{font-size:20px;font-weight:800}
.lang{margin-left:auto;border:2px solid #fff4;background:transparent;color:#fff;border-radius:999px;padding:6px 14px;font-weight:800;letter-spacing:.05em}
.prog{display:flex;align-items:center;gap:12px;padding:20px 18px 0;max-width:560px;margin:0 auto}
.track{flex:1;height:10px;border-radius:99px;background:var(--line);overflow:hidden}.track i{display:block;height:100%;background:linear-gradient(90deg,var(--or),var(--yl));border-radius:99px;transition:width .35s}
#stepTxt{font-size:13px;color:var(--mut);font-weight:700;white-space:nowrap}
main{max-width:560px;margin:0 auto;padding:18px 18px 120px}
.hero{padding:14px 2px 6px}.hero h1{font-size:30px;line-height:1.12;margin:6px 0 10px;font-weight:900;letter-spacing:-.01em}.hero p{margin:0;color:var(--mut)}
h2{font-size:24px;margin:6px 0 14px;font-weight:900}h2.mt{margin-top:26px}
.hint{margin:-8px 0 14px;color:var(--mut)}
.bigpick{display:grid;gap:14px;margin:22px 0}
.pick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:2px solid var(--line);background:var(--card);border-radius:var(--r);padding:16px;box-shadow:0 2px 0 var(--line);transition:transform .1s,border-color .15s}
.pick:active{transform:scale(.98)}.pick.on{border-color:var(--or);box-shadow:0 0 0 3px #f26b1d33}
.pick.big{display:grid;grid-template-columns:64px 1fr;column-gap:16px;align-items:center;padding:20px 48px 20px 18px;min-height:104px;position:relative}
.pick.big::after{content:"→";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:900;color:var(--or)}
.pick.big .ico{font-size:40px;width:64px;height:64px;display:grid;place-items:center;background:#fff3e6;border-radius:16px;grid-row:span 2}
.pick.big b{font-size:24px;align-self:end}.pick.big small{color:var(--mut);font-size:15px;align-self:start}
.trust{list-style:none;padding:0;margin:8px 0;display:grid;gap:8px}.trust li{padding-left:28px;position:relative;color:var(--ink2);font-weight:600}
.trust li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--yl);display:grid;place-items:center;font-size:12px;font-weight:900}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tile{min-height:112px;justify-content:space-between}.tile .ico{font-size:32px}.tile b{font-size:17px;line-height:1.2}
.backtile{background:transparent;border-style:dashed;box-shadow:none;justify-content:center;align-items:center;color:var(--mut);font-weight:700}
label{display:block;margin:0 0 14px}label>span{display:block;font-weight:800;font-size:15px;margin-bottom:6px}label em{font-weight:500;color:var(--mut);font-style:normal}
input,select,textarea{width:100%;font:inherit;font-size:18px;padding:14px 14px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);outline:none;-webkit-appearance:none;appearance:none}
select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 22px) 52%,calc(100% - 16px) 52%;background-size:6px 6px;background-repeat:no-repeat}
input:focus,select:focus,textarea:focus{border-color:var(--or);box-shadow:0 0 0 4px #f26b1d22}
label.bad input,label.bad select,label.bad textarea{border-color:var(--bad)}
.err{color:var(--bad);font-size:14px;font-weight:700;margin:-8px 0 12px}
.gps{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border-radius:14px;border:0;background:var(--ink);color:#fff;font-size:18px;margin-bottom:10px}
.gps span{font-size:22px}.gps.got{background:var(--ok)}.gps:disabled{opacity:.7}
.geo-ok{color:var(--ok);font-weight:700;font-size:14px;margin:0 0 12px}.geo-bad{color:var(--bad);font-weight:700;font-size:14px;margin:0 0 12px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.segb{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 8px;border-radius:var(--r);border:2px solid var(--line);background:#fff}
.segb span{font-size:26px}.segb b{font-size:17px}.segb small{color:var(--mut);font-size:13px}
.segb.on{border-color:var(--or);background:#fff3e6;box-shadow:0 0 0 3px #f26b1d33}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.photos{margin:0 0 16px}.photos .lbl{display:block;font-weight:800;font-size:15px;margin-bottom:8px}.photos em{font-weight:500;color:var(--mut);font-style:normal}
.pslots{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.ps{aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;background:#eee}.ps img{width:100%;height:100%;object-fit:cover}
.ps button{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;border:0;background:#000a;color:#fff;font-size:18px;line-height:1}
.ps.add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:2px dashed #d9c9b2;background:#fff;color:var(--mut);font-size:13px;font-weight:700}.ps.add span{font-size:26px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:#fff3e6;border:2px solid #ffd9b8;font-size:15px;font-weight:600}
.consent input{width:26px;height:26px;flex:none;margin:0;padding:0;border-radius:7px;accent-color:var(--or);-webkit-appearance:checkbox;appearance:auto}
.review{background:#fff;border-radius:var(--r);border:2px solid var(--line);overflow:hidden}
.rv{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-bottom:1px solid var(--line)}.rv:last-child{border:0}.rv>div{flex:1;min-width:0}
.rv small{color:var(--mut);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.rv p{margin:2px 0 0;word-break:break-word}.rv p small{text-transform:none;letter-spacing:0;font-weight:600}
.edit{border:0;background:none;color:var(--or2);font-weight:800;padding:4px}
.thumbs{display:flex;gap:6px}.thumbs img{width:56px;height:56px;object-fit:cover;border-radius:10px}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:10px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:linear-gradient(#fbf6ee00,var(--paper) 30%)}
.nav button{border:0;border-radius:16px;padding:17px;font-size:18px;font-weight:900}
.back{flex:0 0 32%;background:#ece2d3}.next{flex:1;background:var(--or);color:#fff;box-shadow:0 4px 0 var(--or2)}
.next.send{background:var(--ink);box-shadow:0 4px 0 #000}.next:disabled{opacity:.6}
.done{text-align:center;padding-top:20px}.check{width:96px;height:96px;margin:10px auto 6px;border-radius:50%;background:var(--yl);display:grid;place-items:center;font-size:54px;font-weight:900;box-shadow:0 0 0 10px #ffc21a40}
.done h1{font-size:28px;margin:14px 0 4px}.ref{font-size:18px;margin:4px 0 14px}.ref b{background:var(--ink);color:var(--yl);padding:3px 10px;border-radius:8px;letter-spacing:.05em}
.hurry{font-weight:800;margin:24px 0 8px}
.callbtn{display:block;padding:18px;border-radius:16px;background:var(--or);color:#fff;font-weight:900;font-size:22px;text-decoration:none;box-shadow:0 4px 0 var(--or2)}
.callbtn.unset{background:repeating-linear-gradient(-45deg,#fff3c4 0 12px,#ffe58a 12px 24px);color:#7a4b00;font-size:14px;box-shadow:none;border:2px dashed #c98a00}
.ghost{margin-top:22px;border:2px solid var(--line);background:#fff;border-radius:14px;padding:14px 18px;font-weight:800}
.foot{max-width:560px;margin:0 auto;padding:0 18px 30px;text-align:center;color:var(--mut);font-size:12px}