@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;700;800&family=DM+Sans:wght@400;500;700&display=swap');:root{  --bg:#f3fbff;  --surface:#ffffff;  --panel:#eef8ff;  --text:#0b3d57;  --muted:#4b7085;  --border:rgba(11,61,87,.12);  --accent:#1f92d0;  --accent2:#26c06f;  --soft:rgba(0,0,0,.045);  --head:'Sora',system-ui,sans-serif;  --body:'DM Sans',system-ui,sans-serif;  --nav-h:74px;  --r-lg:28px;  --r-md:20px;  --r-sm:14px;}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{  margin:0;  background-color:var(--bg);  background-image:radial-gradient(ellipse 92% 72% at 100% -18%, color-mix(in srgb, var(--accent) 11%, transparent), transparent 52%), radial-gradient(ellipse 72% 58% at -8% 108%, color-mix(in srgb, var(--accent2) 9%, transparent), transparent 50%);  background-attachment:fixed;  color:var(--text);  font:17px/1.72 var(--body);  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;}::selection{  background:color-mix(in srgb,var(--accent) 32%,transparent);  color:var(--text);}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 40px));margin:0 auto}.top{  position:sticky;top:0;z-index:30;  background:color-mix(in srgb, var(--bg) 82%, white);  backdrop-filter:saturate(140%) blur(16px);  -webkit-backdrop-filter:saturate(140%) blur(16px);  border-bottom:1px solid var(--border);  box-shadow:0 1px 0 color-mix(in srgb,var(--border) 50%,transparent);}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:var(--nav-h)}.brand{display:flex;align-items:center;gap:12px;font:800 1.06rem var(--head);letter-spacing:-.02em;transition:opacity .2s ease}.brand:hover{opacity:.88}.mark{  width:44px;height:44px;border-radius:var(--r-sm);  display:grid;place-items:center;  background:linear-gradient(145deg,var(--accent),var(--accent2));  color:#fff;  font-size:.95rem;  box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 35%,transparent);}.links{display:flex;gap:6px;flex-wrap:wrap}.links a{  padding:10px 16px;border-radius:999px;color:var(--muted);  font-weight:600;font-size:.94rem;  transition:background .2s ease,color .2s ease,transform .15s ease;}.links a:hover{color:var(--text);background:var(--soft);transform:translateY(-1px)}.links a.active{background:color-mix(in srgb,var(--accent) 14%,var(--soft));color:var(--text)}.menu{display:none}.hero{padding:76px 0 32px}.panel,.footercard{  border:1px solid var(--border);  border-radius:var(--r-lg);  background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 92%,var(--panel)),var(--panel));  box-shadow:0 0 0 1px var(--border), 0 2px 6px rgba(0,0,0,.04), 0 26px 60px rgba(0,0,0,.09);}.card{  border:1px solid var(--border);  border-radius:var(--r-md);  background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--panel) 70%,var(--surface)));  box-shadow:0 8px 28px rgba(0,0,0,.06);}.hero .panel{  padding:clamp(28px,4vw,44px);  display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(20px,3vw,32px);  position:relative;overflow:hidden;}.hero .panel::after{  content:"";  position:absolute;inset:-40% 55% auto -20%;  height:120%;  background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 9%,transparent),transparent 72%);  pointer-events:none;}.eyebrow,.pill{  display:inline-flex;align-items:center;gap:8px;  padding:8px 14px;border-radius:999px;  background:var(--soft);  border:1px solid color-mix(in srgb,var(--border) 65%,transparent);  font-size:.8rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;  margin-bottom:16px;color:var(--muted);}.hero h1,.panel h1{  margin:0 0 16px;  font:800 clamp(2.15rem,4.8vw,3.65rem)/1.06 var(--head);  letter-spacing:-.045em;  text-wrap:balance;}.sub,.card p,.panel p,.article p,.aside p,.row p{color:var(--muted)}.hero .sub,.panel.small .sub:first-of-type{font-size:1.05rem;line-height:1.65;max-width:52ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{  display:inline-flex;align-items:center;justify-content:center;  padding:14px 22px;border-radius:var(--r-sm);  font-weight:700;font-size:.95rem;  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.primary{  background:linear-gradient(145deg,var(--accent),var(--accent2));  color:#fff;  box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 38%,transparent);}.primary:hover{transform:translateY(-2px);filter:brightness(1.05)}.ghost{background:var(--soft);border:1px solid var(--border)}.ghost:hover{background:color-mix(in srgb,var(--soft) 80%,var(--border))}.media{  border-radius:var(--r-md);overflow:hidden;  border:1px solid var(--border);  aspect-ratio:16/11;  box-shadow:0 12px 36px rgba(0,0,0,.08);}.media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.media:hover img{transform:scale(1.02)}.stats,.cards,.mini{display:grid;gap:14px}.stats{grid-template-columns:repeat(3,1fr)}.stat,.mini div{  padding:16px 18px;border-radius:var(--r-sm);  background:var(--soft);  border:1px solid var(--border);}.stat span,.mini span{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.stat strong,.mini strong{font:700 1.05rem var(--head);color:var(--text)}section{padding:30px 0}.row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:22px;flex-wrap:wrap}.row h2{margin:0;font:800 clamp(1.5rem,3vw,1.85rem) var(--head);letter-spacing:-.03em}.grid,.layout,.foot{display:grid;gap:22px}.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);align-items:start}.cards{grid-template-columns:repeat(2,1fr)}.card{overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}@media (hover:hover) and (pointer:fine){  .card:hover{    transform:translateY(-4px);    box-shadow:0 16px 44px rgba(0,0,0,.1);  }}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.cardbody,.article,.aside,.panel.small,.footercard{padding:clamp(20px,3vw,28px)}.card h3,.panel h3,.aside h3{margin:0 0 12px;font:700 1.22rem/1.25 var(--head);letter-spacing:-.02em}.article{  border-radius:var(--r-lg);  border:1px solid var(--border);  background:linear-gradient(165deg,color-mix(in srgb,var(--surface) 88%,var(--panel)),var(--panel));  box-shadow:0 8px 32px rgba(0,0,0,.06);}.article h2{  margin:2.35rem 0 .75rem;  font:800 clamp(1.35rem,2.4vw,1.55rem) var(--head);  letter-spacing:-.03em;  line-height:1.2;  scroll-margin-top:calc(var(--nav-h) + 16px);  padding-bottom:.5rem;  border-bottom:1px solid color-mix(in srgb,var(--border) 70%,transparent);}.article h2:first-child{margin-top:0}.article .sub{max-width:65ch;line-height:1.78;margin:0 0 .95rem}.article .sub:last-child{margin-bottom:0}.article a:not(.btn),.aside a:not(.btn){  color:var(--accent);  text-decoration:underline;text-underline-offset:.2em;  text-decoration-thickness:1px;  font-weight:500;  transition:color .15s ease;}.article a:not(.btn):hover,.aside a:not(.btn):hover{color:var(--accent2)}.aside{  border-radius:var(--r-lg);  border:1px solid var(--border);  background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 85%,var(--surface)),var(--panel));  box-shadow:0 10px 36px rgba(0,0,0,.05);}@media (min-width:981px){  .layout .aside{position:sticky;top:calc(var(--nav-h) + 20px)}}.article ul,.aside ul,.panel ul{padding-left:1.15rem;color:var(--muted);line-height:1.65}.article ul li,.aside ul li{margin:.35rem 0}.form{display:grid;gap:14px}.field{display:grid;gap:8px}.field label{font-weight:600;font-size:.9rem;color:var(--text)}.field input{  width:100%;padding:14px 16px;border-radius:var(--r-sm);  border:1px solid var(--border);  background:#fff;  color:var(--text);font:inherit;  transition:border-color .2s ease,box-shadow .2s ease;}.field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}.result{  margin-top:18px;padding:20px;border-radius:var(--r-md);  background:var(--soft);border:1px solid var(--border);}.big{font:800 clamp(1.75rem,4vw,2.1rem) var(--head);letter-spacing:-.03em}.site-footer{padding:48px 0 58px}.foot{grid-template-columns:1.35fr 1fr 1fr}.foot h3{font:700 1.05rem var(--head);margin:0 0 12px;color:var(--text)}.foot ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.foot a{color:var(--muted);font-size:.95rem;transition:color .15s ease}.foot a:hover{color:var(--accent)}.foot-guides .footer-guides-more a{font-weight:700;color:var(--accent)}.bottom{  margin-top:26px;padding-top:20px;border-top:1px solid var(--border);  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;  color:var(--muted);font-size:.92rem;}.bottom a{color:var(--muted);text-decoration:underline;text-underline-offset:.15em}.bottom a:hover{color:var(--accent)}@media (max-width:980px){  .hero .panel,.layout,.grid,.foot{grid-template-columns:1fr}  .stats,.cards,.mini{grid-template-columns:1fr 1fr}  .layout .aside{position:static}}@media (max-width:720px){  .menu{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--soft);color:var(--text);font-weight:600;cursor:pointer}  .nav{align-items:flex-start;flex-direction:column;padding:12px 0 8px}  .links{display:none;width:100%;padding-bottom:16px}  .nav.open .links{display:grid;gap:4px}  .links a{width:100%}  .hero .panel,.footercard{padding:22px}  .stats,.cards,.mini{grid-template-columns:1fr}  .media:hover img{transform:none}}@media (prefers-reduced-motion:reduce){  .btn,.card,.links a,.brand,.media img{transition:none}  .primary:hover,.ghost:hover,.card:hover{transform:none}}