:root{
  color-scheme:dark;
  --c-deep:#111C27;
  --c-well:#16212D;
  --c-chrome:#192837;
  --c-canvas:#1B2838;
  --c-card:#222D3D;
  --c-raise:#283347;
  --c-ink:#16212D;
  --c-device:#0B121A;
  --line-1:rgba(255,255,255,.06);
  --line-2:rgba(255,255,255,.12);
  --line-3:rgba(255,255,255,.18);
  --t-1:#FFFFFF;
  --t-2:#C7CFD9;
  --t-3:#8A97A8;
  --t-dot:#708095;
  --t-mute:#5B6B80;
  --r-500:#FF3228;
  --r-600:#E8190E;
  --r-700:#D41409;
  --r-line:#FF0000;
  --r-text:#FF6B61;
  --r-tint:rgba(255,50,40,.12);
  --r-tint-line:rgba(255,50,40,.45);
  --grad-primary:linear-gradient(180deg,#FF3228 0%,#E8190E 28%,#D41409 100%);
  --hl-primary:radial-gradient(80% 26% at 50% 0%,rgba(255,255,255,.32),transparent 100%);
  --grad-feature:linear-gradient(160deg,#26344A 0%,#1E2A3A 50%,#172231 100%);
  --grad-app:linear-gradient(180deg,#1F2B3B 0%,#172231 100%);
  --grad-band:radial-gradient(760px 520px at 80% 38%,rgba(255,92,64,.55),transparent 62%),radial-gradient(1200px 700px at 100% 100%,rgba(120,8,10,.9),transparent 70%),linear-gradient(115deg,#1A0A0E 0%,#3A0B10 38%,#6E1016 72%,#8A1418 100%);
  --tint-cool:radial-gradient(80% 120% at 100% 0%,rgba(120,150,190,.10),transparent 60%);
  --tint-red:radial-gradient(80% 120% at 100% 0%,rgba(255,50,40,.14),transparent 60%);
  --rim:linear-gradient(150deg,#3A4452 0%,#10161E 45%,#2A323D 100%);
  --glass-bg:rgba(22,33,45,.80);
  --glass-fx:blur(16px) saturate(140%);
  --rad-8:8px; --rad-12:12px; --rad-18:18px; --rad-pill:999px;
  --rad-dev-o:42px; --rad-dev-i:33px;
  --sh-hi:inset 0 1px 0 rgba(255,255,255,.05);
  --sh-float:0 24px 48px -12px rgba(0,0,0,.45);
  --sh-primary-hover:0 10px 24px -10px rgba(250,20,8,.55);
  --ds-dark:drop-shadow(0 14px 18px rgba(0,0,0,.45));
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-14:56px; --s-16:64px; --s-20:80px; --s-24:96px;
  --wrap:1176px; --gutter:24px; --pad-x:24px;
  --section-gap:96px; --head-gap:40px;
  --hdr-row1:72px;
  --chrome-h:72px;
  --ease:cubic-bezier(.2,.8,.2,1); --ease-exit:cubic-bezier(.4,0,1,1);
  --d-1:120ms; --d-2:160ms; --d-3:200ms; --d-4:280ms; --d-5:400ms;
  --z-top:80; --z-bar:90; --z-hdr:100; --z-backdrop:200; --z-drawer:210; --z-toast:300;
  --font:"Roboto","Roboto Fallback",Arial,sans-serif;
}
@media (max-width:1023px){ :root{ --pad-x:20px; --gutter:20px; --hdr-row1:56px; --chrome-h:56px; } }
@media (max-width:767px){ :root{ --pad-x:16px; --gutter:16px; --section-gap:64px; --head-gap:24px; } }
@media (prefers-contrast:more){ :root{ --line-1:rgba(255,255,255,.12); --line-2:rgba(255,255,255,.18); --line-3:rgba(255,255,255,.28); --t-3:#A7B2C0; } }
html{ font-synthesis:none; overflow-x:clip; scroll-padding-top:calc(var(--chrome-h) + 24px); scroll-padding-bottom:88px; }
@media (forced-colors:active){ h1{ background:none; color:CanvasText; -webkit-text-fill-color:CanvasText; } }
@font-face{
  font-family:"Roboto";
  font-style:normal;
  font-weight:400 900;
  font-display:swap;
  src:url("../fonts/roboto-var-latinext.woff2") format("woff2");
}
@font-face{
  font-family:"Roboto Fallback";
  src:local("Arial");
  size-adjust:100.3%;
  ascent-override:92.7%;
  descent-override:24.4%;
  line-gap-override:0%;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; -webkit-tap-highlight-color:transparent; background:var(--c-canvas); }
body{
  margin:0;
  min-height:100vh;
  background:var(--c-canvas);
  color:var(--t-2);
  font-family:var(--font);
  font-size:16px;
  line-height:26px;
  font-weight:400;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,h5,h6{ margin:0; font-size:inherit; font-weight:inherit; line-height:inherit; color:var(--t-1); }
p,figure,blockquote,dl,dd{ margin:0; }
ul,ol{ margin:0; padding:0; }
ul[class],ol[class]{ list-style:none; }
em,i,cite,dfn,var,address{ font-style:normal; }
b,strong{ font-weight:700; color:var(--t-1); }
small{ font-size:inherit; }
img,svg,video,canvas,picture{ display:block; max-width:100%; }
img{ height:auto; border:0; }
a{ color:inherit; text-decoration:none; }
button,input,select,textarea{ font:inherit; color:inherit; letter-spacing:inherit; }
button{ background:none; border:0; padding:0; margin:0; cursor:pointer; -webkit-appearance:none; appearance:none; }
button:disabled{ cursor:default; }
table{ border-collapse:collapse; border-spacing:0; }
summary{ cursor:pointer; list-style:none; }
summary::-webkit-details-marker{ display:none; }
[hidden]{ display:none !important; }
::selection{ background:rgba(255,50,40,.35); color:#FFFFFF; }
:focus{ outline:none; }
:focus-visible{ outline:2px solid #FFFFFF; outline-offset:2px; }
@media (forced-colors:active){ :focus-visible{ outline-color:Highlight; } }
.sr-only,.screen-reader-text{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}
.skip{
  position:fixed; left:16px; top:12px; z-index:var(--z-toast);
  height:40px; padding:0 14px;
  display:inline-flex; align-items:center;
  background:var(--c-card); color:#FFFFFF;
  border:1px solid var(--line-2); border-radius:var(--rad-8);
  font-size:14px; line-height:20px; font-weight:700;
  transform:translateY(-200%);
  transition:transform var(--d-2) var(--ease);
}
.skip:focus,.skip:focus-visible{ transform:none; }
main:focus{ outline:none; }
.ic{
  width:var(--ic,18px); height:var(--ic,18px);
  flex:none;
  fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}
.ic--12{ --ic:12px; }
.ic--16{ --ic:16px; }
.ic--18{ --ic:18px; }
.ic--20{ --ic:20px; }
.ic--24{ --ic:24px; }
.ic--fill{ fill:currentColor; stroke:none; }
.obj3d{ display:block; filter:var(--ds-dark); user-select:none; -webkit-user-drag:none; }
.obj3d--flat{ filter:none; }
@supports (interpolate-size:allow-keywords){
  :root{ interpolate-size:allow-keywords; }
}
@media (prefers-reduced-motion:no-preference){
  html{ scroll-behavior:smooth; }
  @view-transition{ navigation:auto; }
  ::view-transition-old(root),::view-transition-new(root){ animation-duration:180ms; }
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ scroll-behavior:auto !important; }
}

.t-display-1{
  font-size:clamp(34px,24.36px + 2.472vw,56px);
  line-height:calc(1em + 4px);
  font-weight:800;
  letter-spacing:-0.02em;
  text-wrap:balance;
  color:var(--t-1);
}
.t-display-inner{
  font-size:clamp(30px,23.25px + 1.73vw,44px);
  line-height:1.09;
  font-weight:800;
  letter-spacing:-0.02em;
  text-wrap:balance;
  color:var(--t-1);
}
.t-display-2{
  font-size:clamp(28px,20.99px + 1.798vw,44px);
  line-height:calc(1em + 4px);
  font-weight:800;
  letter-spacing:-0.02em;
  text-wrap:balance;
  color:var(--t-1);
}
.t-h2-doc{
  font-size:clamp(24px,20.49px + .899vw,32px);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-0.01em;
  color:var(--t-1);
}
.t-h3{
  font-size:clamp(20px,18.25px + .449vw,24px);
  line-height:calc(1em + 6px);
  font-weight:700;
  color:var(--t-1);
}
.t-title{ font-size:18px; line-height:24px; font-weight:700; color:var(--t-1); }
.t-lead{
  font-size:clamp(16px,15.12px + .225vw,18px);
  line-height:calc(1em + 10px);
  font-weight:400;
  color:var(--t-2);
}
.t-body{ font-size:16px; line-height:26px; font-weight:400; color:var(--t-2); }
.t-ui-strong{ font-size:16px; line-height:24px; font-weight:600; color:var(--t-1); }
.t-btn,.t-value{ font-size:16px; line-height:24px; font-weight:700; }
.t-small{ font-size:14px; line-height:20px; font-weight:400; color:var(--t-2); }
.t-ui{ font-size:14px; line-height:20px; font-weight:500; }
.t-btn-s,.t-pill-l{ font-size:14px; line-height:20px; font-weight:700; }
.t-caption{ font-size:13px; line-height:18px; font-weight:500; }
.t-overline{
  font-size:12px;
  line-height:16px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.t-numeral-xl{
  font-size:clamp(44px,35.24px + 2.247vw,64px);
  line-height:1;
  font-weight:900;
  letter-spacing:-0.02em;
  font-variant-numeric:lining-nums;
  color:var(--t-1);
}
.t-numeral-m{
  font-size:32px;
  line-height:36px;
  font-weight:900;
  letter-spacing:-0.02em;
  font-variant-numeric:lining-nums;
  color:var(--t-1);
}
.t-white{ color:var(--t-1); }
.t-2{ color:var(--t-2); }
.t-3{ color:var(--t-3); }
.t-red{ color:var(--r-text); }
.r{ color:var(--r-500); }
.t-balance{ text-wrap:balance; }
.t-nowrap{ white-space:nowrap; }

.sf-card{ background:var(--c-card); border:1px solid var(--line-1); box-shadow:var(--sh-hi); }
.sf-card.is-hover:hover{ background:var(--c-raise); border-color:var(--line-2); }
.band{ background:var(--grad-band); box-shadow:inset 0 -1px 0 rgba(255,255,255,.08); }
.band .btn--primary{ background:#FFFFFF; color:var(--c-ink); box-shadow:0 12px 28px -12px rgba(0,0,0,.6); }
.band .btn--primary:hover{ background:#F1F4F8; box-shadow:0 16px 32px -12px rgba(0,0,0,.66); }
.band .btn--primary .ic{ color:var(--r-600); }
.band .btn--neutral{ background:rgba(0,0,0,.2); border-color:rgba(255,255,255,.28); }
.band .btn--neutral:hover{ background:rgba(0,0,0,.3); border-color:rgba(255,255,255,.4); }
.band .t-lead{ color:rgba(255,255,255,.86); }
@media (forced-colors:active){
  .band{ background:Canvas; box-shadow:none; border-bottom:1px solid CanvasText; }
  .band .btn--primary{ background:ButtonFace; color:ButtonText; border-color:ButtonText; }
}
.rad-8{ border-radius:var(--rad-8); }
.rad-12{ border-radius:var(--rad-12); }
.rad-18{ border-radius:var(--rad-18); }
.rad-pill{ border-radius:var(--rad-pill); }
.atmo-grain{
  position:absolute; inset:0; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px;
  mix-blend-mode:overlay;
  opacity:var(--grain,.035);
}
@media (max-width:767px){
  .atmo-grain{ display:none; }
}

.wrap{
  width:100%;
  max-width:calc(var(--wrap) + 2 * var(--pad-x));
  margin-inline:auto;
  padding-inline:var(--pad-x);
}
.grid-12{ display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--gutter); }
.grid-12 > *{ min-width:0; grid-column:1 / -1; }
@media (min-width:1024px){
  .grid-12 > .span-3{ grid-column:span 3; }
  .grid-12 > .span-4{ grid-column:span 4; }
  .grid-12 > .span-5{ grid-column:span 5; }
  .grid-12 > .span-6{ grid-column:span 6; }
  .grid-12 > .span-7{ grid-column:span 7; }
  .grid-12 > .span-8{ grid-column:span 8; }
  .grid-12 > .span-12{ grid-column:1 / -1; }
}
.grid-4{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.grid-4 > *,.grid-2 > *,.grid-3 > *{ min-width:0; }
.grid-3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.grid-2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
@media (max-width:1023px){
  .grid-3{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gutter); }
}
@media (max-width:767px){
  .grid-4{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .grid-3,.grid-2{ grid-template-columns:minmax(0,1fr); gap:12px; }
}
.main{ display:block; position:relative; }
.section{ position:relative; }
.section + .section{ margin-top:var(--section-gap); }
.main > .section:last-child{ margin-bottom:var(--section-gap); }
.section--cv{ content-visibility:auto; contain-intrinsic-size:auto 720px; }
.section-head{
  position:relative;
  isolation:isolate;
  margin-bottom:var(--head-gap);
}
.section-head__text{ position:relative; min-width:0; }
.section-head__lead{ margin-top:16px; max-width:640px; }
.section-head__right{ display:flex; align-items:center; gap:8px; margin-top:8px; }
@media (min-width:1024px){
  .section-head--split{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; }
  .section-head--split .section-head__text{ flex:1 1 auto; }
  .section-head__right{ flex:none; margin-top:0; }
}
.section-head--center{ text-align:center; }
.section-head--center .section-head__lead{ margin-inline:auto; }
.section-head--doc .section-head__h2{ position:relative; padding-top:17px; }
.section-head--doc .section-head__h2::before{
  content:"";
  position:absolute; left:0; top:0;
  width:32px; height:3px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .reveal,.reveal-group > *{
      animation:cb-reveal linear both;
      animation-timeline:view();
      animation-range:entry calc(var(--i,0) * 4%) entry calc(30% + var(--i,0) * 4%);
    }
    .reveal-group > :nth-child(2){ --i:1; }
    .reveal-group > :nth-child(3){ --i:2; }
    .reveal-group > :nth-child(4){ --i:3; }
    .reveal-group > :nth-child(5){ --i:4; }
    .reveal-group > :nth-child(n+6){ --i:5; }
    .hero .reveal,.no-reveal{ animation:none; }
  }
}
@keyframes cb-reveal{
  from{ opacity:.001; transform:translateY(12px); }
  to{ opacity:1; transform:none; }
}
.lift{ transition:transform var(--d-2) var(--ease),background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),box-shadow var(--d-2) var(--ease); }
@media (hover:hover) and (pointer:fine){
  .lift:hover{ transform:translateY(-2px); }
}

.btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:48px;
  padding:0 20px;
  border:1px solid transparent;
  border-radius:var(--rad-8);
  font-family:var(--font);
  font-size:16px;
  line-height:24px;
  font-weight:700;
  color:#FFFFFF;
  white-space:nowrap;
  text-decoration:none;
  user-select:none;
  -webkit-user-select:none;
  transition:transform var(--d-1) var(--ease),background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),box-shadow var(--d-1) var(--ease),filter var(--d-1) var(--ease);
}
.btn .ic{ --ic:18px; }
.btn--l{ height:56px; padding:0 28px; gap:10px; }
.btn--s{ height:40px; padding:0 14px; gap:6px; font-size:14px; line-height:20px; }
.btn--s .ic{ --ic:16px; }
.btn--h36{ height:36px; }
.btn--block{ width:100%; }
@media (max-width:767px){
  .btn--l{ height:52px; }
  .btn:not(.btn--l):not(.btn--s):not(.btn--keep):not(.btn--tertiary){ height:44px; }
}
@media (max-width:1023px){
  .btn--s::before,.btn--h36::before,.btn-icon::before{ content:""; position:absolute; inset:-4px; }
}
.btn--primary{
  background:var(--grad-primary);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.15);
}
.btn--primary:hover{
  background:var(--hl-primary),var(--grad-primary);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(0,0,0,.15),var(--sh-primary-hover);
}
.btn--primary:active{ transform:scale(.98); filter:brightness(.94); }
.btn--secondary{ background:rgba(255,50,40,.06); border-color:rgba(255,40,30,.85); }
.btn--secondary:hover{ background:rgba(255,50,40,.14); border-color:var(--r-500); }
.btn--secondary:active{ transform:scale(.98); }
.btn--neutral{ background:transparent; border-color:var(--line-3); }
.btn--neutral:hover{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.28); }
.btn--neutral:active{ transform:scale(.98); }
.btn--tertiary{
  height:auto;
  justify-content:flex-start;
  min-height:24px;
  padding:0;
  border:0;
  background:none;
  gap:8px;
  font-weight:600;
  border-radius:var(--rad-8);
}
.btn--tertiary .ic{ --ic:16px; transition:transform var(--d-1) var(--ease); }
.btn--tertiary:hover{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.btn--tertiary:hover .ic{ transform:translateX(4px); }
@media (max-width:1023px){
  .btn--tertiary{ min-height:44px; }
}
.btn[disabled],.btn.is-disabled,.btn[aria-disabled="true"],.btn-icon[disabled],.btn-icon[aria-disabled="true"]{ opacity:.4; pointer-events:none; }
.btn-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:40px;
  height:40px;
  border-radius:var(--rad-pill);
  background:var(--c-well);
  border:1px solid var(--line-2);
  color:var(--t-2);
  transition:background-color var(--d-1) var(--ease),color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),transform var(--d-1) var(--ease),opacity var(--d-1) var(--ease);
}
.btn-icon .ic{ --ic:18px; }
.btn-icon:hover{ background:var(--c-card); color:#FFFFFF; }
.btn-icon:active{ transform:scale(.96); }
@media (max-width:767px){
  .btn-icon:not(.btn-icon--fixed){ width:44px; height:44px; }
  .btn-icon:not(.btn-icon--fixed)::before{ content:none; }
}
@media (prefers-reduced-motion:reduce){
  .btn,.btn-icon,.btn--tertiary .ic{ transition:none; }
  .btn--primary:hover,.btn--tertiary:hover .ic{ transform:none; }
}

.live-dot{
  display:inline-block;
  flex:none;
  width:6px;
  height:6px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
}
@media (prefers-reduced-motion:no-preference){
  .live-dot--pulse{ animation:cb-pulse 2s ease-in-out infinite; }
}
@keyframes cb-pulse{
  0%,100%{ opacity:1; }
  50%{ opacity:.35; }
}
.badge-18{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  min-width:24px;
  height:24px;
  padding:0 3px;
  border-radius:var(--rad-pill);
  border:1px solid var(--t-3);
  color:var(--t-3);
  font-size:12px;
  line-height:16px;
  font-weight:700;
  letter-spacing:0;
  white-space:nowrap;
}
.badge-18--l{ min-width:28px; height:28px; padding:0 4px; }
.badge-new{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
  color:#FFFFFF;
  font-size:12px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
}
.badge-game{
  display:inline-flex;
  align-items:center;
  height:22px;
  padding:0 8px;
  border-radius:var(--rad-pill);
  background:rgba(22,33,45,.9);
  color:#FFFFFF;
  font-size:12px;
  line-height:16px;
  font-weight:700;
  white-space:nowrap;
}
@media (forced-colors:active){
  .badge-new,.badge-game{ border:1px solid CanvasText; }
  .live-dot{ background:CanvasText; }
}

.dbox{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
  min-width:0;
  height:64px;
  padding:0 8px 0 16px;
  background:var(--c-well);
  border:1px solid var(--line-2);
  border-radius:var(--rad-12);
}
.dbox__main{ display:flex; flex-direction:column; justify-content:center; gap:2px; flex:1; min-width:0; }
.dbox__label{ color:var(--t-3); }
.dbox__row{ display:flex; align-items:center; gap:8px; min-width:0; }
.dbox__domain{
  display:block;
  min-width:0;
  font-size:18px;
  line-height:24px;
  font-weight:700;
  color:#FFFFFF;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.copy-btn{
  position:relative;
  flex:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:44px;
  padding:0 14px;
  background:var(--c-card);
  border:1px solid var(--line-2);
  border-radius:var(--rad-8);
  color:#FFFFFF;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  white-space:nowrap;
  transition:background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),transform var(--d-1) var(--ease);
}
.copy-btn .ic{ --ic:18px; }
.copy-btn:hover{ background:var(--c-raise); border-color:var(--line-3); }
.copy-btn:active{ transform:scale(.98); }
[data-copy] .ic-check{ display:none; }
[data-copy].is-done .ic-copy{ display:none; }
[data-copy].is-done .ic-check{ display:block; }
[data-copy].is-done{ color:#FFFFFF; }
@media (max-width:767px){
  .dbox{ height:60px; }
}
@media (max-width:419px){
  .copy-btn__label{ display:none; }
  .dbox .copy-btn{ width:44px; padding:0; }
}

.phone{
  position:relative;
  flex:none;
  width:var(--phone-w,240px);
  border-radius:var(--rad-dev-o);
  padding:7px;
  border:2px solid transparent;
  background:linear-gradient(var(--c-device),var(--c-device)) padding-box,var(--rim) border-box;
  box-shadow:var(--sh-float);
}
.phone__screen{
  position:relative;
  border-radius:var(--rad-dev-i);
  overflow:hidden;
  background:var(--c-chrome);
  aspect-ratio:750/1624;
  padding-top:28px;
}
.phone__screen::before{
  content:"";
  position:absolute;
  top:4px;
  left:50%;
  z-index:1;
  width:72px;
  height:20px;
  margin-left:-36px;
  border-radius:var(--rad-pill);
  background:#000000;
}
.phone__screen img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top;
}

.car{ position:relative; min-width:0; }
.car__track{
  display:flex;
  align-items:flex-start;
  gap:var(--car-gap,24px);
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:4px;
  margin:-4px;
  scroll-padding-inline:4px;
}
.car__track::-webkit-scrollbar{ display:none; }
.car__track > *{ flex:0 0 auto; min-width:0; scroll-snap-align:start; }
@media (max-width:767px){
  .car--mobile-bleed .car__track{
    margin-inline:calc(-1 * var(--pad-x));
    padding-inline:var(--pad-x);
    scroll-padding-inline:var(--pad-x);
  }
}
.car-arrows{ display:flex; align-items:center; gap:8px; }
.car-arrow{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:40px;
  height:40px;
  border-radius:var(--rad-pill);
  background:var(--c-well);
  border:1px solid var(--line-2);
  color:#FFFFFF;
  transition:background-color var(--d-1) var(--ease),opacity var(--d-1) var(--ease),transform var(--d-1) var(--ease);
}
.car-arrow .ic{ --ic:16px; }
.car-arrow:hover{ background:var(--c-card); }
.car-arrow:active{ transform:scale(.96); }
.car-arrow:disabled{ opacity:.35; cursor:default; transform:none; background:var(--c-well); }
.car__dots{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:16px; }
.car__dots:empty{ display:none; }
.car__dot{
  position:relative;
  flex:none;
  width:6px;
  height:6px;
  padding:0;
  border-radius:var(--rad-pill);
  background:var(--t-dot);
  transition:background-color var(--d-5) var(--ease);
}
.car__dot::before{ content:""; position:absolute; left:50%; top:50%; width:24px; height:24px; margin:-12px 0 0 -12px; }
.car__dot[aria-current="true"]{ width:18px; background:var(--r-500); }
@media (min-width:768px){
  .car__dots{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .car__dot,.car-arrow{ transition:none; }
}

.hdr{
  position:sticky;
  top:0;
  z-index:var(--z-hdr);
  view-transition-name:site-header;
  transition:transform var(--d-4) var(--ease);
}
.hdr.is-hidden{
  transform:translateY(calc(-1 * var(--hdr-row1)));
  transition-duration:var(--d-3);
  transition-timing-function:var(--ease-exit);
}
.hdr__row1{
  position:relative;
  z-index:2;
  height:var(--hdr-row1);
  background:var(--c-chrome);
  border-bottom:1px solid var(--line-1);
}
.hdr__in{ display:flex; align-items:center; height:100%; min-width:0; }
.logo{ display:block; flex:none; line-height:0; border-radius:var(--rad-8); }
.logo img{ display:block; width:148px; height:auto; }
.hdr__logo{ margin-right:48px; }
.hdr__burger{ display:none; }
.hdr__nav{ flex:1 1 auto; min-width:0; }
.hdr__menu{ display:flex; align-items:center; gap:4px; }
.hdr__menu a{
  position:relative;
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 12px;
  border-radius:var(--rad-8);
  color:var(--t-2);
  font-size:14px;
  line-height:20px;
  font-weight:500;
  white-space:nowrap;
  transition:color var(--d-1) var(--ease),background-color var(--d-1) var(--ease);
}
.hdr__menu a:hover{ color:#FFFFFF; background:rgba(255,255,255,.04); }
.hdr__menu a[aria-current="page"]{ color:#FFFFFF; }
.hdr__menu a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:12px; right:12px; bottom:2px;
  height:2px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
}
.hdr__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:none;
  margin-left:auto;
  transition:opacity var(--d-2) var(--ease),visibility 0s linear 0s;
}
.hdr__actions .btn{ min-width:76px; }
body.has-bar .hdr__actions{ visibility:hidden; opacity:0; transition:opacity var(--d-2) var(--ease),visibility 0s linear var(--d-2); }
@media (max-width:1023px){
  .hdr__burger{
    position:relative;
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    flex:none;
    width:40px;
    height:40px;
    border-radius:var(--rad-pill);
    color:#FFFFFF;
    transition:background-color var(--d-1) var(--ease);
  }
  .hdr__burger::before{ content:""; position:absolute; inset:-2px; }
  .hdr__burger span{ display:block; width:20px; height:2px; border-radius:var(--rad-pill); background:currentColor; }
  .hdr__burger:hover{ background:rgba(255,255,255,.06); }
  .hdr__logo{ margin:0 0 0 8px; }
  .hdr__logo img{ width:112px; }
  .hdr__nav{ display:none; }
  .hdr__actions{ gap:6px; }
  .hdr__actions .btn{ min-width:0; height:40px; padding:0 12px; }
  .hdr__actions .btn::before{ content:""; position:absolute; inset:-2px; }
}
@media (max-width:359px){
  .hdr__logo img{ width:96px; }
}
@media (prefers-reduced-motion:reduce){
  .hdr,.hdr__actions{ transition:none !important; }
}

.drawer-bd{
  position:fixed;
  inset:0;
  z-index:var(--z-backdrop);
  background:rgba(8,12,18,.6);
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--d-3) var(--ease-exit),visibility 0s linear var(--d-3);
}
.drawer{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  z-index:var(--z-drawer);
  display:flex;
  flex-direction:column;
  width:min(88vw,360px);
  height:100vh;
  height:100dvh;
  background:var(--c-chrome);
  border-right:1px solid var(--line-1);
  border-radius:0 var(--rad-18) var(--rad-18) 0;
  box-shadow:var(--sh-float);
  transform:translateX(-100%);
  visibility:hidden;
  transition:transform var(--d-3) var(--ease-exit),visibility 0s linear var(--d-3);
}
.is-drawer-open .drawer-bd{ opacity:1; visibility:visible; transition:opacity var(--d-4) var(--ease),visibility 0s linear 0s; }
.is-drawer-open .drawer{ transform:none; visibility:visible; transition:transform var(--d-4) var(--ease),visibility 0s linear 0s; }
html.is-locked{ overflow:hidden; }
@media (min-width:1024px){
  .drawer,.drawer-bd{ display:none; }
}
@media (prefers-reduced-transparency:reduce){
  .drawer-bd{ background:rgba(8,12,18,.85); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media (prefers-reduced-motion:reduce){
  .drawer,.drawer-bd{ transition:none !important; }
}
.drawer__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex:none;
  height:56px;
  padding:0 8px 0 16px;
  border-bottom:1px solid var(--line-1);
}
.drawer__head .logo img{ width:112px; }
.drawer__close .ic{ --ic:20px; }
.drawer__body{
  flex:1 1 auto;
  min-height:0;
  display:flex;
  flex-direction:column;
  overflow-y:auto;
  overscroll-behavior:contain;
}
.drawer__dbox{ margin:16px; width:auto; }
.drawer__ctas{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 16px 16px; }
.drawer__ctas--top{ margin-top:16px; }
.drawer__ctas .btn{ height:44px; padding:0 12px; }
.dnav ul{ list-style:none; }
.dnav a{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  height:52px;
  padding:0 16px;
  border-top:1px solid var(--line-1);
  color:#FFFFFF;
  font-size:16px;
  line-height:24px;
  font-weight:600;
  transition:background-color var(--d-1) var(--ease);
}
.dnav li:last-child a{ border-bottom:1px solid var(--line-1); }
.dnav a:hover{ background:rgba(255,255,255,.03); }
.dnav .ic-lead{ --ic:20px; color:var(--t-3); }
.dnav .ic-chev{ --ic:16px; color:var(--t-dot); margin-left:auto; }
.dnav__t{ min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dnav a[aria-current="page"]::before{
  content:"";
  position:absolute;
  left:0; top:12px; bottom:12px;
  width:2px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
}
.drawer__foot{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:auto;
  padding:8px 16px calc(16px + env(safe-area-inset-bottom));
}
.drawer__tg{ display:flex; align-items:center; gap:12px; min-height:44px; color:#FFFFFF; }
.drawer__tg .ic{ --ic:20px; color:var(--t-3); }
.drawer__tg:hover .drawer__tg-t{ text-decoration:underline; text-underline-offset:4px; text-decoration-thickness:1px; }
.drawer__rg{ display:flex; align-items:center; gap:8px; color:var(--t-3); }

.ftr{
  position:relative;
  background:var(--c-deep);
  border-top:1px solid var(--line-1);
  padding:64px 0 32px;
}
.ftr__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gutter);
  row-gap:40px;
}
.ftr__grid > *{ min-width:0; }
.ftr__a{ grid-column:1 / span 4; }
.ftr__b{ grid-column:6 / span 3; }
.ftr__c{ grid-column:9 / span 4; }
.ftr__logo img{ width:132px; }
.ftr__about{ margin-top:16px; max-width:376px; color:var(--t-3); font-size:14px; line-height:22px; }
.ftr__social{ display:flex; gap:8px; margin-top:16px; }
.ftr__sum{ display:flex; align-items:center; justify-content:space-between; color:var(--t-3); }
.ftr__sum .ic{ --ic:16px; color:var(--t-3); transition:transform var(--d-3) var(--ease); }
.ftr__links{ display:flex; flex-direction:column; gap:10px; margin-top:16px; }
.ftr__links a{ color:var(--t-2); font-size:14px; line-height:22px; font-weight:500; transition:color var(--d-1) var(--ease); }
.ftr__links a:hover{ color:#FFFFFF; }
.ftr__links a[aria-current="page"]{ color:#FFFFFF; }
.ftr__c > .t-overline{ display:block; color:var(--t-3); }
.ftr__domain{
  display:block;
  margin-top:8px;
  font-size:18px;
  line-height:24px;
  font-weight:700;
  color:#FFFFFF;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ftr__hr{ height:1px; margin:40px 0 24px; border:0; background:var(--line-1); }
.ftr__legal{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px 24px; }
.ftr__note{ display:flex; align-items:center; gap:12px; min-width:0; flex:1 1 520px; }
.ftr__note p{ max-width:720px; color:var(--t-3); font-size:13px; line-height:20px; font-weight:500; }
.ftr__note a{ color:var(--t-2); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; white-space:nowrap; }
.ftr__note a:hover{ color:#FFFFFF; }
.ftr__copy{ color:var(--t-3); white-space:nowrap; }
@media (min-width:768px){
  .ftr__sum{ pointer-events:none; }
  .ftr__sum .ic{ display:none; }
}
@media (min-width:768px) and (max-width:1359px){
  .ftr__legal{ padding-right:64px; }
}
@media (min-width:768px) and (max-width:1023px){
  .ftr__a{ grid-column:1 / span 6; }
  .ftr__b{ grid-column:8 / span 5; }
  .ftr__c{ grid-column:1 / span 6; }
}
@media (max-width:767px){
  .ftr{ padding:48px 0 calc(96px + env(safe-area-inset-bottom)); }
  .ftr__grid{ grid-template-columns:minmax(0,1fr); row-gap:32px; }
  .ftr__a,.ftr__b,.ftr__c{ grid-column:1 / -1; }
  .ftr__pages{ border-top:1px solid var(--line-1); border-bottom:1px solid var(--line-1); }
  .ftr__sum{ min-height:52px; }
  .ftr__pages[open] .ftr__sum .ic{ transform:rotate(180deg); }
  .ftr__pages .ftr__links{ margin-top:0; padding-bottom:16px; }
  .ftr__note{ align-items:flex-start; flex-basis:100%; }
}
@media (prefers-reduced-motion:reduce){
  .ftr__sum .ic{ transition:none; }
}

.sbar{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:var(--z-bar);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  min-height:calc(64px + env(safe-area-inset-bottom));
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:var(--glass-bg);
  -webkit-backdrop-filter:var(--glass-fx);
  backdrop-filter:var(--glass-fx);
  border-top:1px solid var(--line-1);
  transform:translateY(100%);
  visibility:hidden;
  transition:transform var(--d-3) var(--ease-exit),visibility 0s linear var(--d-3);
}
.sbar.is-on{ transform:none; visibility:visible; transition:transform var(--d-4) var(--ease),visibility 0s linear 0s; }
.sbar .btn{ height:44px; padding:0 12px; font-size:16px; line-height:24px; }
body.has-bar{ padding-bottom:calc(80px + env(safe-area-inset-bottom)); }
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .sbar{ background:var(--c-well); }
}
@media (prefers-reduced-transparency:reduce){
  .sbar{ background:var(--c-well); -webkit-backdrop-filter:none; backdrop-filter:none; }
}
@media (min-width:1024px){
  .sbar{ display:none; }
  body.has-bar{ padding-bottom:0; }
}
@media (prefers-reduced-motion:reduce){
  .sbar{ transition:none !important; }
}

.to-top{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:var(--z-top);
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:var(--rad-pill);
  background:var(--c-card);
  border:1px solid var(--line-2);
  color:#FFFFFF;
  box-shadow:var(--sh-float);
  opacity:0;
  visibility:hidden;
  transition:opacity var(--d-3) var(--ease),visibility 0s linear var(--d-3),transform var(--d-4) var(--ease),background-color var(--d-1) var(--ease);
}
.to-top .ic{ --ic:18px; }
.to-top.is-on{ opacity:1; visibility:visible; transition:opacity var(--d-3) var(--ease),visibility 0s linear 0s,transform var(--d-4) var(--ease),background-color var(--d-1) var(--ease); }
.to-top:hover{ background:var(--c-raise); }
@media (max-width:1023px){
  .to-top{ display:none; }
}
@media (prefers-reduced-motion:reduce){
  .to-top{ transition:none !important; }
}

.crumbs{ color:var(--t-3); }
.crumbs ol{ display:flex; flex-wrap:wrap; align-items:center; list-style:none; margin:0; padding:0; }
.crumbs li{ display:inline-flex; align-items:center; min-width:0; }
.crumbs li + li::before{ content:"/"; margin:0 8px; color:var(--t-mute); }
.crumbs a{ color:var(--t-3); transition:color var(--d-1) var(--ease); }
.crumbs a:hover{ color:#FFFFFF; }
.crumbs [aria-current="page"]{ color:var(--t-2); }
.blog-hd{ padding-top:24px; }
.blog-hd .crumbs{ margin-bottom:16px; }
.blog-hd .t-lead{ margin-top:16px; max-width:640px; }
.blog-list{ margin-top:40px; }
.post-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.post-grid > *{ min-width:0; }
.post-card{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  border-radius:var(--rad-18);
}
.post-card__media{ display:block; aspect-ratio:1152/810; background:var(--c-well); overflow:hidden; }
.post-card__media img{ width:100%; height:100%; object-fit:cover; }
.post-card__body{ display:flex; flex-direction:column; gap:8px; flex:1 1 auto; padding:20px; }
.post-card__title a{ color:#FFFFFF; }
.post-card__title a::after{ content:""; position:absolute; inset:0; border-radius:inherit; }
.post-card__ex{ display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.post-card .btn--tertiary{ align-self:flex-start; margin-top:auto; padding-top:8px; pointer-events:none; }
.post-card:hover{ background:var(--c-raise); border-color:var(--line-2); }
.post-card:focus-within{ outline:2px solid #FFFFFF; outline-offset:2px; }
.post-card:focus-within .post-card__title a:focus-visible{ outline:none; }
.pager{ margin-top:40px; }
.pager .nav-links{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pager .page-numbers{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;
  padding:0 12px;
  border-radius:var(--rad-pill);
  background:var(--c-well);
  border:1px solid var(--line-2);
  color:var(--t-2);
  font-size:14px;
  line-height:20px;
  font-weight:500;
}
.pager a.page-numbers:hover{ background:var(--c-card); color:#FFFFFF; }
.pager .page-numbers.current{ color:#FFFFFF; border-color:rgba(255,50,40,.7); background:var(--r-tint); }
.blog-empty{ margin-top:24px; }
@media (max-width:1023px){
  .post-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gutter); }
}
@media (max-width:767px){
  .post-grid{ grid-template-columns:minmax(0,1fr); gap:12px; }
  .blog-list{ margin-top:24px; }
}

.hero{
  --hero-body:456px;
  --fx:calc(100% - 156px); --fy:-8px; --fk:1; --fm0:66%; --fm1:93%;
  --bx:calc(100% - 366px); --by:56px; --bk:1; --bm0:64%; --bm1:93%;
  position:relative;
  isolation:isolate;
  overflow:clip;
  padding:56px 0 108px;
}
.hero__bg{ position:absolute; inset:0; z-index:-1; pointer-events:none; }
.hero__hex{
  position:absolute;
  top:0; bottom:0; left:50%; right:0;
  opacity:.35;
  background-image:url("../img/hex.svg"),url("../img/hex.svg");
  background-size:36px 62px;
  -webkit-mask-image:radial-gradient(60% 72% at 58% 44%,#000 0%,rgba(0,0,0,.55) 42%,transparent 78%);
  mask-image:radial-gradient(60% 72% at 58% 44%,#000 0%,rgba(0,0,0,.55) 42%,transparent 78%);
}
.hero__grain{ --grain:.035; }
.hero__grid{ align-items:center; row-gap:40px; min-height:var(--hero-body); }
.hero__main{ position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.hero__h1{ margin:0; max-width:576px; }
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero__h1{
    background:linear-gradient(90deg,#FFFFFF 0%,#FFFFFF 55%,rgba(255,255,255,.72) 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    -webkit-text-fill-color:transparent;
  }
}
.hero__h1 .hl{ color:var(--r-500); -webkit-text-fill-color:var(--r-500); }
.hero__lead{ margin-top:20px; max-width:540px; text-wrap:pretty; color:rgba(255,255,255,.86); }
.hero__ctas{ display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:32px; }
.hero__chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  min-width:0;
  height:40px;
  margin-top:24px;
  padding:0 4px 0 16px;
  border-radius:var(--rad-pill);
  background:rgba(0,0,0,.28);
  border:1px solid rgba(255,255,255,.18);
}
.hero__chip .live-dot{ background:#FFFFFF; }
.hero__domain{
  min-width:0;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  color:#FFFFFF;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.hero__copy{
  position:relative;
  flex:none;
  display:inline-flex;
  align-items:center;
  gap:6px;
  height:30px;
  margin-left:6px;
  padding:0 12px;
  border-radius:var(--rad-pill);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.86);
  font-size:13px;
  line-height:18px;
  font-weight:600;
  white-space:nowrap;
  transition:background-color var(--d-1) var(--ease),color var(--d-1) var(--ease),transform var(--d-1) var(--ease);
}
.hero__copy::before{ content:""; position:absolute; inset:-5px -4px; }
.hero__copy:hover{ background:rgba(255,255,255,.16); color:#FFFFFF; }
.hero__copy:active{ transform:scale(.97); }
.hero__chip .copy-btn__label{ display:inline; }
.hero__visual{ position:relative; align-self:stretch; min-height:var(--hero-body); }
.hero__phones{ position:absolute; inset:0; }
.hero__ph{ position:absolute; transform-origin:50% 0; }
.hero__ph .phone{ box-shadow:0 32px 56px -16px rgba(0,0,0,.6); }
.hero__ph--front{
  z-index:3;
  left:var(--fx);
  top:var(--fy);
  transform:translateX(-50%) scale(var(--fk));
  -webkit-mask-image:linear-gradient(180deg,#000 var(--fm0),transparent var(--fm1));
  mask-image:linear-gradient(180deg,#000 var(--fm0),transparent var(--fm1));
}
.hero__ph--back{
  z-index:2;
  left:var(--bx);
  top:var(--by);
  transform:translateX(-50%) rotate(-7deg) scale(var(--bk));
  filter:brightness(.72) saturate(.9);
  -webkit-mask-image:linear-gradient(180deg,#000 var(--bm0),transparent var(--bm1));
  mask-image:linear-gradient(180deg,#000 var(--bm0),transparent var(--bm1));
}
.hero__prop{ position:absolute; z-index:4; display:block; line-height:0; pointer-events:none; }
.hero__prop .obj3d{ width:100%; height:auto; }
.hero__prop--coin{ left:calc(100% - 22px); top:150px; width:88px; }
@media (min-width:1280px) and (max-width:1439px){
  .hero__prop--coin{ left:calc(100% - 26px); top:156px; width:64px; }
}
@media (min-width:1024px) and (max-width:1279px){
  .hero{ --fx:calc(100% - 132px); --fk:.9; --bx:calc(100% - 318px); --bk:.9; --by:50px; --fm0:64%; --fm1:95%; --bm0:62%; --bm1:95%; }
  .hero__prop--coin{ display:none; }
}
@media (max-width:1023px){
  .hero{
    --hero-body:0px;
    --fx:calc(50% + 70px); --fy:0px; --fk:.91; --fm0:62%; --fm1:88%;
    --bx:calc(50% - 110px); --by:44px; --bk:.9; --bm0:60%; --bm1:88%;
    padding:40px 0 72px;
  }
  .hero__grid{ row-gap:40px; }
  .hero__visual{ min-height:0; height:440px; }
  .hero__prop--coin{ display:none; }
  .hero__hex{ top:auto; left:0; height:520px; -webkit-mask-image:radial-gradient(50% 50% at 50% 55%,#000 0%,rgba(0,0,0,.4) 50%,transparent 85%); mask-image:radial-gradient(50% 50% at 50% 55%,#000 0%,rgba(0,0,0,.4) 50%,transparent 85%); }
}
@media (max-width:767px){
  .hero{
    --fx:50%; --fy:0px; --fk:.66; --fm0:46%; --fm1:80%;
    padding:24px 0 44px;
  }
  .hero__grid{ row-gap:24px; }
  .hero__main{ align-items:stretch; }
  .hero__h1{ align-self:flex-start; }
  .hero__lead{ margin-top:16px; }
  .hero__ctas{ flex-direction:column; align-items:stretch; gap:4px; margin-top:24px; }
  .hero__cta{ width:100%; }
  .hero__more{ display:none; }
  .hero__chip{ align-self:stretch; margin-top:12px; }
  .hero__domain{ flex:1 1 auto; }
  .hero__ph--back{ display:none; }
  .hero__visual{ height:218px; }
}
@media (prefers-reduced-motion:reduce){
  .hero__copy{ transition:none; }
}
@media (forced-colors:active){
  .hero__h1{ background:none; color:CanvasText; -webkit-text-fill-color:CanvasText; }
  .hero__chip,.hero__copy{ border-color:CanvasText; }
}

.section.hero + .section.cats{ z-index:2; margin-top:-52px; }
.cats__grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.cats__item{ display:flex; min-width:0; }
.cat{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  min-width:0;
  height:96px;
  padding:0 20px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--rad-18);
  background:var(--c-card);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 36px -18px rgba(0,0,0,.7);
  color:#FFFFFF;
  transition:background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease),transform var(--d-2) var(--ease);
}
.cat:hover{ background:var(--c-raise); border-color:var(--line-2); }
.cat__text{ position:relative; z-index:1; display:flex; flex-direction:column; gap:2px; min-width:0; max-width:calc(100% - 76px); }
.cat__title{ color:#FFFFFF; font-size:18px; line-height:24px; font-weight:700; }
.cat__sub{ color:var(--t-3); font-size:13px; line-height:18px; font-weight:500; }
.cat__ic{
  position:absolute;
  right:12px;
  bottom:10px;
  width:76px;
  height:76px;
  max-width:none;
  object-fit:contain;
  transform:scale(var(--s,1));
  transform-origin:50% 60%;
  transition:transform 240ms var(--ease);
  pointer-events:none;
}
.cat__ic--rocket-red{ --s:1.1; }
.cat__ic--video-camera-red{ --s:1.04; }
@media (hover:hover){
  .cat:hover .cat__ic{ transform:translateY(-4px) scale(calc(var(--s,1) * 1.04)); }
}
@media (prefers-reduced-motion:reduce){
  .cat,.cat__ic{ transition:none; }
  .cat:hover .cat__ic{ transform:scale(var(--s,1)); }
}
@media (min-width:1024px) and (max-width:1223px){
  .cat__sub{ display:none; }
  .cat__text{ max-width:calc(100% - 56px); }
  .cat__ic{ width:56px; height:56px; bottom:20px; }
}
@media (min-width:768px) and (max-width:1023px){
  .section.hero + .section.cats{ margin-top:-40px; }
  .cats__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--gutter); }
}
@media (max-width:767px){
  .section.hero + .section.cats{ margin-top:-32px; }
  .cats__grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .cat{ align-items:flex-start; padding:14px 16px; }
  .cat__text{ max-width:calc(100% - 32px); }
  .cat__title{ font-size:16px; line-height:22px; }
  .cat__sub{ display:none; }
  .cat__ic{ right:6px; bottom:6px; width:52px; height:52px; }
}
@media (forced-colors:active){
  .cat{ border:1px solid CanvasText; }
}

.bn__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.bn-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:var(--rad-18);
  overflow:hidden;
}
.bn-card__media{
  position:relative;
  flex:none;
  aspect-ratio:9/5;
  overflow:hidden;
  background:var(--c-well);
}
.bn-card__img{ width:100%; height:100%; object-fit:cover; }
.bn-card__media--art{
  background:radial-gradient(240px 200px at 68% 45%,rgba(255,50,40,.18),transparent 70%),var(--grad-feature);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -1px 0 var(--line-1);
}
.bn-card__obj{
  position:absolute;
  left:68%;
  top:47%;
  width:auto;
  height:min(150px,64%);
  aspect-ratio:1;
  max-width:none;
  transform:translate(-50%,-50%);
}
.bn-card__new{ position:absolute; top:12px; left:12px; z-index:1; }
.bn-card__body{
  display:flex;
  flex-direction:column;
  flex:1 1 auto;
  min-width:0;
  padding:20px;
}
.bn-card__type{ color:var(--t-3); }
.bn-card__title{
  margin-top:8px;
  font-size:18px;
  line-height:26px;
  font-weight:700;
  color:var(--t-1);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  overflow-wrap:anywhere;
}
.bn-card__offer{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:10px;
  margin-top:8px;
}
.bn-card__num{ white-space:nowrap; }
.bn-card__sub{ color:var(--t-2); min-width:0; }
.bn-card__facts{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  column-gap:8px;
  margin-top:8px;
}
.bn-card__fact{ white-space:nowrap; }
.bn-card__fk{ color:var(--t-3); }
.bn-card__fv{ color:var(--t-1); }
.bn-card__sep{ color:var(--t-mute); }
.bn-card__foot{
  display:flex;
  flex-direction:column;
  margin-top:auto;
  padding-top:20px;
}
@media (min-width:768px){
  .bn--one .bn-card{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:var(--gutter);
  }
  .bn--one .bn-card__media{
    aspect-ratio:auto;
    align-self:stretch;
    min-height:min(356px,30vw);
  }
  .bn--one .bn-card__body{ padding:32px 32px 32px 8px; }
  .bn--one .bn-card__title{ font-size:clamp(20px,18.25px + .449vw,24px); line-height:calc(1em + 6px); }
  .bn--one .bn-card__foot{ padding-top:24px; }
  .bn--one .bn-card__cta{ width:auto; align-self:flex-start; }
}
@media (min-width:768px) and (max-width:1023px){
  .bn__grid{ gap:var(--gutter); }
  .bn-card__body{ padding:16px; }
}
@media (max-width:767px){
  .bn__grid{
    display:flex;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    margin:-4px calc(-1 * var(--pad-x));
    padding:4px var(--pad-x);
    scroll-padding-inline:var(--pad-x);
  }
  .bn__grid::-webkit-scrollbar{ display:none; }
  .bn__grid > .bn-card{ flex:0 0 min(300px,calc(100% - 48px)); scroll-snap-align:start; }
}
@media (max-width:767px){
  .bn--one .bn-card__obj{ height:min(150px,60%); }
}
@media (forced-colors:active){
  .bn-card{ border:1px solid CanvasText; }
  .bn-card__media--art{ background:Canvas; }
}

.games__group{ position:relative; min-width:0; }
.games__group + .games__group{ margin-top:56px; }
.games .games__intro{ margin-bottom:32px; }
.games .games__head{ margin-bottom:20px; }
.games__more{ flex:none; }
.games__grid{ --car-gap:12px; }
.games__cell{ flex:0 0 264px; width:264px; min-width:0; }
.game{
  position:relative;
  display:block;
  aspect-ratio:720 / 322;
  border-radius:var(--rad-8);
  overflow:hidden;
  isolation:isolate;
  background:var(--c-well);
  transition:transform var(--d-2) var(--ease);
}
.game::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px var(--line-1);
  pointer-events:none;
}
.game__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 50%;
}
.game__badge{ position:absolute; top:10px; right:10px; z-index:2; }
@media (hover:hover) and (pointer:fine){
  .game:hover{ transform:translateY(-2px); }
}
@media (min-width:768px){
  .games__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:var(--gutter);
    overflow:visible;
    margin:0;
    padding:0;
    scroll-snap-type:none;
  }
  .games__cell{ width:auto; }
  .games__grid--full-start{ grid-template-areas:"h h a b" "h h c d" "e f g i"; }
  .games__grid--mid-start{ grid-template-areas:"h h a b" "h h c d"; }
  .games__grid--full-end,.games__grid--mid-end{ grid-template-areas:"a b h h" "c d h h"; }
  .games__grid:not(.games__grid--row) > :nth-child(1){ grid-area:h; }
  .games__grid:not(.games__grid--row) > :nth-child(2){ grid-area:a; }
  .games__grid:not(.games__grid--row) > :nth-child(3){ grid-area:b; }
  .games__grid:not(.games__grid--row) > :nth-child(4){ grid-area:c; }
  .games__grid:not(.games__grid--row) > :nth-child(5){ grid-area:d; }
  .games__grid--full-start > :nth-child(6){ grid-area:e; }
  .games__grid--full-start > :nth-child(7){ grid-area:f; }
  .games__grid--full-start > :nth-child(8){ grid-area:g; }
  .games__grid--full-start > :nth-child(9){ grid-area:i; }
  .games__cell--hero .game{ aspect-ratio:auto; height:100%; }
}
@media (max-width:767px){
  .games__group + .games__group{ margin-top:40px; }
  .games .games__intro{ margin-bottom:24px; }
  .games .games__head{ margin-bottom:12px; }
  .games .games__head .section-head__right{ margin-top:4px; }
}
@media (prefers-reduced-motion:reduce){
  .game{ transition:none; }
  .game:hover{ transform:none; }
}
@media (forced-colors:active){
  .game::after{ box-shadow:none; border:1px solid CanvasText; }
}

.steps .section-head{ margin-bottom:32px; }
.steps__list{ display:grid; row-gap:28px; }
.step{
  position:relative;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  column-gap:16px;
  align-items:start;
  align-content:start;
  min-width:0;
}
.step:not(:last-child)::before{
  content:"";
  position:absolute;
  left:20px;
  top:48px;
  bottom:-20px;
  width:1px;
  background:var(--line-2);
  pointer-events:none;
}
.step__num{
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:var(--rad-pill);
  border:1px solid rgba(255,50,40,.6);
  background:var(--r-tint);
  color:#FFFFFF;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  font-variant-numeric:lining-nums;
}
.step__body{ min-width:0; padding-top:7px; }
.step__title{ font-size:18px; line-height:26px; font-weight:700; color:#FFFFFF; }
.step__text{ margin-top:4px; font-size:16px; line-height:24px; font-weight:400; color:var(--t-2); text-wrap:pretty; }
.steps__note{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:32px;
  font-size:14px;
  line-height:20px;
  color:var(--t-3);
}
.steps__note strong{ font-weight:600; color:var(--t-1); }
.steps__note-ic{ flex:none; margin-top:2px; color:var(--t-3); }
@media (min-width:768px){
  .steps__list{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 24px; }
  .step{ grid-template-columns:minmax(0,1fr); row-gap:16px; }
  .step__body{ padding-top:0; }
  .step:not(:last-child)::before{ left:56px; right:-8px; top:20px; bottom:auto; width:auto; height:1px; }
  .step:nth-child(2n)::before{ display:none; }
}
@media (min-width:1024px){
  .steps__list{ grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
  .step:nth-child(2n):not(:last-child)::before{ display:block; }
}
@media (max-width:767px){
  .steps .section-head{ margin-bottom:24px; }
  .steps__list{ row-gap:24px; }
  .step:not(:last-child)::before{ bottom:-16px; }
  .steps__note{ margin-top:24px; }
}
@media (forced-colors:active){
  .step__num{ border-color:CanvasText; }
}

.app-card{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  padding:24px 20px 0;
  border-radius:var(--rad-18);
}
.app-card__bg{
  position:absolute;
  inset:0;
  z-index:0;
  isolation:isolate;
  overflow:hidden;
  border-radius:inherit;
  background:radial-gradient(320px 280px at 50% 86%,rgba(255,50,40,.14),transparent 70%),var(--grad-app);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  pointer-events:none;
}
.app-card__bg .atmo-grain{ --grain:.03; }
.app-card__copy{ position:relative; z-index:2; min-width:0; max-width:600px; }
.app-card__h2{ margin:0; }
.app-card__lead{ margin-top:16px; max-width:520px; color:var(--t-2); }
.app-card__feats{ display:none; }
.app-card__btns{ display:flex; flex-direction:column; gap:10px; margin-top:28px; }
.app-card__btns .btn{ width:100%; }
.app-card__stage{
  position:relative;
  z-index:1;
  height:240px;
  margin:24px -20px 0;
  overflow:hidden;
  border-radius:0 0 var(--rad-18) var(--rad-18);
  pointer-events:none;
}
.app-card__phone{
  position:absolute;
  top:0;
  left:50%;
  width:200px;
  transform:translateX(-50%);
}
.app-card__obj{ display:none; }
@media (min-width:768px){
  .app-card{ padding:40px 40px 0; }
  .app-card__btns{ flex-direction:row; flex-wrap:wrap; gap:12px; }
  .app-card__btns .btn{ width:auto; }
  .app-card__stage{ height:280px; margin:24px -40px 0; }
  .app-card__phone{ width:220px; }
}
@media (min-width:1024px){
  .section.app{ padding-top:56px; }
  .app-card{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    align-items:center;
    min-height:400px;
    padding:48px 0 48px 56px;
  }
  .app-card__bg{ background:radial-gradient(320px 280px at 80% 60%,rgba(255,50,40,.14),transparent 70%),var(--grad-app); }
  .app-card__feats{
    display:flex;
    flex-wrap:wrap;
    gap:8px 20px;
    margin-top:20px;
  }
  .app-card__feats li{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:var(--t-2);
    white-space:nowrap;
  }
  .app-card__feats .ic{ color:#FFFFFF; }
  .app-card__stage{
    position:absolute;
    top:-56px;
    right:0;
    bottom:0;
    width:44%;
    height:auto;
    margin:0;
    border-radius:0 0 var(--rad-18) 0;
  }
  .app-card__phone{ left:auto; right:112px; width:260px; transform:none; }
  .app-card__obj{
    display:block;
    position:absolute;
    right:-24px;
    top:80px;
    width:120px;
    height:120px;
  }
}
@media (min-width:1280px){
  .app-card__h2{ white-space:nowrap; }
  .app-card__feats{ flex-wrap:nowrap; }
}
.app-strip{
  display:flex;
  align-items:center;
  gap:16px;
  min-height:96px;
  padding:0 24px;
  border:1px solid var(--line-2);
  border-radius:var(--rad-18);
  background:transparent;
}
.app-strip__plate{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:48px;
  height:48px;
  border-radius:var(--rad-12);
  background:var(--c-well);
}
.app-strip__obj{ width:40px; height:40px; filter:drop-shadow(0 4px 6px rgba(0,0,0,.35)); }
.app-strip__text{ flex:1 1 auto; min-width:0; }
.app-strip__title{ font-size:18px; line-height:24px; font-weight:700; color:#FFFFFF; }
.app-strip__sub{ margin-top:2px; font-size:14px; line-height:20px; font-weight:400; color:var(--t-3); }
.app-strip__btn{ flex:none; margin-left:auto; }
@media (max-width:767px){
  .app-strip{ flex-wrap:wrap; align-items:flex-start; gap:12px 16px; padding:16px; }
  .app-strip__text{ flex:1 1 0; }
  .app-strip__btn{ width:100%; margin-left:0; }
}

.bento{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(0,1fr);
  grid-template-rows:280px;
  gap:24px;
}
.bento > *{ min-width:0; }
.bento__tile{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:24px;
  border-radius:var(--rad-18);
  background:var(--tint-cool),var(--grad-feature);
  border:1px solid var(--line-1);
  box-shadow:var(--sh-hi);
  transition:translate var(--d-2) var(--ease),background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease);
}
.bento__tile--red{ background:var(--tint-red),var(--grad-feature); }
.bento__text{ position:relative; z-index:2; display:flex; flex-direction:column; min-width:0; }
.bento__title{ font-size:22px; line-height:28px; font-weight:700; color:var(--t-1); text-wrap:balance; }
.bento__stat{ order:-1; margin-bottom:8px; font-size:56px; }
.bento__body{ margin-top:8px; font-size:14px; line-height:20px; font-weight:400; color:var(--t-2); text-wrap:pretty; }
.bento__chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.bento__chip{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:var(--rad-pill);
  background:rgba(255,255,255,.06);
  border:1px solid var(--line-2);
  color:var(--t-1);
  font-size:13px;
  line-height:18px;
  font-weight:500;
  white-space:nowrap;
}
.bento__obj{
  position:absolute;
  z-index:1;
  top:16px;
  right:16px;
  width:104px;
  height:104px;
  pointer-events:none;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .bento__tile:hover{ translate:0 -2px; }
}
@media (prefers-reduced-motion:reduce){
  .bento__tile{ transition:none; }
}
@media (min-width:1024px) and (max-width:1279px){
  .bento{ grid-template-rows:268px; }
  .bento__tile{ padding:20px; }
  .bento__title{ font-size:20px; line-height:26px; }
  .bento__stat{ font-size:48px; }
  .bento__obj{ width:88px; height:88px; top:12px; right:12px; }
  .bento__chips{ gap:6px; margin-top:10px; }
  .bento__chip{ height:24px; padding:0 10px; font-size:12px; line-height:16px; }
}
@media (max-width:1023px){
  .bento{
    grid-auto-flow:row;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
    grid-auto-rows:minmax(232px,auto);
    gap:var(--gutter);
  }
  .bento__tile:last-child:nth-child(odd){ grid-column:1 / -1; }
  .bento__obj{ width:96px; height:96px; }
}
@media (max-width:767px){
  .bento{ grid-auto-rows:auto; gap:12px; }
  .bento__tile{ justify-content:flex-start; padding:16px; }
  .bento__obj{ position:static; align-self:flex-end; flex:none; width:64px; height:64px; margin:-4px -4px 8px 0; }
  .bento__text{ margin-top:auto; }
  .bento__tile--b .bento__obj{ display:none; }
  .bento__title{ font-size:17px; line-height:22px; }
  .bento__stat{ font-size:44px; margin-bottom:4px; }
  .bento__body{ margin-top:6px; font-size:13px; line-height:18px; }
  .bento__chips{ gap:6px; margin-top:10px; }
  .bento__chip{ height:24px; padding:0 8px; font-size:12px; line-height:16px; }
}
@media (forced-colors:active){
  .bento__tile{ border:1px solid CanvasText; }
}

.faq__grid{ display:grid; grid-template-columns:minmax(0,1fr); }
.faq__grid > *{ min-width:0; }
.faq__side{ display:contents; }
.faq .section-head{ order:0; margin-bottom:24px; }
.faq .section-head__lead{ max-width:640px; font-size:16px; line-height:26px; color:var(--t-2); }
.faq__list{ order:1; display:flex; flex-direction:column; gap:8px; min-width:0; }
.faq-help{
  order:2;
  position:relative;
  min-height:132px;
  margin-top:24px;
  padding:20px;
  border-radius:var(--rad-18);
}
.faq-help__obj{ position:absolute; top:-12px; right:12px; width:88px; height:88px; pointer-events:none; }
.faq-help__text{ padding-right:88px; }
.faq-help__body{ margin-top:4px; font-size:14px; line-height:22px; color:var(--t-2); }
.faq-help__links{ display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:12px; }
.faq-help__links .btn--tertiary{ color:#FFFFFF; }
.faq-item{
  background:var(--c-well);
  border:1px solid var(--line-1);
  border-radius:var(--rad-12);
  transition:box-shadow var(--d-3) var(--ease);
}
.faq-item[open]{ box-shadow:inset 2px 0 0 var(--r-500); }
.faq-item__q{
  position:relative;
  display:flex;
  align-items:center;
  min-height:64px;
  padding:18px 64px 18px 20px;
  border-radius:var(--rad-12);
  font-size:16px;
  line-height:24px;
  font-weight:600;
  color:#FFFFFF;
  -webkit-user-select:none;
  user-select:none;
}
.faq-item__text{ min-width:0; overflow-wrap:break-word; }
.faq-item__ic{
  position:absolute;
  top:50%;
  right:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-top:-16px;
  border:1px solid var(--line-2);
  border-radius:var(--rad-pill);
  color:var(--t-3);
  transition:border-color var(--d-1) var(--ease);
}
.faq-item__ic .ic{ --ic:16px; transition:transform var(--d-3) var(--ease); }
.faq-item__q:hover .faq-item__ic{ border-color:var(--line-3); }
.faq-item[open] > .faq-item__q .faq-item__ic .ic{ transform:rotate(180deg); }
.faq-item__a{
  padding:0 20px 20px;
  font-size:16px;
  line-height:26px;
  font-weight:400;
  color:var(--t-2);
  overflow-wrap:break-word;
}
.faq-item__a > *{ margin:0; }
.faq-item__a > * + *{ margin-top:12px; }
.faq-item__a :is(ul,ol){ padding-left:20px; }
.faq-item__a li + li{ margin-top:6px; }
.faq-item__a strong,.faq-item__a b{ color:#FFFFFF; font-weight:600; }
.faq-item__a a{
  color:var(--r-text);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color var(--d-1) var(--ease);
}
.faq-item__a a:hover{ color:#FFFFFF; }
@supports (interpolate-size:allow-keywords) and selector(::details-content){
  @media (prefers-reduced-motion:no-preference){
    .faq-item::details-content{
      block-size:0;
      overflow-y:clip;
      transition:block-size var(--d-3) var(--ease),content-visibility var(--d-3) allow-discrete;
    }
    .faq-item[open]::details-content{ block-size:auto; }
  }
}
@media (min-width:1024px){
  .faq__grid{ grid-template-columns:repeat(12,minmax(0,1fr)); column-gap:var(--gutter); align-items:start; }
  .faq__side{
    display:block;
    grid-column:1 / span 4;
    position:sticky;
    top:calc(var(--chrome-h) + 24px);
    transition:top var(--d-4) var(--ease);
  }
  .faq__list{ grid-column:5 / span 8; }
  .faq-help{ margin-top:0; }
}
@media (forced-colors:active){
  .faq-item[open]{ border-left:3px solid Highlight; }
  .faq-item__ic{ border-color:CanvasText; }
}
@media (prefers-reduced-motion:reduce){
  .faq-item,.faq-item__ic,.faq-item__ic .ic,.faq__side{ transition:none; }
}

@property --cb-tbl-fade{ syntax:"<length>"; inherits:false; initial-value:0px; }
.prose{
  position:relative;
  min-width:0;
  color:var(--t-2);
  font-size:16px;
  line-height:26px;
  font-weight:400;
}
.prose::after{ content:""; display:table; clear:both; }
.prose > *{ max-width:776px; }
.prose > :is(.wp-block-media-text,.table-wrap,.wp-block-gallery,.prose-phones,.alignwide,.alignfull,.wp-block-columns){ max-width:none; }
.prose > :first-child{ margin-top:0; }
.prose > :last-child{ margin-bottom:0; }
.prose p{ margin:0 0 16px; max-width:760px; }
.prose :is(h2,h3,h4,h5,h6){ color:var(--t-1); text-wrap:balance; }
.prose h2{
  position:relative;
  clear:both;
  margin:72px 0 20px;
  font-size:clamp(24px,20.49px + .899vw,32px);
  line-height:1.25;
  font-weight:700;
  letter-spacing:-0.01em;
}
.prose h2::before{
  content:"";
  position:absolute;
  left:0;
  top:-14px;
  width:32px;
  height:3px;
  border-radius:var(--rad-pill);
  background:var(--r-500);
}
.prose h3{
  clear:left;
  margin:40px 0 12px;
  font-size:clamp(20px,18.25px + .449vw,24px);
  line-height:calc(1em + 6px);
  font-weight:700;
}
.prose :is(h4,h5,h6){
  margin:28px 0 8px;
  font-size:18px;
  line-height:26px;
  font-weight:700;
}
.prose :is(h2,h3,h4,h5,h6) :is(strong,b,em){ font-weight:inherit; color:inherit; }
.prose > :is(h2,h3,h4):first-child{ margin-top:0; }
.prose > h2:first-child{ margin-top:14px; }
.prose strong,.prose b{ font-weight:600; color:var(--t-1); }
.prose em,.prose i{ font-style:normal; color:var(--t-1); }
.prose :is(td,th) :is(strong,b){ font-weight:700; }
.prose :is(figcaption,.table-hint,.prose-phones__caption) :is(strong,b){ font-weight:inherit; }
.prose a:not([class]){
  color:var(--r-text);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color var(--d-1) var(--ease);
}
.prose a:not([class]):hover{ color:#FFFFFF; }
.prose :is(ul,ol):where(:not([class]),.wp-block-list){
  list-style:none;
  margin:0 0 20px;
  padding:0;
}
.prose :is(ul,ol):where(:not([class]),.wp-block-list) > li{
  position:relative;
  margin:0 0 12px;
  font-size:16px;
  line-height:26px;
  font-weight:400;
}
.prose :is(ul,ol):where(:not([class]),.wp-block-list) > li:last-child{ margin-bottom:0; }
.prose li > :is(ul,ol){ margin:12px 0 0; }
.prose li > p{ margin:0; max-width:none; }
.prose ul:where(:not([class]),.wp-block-list) > li{ padding-left:36px; }
.prose ul:where(:not([class]),.wp-block-list) > li::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:22px;
  height:22px;
  border-radius:var(--rad-pill);
  background:var(--r-tint);
  border:1px solid var(--r-tint-line);
}
.prose ul:where(:not([class]),.wp-block-list) > li::after{
  content:"";
  position:absolute;
  left:5px;
  top:7px;
  width:12px;
  height:12px;
  background:var(--r-text);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat;
}
.prose ol:where(:not([class]),.wp-block-list){ counter-reset:cb-step; }
.prose ol:where(:not([class]),.wp-block-list) > li{
  min-height:28px;
  margin-bottom:14px;
  padding-left:44px;
  counter-increment:cb-step;
}
.prose ol:where(:not([class]),.wp-block-list) > li::before{
  content:counter(cb-step);
  position:absolute;
  left:0;
  top:-1px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:var(--rad-pill);
  border:1px solid rgba(255,50,40,.6);
  font-size:14px;
  line-height:20px;
  font-weight:700;
  font-variant-numeric:lining-nums tabular-nums;
  color:#FFFFFF;
}
.prose .wp-block-image,
.prose figure:not([class]){ margin:24px 0 32px; }
.prose .wp-block-image:not(.alignwide):not(.alignfull):not(.aligncenter),
.prose figure:not([class]){ max-width:760px; }
.prose .wp-block-image img,
.prose figure:not([class]) img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  border-radius:var(--rad-18);
}
.prose :is(.wp-block-image,figure:not([class])) :is(figcaption,.wp-element-caption){
  margin:8px 0 0;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  color:var(--t-3);
  text-align:left;
}
.prose :is(.alignwide,.alignfull) img{ width:100%; }
.prose .wp-block-image.aligncenter{ margin-inline:auto; }
.prose .wp-block-image.aligncenter img{ margin-inline:auto; }
.prose .wp-block-image.aligncenter :is(figcaption,.wp-element-caption){ text-align:center; }
.prose .prose-phone{ margin:24px 0 32px; }
.prose .prose-phone .phone{ margin-inline:auto; }
.prose .prose-phone .phone__screen img{ border-radius:0; width:100%; height:100%; }
.prose .prose-phone :is(figcaption,.wp-element-caption){
  max-width:220px;
  margin:12px auto 0;
  text-align:center;
}
@media (min-width:768px){
  .prose .prose-phone{
    float:right;
    clear:right;
    width:220px;
    margin:4px max(0px,calc((100% - 996px) / 2)) 24px 32px;
  }
  .prose .prose-phone.alignleft{ float:left; clear:left; margin:4px 32px 24px 0; }
  .prose .prose-phone.aligncenter{ float:none; margin:24px auto 32px; }
}
.prose .alignleft:not(.prose-phone){ float:left; max-width:50%; margin:4px 24px 16px 0; }
.prose .alignright:not(.prose-phone){ float:right; max-width:50%; margin:4px 0 16px 24px; }
@media (max-width:767px){
  .prose .alignleft:not(.prose-phone),
  .prose .alignright:not(.prose-phone){ float:none; max-width:none; margin:24px 0 32px; }
}
.prose .wp-block-media-text{
  clear:both;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:auto;
  column-gap:24px;
  align-items:start;
  margin:48px 0;
  direction:ltr;
  background:none;
}
.prose .wp-block-media-text .wp-block-media-text__media{
  grid-column:1;
  grid-row:1;
  margin:0;
  min-width:0;
  align-self:start;
}
.prose .wp-block-media-text .wp-block-media-text__content{
  grid-column:2;
  grid-row:1;
  min-width:0;
  padding:0;
  align-self:start;
  direction:ltr;
}
.prose .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{ grid-column:2; grid-row:1; }
.prose .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{ grid-column:1; grid-row:1; }
.prose .wp-block-media-text .wp-block-media-text__media :is(img,video){
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1152/810;
  object-fit:cover;
  border-radius:var(--rad-18);
  vertical-align:top;
}
.prose .wp-block-media-text .wp-block-media-text__content > :first-child{ margin-top:0; }
.prose .wp-block-media-text .wp-block-media-text__content > :first-child:is(h2,h3,h4){ margin-top:24px; }
.prose .wp-block-media-text .wp-block-media-text__content > :last-child{ margin-bottom:0; }
.prose .wp-block-media-text .wp-block-media-text__content p{ max-width:none; }
@media (max-width:767px){
  .prose .wp-block-media-text,
  .prose .wp-block-media-text.is-stacked-on-mobile{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    margin:40px 0;
  }
  .prose .wp-block-media-text .wp-block-media-text__content{ display:contents; }
  .prose .wp-block-media-text .wp-block-media-text__content > *{ order:1; }
  .prose .wp-block-media-text .wp-block-media-text__content > :first-child:is(h2,h3){ order:-1; margin-top:14px; }
  .prose .wp-block-media-text .wp-block-media-text__media{ order:0; margin:0 0 16px; }
  .prose .wp-block-media-text .wp-block-media-text__content > :last-child{ margin-bottom:0; }
}
.prose .table-wrap{
  position:relative;
  clear:both;
  margin:24px 0 32px;
  timeline-scope:--cb-tbl;
}
.prose--guide > .table-wrap{ max-width:760px; }
.guide--bare > .wrap{ position:relative; padding-top:56px; }
.guide--bare > .wrap::before{
  content:"";
  position:absolute;
  top:0;
  left:var(--pad-x);
  right:var(--pad-x);
  max-width:760px;
  height:1px;
  background:var(--line-2);
}
.section + .guide--bare{ margin-top:80px; }
.guide--bare .prose--guide > p:first-child{
  max-width:760px;
  font-size:clamp(16px,15.12px + .225vw,18px);
  line-height:calc(1em + 12px);
  color:rgba(255,255,255,.86);
  text-wrap:pretty;
}
@media (max-width:767px){
  .guide--bare > .wrap{ padding-top:40px; }
  .section + .guide--bare{ margin-top:56px; }
}
.prose .wp-block-table{
  margin:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  border:1px solid var(--line-1);
  border-radius:var(--rad-18);
  background:none;
  scroll-timeline:--cb-tbl x;
  scrollbar-width:thin;
  scrollbar-color:var(--line-3) transparent;
}
.prose .wp-block-table table{
  width:100%;
  margin:0;
  border:0;
  border-collapse:collapse;
  font-size:14px;
  line-height:22px;
  word-break:normal;
  overflow-wrap:normal;
  hyphens:manual;
}
.prose .wp-block-table.is-wide table{ min-width:560px; }
.prose .wp-block-table :is(thead,tbody,tfoot){ border:0; }
.prose .wp-block-table :is(th,td){
  padding:14px 20px;
  border:0;
  text-align:left;
  vertical-align:top;
  background:none;
}
.prose .wp-block-table thead th{
  background:var(--c-well);
  font-size:12px;
  line-height:16px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--t-3);
  white-space:nowrap;
}
.prose .wp-block-table td,
.prose .wp-block-table tbody th{
  border-top:1px solid var(--line-1);
  font-size:14px;
  line-height:22px;
  font-weight:400;
  letter-spacing:0;
  text-transform:none;
  color:var(--t-2);
}
.prose .wp-block-table table > tbody:first-child > tr:first-child > *,
.prose .wp-block-table table > caption + tbody > tr:first-child > *{ border-top:0; }
.prose .wp-block-table tbody :is(td,th):first-child{ font-weight:500; color:var(--t-1); }
.prose .wp-block-table.is-style-stripes{ border-bottom:1px solid var(--line-1); }
.prose .wp-block-table.is-style-stripes tbody tr:nth-child(odd){ background:none; }
.prose .wp-block-table :is(figcaption,.wp-element-caption){
  position:sticky;
  left:0;
  margin:0;
  padding:12px 20px;
  border-top:1px solid var(--line-1);
  font-size:13px;
  line-height:18px;
  font-weight:500;
  color:var(--t-3);
  text-align:left;
}
.prose .wp-block-table.is-style-cb-compare thead th{
  background:var(--r-tint);
  border-bottom:1px solid var(--r-tint-line);
  color:#FFFFFF;
}
.prose .wp-block-table.is-style-cb-facts{ overflow:hidden; }
.prose .table-hint::before{ content:attr(data-hint); }
.prose .table-hint{
  display:block;
  height:0;
  max-width:none;
  margin:0;
  overflow:hidden;
  visibility:hidden;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  color:var(--t-3);
}
@supports (animation-timeline:scroll()){
  .prose .table-hint{
    animation:cb-tbl-hint linear both;
    animation-timeline:--cb-tbl;
  }
  .prose .wp-block-table.is-wide{
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - var(--cb-tbl-fade)),transparent);
    mask-image:linear-gradient(90deg,#000 calc(100% - var(--cb-tbl-fade)),transparent);
    mask-clip:no-clip;
    animation:cb-tbl-fade linear both;
    animation-timeline:--cb-tbl;
  }
}
@keyframes cb-tbl-hint{
  from,to{ height:18px; margin-top:8px; visibility:visible; }
}
@keyframes cb-tbl-fade{
  0%{ --cb-tbl-fade:32px; }
  92%{ --cb-tbl-fade:32px; }
  100%{ --cb-tbl-fade:0px; }
}
@media (max-width:767px){
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack){
    overflow:visible;
    border:0;
    border-radius:0;
    -webkit-mask-image:none;
    mask-image:none;
    animation:none;
  }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) table{ min-width:0; }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) :is(table,tbody,tr,td,th){ display:block; width:auto; }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) thead{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
  }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) tbody{ display:grid; gap:8px; }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) tr{
    display:grid;
    gap:8px;
    padding:12px;
    background:var(--c-card);
    border:1px solid var(--line-1);
    border-radius:var(--rad-12);
    box-shadow:var(--sh-hi);
  }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) tbody :is(td,th){ padding:0; border:0; }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) td[data-label]::before{
    content:attr(data-label);
    display:block;
    margin-bottom:2px;
    font-size:12px;
    line-height:16px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--t-3);
  }
  .prose .wp-block-table:is(.is-style-cb-stack,.is-stack) :is(figcaption,.wp-element-caption){ position:static; padding:8px 0 0; border:0; }
  .prose .wp-block-table.is-stack tbody :is(td,th):first-child{ font-size:16px; line-height:24px; font-weight:600; }
  .prose .wp-block-table.is-stack tbody :is(td,th):first-child::before{ display:none; }
  .prose .wp-block-table.is-stack + .table-hint{ display:none; }
}
.prose .is-style-cb-answer{ display:flow-root; margin:0 0 24px; }
.prose .is-style-cb-answer > .wp-block-group__inner-container > :last-child,
.prose .is-style-cb-answer > :last-child{ margin-bottom:0; }
.callout,
.prose :is(.is-style-cb-tip,.is-style-cb-note){
  position:relative;
  display:flow-root;
  margin:24px 0;
  padding:16px 20px;
  background:var(--c-well);
  border:1px solid var(--line-1);
  border-left:3px solid var(--t-3);
  border-radius:var(--rad-12);
  font-size:16px;
  line-height:26px;
  font-weight:400;
  color:var(--t-2);
}
.callout--note,
.prose .is-style-cb-note{ border-left-color:var(--r-text); }
.callout__label,
.prose :is(.is-style-cb-tip,.is-style-cb-note)::before{
  display:block;
  margin:0 0 4px;
  font-size:12px;
  line-height:16px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--t-3);
}
.prose .is-style-cb-tip::before{ content:"İpucu"; }
.prose .is-style-cb-note::before{ content:"Önemli"; }
.callout--note .callout__label,
.prose .is-style-cb-note::before{ color:var(--r-text); }
.callout p,
.prose :is(.is-style-cb-tip,.is-style-cb-note) p{ margin:0; max-width:none; }
.callout p + p,
.prose :is(.is-style-cb-tip,.is-style-cb-note) p + p{ margin-top:8px; }
.prose :is(.is-style-cb-tip,.is-style-cb-note) > .wp-block-group__inner-container > :last-child{ margin-bottom:0; }
details.callout > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:24px;
  font-size:16px;
  line-height:24px;
  font-weight:600;
  color:var(--t-1);
}
details.callout[open] > summary{ margin-bottom:8px; }
.prose blockquote,
.prose .wp-block-quote{
  display:flow-root;
  margin:24px 0 32px;
  padding:4px 0 4px 20px;
  border:0;
  border-left:3px solid var(--line-3);
  font-size:clamp(16px,15.12px + .225vw,18px);
  line-height:calc(1em + 10px);
  font-weight:400;
  color:var(--t-1);
}
.prose blockquote p{ margin:0 0 12px; max-width:none; }
.prose blockquote > :last-child{ margin-bottom:0; }
.prose blockquote cite{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  font-style:normal;
  color:var(--t-3);
}
.prose hr,
.prose .wp-block-separator{
  clear:both;
  height:1px;
  margin:48px 0;
  border:0;
  background:var(--line-1);
  opacity:1;
}
.prose .wp-block-buttons{ display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 32px; }
.prose .wp-block-button{ margin:0; }
.prose .wp-block-button__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:48px;
  padding:0 20px;
  border:1px solid var(--line-3);
  border-radius:var(--rad-8);
  background:transparent;
  font-size:16px;
  line-height:24px;
  font-weight:700;
  color:#FFFFFF;
  text-decoration:none;
  transition:background-color var(--d-1) var(--ease),border-color var(--d-1) var(--ease);
}
.prose .wp-block-button__link:hover{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.28); }
.prose .wp-block-embed{ clear:both; margin:24px 0 32px; }
.prose .wp-block-embed iframe{ display:block; width:100%; border:0; border-radius:var(--rad-18); }
.prose .prose-phones{ clear:both; margin:24px 0 40px; }
.prose-phones__nav{ display:flex; justify-content:flex-end; margin-bottom:16px; }
.prose-phones__nav:has(> .car-arrows[hidden]){ display:none; }
.prose-phones__car .car__track{ --car-gap:24px; }
.prose-phones__item{ margin:0; width:220px; }
.prose-phones__cap{
  margin-top:12px;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  color:var(--t-3);
  text-align:center;
}
.prose-phones__caption{
  margin:20px 0 0;
  font-size:13px;
  line-height:18px;
  font-weight:500;
  color:var(--t-3);
}
@media (max-width:767px){
  .prose-phones__car .car__track{ --car-gap:12px; }
  .prose-phones__car .car__track > *{ scroll-snap-align:center; }
  .prose-phones__nav{ display:none; }
}
@media (forced-colors:active){
  .prose h2::before,
  .guide--bare > .wrap::before{ background:CanvasText; }
  .prose ul:where(:not([class]),.wp-block-list) > li::after{ background:CanvasText; }
  .prose .table-hint{ color:CanvasText; }
}

.inner-hero{ padding:32px 0 56px; overflow:clip; }
.inner-hero .crumbs{ margin-bottom:16px; color:rgba(255,255,255,.72); }
.inner-hero .crumbs a{ color:rgba(255,255,255,.72); }
.inner-hero .crumbs a:hover{ color:#FFFFFF; }
.inner-hero .crumbs li + li::before{ color:rgba(255,255,255,.4); }
.inner-hero .crumbs [aria-current="page"]{ color:#FFFFFF; }
.inner-hero .dbox{ background:rgba(0,0,0,.28); border-color:rgba(255,255,255,.18); }
.inner-hero .dbox__label{ color:rgba(255,255,255,.72); }
.inner-hero .dbox .live-dot{ background:#FFFFFF; }
.inner-hero .copy-btn{ background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); }
.inner-hero .copy-btn:hover{ background:rgba(255,255,255,.16); border-color:rgba(255,255,255,.28); }
.inner-hero__grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:var(--gutter);
  row-gap:32px;
  align-items:center;
}
.inner-hero__grid > *{ min-width:0; }
.inner-hero__text{ grid-column:1 / span 7; }
.inner-hero__media{ grid-column:8 / -1; }
.inner-hero__grid--solo .inner-hero__text{ grid-column:1 / span 8; }
.inner-hero__h1{ max-width:676px; }
.inner-hero__lead{ margin-top:20px; max-width:600px; }
.inner-hero__dbox{ margin-top:28px; max-width:460px; }
.inner-hero__ctas{ display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; }
.inner-media{
  position:relative;
  margin:0;
  aspect-ratio:476/335;
  border-radius:var(--rad-18);
  overflow:hidden;
  background:var(--c-well);
}
.inner-media__img{ display:block; width:100%; height:100%; object-fit:cover; }
.inner-art{
  container-type:inline-size;
  isolation:isolate;
  overflow:visible;
  background:none;
}
.inner-art .phone{
  position:absolute;
  z-index:1;
  left:54%;
  top:12%;
  width:clamp(132px,40cqi,190px);
  transform:translateX(-50%);
  -webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 88%);
  mask-image:linear-gradient(180deg,#000 62%,transparent 88%);
}
.inner-art__obj{
  position:absolute;
  z-index:2;
  left:calc(54% - clamp(66px,20cqi,95px) - min(var(--obj,128px),27cqi) * .62);
  bottom:9%;
  width:min(var(--obj,128px),27cqi);
  pointer-events:none;
}
.inner-art__obj .obj3d{ width:100%; height:auto; }
.inner-art--clear .inner-art__obj{ left:calc(54% - clamp(66px,20cqi,95px) - min(var(--obj,128px),27cqi) - 12px); }
.section + .inner-body{ margin-top:64px; }
.inner-body__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  column-gap:var(--gutter);
  align-items:start;
}
.inner-body__grid > *{ min-width:0; }
.inner-rail{ display:none; }
.inner-main{ max-width:776px; }
.inner-prose > :first-child{ margin-top:0; }
.toc__t{ margin:0 0 12px; color:var(--t-3); }
.toc__list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
  border-left:1px solid var(--line-1);
}
.toc__a{
  display:block;
  margin-left:-1px;
  padding:0 0 0 14px;
  border-left:2px solid transparent;
  border-radius:0 var(--rad-8) var(--rad-8) 0;
  color:var(--t-2);
  font-size:14px;
  line-height:20px;
  font-weight:500;
  transition:color var(--d-1) var(--ease),border-color var(--d-1) var(--ease);
}
.toc__a:hover{ color:#FFFFFF; }
.toc__a[aria-current]{ color:#FFFFFF; border-left-color:var(--r-500); }
.toc-d{
  margin:0 0 40px;
  background:var(--c-well);
  border:1px solid var(--line-1);
  border-radius:var(--rad-12);
}
.toc-d__sum{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:56px;
  padding:0 20px;
  border-radius:var(--rad-12);
  color:#FFFFFF;
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
.toc-d__sum .ic{ --ic:16px; color:var(--t-3); transition:transform var(--d-3) var(--ease); }
.toc-d[open] > .toc-d__sum .ic{ transform:rotate(180deg); }
.toc-d__nav{ padding:0 20px 16px; }
.toc-d .toc__list{ gap:0; }
.toc-d .toc__a{ padding:10px 0 10px 14px; }
@media (min-width:1280px){
  .inner-body__grid{ grid-template-columns:repeat(12,minmax(0,1fr)); }
  .inner-rail{
    display:block;
    grid-column:1 / span 3;
    position:sticky;
    top:calc(var(--chrome-h) + 24px);
    max-height:calc(100vh - var(--chrome-h) - 48px);
    margin:-4px;
    padding:4px;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:none;
    transition:top var(--d-4) var(--ease),max-height var(--d-4) var(--ease);
  }
  .inner-rail::-webkit-scrollbar{ display:none; }
  .inner-main{ grid-column:5 / -1; max-width:none; }
  .inner-body--solo .inner-main{ grid-column:1 / span 8; }
  .toc-d{ display:none; }
}
.pfaq{ margin-top:72px; }
.inner-main > .pfaq:first-child{ margin-top:0; }
.pfaq .pfaq__head{ margin-bottom:24px; }
.pfaq__list{ display:flex; flex-direction:column; gap:8px; }
.pfaq__item{
  background:var(--c-well);
  border:1px solid var(--line-1);
  border-radius:var(--rad-12);
  transition:box-shadow var(--d-3) var(--ease);
}
.pfaq__item[open]{ box-shadow:inset 2px 0 0 var(--r-500); }
.pfaq__sum{
  position:relative;
  display:flex;
  align-items:center;
  min-height:64px;
  padding:18px 64px 18px 20px;
  border-radius:var(--rad-12);
  color:#FFFFFF;
  font-size:16px;
  line-height:24px;
  font-weight:600;
}
.pfaq__chev{
  position:absolute;
  right:20px;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  margin-top:-16px;
  border:1px solid var(--line-2);
  border-radius:var(--rad-pill);
  color:var(--t-3);
  transition:transform var(--d-3) var(--ease),border-color var(--d-1) var(--ease);
}
.pfaq__chev .ic{ --ic:16px; }
.pfaq__sum:hover .pfaq__chev{ border-color:var(--line-3); }
.pfaq__item[open] .pfaq__chev{ transform:rotate(180deg); }
.pfaq__a{
  padding:0 20px 20px;
  color:var(--t-2);
  font-size:16px;
  line-height:26px;
  font-weight:400;
}
.pfaq__a > *{ margin:0 0 12px; }
.pfaq__a > :last-child{ margin-bottom:0; }
.pfaq__a :is(ul,ol){ padding-left:20px; }
.pfaq__a a{
  color:var(--r-text);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  transition:color var(--d-1) var(--ease);
}
.pfaq__a a:hover{ color:#FFFFFF; }
@supports selector(::details-content){
  @media (prefers-reduced-motion:no-preference){
    .pfaq__item::details-content{
      block-size:0;
      overflow-y:clip;
      transition:block-size var(--d-3) var(--ease),content-visibility var(--d-3) allow-discrete;
    }
    .pfaq__item[open]::details-content{ block-size:auto; }
  }
}
.inner-rel .inner-rel__head{ margin-bottom:32px; }
.inner-rel__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  margin:0;
  padding:0;
  list-style:none;
}
.inner-rel__grid > *{ min-width:0; }
.rel-card{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-height:132px;
  height:100%;
  padding:20px;
  border-radius:var(--rad-18);
}
.rel-card__obj{
  position:absolute;
  top:12px;
  right:12px;
  width:72px;
  height:72px;
  pointer-events:none;
}
.rel-card__type{ color:var(--t-3); padding-right:76px; }
.rel-card__title{
  margin-top:8px;
  padding-right:76px;
  font-size:18px;
  line-height:26px;
  font-weight:700;
  color:#FFFFFF;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.rel-card__link{ color:inherit; }
.rel-card__link::after{ content:""; position:absolute; inset:0; z-index:1; border-radius:inherit; }
.rel-card__link:focus-visible{ outline:none; }
.rel-card:focus-within{ outline:2px solid #FFFFFF; outline-offset:2px; }
.rel-card__more{ margin-top:auto; padding-top:12px; min-height:0; pointer-events:none; }
@media (hover:hover) and (pointer:fine){
  .rel-card:hover .rel-card__more{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
  .rel-card:hover .rel-card__more .ic{ transform:translateX(4px); }
}
@media (max-width:1023px){
  .inner-hero__grid{ row-gap:28px; }
  .inner-rel__grid{ grid-template-columns:minmax(0,1fr); gap:12px; }
}
@media (min-width:768px) and (max-width:1023px){
  .inner-hero__text{ grid-column:1 / span 7; }
  .inner-hero__media{ grid-column:8 / -1; }
}
@media (max-width:767px){
  .inner-hero{ padding:20px 0 40px; }
  .inner-hero .crumbs{ margin-bottom:12px; }
  .inner-hero__grid{ row-gap:24px; }
  .inner-hero__text,
  .inner-hero__media,
  .inner-hero__grid--solo .inner-hero__text{ grid-column:1 / -1; }
  .inner-hero__lead{ margin-top:16px; }
  .inner-hero__dbox{ margin-top:24px; max-width:none; }
  .inner-hero__ctas{ margin-top:16px; }
  .inner-hero__ctas .btn{ flex:1 1 100%; }
  .inner-media{ aspect-ratio:358/224; }
  .inner-art{ aspect-ratio:358/156; }
  .inner-art .phone{
    top:6%;
    width:clamp(112px,32cqi,124px);
    -webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 68%);
    mask-image:linear-gradient(180deg,#000 40%,transparent 68%);
  }
  .inner-art__obj{
    left:calc(54% - clamp(56px,16cqi,62px) - min(var(--obj,128px),18cqi) * .62);
    bottom:14%;
    width:min(var(--obj,128px),18cqi);
  }
  .inner-art--clear .inner-art__obj{ left:calc(54% - clamp(56px,16cqi,62px) - min(var(--obj,128px),18cqi) - 10px); }
  .section + .inner-body{ margin-top:48px; }
  .toc-d{ margin-bottom:32px; }
  .toc-d__sum{ padding:0 16px; }
  .toc-d__nav{ padding:0 16px 12px; }
  .toc-d .toc__a{ padding:12px 0 12px 14px; }
  .pfaq{ margin-top:56px; }
  .pfaq__sum{ padding:16px 60px 16px 16px; }
  .pfaq__chev{ right:16px; }
  .pfaq__a{ padding:0 16px 16px; }
  .rel-card{ min-height:112px; padding:16px; }
  .rel-card__obj{ top:12px; right:12px; width:56px; height:56px; }
  .rel-card__type,
  .rel-card__title{ padding-right:60px; }
}
@media (prefers-reduced-motion:reduce){
  .inner-rail,.toc__a,.toc-d__sum .ic,.pfaq__item,.pfaq__chev{ transition:none; }
}
@media (forced-colors:active){
  .toc__a[aria-current]{ border-left-color:Highlight; }
  .pfaq__item[open]{ border-left:2px solid CanvasText; }
}