@font-face{font-family:Bricolage;src:url(/assets/bricolage-bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:Literata;src:url(/assets/literata.woff2) format("woff2");font-weight:400 500;font-display:swap}
:root{--bg:#F1E8D3;--sheet:#FFFDF6;--sheet2:#E4D6B4;--ink:#232A20;--mute:#566050;--honey:#EDAE2E;--honeyT:#8A5600;--line:rgba(35,42,32,.16);--onh:#2A1D04;--shadow:rgba(110,80,20,.28);--lift:0 2px 3px rgba(110,80,20,.14),0 20px 40px rgba(110,80,20,.24);--sb:1px solid rgba(255,255,255,.95);--fc:Bricolage,system-ui,sans-serif;--fd:Literata,Georgia,serif;--fb:-apple-system,system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0D1812;--sheet:#1B2F23;--sheet2:#25402F;--ink:#EEE5CD;--mute:#A8B3A3;--honey:#F2B84B;--honeyT:#F2B84B;--line:rgba(238,229,205,.16);--shadow:rgba(0,0,0,.45);--lift:0 2px 3px rgba(0,0,0,.3),0 20px 40px rgba(0,0,0,.4);--sb:1px solid rgba(255,255,255,.08)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--fb);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--honeyT)}a:hover{color:var(--ink)}
.wrap{width:100%;max-width:1440px;margin:0 auto;padding-left:80px;padding-right:80px}
.top{display:flex;align-items:center;justify-content:space-between;height:96px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font:700 26px var(--fc);letter-spacing:-.01em;min-height:44px}
.brand img{width:48px;height:48px;border-radius:13px}
.brand.mini{font-size:22px}.brand.mini img{width:40px;height:40px;border-radius:11px}
.toplink{color:var(--ink);text-decoration:none;font:600 17px var(--fb);display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.hero{display:flex;gap:64px;align-items:center;padding-top:40px;padding-bottom:110px}
.say{flex:1.05;min-width:0}
h1{margin:0;font:700 104px/.98 var(--fc);letter-spacing:-.035em}
.say p{font:400 24px/1.5 var(--fd);color:var(--mute);margin:32px 0 36px;max-width:560px}
.badge{display:inline-block;min-height:44px}.badge img{width:168px;height:56px}
.stack{flex:.95;min-width:0;position:relative;height:560px}
.back{position:absolute;left:7%;right:1%;top:3%;bottom:4%;border-radius:32px;background:var(--sheet2);transform:rotate(3deg)}
.sheet{position:absolute;left:3%;right:4%;top:0;bottom:8%;border-radius:32px;background:var(--sheet);border:var(--sb);box-shadow:var(--lift);padding:16px;transform:rotate(-1.5deg)}
.sheet img{width:100%;height:100%;object-fit:cover;border-radius:24px}
.mur{width:310px;position:absolute;left:-60px;bottom:-34px;filter:drop-shadow(0 12px 14px var(--shadow))}
.ico{position:absolute;right:-8px;top:-30px;width:116px;height:116px;border-radius:26%;transform:rotate(6deg);box-shadow:var(--lift)}
.cards{display:flex;gap:28px}
.cards article{flex:1;background:var(--sheet);border:var(--sb);border-radius:24px;box-shadow:var(--lift);padding:36px 32px 40px;display:flex;flex-direction:column;gap:14px}
.num{width:44px;height:44px;border-radius:22px;background:var(--honey);color:var(--onh);display:flex;align-items:center;justify-content:center;font:700 20px var(--fc)}
.cards h2{margin:0;font:700 30px/1.1 var(--fc);letter-spacing:-.01em}
.cards p{margin:0;font:400 20px/1.5 var(--fd);color:var(--mute)}
.band{padding-top:110px}
.facts{display:flex;background:var(--sheet);border:var(--sb);border-radius:32px;box-shadow:var(--lift);padding:40px 16px}
.facts>div{flex:1;min-width:0;padding:8px 32px;border-right:1px solid var(--line)}
.facts>div:last-child{border-right:0}
.facts b{display:block;font:700 72px/1 var(--fc);letter-spacing:-.03em;color:var(--honeyT)}
.facts span{display:block;font:400 19px/1.5 var(--fd);margin-top:10px}
.langs{padding-top:56px}
.langs h2{font:700 20px var(--fb);color:var(--mute);margin:0 0 16px}
.langs ul,.pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.langs li,.pills li{height:44px;padding:0 20px;border-radius:22px;background:var(--sheet);border:1px solid var(--line);display:inline-flex;align-items:center;font:600 18px var(--fb)}
.close{padding-top:110px;padding-bottom:110px}
.close>div{background:var(--sheet2);border-radius:32px;display:flex;align-items:center;gap:48px;padding:40px 64px}
.close img{width:260px;filter:drop-shadow(0 12px 14px var(--shadow))}
.close .badge img{width:168px;filter:none}
.close p{font:700 52px/1.05 var(--fc);letter-spacing:-.025em;margin:0 0 28px}
.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:32px;padding-bottom:40px;border-top:1px solid var(--line)}
.foot nav{display:flex;gap:28px}
.foot nav a{color:var(--ink);text-decoration:none;font:600 17px var(--fb);display:inline-flex;align-items:center;min-height:44px}
.doc{max-width:860px;padding-top:40px;padding-bottom:110px}
.doc h1{font-size:72px;margin-bottom:24px}
.lead{font:400 22px/1.5 var(--fd);color:var(--mute);margin:0 0 40px}
.q{background:var(--sheet);border:var(--sb);border-radius:24px;box-shadow:var(--lift);padding:28px 32px;margin-bottom:20px}
.q h2{margin:0 0 8px;font:700 28px/1.15 var(--fc)}
.q p{margin:0;font:400 19px/1.5 var(--fd);color:var(--mute)}
.pills{margin-bottom:36px}
.stars{list-style:none;margin:0 0 32px;padding:0}
.stars li{font:400 22px/1.5 var(--fd);padding:0 0 16px 32px;position:relative}
.stars li::before{content:"\2726";position:absolute;left:0;color:var(--honeyT)}
.small{font:400 16px var(--fb);color:var(--mute)}
.lost{text-align:center;padding-top:20px;padding-bottom:110px;display:flex;flex-direction:column;align-items:center}
.lost img{width:300px}
.code{font:700 22px var(--fc);color:var(--honeyT);margin:8px 0}
.lost h1{font-size:64px}
.lost p:not(.code){font:400 22px/1.5 var(--fd);color:var(--mute)}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:26px;background:var(--honey);color:var(--onh);font:600 18px var(--fb);text-decoration:none}
.btn:hover{color:var(--onh)}
@media (max-width:1180px){h1{font-size:72px}.mur{width:230px;left:-20px}.stack{height:460px}.facts b{font-size:52px}.wrap{padding-left:40px;padding-right:40px}}
@media (max-width:820px){
.wrap{padding-left:20px;padding-right:20px}
.top{height:72px}.toplink{display:none}.brand{font-size:22px}.brand img{width:40px;height:40px;border-radius:11px}
.hero{flex-direction:column;align-items:stretch;gap:36px;padding-top:12px;padding-bottom:64px}
h1{font-size:46px;line-height:1.02}
.say p{font-size:19px;margin:20px 0 24px}
.stack{flex:none;height:360px;margin:6px 8px 0}
.sheet{padding:10px}
.mur{width:170px;left:-14px;bottom:-18px}
.ico{width:72px;height:72px;right:-2px;top:-22px}
.cards{flex-direction:column;gap:16px}
.cards article{padding:26px 24px 28px}
.cards h2{font-size:25px}.cards p{font-size:18px}
.band{padding-top:64px}
.facts{flex-direction:column;padding:12px 24px}
.facts>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}
.facts>div:last-child{border-bottom:0}
.facts b{font-size:48px}
.langs{padding-top:40px}
.langs li,.pills li{font-size:16px;padding:0 16px}
.close{padding-top:64px;padding-bottom:64px}
.close>div{flex-direction:column;text-align:center;gap:20px;padding:32px 24px}
.close img{width:190px}
.close p{font-size:34px;margin-bottom:20px}
.close .badge{display:inline-block}
.doc h1{font-size:46px}.q{padding:22px}.q h2{font-size:23px}.q p{font-size:18px}.stars li{font-size:19px}.lead{font-size:19px}
.lost h1{font-size:40px}.lost img{width:230px}
}