@font-face{font-family:'Bricolage Grotesque';font-weight:800;font-display:swap;src:url(/assets/bricolage-800.ttf) format('truetype')}
@font-face{font-family:Figtree;font-weight:300 900;font-display:swap;src:url(/assets/figtree.ttf) format('truetype')}
html,body{margin:0;background:#F6EFE4}@media (prefers-color-scheme:dark){html,body{background:#221C18}}
.w .badge-link{display:inline-block;min-height:44px}.w .badge-img{display:block;height:56px;width:auto}
.w .shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.w .widget-img{width:100%;max-width:338px;height:auto;border-radius:29px}


.w{--bg:#F6EFE4;--paper:#FFFCF6;--chip:#EDE3D3;--ink:#2B2118;--ink2:#6B5B4C;--acc:#F7B606;--onacc:#2B1D00;--amber:#8A5600;--line:rgba(43,33,24,.12);--shadow:0 1px 2px rgba(60,40,20,.08),0 18px 40px -14px rgba(60,40,20,.3);container-type:inline-size;background:var(--bg);color:var(--ink);font:400 17px/1.5 Figtree,sans-serif;overflow:hidden}
.w .od{display:none}
@media (prefers-color-scheme:dark){.w[data-theme=auto]{--bg:#221C18;--paper:#362E29;--chip:#3F3630;--ink:#F4ECE0;--ink2:#BFB1A2;--amber:#F7B606;--line:rgba(244,236,224,.14);--shadow:0 14px 36px -10px rgba(0,0,0,.6)}.w[data-theme=auto] .od{display:block}.w[data-theme=auto] .ol{display:none}}
.w[data-theme=dark]{--bg:#221C18;--paper:#362E29;--chip:#3F3630;--ink:#F4ECE0;--ink2:#BFB1A2;--amber:#F7B606;--line:rgba(244,236,224,.14);--shadow:0 14px 36px -10px rgba(0,0,0,.6)}
.w[data-theme=dark] .od{display:block}.w[data-theme=dark] .ol{display:none}
.w *{box-sizing:border-box}
.w a{color:var(--amber)}
.w h1,.w h2,.w h3{font-family:Bricolage Grotesque,sans-serif;font-weight:800;margin:0;line-height:1.05;letter-spacing:-.01em;text-wrap:balance}
.w h1{font-size:44px}.w h2{font-size:34px}.w h3{font-size:22px;line-height:1.2}
.w p{margin:0;text-wrap:pretty}
.w img{display:block}
.w .hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px 8px 20px}
.w .brand{display:flex;align-items:center;gap:12px;min-height:44px;font:800 22px/1 Bricolage Grotesque,sans-serif;color:var(--ink);text-decoration:none}
.w .brand img{width:40px;height:40px;border-radius:10px}
.w .nav{display:flex}
.w .nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 10px;font-weight:600;text-decoration:none;color:var(--ink)}
.w .pg{padding:0 20px 48px;max-width:1280px;margin:0 auto}
.w .lead{font-size:20px;line-height:1.45;color:var(--ink2)}
.w .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 28px;border-radius:27px;background:var(--acc);color:var(--onacc);font:600 17px Figtree,sans-serif;text-decoration:none}
.w .btn2{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:27px;border:1.5px solid var(--ink2);color:var(--ink);font:600 17px Figtree,sans-serif;text-decoration:none}
.w .badge{width:168px;height:56px;border-radius:12px;border:2px dashed var(--ink2);display:flex;align-items:center;justify-content:center;font:600 14px Figtree,sans-serif;letter-spacing:.14em;color:var(--ink2)}
.w .hero{display:grid;gap:40px;padding:16px 0 48px}
.w .icon{width:88px;height:88px;border-radius:22px;box-shadow:var(--shadow)}
.w .shots{display:flex;gap:12px;justify-content:center;align-items:flex-start}
.w .phone{background:#15110e;padding:5px;border-radius:30px;box-shadow:var(--shadow)}
.w .shot{width:160px;aspect-ratio:1206/2622;overflow:hidden;border-radius:25px;position:relative;background:var(--paper)}
.w .shot .in{position:absolute;left:0;top:0;transform-origin:0 0;transform:scale(.407)}
.w .shot .in>div{box-shadow:none!important}
.w .shots .b{margin-top:40px}
.w .sec{display:grid;gap:32px;padding:48px 0;border-top:1px solid var(--line);align-items:center}
.w .paper{background:var(--paper);border-radius:24px;box-shadow:var(--shadow)}
.w .chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px 0 4px;border-radius:16px;background:var(--chip);font-size:15px;line-height:1.2}
.w .chip.t{padding:0 12px}
.w .dot{flex:none;width:24px;height:24px;border-radius:50%;color:#fff;font:600 12px/24px Figtree,sans-serif;text-align:center}
.w .stack{display:flex;flex-direction:column;gap:12px}
.w .wrap{display:flex;flex-wrap:wrap;gap:8px}
.w .panel{background:var(--chip);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:16px;align-items:center}
.w .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.w .th{aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:var(--shadow)}
.w .cards{display:grid;gap:16px}
.w .card{background:var(--paper);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}
.w .card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.w .card li{display:flex;gap:12px;align-items:flex-start}
.w .card li svg{flex:none;margin-top:3px;color:var(--amber)}
.w .tag{align-self:flex-start;padding:4px 12px;border-radius:12px;background:var(--acc);color:var(--onacc);font:600 14px Figtree,sans-serif}
.w .tag.f{background:var(--chip);color:var(--ink)}
.w .ft{display:flex;flex-wrap:wrap;gap:4px 24px;justify-content:space-between;align-items:center;padding:24px 20px 32px;border-top:1px solid var(--line);color:var(--ink2);font-size:15px}
.w .ft nav{display:flex;flex-wrap:wrap}
.w .ft a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px 0 0;font-weight:600;color:var(--ink);text-decoration:none}
.w .doc{max-width:720px;display:flex;flex-direction:column;gap:32px;padding:16px 0 48px}
.w .doc section{display:flex;flex-direction:column;gap:8px}
.w .doc .meta{color:var(--ink2);font-size:15px}
.w .invite{position:relative;margin-top:56px;padding:20px;border-radius:24px;background:var(--acc);color:var(--onacc);display:flex;flex-direction:column;gap:4px;box-shadow:0 14px 30px -12px rgba(150,95,0,.5)}
.w .code{font:800 52px/1.1 Bricolage Grotesque,sans-serif;letter-spacing:.1em}
.w .steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.w .steps li{display:flex;align-items:center;gap:16px;min-height:72px;padding:12px 16px;border-radius:16px;background:var(--paper);box-shadow:var(--shadow);font:600 18px Figtree,sans-serif}
.w .steps .n{flex:none;width:40px;height:40px;border-radius:50%;background:var(--acc);color:var(--onacc);display:grid;place-items:center;font:800 20px Bricolage Grotesque,sans-serif}
.w .join{display:grid;gap:32px;padding:8px 0 40px}
@container (min-width:860px){
.w .hd{padding:20px 48px}.w .pg{padding:0 48px 96px}.w .ft{padding:32px 48px 40px}
.w h1{font-size:68px}.w h2{font-size:44px}.w h3{font-size:26px}
.w .lead{font-size:22px}
.w .hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding:48px 0 96px}
.w .shots{gap:24px}.w .shots .b{margin-top:96px}
.w .phone{padding:7px;border-radius:50px}
.w .shot{width:264px;border-radius:43px}.w .shot .in{transform:scale(.6718)}
.w .sec{grid-template-columns:1fr 1fr;gap:80px;padding:96px 0}
.w .sec.rev>.vis{order:-1}
.w .cards{grid-template-columns:1fr 1fr;gap:24px}
.w .join{grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:32px 0 80px}
.w .doc{padding:32px 0 96px}
}
