@font-face{font-family:'Bricolage Grotesque';font-weight:500 800;font-display:swap;src:url(/assets/bricolage.woff2) format('woff2')}
@font-face{font-family:'DM Sans';font-weight:400 700;font-display:swap;src:url(/assets/dmsans.woff2) format('woff2')}
*{box-sizing:border-box}
body{margin:0;background:#2B0B16;color:#FBEFE2;font-family:'DM Sans',sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:#FF8A3D}a:hover{color:#FFB27A}
img{max-width:100%}
summary::-webkit-details-marker{display:none}
h1,h2,p{margin:0}
.page{flex:1}
/* header */
.hdr{position:sticky;top:0;z-index:5;background:rgba(43,11,22,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(251,239,226,.14)}
.hdr-in{max-width:1160px;margin:0 auto;padding:12px clamp(20px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#FBEFE2}
.brand:hover{color:#FBEFE2}
.brand img{width:40px;height:40px;border-radius:10px}
.brand span{font:800 22px 'Bricolage Grotesque'}
.nav{display:flex;align-items:center;gap:6px}
.nav a{padding:10px 14px;border-radius:999px;font:700 15px 'DM Sans';text-decoration:none;color:#FBEFE2}
.nav a.on{background:#531B2E}
/* hero */
.hero{max-width:1160px;margin:0 auto;padding:clamp(36px,7vw,88px) clamp(20px,5vw,48px) clamp(40px,6vw,72px);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(36px,6vw,72px)}
.hero-t{flex:1 1 380px;min-width:0}
.kick{font:700 13px 'DM Sans';letter-spacing:.14em;text-transform:uppercase;color:#FF8A3D}
.hero h1{font:800 clamp(46px,8vw,92px)/.98 'Bricolage Grotesque';letter-spacing:-.03em;margin:16px 0 0;text-wrap:balance}
.lead{font:400 clamp(18px,2.4vw,22px)/1.5 'DM Sans';color:#D8B4B8;margin:22px 0 0;max-width:520px;text-wrap:pretty}
.cta{margin-top:32px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.badge{display:block;height:52px;width:auto}
.cta span{font:400 14px 'DM Sans';color:#D8B4B8}
/* phone */
.phone-w{flex:0 0 auto;width:351px;height:760px;position:relative}
.phone{position:absolute;left:0;top:0;width:390px;height:844px;transform:scale(.9);transform-origin:0 0;border-radius:46px;background:#2B0B16;border:6px solid #1a0710;box-shadow:0 0 0 1px rgba(251,239,226,.2),0 40px 80px rgba(0,0,0,.5);overflow:hidden;box-sizing:content-box;margin:-6px}
.scr{width:390px;height:844px;position:relative;overflow:hidden;color:#FBEFE2}
.sb{height:50px;display:flex;justify-content:space-between;align-items:flex-end;padding:0 32px 6px;font:700 15px 'DM Sans'}
.sb i{width:26px;height:12px;border-radius:4px;border:1.5px solid #FBEFE2;display:block}
.tr{padding:10px 16px 0;display:flex;justify-content:space-between;align-items:center}
.loc{padding:9px 14px;border-radius:999px;background:#3D1322;border:1px solid rgba(251,239,226,.16);font:700 15px 'DM Sans'}
.loc small{color:#D8B4B8;font-size:12px}
.av{width:42px;height:42px;border-radius:50%;background:#3D1322;border:1px solid rgba(251,239,226,.16)}
.next{margin:14px 16px 0;border-radius:34px;background:#FF7A2A;color:#2B0B16;padding:22px 22px 20px;position:relative;overflow:hidden}
.next .a{font:700 14px 'DM Sans'}
.next .b{font:800 84px/.95 'Bricolage Grotesque';margin-top:8px;letter-spacing:-.03em}
.next .b small{font-size:32px;letter-spacing:0}
.next .c{font:800 27px/1.12 'Bricolage Grotesque';margin-top:10px}
.next .d{font:700 14px 'DM Sans';margin-top:10px}
.btns{display:flex;gap:10px;margin-top:16px}
.btns div{flex:1;height:46px;border-radius:23px;font:700 16px 'DM Sans';display:flex;align-items:center;justify-content:center}
.btns .k{background:#2B0B16;color:#FBEFE2}.btns .l{background:#FBEFE2;color:#2B0B16}
.lt{padding:18px 22px 0;font:800 19px 'Bricolage Grotesque'}
.rows{padding:2px 22px 0}
.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(251,239,226,.16)}
.row .tm{font:800 21px 'Bricolage Grotesque';width:90px}
.row .tm small{font:700 11px 'DM Sans';color:#D8B4B8}
.row .nm{flex:1;min-width:0}
.row .nm b{display:block;font:700 15px 'DM Sans'}
.row .nm span{display:block;font:400 13px 'DM Sans';color:#D8B4B8}
.row .br{text-align:right}
.row .br b{display:block;font:700 14px 'DM Sans';color:#FF8A3D}
.row .br span{display:block;font:400 12px 'DM Sans';color:#D8B4B8}
.upd{text-align:center;font:400 12px 'DM Sans';color:#D8B4B8;margin-top:12px}
/* features */
.feats{max-width:1160px;margin:0 auto;padding:0 clamp(20px,5vw,48px);display:flex;flex-direction:column;gap:20px}
.feat{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);background:#3D1322;border:1px solid rgba(251,239,226,.14);border-radius:36px;padding:clamp(24px,4vw,48px)}
.feat.rev{flex-direction:row-reverse}
.feat-t{flex:1 1 320px;min-width:0}
.kick2{font:700 13px 'DM Sans';letter-spacing:.12em;text-transform:uppercase;color:#FF8A3D}
.feat h2{font:800 clamp(30px,4.5vw,46px)/1.05 'Bricolage Grotesque';letter-spacing:-.02em;margin:10px 0 0}
.feat p{font:400 18px/1.55 'DM Sans';color:#D8B4B8;margin:14px 0 0;max-width:480px;text-wrap:pretty}
.feat-i{flex:0 1 300px;display:flex;justify-content:center}
.feat-i img{width:100%;max-width:260px;aspect-ratio:1;object-fit:contain}
/* private */
.priv-w{max-width:1160px;margin:20px auto 0;padding:0 clamp(20px,5vw,48px) clamp(48px,7vw,88px)}
.priv{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,4vw,48px);background:#FF7A2A;color:#2B0B16;border-radius:36px;padding:clamp(28px,4vw,56px)}
.priv-t{flex:1 1 320px;min-width:0}
.priv .kick2{color:#2B0B16}
.priv h2{font:800 clamp(30px,4.5vw,48px)/1.05 'Bricolage Grotesque';letter-spacing:-.02em;margin:10px 0 0}
.priv p{font:500 19px/1.5 'DM Sans';margin:14px 0 0;max-width:520px}
.priv .pb{display:inline-flex;margin-top:22px;padding:13px 22px;border-radius:999px;background:#2B0B16;color:#FBEFE2;font:700 16px 'DM Sans';text-decoration:none}
.priv-i{flex:0 1 240px;display:flex;justify-content:center}
.priv-i img{width:100%;max-width:240px;aspect-ratio:1;object-fit:contain}
/* article pages */
.art{max-width:760px;margin:0 auto;padding:clamp(36px,6vw,72px) clamp(20px,5vw,48px) clamp(48px,7vw,88px)}
.art h1{font:800 clamp(40px,7vw,64px)/1 'Bricolage Grotesque';letter-spacing:-.03em;margin:12px 0 0}
.eff{font:400 15px 'DM Sans';color:#D8B4B8;margin:12px 0 0}
.stack{display:flex;flex-direction:column;gap:12px;margin-top:32px}
.stack.s10{gap:10px}
.card{background:#3D1322;border:1px solid rgba(251,239,226,.14);border-radius:24px;padding:22px 24px}
.card h2{font:800 22px 'Bricolage Grotesque'}
.card p{font:400 17px/1.6 'DM Sans';color:#D8B4B8;margin:8px 0 0;text-wrap:pretty}
details.card{padding:0 24px}
details summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font:800 20px/1.2 'Bricolage Grotesque'}
details summary i{font:700 24px 'DM Sans';color:#FF8A3D;font-style:normal}
details[open] summary i{transform:rotate(45deg)}
details p{font:400 17px/1.6 'DM Sans';color:#D8B4B8;margin:0;padding:0 0 22px;text-wrap:pretty}
.stuck{margin-top:28px;border-radius:28px;background:#FF7A2A;color:#2B0B16;padding:26px 28px}
.stuck b{display:block;font:800 26px 'Bricolage Grotesque'}
.stuck p{font:500 17px/1.5 'DM Sans';margin:6px 0 0}
.stuck a{color:#2B0B16;font-weight:700}
.nf{text-align:center;padding:clamp(60px,12vw,140px) 20px}
.nf .n{font:800 clamp(80px,18vw,160px)/1 'Bricolage Grotesque';color:#FF7A2A}
.nf h1{font:800 clamp(28px,5vw,44px)/1.1 'Bricolage Grotesque';margin-top:12px}
.nf .pb{display:inline-flex;margin-top:24px;padding:13px 22px;border-radius:999px;background:#FF7A2A;color:#2B0B16;font:700 16px 'DM Sans';text-decoration:none}
/* footer */
.ftr{border-top:1px solid rgba(251,239,226,.14);background:#210913}
.ftr-in{max-width:1160px;margin:0 auto;padding:32px clamp(20px,5vw,48px);display:flex;flex-direction:column;gap:16px}
.fl{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;font:700 15px 'DM Sans'}
.fl b{font:800 20px 'Bricolage Grotesque'}
.cite{font:400 13px/1.5 'DM Sans';color:#D8B4B8;max-width:720px}
@media(max-width:899px){.phone-w{width:312px;height:675px}.phone{transform:scale(.8)}}
@media(max-width:499px){.phone-w{width:257px;height:557px}.phone{transform:scale(.66)}}