.tof{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(190px,.42fr) 1fr;align-items:stretch;min-height:503px;margin-top:clamp(20px,3vh,32px);border:1px solid rgba(230,162,60,.22);border-radius:clamp(20px,2.2vw,26px);background:radial-gradient(90% 120% at 0% 50%,rgba(230,162,60,.09),transparent 62%),linear-gradient(180deg,var(--glass,rgba(255,255,255,.03)),transparent 62%),var(--card,#101210);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 26px 64px -28px rgba(0,0,0,.9)}.tof[hidden]{display:none}@media (prefers-reduced-motion:no-preference){.tof:not([hidden]){animation:tofFade .4s var(--ease,cubic-bezier(.2,.7,.2,1))}}@keyframes tofFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.tof__grain{position:absolute;inset:0;z-index:0;opacity:.2;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.tof__sig{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(28px,3.4vw,44px) clamp(16px,2vw,26px);border-right:1px solid rgba(230,162,60,.16);background:linear-gradient(180deg,rgba(230,162,60,.05),transparent 70%)}.tof__wave{position:absolute;top:50%;left:50%;width:78px;height:78px;margin:-39px 0 0 -39px;border-radius:50%;border:1px solid rgba(230,162,60,.3);opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.tof:not([hidden]) .tof__wave{animation:tofSig 3.2s var(--ease,cubic-bezier(.2,.7,.2,1)) infinite}.tof:not([hidden]) .tof__wave:nth-of-type(2){animation-delay:1.05s}.tof:not([hidden]) .tof__wave:nth-of-type(3){animation-delay:2.1s}}@keyframes tofSig{0%{transform:scale(.6);opacity:0}18%{opacity:.85}100%{transform:scale(2.3);opacity:0}}.tof__ic{position:relative;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#e6a23c;border:1px solid rgba(230,162,60,.34);background:radial-gradient(80% 80% at 50% 30%,rgba(230,162,60,.16),rgba(230,162,60,.05));box-shadow:0 0 36px -12px rgba(230,162,60,.5)}.tof__ic svg{width:30px;height:30px}.tof__sigk{position:relative;font:500 11.5px/1 "Space Grotesk",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(243,245,238,.42)}.tof__dots{position:relative;display:flex;align-items:center;gap:7px}.tof__dots i{width:22px;height:3px;border-radius:2px;background:rgba(230,162,60,.9);box-shadow:0 0 10px rgba(230,162,60,.55);transition:background .5s var(--ease,ease),box-shadow .5s var(--ease,ease)}.tof__dots i.is-out{background:rgba(243,245,238,.14);box-shadow:none}.tof.is-final .tof__dots{display:none}.tof__x{position:absolute;z-index:4;top:14px;right:14px;width:36px;height:36px;display:none;align-items:center;justify-content:center;border:1px solid var(--line-2,rgba(255,255,255,.08));border-radius:50%;background:rgba(10,11,10,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted,rgba(238,241,232,.56));cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .35s var(--ease,ease)}.tof.is-final .tof__x{display:flex}.tof__x svg{width:15px;height:15px}@media (hover:hover){.tof__x:hover{color:var(--ink-on-lime,#0d1005);background:var(--lime,#a8e80c);border-color:var(--lime,#a8e80c);transform:rotate(90deg)}}.tof__fig{display:none}.tof.is-final .tof__sig{padding:0;overflow:hidden;justify-content:stretch}.tof.is-final .tof__wave,.tof.is-final .tof__ic,.tof.is-final .tof__sigk{display:none}.tof.is-final .tof__fig{display:block;width:100%;height:100%;min-height:100%;object-fit:cover;object-position:50% 34%}.tof__b{position:relative;z-index:1;padding:clamp(26px,3.2vw,42px) clamp(22px,3vw,40px)}.tof__kick{display:inline-flex;align-items:center;gap:8px;font:500 11.5px/1 "Space Grotesk",sans-serif;letter-spacing:.04em;text-transform:lowercase;color:rgba(230,162,60,.92)}.tof__kick i{width:6px;height:6px;border-radius:50%;background:#e6a23c;box-shadow:0 0 12px rgba(230,162,60,.9)}@media (prefers-reduced-motion:no-preference){.tof:not([hidden]) .tof__kick i{animation:tofPulse 1.9s ease-in-out infinite}}@keyframes tofPulse{0%,100%{opacity:1}50%{opacity:.32}}.tof__t{margin:12px 0 0;font:600 clamp(22px,2.5vw,32px)/1.08 "Space Grotesk",sans-serif;letter-spacing:-.03em;text-transform:lowercase;color:var(--ink,#f3f5ee)}.tof__p{margin:11px 0 0;max-width:56ch;font-size:clamp(14px,1.05vw,15.6px);line-height:1.56;color:var(--muted,rgba(238,241,232,.56));text-wrap:pretty}.tof__p b{color:var(--ink,#f3f5ee);font-weight:500}.tof__diag{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(18px,2.2vw,26px) 0 0;border:1px solid var(--line-2,rgba(255,255,255,.08));border-radius:14px;overflow:hidden;background:rgba(0,0,0,.24)}.tof__diag>div{padding:12px 14px}.tof__diag>div+div{border-left:1px solid var(--line-2,rgba(255,255,255,.08))}.tof__diag dt{font:500 11px/1 "Space Grotesk",sans-serif;letter-spacing:.05em;text-transform:lowercase;color:var(--faint,rgba(238,241,232,.38))}.tof__diag dd{margin:7px 0 0;font:500 14px/1.2 "Space Grotesk",sans-serif;color:var(--ink,#f3f5ee)}.tof__diag dd.is-ok{color:var(--lime-ink,#c8f042)}.tof__act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:clamp(18px,2.2vw,24px)}.tof:not(.is-final) .tof__go{display:none}.tof:not(.is-final) .tof__eta{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid var(--line-2,rgba(255,255,255,.08));border-radius:999px;background:rgba(255,255,255,.03);font-size:13.4px}.tof:not(.is-final) .tof__eta::before{content:"";width:13px;height:13px;border-radius:50%;border:1.6px solid rgba(230,162,60,.28);border-top-color:#e6a23c}@media (prefers-reduced-motion:no-preference){.tof:not([hidden]):not(.is-final) .tof__eta::before{animation:tofSpin 1s linear infinite}}@keyframes tofSpin{to{transform:rotate(360deg)}}.tof__eta{font-size:12.6px;line-height:1.4;color:var(--faint,rgba(238,241,232,.38))}.tof__eta b{font-weight:500;color:var(--muted,rgba(238,241,232,.56));font-variant-numeric:tabular-nums}.tof__note{display:block;margin-top:14px;max-width:60ch;font-size:12.6px;line-height:1.5;color:var(--faint,rgba(238,241,232,.38))}.tof__go{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 22px;border-radius:999px;border:0;cursor:pointer;background:var(--lime,#a8e80c);color:var(--ink-on-lime,#0d1005);font:600 13.4px/1 "Space Grotesk",sans-serif;letter-spacing:.01em;text-transform:lowercase;transition:filter .25s ease,transform .2s var(--ease,ease)}.tof__go svg{width:15px;height:15px}@media (hover:hover){.tof__go:hover{filter:brightness(1.08);transform:translateY(-1px)}}.tof__go:active{transform:translateY(0) scale(.98)}@media (max-width:820px){.tof{grid-template-columns:1fr;min-height:0}.tof__sig{flex-direction:row;gap:16px;justify-content:flex-start;padding:20px clamp(20px,4vw,26px);border-right:0;border-bottom:1px solid rgba(230,162,60,.16)}.tof__wave{width:58px;height:58px;margin:-29px 0 0 -29px}.tof__dots{margin-left:auto}.tof__ic{width:52px;height:52px}.tof__ic svg{width:26px;height:26px}.tof__diag{grid-template-columns:1fr}.tof__diag>div+div{border-left:0;border-top:1px solid var(--line-2,rgba(255,255,255,.08))}.tof.is-final .tof__sig{height:186px;border-bottom:1px solid rgba(230,162,60,.16)}.tof.is-final .tof__fig{height:186px;object-position:50% 30%}.tof__go{width:100%;justify-content:center}}