@font-face{font-family:"Geologica";src:url("/assets/fonts/geologica.woff2?v=ab3726d2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}@font-face{font-family:"Onest";src:url("/assets/fonts/onest.woff2?v=ab3726d2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{--paper:#F3F0FF;--card:#FFFFFF;--ink:#161221;--muted:#5C5672;--line:#DCD5F0;--violet:#4B3AE8;--violet-soft:#EDEAFF;--coral:#E11D48;--coral-soft:#FFE9EE;--lemon:#FFE14A;--lemon-soft:#FFF8D2;--night:#120E1C;--radius:22px;--max:1120px;--head:"Geologica","Onest",system-ui,sans-serif}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5rem}html,body{margin:0;padding:0}body{font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#DDD7FF 0%,transparent 60%),radial-gradient(900px 400px at 100% 0%,#FFE4C8 0%,transparent 55%),var(--paper);background-repeat:no-repeat;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}main{flex:1 0 auto}img{max-width:100%;height:auto;display:block}a{color:var(--violet);text-underline-offset:3px;text-decoration-thickness:1.5px}a:hover{color:var(--coral)}a:focus-visible,.btn:focus-visible,.nav-switch:focus-visible + .nav-toggle{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}::selection{background:var(--lemon);color:var(--ink)}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:#fff;padding:.6rem 1rem;border-radius:10px;font-weight:700}.skip:focus{top:10px;color:#fff}.site-header{position:sticky;top:0;z-index:20;background:rgba(243,240,255,.86);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;position:relative}.logo{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:var(--ink)}.logo:hover{color:var(--ink)}.logo img{width:40px;height:40px}.logo-word{font-family:var(--head);font-weight:800;font-size:1.2rem;letter-spacing:-.03em}.nav{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;padding:.45rem .85rem;border-radius:999px;transition:background-color .15s ease}.nav a:hover{background:var(--violet-soft);color:var(--ink)}.nav a[aria-current]{background:var(--ink);color:#fff}.nav-switch,.nav-toggle{display:none}@media (max-width:720px){.nav-switch{display:block;position:absolute;right:0;top:.6rem;width:44px;height:44px;margin:0;opacity:0;pointer-events:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--ink);border-radius:12px;background:var(--card);cursor:pointer}.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{display:block;width:18px;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .18s ease,background-color .18s ease}.nav-toggle span{position:relative}.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0}.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}.nav-switch:checked + .nav-toggle{background:var(--lemon)}.nav-switch:checked + .nav-toggle span{background:transparent}.nav-switch:checked + .nav-toggle span::before{transform:translateY(6px) rotate(45deg)}.nav-switch:checked + .nav-toggle span::after{transform:translateY(-6px) rotate(-45deg)}.nav{display:none;flex-direction:column;align-items:stretch;gap:.15rem;width:100%;padding:.2rem 0 .7rem}.nav a{padding:.8rem .9rem;border-radius:12px;font-size:1.05rem}.nav-switch:checked ~ .nav{display:flex}.header-row{flex-wrap:wrap}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:48px;padding:.7rem 1.25rem;border-radius:999px;border:2.5px solid var(--ink);font-weight:800;text-decoration:none;line-height:1.2;text-align:center;box-shadow:4px 4px 0 var(--ink);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);text-decoration:none}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}.btn-lemon,.btn-lemon:hover{background:var(--lemon);color:var(--ink)}.btn-violet,.btn-violet:hover{background:var(--violet);color:#fff}.btn-coral,.btn-coral:hover{background:var(--coral);color:#fff}.btn-ghost,.btn-ghost:hover{background:var(--card);color:var(--ink)}.btn-lemon::after,.btn-coral::after,.btn-violet::after{content:"→";font-weight:800}.btn-row{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.2rem 0}@media (max-width:520px){.btn-row .btn{flex:1 1 100%}}h1,h2,h3{font-family:var(--head);letter-spacing:-.03em;line-height:1.15;margin:0 0 .6rem;text-wrap:balance}h1{font-size:clamp(1.9rem,5vw,3.3rem);font-weight:800;margin-top:.8rem}h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:700}h3{font-size:1.15rem;font-weight:700}p{text-wrap:pretty}.muted{color:var(--muted)}.hero{padding:clamp(1.6rem,4vw,3rem) 0 1rem}.kicker{display:inline-block;background:var(--lemon);color:var(--ink);font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .75rem;border-radius:999px;border:2px solid var(--ink)}.hero h1{max-width:20ch}.hero h1 .hl{background:linear-gradient(transparent 62%,var(--lemon) 62%,var(--lemon) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .12em;margin:0 -.12em}.lead{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--ink);max-width:42rem;margin:.2rem 0 0}.hero .note{max-width:none;margin:1.8rem 0 0}.pair{display:grid;gap:1.2rem;grid-template-columns:1fr;margin:1.6rem 0 0}@media (min-width:800px){.pair{grid-template-columns:1fr 1fr;gap:1.6rem}}.card{background:var(--card);border:2.5px solid var(--ink);border-radius:var(--radius);padding:1.35rem 1.4rem}.card > :last-child{margin-bottom:0}.pair .card{display:flex;flex-direction:column}.pair .card h2{font-size:clamp(1.45rem,2.6vw,1.85rem)}.pair .card p{margin:0 0 .2rem}.pair .card .btn-row{margin:1.1rem 0 1rem}.card.ai{background:linear-gradient(180deg,#fff 55%,var(--violet-soft));box-shadow:6px 6px 0 var(--violet)}.card.video{background:linear-gradient(180deg,#fff 55%,var(--coral-soft));box-shadow:6px 6px 0 var(--coral)}.card .tag{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.3rem .7rem .3rem .55rem;border-radius:999px;margin-bottom:.75rem}.tag svg{width:16px;height:16px;fill:currentColor;flex:none}.tag-ai{color:var(--violet);background:var(--violet-soft)}.tag-video{color:var(--coral);background:var(--coral-soft)}.card-links{margin-top:auto !important;padding-top:.2rem;font-size:.95rem;color:var(--muted)}.card-links a{font-weight:600}.section{padding:clamp(1.8rem,4vw,3rem) 0 0}.section:last-child{padding-bottom:clamp(2rem,4vw,3.2rem)}.section > .wrap > h2{margin-bottom:1.1rem}.grid{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:640px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr 1fr}}@media (min-width:960px){.grid.cols-3{grid-template-columns:1fr 1fr 1fr}}.how{counter-reset:how}.step{position:relative;background:var(--card);border:1.5px solid var(--line);border-radius:20px;padding:1.2rem 1.25rem 1.25rem}.step > :last-child{margin-bottom:0}.step-n{display:flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;margin-bottom:.9rem;background:var(--lemon);border:2.5px solid var(--ink);font-family:var(--head);font-weight:800;font-size:1.15rem;line-height:1}.step p{color:var(--muted);margin:0}@media (min-width:960px){.step:not(:last-child)::after{content:"";position:absolute;top:2.5rem;left:4.6rem;right:-1.1rem;border-top:2.5px dashed var(--line)}}.tile{background:var(--card);border:1.5px solid var(--line);border-radius:18px;padding:1.1rem 1.15rem 1rem;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:.4rem;min-height:8.5rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.tile:hover{border-color:var(--ink);color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.tile strong{font-family:var(--head);font-weight:700;font-size:1.08rem;line-height:1.25;letter-spacing:-.02em}.tile span{color:var(--muted);font-size:.95rem}.tile::after{content:"→";margin-top:auto;padding-top:.3rem;align-self:flex-end;font-weight:800;color:var(--violet);transition:transform .15s ease}.tile:hover::after{transform:translateX(4px)}.article{display:grid;gap:0 3rem;padding-bottom:clamp(2rem,4vw,3.5rem)}.crumbs{font-size:.9rem;color:var(--muted);margin:1.3rem 0 .2rem}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--violet)}.prose{max-width:44rem;min-width:0;font-size:1.0625rem;line-height:1.7;overflow-wrap:break-word}.prose h1{font-size:clamp(1.8rem,4.2vw,2.75rem);margin:.6rem 0 1.1rem}.prose p{margin:0 0 1rem}.prose ul,.prose ol{margin:0 0 1rem;padding-left:1.3rem}.prose li{margin:0 0 .45rem}.prose li::marker{color:var(--violet);font-weight:700}.prose h2{margin:2rem 0 .7rem}.prose h3{margin:1.4rem 0 .5rem}.prose > :last-child{margin-bottom:0}.note,.disclaimer{background:#fff;border:1.5px solid var(--line);border-left:6px solid var(--lemon);border-radius:14px;padding:.95rem 1.1rem;margin:1.3rem 0;font-size:.98rem;line-height:1.6}.note p,.disclaimer p{margin:0 0 .6rem}.note > :last-child,.disclaimer > :last-child{margin-bottom:0}.disclaimer{border-left-color:var(--coral);background:#FFF7F9;border-color:#F6CBD5;border-left-color:var(--coral)}.steps{counter-reset:s;list-style:none;padding:0 !important;margin:1.4rem 0 !important}.steps li{position:relative;padding:.95rem 1.1rem .95rem 3.6rem;background:var(--card);border:1.5px solid var(--line);border-radius:16px;margin:0 0 .65rem}.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:.8rem;top:.8rem;width:2rem;height:2rem;border-radius:50%;background:var(--lemon);border:2px solid var(--ink);font-family:var(--head);font-weight:800;font-size:.95rem;display:flex;align-items:center;justify-content:center}.more{margin-top:2.4rem;padding:1.2rem 1.25rem 1rem;background:var(--card);border:1.5px solid var(--line);border-radius:20px}.more h2{font-size:1.15rem;margin:0 0 .6rem}.more ul{list-style:none;margin:0;padding:0;display:grid;gap:0 1.5rem}@media (min-width:560px) and (max-width:999px){.more ul{grid-template-columns:1fr 1fr}}.more li{border-top:1px solid var(--line)}.more a,.more .here{display:block;padding:.6rem 0;font-size:.97rem;line-height:1.35;text-decoration:none;color:var(--ink);font-weight:500}.more a:hover{color:var(--violet)}.more .here{font-weight:800;padding-left:1rem;position:relative}.more .here::before{content:"";position:absolute;left:0;top:50%;width:.5rem;height:.5rem;margin-top:-.25rem;border-radius:50%;background:var(--violet)}@media (min-width:1000px){.article.has-more{grid-template-columns:minmax(0,44rem) minmax(15rem,18rem);justify-content:space-between;align-items:start}.more{position:sticky;top:5.2rem;margin-top:4.6rem}}.lost{padding:clamp(2.5rem,8vw,6rem) 0;max-width:38rem}.lost .code{font-family:var(--head);font-weight:800;font-size:clamp(4rem,14vw,7rem);line-height:1;letter-spacing:-.05em;color:var(--violet);margin:0}.site-footer{flex:none;background:var(--night);color:#F6F3FF;border-top:6px solid var(--lemon);padding:2.2rem 0 1.5rem;margin-top:1rem;font-size:.95rem}.site-footer a{color:var(--lemon);text-decoration:none}.site-footer a:hover{color:#fff;text-decoration:underline}.site-footer p{margin:0 0 .5rem}.foot-grid{display:grid;gap:1.4rem}@media (min-width:720px){.foot-grid{grid-template-columns:2fr 1fr 1fr;gap:2rem}}.foot-brand{color:var(--lemon);display:block;margin:0 0 .4rem !important}.foot-grid p:has(> strong:only-child){font-family:var(--head);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#C9C3D8}.foot-grid p{line-height:2}.foot-grid div:first-child p{line-height:1.6;max-width:28rem}.foot-muted{color:#C9C3D8;font-size:.92rem}.foot-owner{margin:1.4rem auto 0 !important;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14)}.legal-row{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.9rem;font-size:.92rem}.legal-row span{margin-left:auto}@media (max-width:719px){.legal-row span{margin-left:0;flex-basis:100%}}.center{text-align:center}.mb0{margin-bottom:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media print{.site-header,.site-footer,.more,.btn-row{display:none}body{background:#fff}}