/* ui v1 — preview layer */
:root{--sh-card:0 1px 2px rgba(15,18,34,.05),0 10px 30px -12px rgba(15,18,34,.22);--sh-lift:0 2px 4px rgba(15,18,34,.06),0 28px 50px -18px rgba(15,18,34,.38)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}
/* header */
header.top{transition:box-shadow .3s,background .3s}
header.top.scrolled{background:rgba(255,255,255,.82);box-shadow:0 6px 24px -14px rgba(15,18,34,.35)}
header.top nav a{position:relative}
header.top nav a.cur:not(.ncta):after{content:"";position:absolute;left:10%;right:10%;bottom:-6px;height:2px;border-radius:2px;background:var(--gold)}
header.top .ncta{background:linear-gradient(135deg,#1d2c57,#0f1222)!important;color:#fff!important;box-shadow:0 8px 20px -10px rgba(15,18,34,.6);transition:transform .25s var(--ease),box-shadow .25s}
header.top .ncta:hover{transform:translateY(-1px);box-shadow:0 12px 24px -10px rgba(15,18,34,.7)}
/* hero */
.hx{overflow:hidden}
.hx:before{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(40% 40% at 20% 30%,rgba(226,191,114,.28),transparent 70%),radial-gradient(35% 35% at 80% 25%,rgba(29,44,87,.14),transparent 70%),radial-gradient(30% 30% at 60% 80%,rgba(201,139,152,.16),transparent 70%);filter:blur(10px);animation:mesh 18s ease-in-out infinite alternate;pointer-events:none;z-index:-1}
@keyframes mesh{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-3%,2%,0) scale(1.08)}}
.hx .cta a:first-child{background:linear-gradient(135deg,#1d2c57,#0f1222);position:relative;overflow:hidden}
.hx .cta a:first-child:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:shine 4.5s 1.6s infinite}
@keyframes shine{0%,70%{left:-60%}100%{left:130%}}
.trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:22px}
.trust span{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:999px;background:rgba(255,255,255,.75);border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--ink);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.trust span i{font-style:normal;font-size:13px;width:20px;height:20px;border-radius:50%;display:inline-grid;place-items:center;background:#fff6e3;color:var(--gold);font-family:var(--heb)}
.trust.hero{opacity:0;animation:up 1s .7s var(--ease) forwards}
.hstack{position:relative;height:250px;margin:34px auto 0;max-width:420px;opacity:0;animation:up 1.1s .85s var(--ease) forwards}
.hstack .hs{position:absolute;top:0;left:50%;width:150px;aspect-ratio:5/7;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--sh-lift);transition:transform .5s var(--ease)}
.hstack .hs img{width:100%;height:100%;object-fit:cover;display:block}
.hstack .hs0{transform:translateX(-50%) translateX(-118px) rotate(-9deg) translateY(18px);z-index:1}
.hstack .hs1{transform:translateX(-50%);z-index:3;animation:float 6s ease-in-out infinite}
.hstack .hs2{transform:translateX(-50%) translateX(118px) rotate(9deg) translateY(18px);z-index:2}
.hstack:hover .hs0{transform:translateX(-50%) translateX(-140px) rotate(-12deg) translateY(10px)}
.hstack:hover .hs2{transform:translateX(-50%) translateX(140px) rotate(12deg) translateY(10px)}
@keyframes float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}
@media(max-width:640px){.hx{min-height:auto;padding:34px 0 60px}.hstack{height:200px;margin-top:28px}.hstack .hs{width:118px}.hstack .hs0{transform:translateX(-50%) translateX(-88px) rotate(-9deg) translateY(16px)}.hstack .hs2{transform:translateX(-50%) translateX(88px) rotate(9deg) translateY(16px)}.trust span{font-size:12px;padding:6px 11px}.hx .scrl{display:none}}
/* tiles + cards */
.tile{transition:transform .45s var(--ease),box-shadow .45s var(--ease)!important;box-shadow:var(--sh-card)}
.tile:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:var(--sh-lift)}
.tile .tbg{transition:transform 1.2s var(--ease),opacity .5s}
.tile:hover .tbg{transform:scale(1.08)}
.card{transition:transform .45s var(--ease),box-shadow .45s var(--ease);border-radius:16px}
.card:hover{transform:translateY(-6px);box-shadow:var(--sh-lift)}
.card .thumb{position:relative;overflow:hidden}
.card .thumb img{transition:transform .9s var(--ease)}
.card:hover .thumb img{transform:scale(1.05)}
.card .thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,18,34,.45));opacity:0;transition:opacity .4s}
.card:hover .thumb:after{opacity:1}
.card .qv,.card .cz{position:absolute;z-index:2;font-size:12.5px;font-weight:600;border-radius:999px;padding:7px 12px;transition:opacity .35s,transform .35s var(--ease)}
.card .qv{top:10px;right:10px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 4px 14px -4px rgba(15,18,34,.4);cursor:zoom-in}
.card .cz{left:50%;bottom:12px;transform:translate(-50%,8px);background:var(--ink);color:#fff;opacity:0;white-space:nowrap}
.card:hover .cz{opacity:1;transform:translate(-50%,0)}
@media(hover:hover){.card .qv{opacity:0;transform:translateY(-4px)}.card:hover .qv{opacity:1;transform:none}}
/* steps */
.stepwrap{padding-top:14px}
.steps{list-style:none;display:flex;gap:6px;margin:14px 0 6px;padding:0;counter-reset:s}
.steps li{flex:1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--muted);padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid var(--line);min-width:0}
.steps li b{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:#eeede8;color:var(--muted)}
.steps li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.steps li.done b{background:#2f8f5b;color:#fff}
.steps li.done{color:var(--ink)}
.steps li.cur{border-color:var(--gold);background:#fffaf0;color:var(--ink);box-shadow:0 6px 18px -12px rgba(192,148,64,.9)}
.steps li.cur b{background:var(--gold);color:#fff}
@media(max-width:640px){.steps{gap:4px}.steps li{flex-direction:column;gap:4px;padding:7px 4px;font-size:11px;text-align:center}.steps li span{white-space:normal;line-height:1.15}}
/* trust section */
.trustsec{padding-top:10px}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tgrid>div{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:18px;padding:20px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh-card);transition:transform .4s var(--ease)}
.tgrid>div:hover{transform:translateY(-3px)}
.tgrid i{font-style:normal;font-size:22px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff6e3;margin-bottom:6px}
.tgrid b{font-size:16px;color:var(--ink)}
.tgrid span{font-size:14px;color:var(--muted);line-height:1.45}
.tgrid .rv{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.tgrid .rv.in{opacity:1;transform:none}
@media(max-width:900px){.tgrid{grid-template-columns:1fr 1fr;gap:12px}.tgrid>div{padding:16px 14px}}
/* lightbox */
.lb{position:fixed;inset:0;z-index:100;display:grid;place-items:center;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}
.lb.on{visibility:visible;opacity:1}
.lbbg{position:absolute;inset:0;background:rgba(10,12,24,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.lbbox{position:relative;display:flex;align-items:center;gap:14px;max-width:min(980px,94vw);transform:scale(.96) translateY(10px);transition:transform .4s var(--ease)}
.lb.on .lbbox{transform:none}
.lb figure{margin:0;display:flex;gap:26px;align-items:center;background:#fff;border-radius:22px;padding:18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5)}
.lbimg{width:min(380px,60vw);aspect-ratio:5/7;border-radius:12px;overflow:hidden;background:#f2f1ec}
.lbimg img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .25s;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.lbimg img.ld{opacity:.25}
.lb figcaption{width:260px;display:flex;flex-direction:column;gap:8px}
.lbt{font-size:22px;font-weight:700;color:var(--ink);line-height:1.2}
.lbm{font-size:14px;color:var(--muted)}
.lbgo{margin-top:10px;text-align:center}
.lbx,.lbp,.lbn{border:0;cursor:pointer;background:rgba(255,255,255,.95);color:var(--ink);border-radius:50%;width:44px;height:44px;font-size:22px;line-height:1;display:grid;place-items:center;box-shadow:0 6px 18px -6px rgba(0,0,0,.4);flex:0 0 44px}
.lbx{position:absolute;top:-14px;right:-14px;z-index:2;font-size:16px}
html.lbopen{overflow:hidden}
@media(max-width:760px){.lbbox{flex-direction:column;gap:0;width:92vw}.lb figure{flex-direction:column;gap:12px;padding:12px;width:100%}.lbimg{width:100%;max-height:62svh;aspect-ratio:auto;height:62svh}.lb figcaption{width:100%;text-align:center;align-items:center}.lbt{font-size:18px}.lbgo{width:100%;margin-top:4px}.lbp,.lbn{position:absolute;top:31svh;z-index:2;width:38px;height:38px;flex-basis:38px}.lbp{left:4px}.lbn{right:4px}.lbx{top:-10px;right:-6px}}
/* back to top */
.btt{position:fixed;right:16px;bottom:18px;z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.92);box-shadow:0 8px 22px -10px rgba(15,18,34,.5);font-size:18px;cursor:pointer;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
.btt.on{opacity:1;transform:none;pointer-events:auto}
@media(max-width:900px){.btt{bottom:96px}}
/* typography + spacing */
.ptitle{letter-spacing:-1.4px}
.msec{scroll-margin-top:80px}
.panel .fld input:focus,.panel .fld select:focus,.panel .fld textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(192,148,64,.15);outline:0}
.btn{transition:transform .25s var(--ease),box-shadow .25s,filter .25s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn:active{transform:translateY(0) scale(.98)}

@media(min-width:1000px){
 .hx .in{max-width:1180px;display:grid;grid-template-columns:1.08fr .92fr;column-gap:40px;text-align:left;align-items:center}
 .hx .in>*{grid-column:1}
 .hx .in>.pill{justify-self:start}
 .hx h1{font-size:clamp(52px,5.6vw,84px)}
 .hx p{margin-left:0}
 .hx .cta,.trust.hero{justify-content:flex-start}.trust.hero{max-width:560px}
 .hx .in>.hstack{grid-column:2;grid-row:1/span 6;align-self:center;height:440px;width:100%;max-width:none;margin:0}
 .hstack .hs{width:230px;top:40px}
 .hstack .hs0{transform:translateX(-50%) translateX(-150px) rotate(-9deg) translateY(30px)}
 .hstack .hs2{transform:translateX(-50%) translateX(150px) rotate(9deg) translateY(30px)}
 .hstack:hover .hs0{transform:translateX(-50%) translateX(-175px) rotate(-12deg) translateY(20px)}
 .hstack:hover .hs2{transform:translateX(-50%) translateX(175px) rotate(12deg) translateY(20px)}
}
@media(max-width:640px){.trust.hero{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:360px;margin-left:auto;margin-right:auto}.trust.hero span{justify-content:center;padding:7px 8px}}