@font-face{font-family:'Bricolage Grotesque';font-weight:800;font-display:swap;src:url(/assets/bricolage-800.woff2) format('woff2')}
html,body{margin:0;background:#FBF2EE}@media (prefers-color-scheme:dark){html,body{background:#1C1411}}
.pf .badge-link{display:inline-block;min-height:44px}.pf .badge-img{display:block;height:56px;width:auto}
.pf .shot img{display:block;width:100%;height:100%}.pf .sticker{display:block;max-width:100%;height:auto}


.pf{container-type:inline-size;container-name:pf;overflow:hidden;background:var(--bg);color:var(--ink);font:400 17px/1.5 -apple-system,system-ui,sans-serif;--bg:#FBF2EE;--card:#FFFFFF;--ink:#2B1911;--ink2:#6A5148;--line:rgba(120,60,40,.16);--line2:rgba(120,60,40,.32);--btn:#B94A2D;--link:#B94A2D;--linkh:#8E3720;--acc:#D06446;--soft:#F6DED4;--shadow:0 1px 2px rgba(150,70,40,.10),0 12px 28px rgba(150,70,40,.14);--lift:0 2px 4px rgba(150,70,40,.12),0 24px 48px rgba(150,70,40,.22);--il:block;--id:none;--pw:260px;--sc:.6468}
@media (prefers-color-scheme:dark){.pf:not(.light){--bg:#1C1411;--card:#2A1F1A;--ink:#F8ECE5;--ink2:#C6B1A6;--line:rgba(255,220,200,.16);--line2:rgba(255,220,200,.32);--btn:#E37A5B;--link:#F09479;--linkh:#FFB59E;--acc:#E37A5B;--soft:#3A2620;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.4);--lift:0 2px 4px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.55);--il:none;--id:block}}
.pf.dark{--bg:#1C1411;--card:#2A1F1A;--ink:#F8ECE5;--ink2:#C6B1A6;--line:rgba(255,220,200,.16);--line2:rgba(255,220,200,.32);--btn:#E37A5B;--link:#F09479;--linkh:#FFB59E;--acc:#E37A5B;--soft:#3A2620;--shadow:0 1px 2px rgba(0,0,0,.4),0 12px 28px rgba(0,0,0,.4);--lift:0 2px 4px rgba(0,0,0,.4),0 24px 48px rgba(0,0,0,.55);--il:none;--id:block}
.pf *{box-sizing:border-box}
.pf h1,.pf h2,.pf h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.08;margin:0}
.pf p{margin:0}
.pf a{color:var(--link)}.pf a:hover{color:var(--linkh)}
.pf .wrap{max-width:1120px;margin:0 auto;padding:0 40px}
.pf .nav{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.pf .brand{display:flex;align-items:center;gap:12px;min-height:44px;font:800 22px 'Bricolage Grotesque',sans-serif;letter-spacing:-.01em;color:var(--ink);text-decoration:none}
.pf .brand:hover{color:var(--ink)}
.pf .ico{border-radius:22.4%;display:block}
.pf .ico.l{display:var(--il)}.pf .ico.d{display:var(--id)}
.pf .links{display:flex;gap:4px}
.pf .links a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:600;text-decoration:none}
.pf .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;padding:40px 0 88px}
.pf .hero h1{font-size:64px;margin-top:24px}
.pf .lead{font-size:20px;color:var(--ink2);margin:20px 0 32px;max-width:30em}
.pf .badge{width:168px;height:56px;border:2px dashed var(--ink2);border-radius:12px;display:flex;align-items:center;justify-content:center;font:600 13px ui-monospace,Menlo,monospace;letter-spacing:.08em;color:var(--ink2)}
.pf .phones{position:relative;width:440px;height:620px;margin:0 auto}
.pf .ph{position:absolute}
.pf .ph.a{left:0;top:48px;transform:rotate(-4deg)}
.pf .ph.b{left:180px;top:0;transform:rotate(3deg)}
.pf .shot{width:var(--pw);height:calc(var(--pw)*2.1741);border-radius:calc(var(--pw)*.125);overflow:hidden;box-shadow:var(--lift);background:#000;position:relative}
.pf .shot .in{width:402px;height:874px;transform:scale(var(--sc));transform-origin:0 0}
.pf .shot.l{display:var(--il)}.pf .shot.d{display:var(--id)}
.pf .sec{padding:80px 0}
.pf .feat{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pf .feat.rev .txt{order:2}
.pf .feat h2{font-size:44px}
.pf .feat p{color:var(--ink2);font-size:19px;margin-top:16px}
.pf .art{position:relative;isolation:isolate;background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}
.pf .art::before{content:"";position:absolute;inset:14px -12px -14px 12px;background:var(--soft);border-radius:28px;transform:rotate(2.2deg);z-index:-1}
.pf .art img{max-width:100%;height:auto;display:block}
.pf .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pf .chip{height:40px;padding:0 16px;border-radius:20px;border:1.5px solid var(--line2);background:var(--card);display:inline-flex;align-items:center;font-weight:600;font-size:15px}
.pf .chip.dash{border-style:dashed;color:var(--ink2)}
.pf .mini{width:100%;display:flex;flex-direction:column;gap:12px}
.pf .mini .q{font:800 24px/1.15 'Bricolage Grotesque',sans-serif;letter-spacing:-.01em}
.pf .mini .s{font-weight:600;color:var(--ink2);font-size:15px}
.pf .mini .row{display:flex;flex-wrap:wrap;gap:8px}
.pf .pro{background:var(--card);border-radius:28px;box-shadow:var(--shadow);padding:48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:center}
.pf .pro h2{font-size:44px}
.pf .pro ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:19px}
.pf .pro li{display:flex;gap:12px;align-items:center}
.pf .pro li::before{content:"✓";flex:none;width:28px;height:28px;border-radius:14px;background:var(--soft);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--link);font-size:15px}
.pf .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.pf .plan{border-radius:20px;background:var(--bg);padding:20px;border:2px solid transparent}
.pf .plan.on{border-color:var(--btn)}
.pf .plan b{display:block;font-size:19px}
.pf .plan span{display:block;color:var(--ink2);font-size:15px;margin-top:4px}
.pf .free{font-weight:600;margin-top:24px}
.pf .cta{text-align:center;padding:24px 0 88px;display:flex;flex-direction:column;align-items:center;gap:24px}
.pf .cta h2{font-size:40px}
.pf .foot{border-top:1px solid var(--line);padding:24px 0 40px;display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;color:var(--ink2);font-size:15px}
.pf .foot nav{display:flex;flex-wrap:wrap;gap:4px}
.pf .foot a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:600;text-decoration:none}
.pf .prose{max-width:720px;margin:0 auto;padding:32px 0 88px}
.pf .prose h1{font-size:52px}
.pf .meta{color:var(--ink2);margin-top:12px;font-size:15px}
.pf .prose h2{font-size:26px;margin-top:40px}
.pf .prose p{margin-top:8px}
.pf .qa{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:24px;margin-top:16px}
.pf .qa h2{font-size:22px;margin:0}
.pf .qa p{color:var(--ink2);margin-top:8px}
.pf .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:26px;background:var(--btn);color:#fff;font-weight:600;text-decoration:none}
.pf.dark .btn,.pf.dark .btn:hover{color:#1C1411}
@media (prefers-color-scheme:dark){.pf:not(.light) .btn,.pf:not(.light) .btn:hover{color:#1C1411}}
.pf .btn:hover{color:#fff}
@container pf (max-width:760px){
 .pf .wrap{padding:0 20px;--pw:170px;--sc:.4229}
 .pf .nav{min-height:64px}
 .pf .brand{font-size:20px}
 .pf .links a{padding:0 10px}
 .pf .hero{grid-template-columns:1fr;gap:40px;padding:16px 0 56px}
 .pf .hero h1{font-size:38px}
 .pf .lead{font-size:18px}
 .pf .phones{width:320px;height:400px}
 .pf .ph.a{top:28px}.pf .ph.b{left:150px}
 .pf .sec{padding:48px 0}
 .pf .feat{grid-template-columns:1fr;gap:32px}
 .pf .feat.rev .txt{order:0}
 .pf .feat h2,.pf .pro h2{font-size:32px}
 .pf .feat p{font-size:18px}
 .pf .art{padding:24px 20px}
 .pf .pro{grid-template-columns:1fr;padding:28px 20px;gap:24px}
 .pf .plans{grid-template-columns:1fr}
 .pf .cta h2{font-size:30px}
 .pf .prose h1{font-size:38px}
 .pf .prose h2{font-size:22px}
 .pf .foot{flex-direction:column;align-items:flex-start}
}