:root{--bg:#ffffff;--panel:#ffffff;--panel-2:#f4f4f4;--panel-3:#ebebeb;--line:transparent;--ink:#000000;--sub:#000000;--accent:#fa3d3b;--accent-ink:#ffffff;--accent-soft:#ffeceb;--danger:#fa3d3b;--warn-bg:#000000;--warn-ink:#ffffff;--col-line:#000000;--sel:#fa3d3b;--stage:#efefef;--track:#d4d4d4;--shadow:0 1px 2px rgb(0 0 0 / .04), 0 8px 28px rgb(0 0 0 / .06);--ui:"Urbanist", system-ui, sans-serif;--code:"JetBrains Mono", ui-monospace, monospace}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #000000; --panel: #0e0e0e; --panel-2: #1a1a1a; --panel-3: #262626; --line: transparent; --ink: #ffffff; --sub: #ffffff; --accent: #fa3d3b; --accent-ink: #ffffff; --accent-soft: #2b1212; --danger: #fa3d3b; --warn-bg: #ffffff; --warn-ink: #000000; --col-line: #ffffff; --stage: #161616; --track: #3a3a3a; --shadow: 0 1px 2px rgb(0 0 0 / .5), 0 8px 28px rgb(0 0 0 / .5); color-scheme: dark;}}
:root[data-theme="dark"]{--bg: #000000; --panel: #0e0e0e; --panel-2: #1a1a1a; --panel-3: #262626; --line: transparent; --ink: #ffffff; --sub: #ffffff; --accent: #fa3d3b; --accent-ink: #ffffff; --accent-soft: #2b1212; --danger: #fa3d3b; --warn-bg: #ffffff; --warn-ink: #000000; --col-line: #ffffff; --stage: #161616; --track: #3a3a3a; --shadow: 0 1px 2px rgb(0 0 0 / .5), 0 8px 28px rgb(0 0 0 / .5); color-scheme: dark;}
button,input,select,textarea{font: inherit; color: inherit;}
button{cursor: pointer; background: none; border: 0px; padding: 0px;}
:focus-visible{outline: 2px solid var(--accent); outline-offset: 1px;}
.pbody{overflow-y: auto; padding: 14px 16px 24px; flex: 1 1 0%; min-height: 0px;}
:is(.panel, .admin, .modal, .abar) .lbl{font-weight: 500; font-size: 13px;}
input[type="range"]{width: 100%; accent-color: var(--accent); min-width: 0px;}
.stage{grid-area: stage; overflow: auto; padding: 20px; min-width: 0px; min-height: 0px;}
.frame{margin: 0px auto; max-width: 100%; box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px, rgba(0, 0, 0, 0.08) 0px 10px 30px; border-radius: 6px; overflow: clip; transition: max-width 0.3s;}
.frame[data-device="tablet"]{max-width: 820px;}
.frame[data-device="mobile"]{max-width: 390px;}
.site{font-family: var(--g-body); font-size: var(--g-base); line-height: 1.6; color: var(--g-text); background: var(--g-bg);}
.site *,.site ::before,.site ::after{box-sizing: border-box;}
:where(.site) :is(h1, h2, h3, h4, h5, h6):not(:where(.hx *)){font-family: var(--g-head); font-weight: var(--g-hw); letter-spacing: var(--g-hls); line-height: 1.1; margin: 0px; text-wrap: balance; color: inherit;}
:where(.site) p{margin: 0px;}
:where(.site) a{color: inherit;}
.sec{position: relative; padding: var(--pt) var(--pr) var(--pb) var(--pl); margin: var(--mt) 0 var(--mb);}
.sec-inner{display: flex; margin: 0px auto; position: relative; z-index: 1; padding-inline: 14px;}
.col{flex: 0 0 auto; display: flex; position: relative; min-width: 0px;}
.col-in{flex: 1 1 0%; display: flex; flex-direction: column; padding: var(--cgap); position: relative; min-width: 0px;}
.col-items{display: flex; flex-direction: column; gap: var(--g-wgap); flex: 1 1 0%; min-height: 56px;}
.col-items:empty{border: 1px dashed rgb(201, 195, 182); border-radius: 6px; display: grid; place-items: center;}
.col-items:empty::before{content: "+ Drag a widget here, or tap a widget"; font: 500 12px var(--ui); color: rgb(139, 133, 119); padding: 16px; text-align: center;}
.col-items:empty{border: 0px;}
.col-items:empty::before{content: none;}
.w{position: relative;}
.frame[data-device="mobile"] .sec-inner{flex-wrap: wrap;}
.frame[data-device="mobile"] .sec{padding: calc(var(--pt) * .6) calc(var(--pr) * .5) calc(var(--pb) * .6) calc(var(--pl) * .5);}
.frame[data-device="tablet"] .sec{padding: calc(var(--pt) * .8) var(--pr) calc(var(--pb) * .8) var(--pl);}
[class*="anim-"]{animation-duration: var(--ad, .8s); animation-delay: var(--dl, 0ms); animation-fill-mode: both; animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1);}
.anim-wait{opacity: 0;}
.anim-fade{animation-name: a-fade;}
.anim-up{animation-name: a-up;}
.anim-down{animation-name: a-down;}
.anim-left{animation-name: a-left;}
.anim-right{animation-name: a-right;}
.anim-zoom{animation-name: a-zoom;}
.anim-flip{animation-name: a-flip;}
.anim-blur{animation-name: a-blur;}
@keyframes a-fade { 
  0% { opacity: 0; }
}
@keyframes a-up { 
  0% { opacity: 0; transform: translateY(40px); }
}
@keyframes a-down { 
  0% { opacity: 0; transform: translateY(-40px); }
}
@keyframes a-left { 
  0% { opacity: 0; transform: translateX(-60px); }
}
@keyframes a-right { 
  0% { opacity: 0; transform: translateX(60px); }
}
@keyframes a-zoom { 
  0% { opacity: 0; transform: scale(0.82); }
}
@keyframes a-zoomout { 
  0% { opacity: 0; transform: scale(1.18); }
}
@keyframes a-flip { 
  0% { opacity: 0; transform: perspective(800px) rotateX(65deg); transform-origin: 50% 100%; }
}
@keyframes a-bounce { 
  0% { opacity: 0; transform: scale(0.4); }
  55% { opacity: 1; transform: scale(1.06); }
  75% { transform: scale(0.97); }
  100% { transform: scale(1); }
}
@keyframes a-blur { 
  0% { opacity: 0; filter: blur(14px); }
}
@keyframes a-rotate { 
  0% { opacity: 0; transform: rotate(-10deg) translateY(30px); }
}
@keyframes l-float { 
  50% { transform: translateY(-10px); }
}
@keyframes l-pulse { 
  50% { transform: scale(1.05); }
}
@keyframes l-wiggle { 
  0%, 70%, 100% { transform: rotate(0deg); }
  80% { transform: rotate(-4deg); }
  90% { transform: rotate(4deg); }
}
@keyframes l-spin { 
  100% { transform: rotate(360deg); }
}
.col-in:has(> .bgl){overflow: hidden;}
.col-in > .col-items{position: relative; z-index: 1;}
@keyframes kb { 
  0% { transform: scale(1); }
  100% { transform: scale(1.14) translate(-2%, -1%); }
}
@keyframes gmove { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
.sec.sticky{position: sticky; top: 0px; z-index: 20;}
.cur{position: fixed; left: 0px; top: 0px; z-index: 90; pointer-events: none; opacity: 0; transition: opacity 0.2s, width 0.25s, height 0.25s, margin 0.25s, background 0.25s;}
.cur-dot{width: 10px; height: 10px; margin: -5px 0px 0px -5px; border-radius: 50%; background: var(--cc);}
.cur-dot.big{width: 34px; height: 34px; margin: -17px 0px 0px -17px; opacity: 0.6;}
.cur-ring{width: 34px; height: 34px; margin: -17px 0px 0px -17px; border-radius: 50%; border: 2px solid var(--cc);}
.cur-ring.big{width: 64px; height: 64px; margin: -32px 0px 0px -32px; background: color-mix(in srgb, var(--cc) 18%, transparent);}
body.has-cursor #stage,body.has-cursor #stage *{cursor: none !important;}
.ckbar{position: sticky; bottom: 12px; z-index: 40; margin: -80px auto 0px; width: min(760px, 100% - 24px); display: flex; gap: 14px; align-items: center; justify-content: space-between; flex-wrap: wrap; background: rgb(28, 28, 28); color: rgb(246, 245, 242); padding: 14px 16px; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.3) 0px 16px 40px; font: 600 14px var(--ui);}
.ckbar.ck-box{width: min(340px, 100% - 24px); margin-left: 12px;}
.ckbar div{display: flex; gap: 8px;}
.ckbar button{height: 36px; padding: 0px 14px; border-radius: 10px; background: rgb(246, 245, 242); color: rgb(28, 28, 28); font-weight: 800;}
.ckbar button.o{background: transparent; color: rgb(246, 245, 242); border: 1px solid rgba(255, 255, 255, 0.3);}
.frame{position: relative;}
.tpl{position: relative;}
.tpl .sec,.tpl .sec *{pointer-events: none;}
.tpl .sec,.tpl .sec *{pointer-events: auto;}
.tpl.sticky{position: sticky; top: 0px; z-index: 25;}
.tpl.transparent{position: absolute; top: 0px; left: 0px; right: 0px; z-index: 25;}
.tpl.transparent > .sec{color: rgb(255, 255, 255); background: transparent !important; box-shadow: none !important;}
.w-heading p.hp{font: 700 .8rem var(--g-body); letter-spacing: 0.14em; text-transform: uppercase; color: var(--g-primary);}
.w-text .tx{display: grid; gap: 0.9em;}
.bwrap{display: flex;}
.sbtn{display: inline-flex; align-items: center; gap: 0.5em; font-weight: var(--g-btn-weight, 600); text-decoration: none; background: var(--b-bg); color: var(--b-tx); border: var(--b-bw, 2px) solid var(--b-bd, transparent); transition: transform 0.15s, box-shadow 0.15s, background 0.2s, color 0.2s, border-color 0.2s;}
.sbtn:hover{background: var(--b-hbg, var(--b-bg)); color: var(--b-htx, var(--b-tx)); border-color: var(--b-hbd, var(--b-bd));}
.sbtn.sz-md{padding: 0.75em 1.4em;}
.sbtn.sz-lg{padding: 1em 1.9em; font-size: 1.08rem;}
.sbtn .ic{width: 1.1em; height: 1.1em;}
.ic{stroke: currentcolor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.divw{display: flex;}
.divw hr{border: 0px; margin: 0px;}
.ph{width: 100%; height: 100%; min-height: 60px; background-size: cover;}
@keyframes grow { 
  0% { width: 0px; }
}
.rstars{display: flex; gap: 2px; color: rgb(233, 162, 59);}
.rstars svg{width: 17px; height: 17px; fill: currentcolor; stroke: none;}
.pgrid{display: grid; gap: 22px;}
.pcard{display: flex; flex-direction: column; border-radius: var(--g-radius); overflow: hidden;}
.pcard .pb{padding: 16px 18px 20px; display: grid; gap: 6px;}
.pcard.overlay{position: relative; aspect-ratio: 4 / 5; color: rgb(255, 255, 255); justify-content: flex-end;}
.pcard.overlay::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 30%, rgba(0, 0, 0, 0.75));}
.pcard.overlay .pb{position: relative; z-index: 1;}
.pcard time{font-size: 0.82rem;}
.pcard h3{font-size: 1.15rem;}
.pcard p{font-size: 0.95rem;}
.tag{display: inline-block; font: 600 .7rem var(--g-body); letter-spacing: 0.1em; text-transform: uppercase; color: var(--g-primary);}
.pcard.overlay .tag{color: var(--g-accent);}
.cats{list-style: none; margin: 0px; padding: 0px;}
.cats.list li{display: flex; justify-content: space-between; padding: 9px 0px; border-bottom: 1px solid rgba(127, 127, 127, 0.2);}
.cats.pills{display: flex; flex-wrap: wrap; gap: 8px;}
.cats.pills li{padding: 6px 14px; border-radius: 99px; background: rgba(127, 127, 127, 0.12); font-size: 0.9rem;}
.cats small{opacity: 0.6; margin-left: 6px;}
.cform input,.cform textarea{flex: 1 1 0%; min-width: 0px; padding: 0.8em 1em; border: 0px; border-radius: var(--fr, 14px); font: inherit; background: var(--fbg, var(--g-soft)); color: var(--g-text);}
.cform{display: grid; gap: 14px;}
.cform .row2{display: grid; grid-template-columns: 1fr 1fr; gap: 14px;}
.frame[data-device="mobile"] .cform .row2{grid-template-columns: 1fr;}
.cform label{display: grid; gap: 6px; font-weight: 600; font-size: 0.9rem;}
.cform input[type="checkbox"]{flex: 0 0 auto; width: 18px; height: 18px; padding: 0px; margin: 2px 0px 0px; accent-color: var(--g-primary);}
.cform .consent{display: flex; gap: 8px; align-items: flex-start; font-weight: 400; font-size: 0.88rem;}
.cform textarea{min-height: 120px; resize: vertical;}
.jm{display: flex; flex-wrap: wrap; gap: 8px;}
.jm span{display: inline-flex; align-items: center; gap: 7px; font-weight: 700;}
.jm-chips span{padding: 7px 13px; border-radius: 99px; background: color-mix(in srgb, var(--g-primary) 10%, transparent);}
.jm .ic{width: 17px; height: 17px; color: var(--g-primary);}
.jf{display: flex; flex-wrap: wrap; gap: 12px; align-items: center;}
.jfs input{height: 46px; min-width: min(320px, 100%); padding: 0px 16px; border-radius: 99px; border: 0px; background: color-mix(in srgb, var(--g-text) 6%, transparent); font: inherit; color: inherit;}
.jfd{display: flex; flex-wrap: wrap; gap: 10px;}
.jfd button{height: auto; padding: 13px 22px; border-radius: 14px; font: 600 15px var(--g-body); background: var(--g-card); color: inherit; transition: background 0.25s, color 0.25s;}
.jfd button:hover{background: var(--g-primary); color: rgb(255, 255, 255);}
.jfd button.is-on{background: var(--g-primary); color: rgb(255, 255, 255);}
.job[hidden]{display: none !important;}
.jobview{position: absolute; inset: 0px; z-index: 55; overflow-y: auto; background: var(--g-bg); animation: 0.45s ease 0s 1 normal both running a-up;}
.jobview .jv-bar{position: sticky; top: 0px; z-index: 3; display: flex; justify-content: space-between; align-items: center; padding: 12px 18px; background: rgb(0, 0, 0); color: rgb(255, 255, 255); font: 700 14px var(--ui);}
.jobview .jv-bar button{color: rgb(255, 255, 255); font-weight: 800;}
.jobs{display: grid; gap: 16px;}
.job{display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: clamp(22px, 2.6cqw, 34px); border-radius: 26px; background: var(--g-card); color: var(--g-text); transition: transform 0.35s;}
.job:hover{transform: translateY(-4px);}
.job h3{font-size: 1.3rem; margin: 4px 0px 2px;}
.jmeta{font-weight: 600;}
.jclose{font-size: 0.95rem; font-weight: 700; color: var(--g-primary);}
.cform select{padding: 0.8em 1em; border: 0px; border-radius: var(--fr, 14px); font: inherit; background: var(--g-soft); color: var(--g-text);}
.jform.card-f{padding: clamp(22px, 3cqw, 36px); border-radius: 28px; background: var(--g-card); color: var(--g-text);}
.jform h3{font-size: 1.4rem;}
.cvdrop{position: relative; display: flex; align-items: center; gap: 10px; padding: 18px; border: 0px; background: var(--g-soft); border-radius: var(--fr, 14px); font-weight: 600; cursor: pointer;}
.cvdrop input{position: absolute; inset: 0px; opacity: 0; cursor: pointer;}
.pmeta{display: flex; gap: 14px; flex-wrap: wrap; align-items: center; font-weight: 600; font-size: 0.92rem;}
.dyn{position: relative;}
@keyframes marq { 
  100% { transform: translateX(-50%); }
}
.gwm{display: inline-block; overflow: hidden; vertical-align: top; padding-bottom: 0.08em; margin-bottom: -0.08em;}
.gw,.gc{display: inline-block; will-change: transform;}
.toast{position: fixed; left: 50%; bottom: calc(24px + env(safe-area-inset-bottom, 0px)); transform: translate(-50%, 20px); opacity: 0; background: var(--ink); color: var(--panel); padding: 9px 16px; border-radius: 8px; font-weight: 500; transition: 0.2s; pointer-events: none; z-index: 80; white-space: nowrap;}
.toast.show{opacity: 1; transform: translate(-50%, 0px);}
kbd{font: 700 12px var(--ui); background: var(--panel-2); border-radius: 6px; padding: 3px 7px;}
.list{display: grid;}
.list > div{display: flex; gap: 12px; align-items: center; padding: 13px 18px; border-top: 1px solid var(--line);}
.list > div:first-child{border-top: 0px;}
@media (prefers-reduced-motion: reduce){*,::before,::after{transition: none !important; animation: auto ease 0s 1 normal none running none !important;}}
.tpl.overlay{position: sticky; top: 0px; height: 0px; z-index: 25; overflow: visible;}
.tpl.overlay:not(.float) > .sec{color: rgb(255, 255, 255);}
.tpl.tplskin.sticky:not(.overlay){position: sticky; top: 0px; z-index: 25;}
.popwrap{position: absolute; inset: 0px; z-index: 60; display: grid; place-items: center; padding: 16px; background: rgba(0, 0, 0, 0.45); animation: 0.3s ease 0s 1 normal both running a-fade;}
.popwrap.nooverlay{background: transparent; pointer-events: none;}
.popwrap.nooverlay .popbox{pointer-events: auto;}
.popbox{position: relative; width: min(var(--pw, 520px), 100%); border-radius: 22px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 80px; animation: 0.4s ease 0s 1 normal both running a-zoom;}
.popx{position: absolute; top: 10px; right: 10px; z-index: 3; width: 34px; height: 34px; border-radius: 50%; background: rgba(0, 0, 0, 0.08); display: grid; place-items: center; font-size: 18px;}
.stage{background: var(--stage);}
.list > div{border: 0px;}
.sec.raw{padding: 0px !important;}
.sec.raw > .sec-inner{padding-inline: 0px; max-width: none !important;}
.sec.raw .col-in{padding: 0px;}
.sec.raw .col-items{gap: 0px; min-height: 0px;}
.tpl > .sec.raw{color: inherit !important; background: transparent !important; box-shadow: none !important;}
.hx{min-height: 4px;}
@keyframes a-pop { 
  0% { opacity: 0; transform: scale(0); }
}
.megap{position: absolute; left: 50%; top: 90px; z-index: 30; width: min(var(--mw, 1100px), calc(100% - 32px)); transform: translate(-50%, 10px); opacity: 0; visibility: hidden; transition: opacity 0.25s, transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.25s; border-radius: 26px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.35) 0px 30px 80px -24px; color: var(--g-text); text-align: left;}
.megap.open{opacity: 1; visibility: visible; transform: translate(-50%, 0px);}
.has-mega{position: relative; padding-right: 14px;}
.has-mega::before{content: ""; position: absolute; right: 0px; top: 50%; width: 6px; height: 6px; border-right: 2px solid; border-bottom: 2px solid; transform: translateY(-70%) rotate(45deg); transition: transform 0.25s;}
.has-mega.mega-on::before{transform: translateY(-20%) rotate(-135deg);}
.frame[data-device="mobile"] .megap,.frame[data-device="tablet"] .megap:not(.static){display: none;}
.pcard[hidden]{display: none !important;}
.pcard.news{background: transparent; cursor: pointer;}
.pcard.news .pb{padding: 18px 2px 0px; gap: 10px;}
.pcard.news .pm{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
.pcard.news time{opacity: 1; font-weight: 500; font-size: 14px;}
.pcard.news h3{font-size: clamp(19px, 1.7vw, 24px); font-weight: 700; letter-spacing: -0.015em; line-height: 1.25; margin: 0px;}
.pcard.news p{opacity: 1; font-size: 16px; line-height: 1.55; margin: 0px;}
.prm{display: inline-flex; align-items: center; gap: 8px; color: var(--g-primary); font-weight: 700; font-size: 16px; text-decoration: none;}
.prm svg{width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 2.5; transition: transform 0.3s;}
.pcard:hover .prm svg,.prm:hover svg{transform: translate(3px, -3px);}
.pcard .tag{font: 700 12px var(--g-body); letter-spacing: 0.14em; color: var(--g-primary);}
.nfeat{display: grid; grid-template-columns: 1.55fr 1fr; gap: 24px; align-items: stretch;}
.nf-main{position: relative; border-radius: var(--nr, 24px); overflow: hidden; color: rgb(255, 255, 255); display: flex; align-items: flex-end; cursor: pointer; isolation: isolate;}
.nf-main > .ph{position: absolute; inset: 0px; z-index: -1; transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
.nf-main:hover > .ph{transform: scale(1.04);}
.nf-main::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.82));}
.nf-b{padding: clamp(22px, 3cqw, 40px); display: grid; gap: 12px; max-width: 680px;}
.nf-b h2{font-size: clamp(26px, 2.8cqw, 44px); font-weight: 700; line-height: 1.08; letter-spacing: -0.02em; margin: 0px; color: rgb(255, 255, 255);}
.nf-b p{margin: 0px; font-size: 17px; line-height: 1.55; color: rgb(255, 255, 255);}
.nf-chip{justify-self: start; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; padding: 8px 15px; border-radius: 12px;}
.nf-by{display: flex; align-items: center; gap: 10px; font-size: 15px; margin-top: 4px;}
.nf-by time{margin-left: 4px;}
.nf-side{display: grid; gap: 14px; align-content: start;}
.nf-i{display: grid; grid-template-columns: 104px minmax(0px, 1fr); gap: 16px; align-items: center; padding: 12px; border-radius: 22px; background: var(--ncb, var(--g-card)); cursor: pointer; transition: transform 0.35s;}
.nf-i:hover{transform: translateY(-3px);}
.nf-i > .ph{aspect-ratio: 1 / 1; border-radius: 16px;}
.nf-i h4{margin: 4px 0px 6px; font-size: 16.5px; line-height: 1.3; font-weight: 700;}
.nf-i time{font-size: 13.5px; font-weight: 500;}
.wav{width: 38px; height: 38px; border-radius: 50%; background: var(--g-primary); color: rgb(255, 255, 255); display: inline-grid; place-items: center; font-weight: 800; flex: 0 0 auto;}
.frame[data-device="mobile"] .nfeat,.frame[data-device="tablet"] .nfeat{grid-template-columns: 1fr;}
@container (max-width: 900px){.nfeat{grid-template-columns: 1fr;}}
.frame{container-type: inline-size;}
.cats.pills{gap: 10px; margin-bottom: 26px;}
.cats.pills li{padding: 0px; background: none;}
.cats.pills button{border: 0px; background: var(--g-card); color: inherit; font: 600 15px var(--g-body); padding: 12px 20px; border-radius: 14px; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; transition: background 0.25s, color 0.25s;}
.cats.pills button small{font-size: 12px; opacity: 0.8;}
.cats.pills button.is-on,.cats.pills button:hover{background: var(--g-primary); color: rgb(255, 255, 255);}
.frame[data-device="mobile"] .cats.pills{flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; justify-content: flex-start !important;}
.frame[data-device="mobile"] .cats.pills button{white-space: nowrap;}
.pauth{display: flex; align-items: center; gap: 12px;}
.pauth .wav{width: 46px; height: 46px; font-size: 18px;}
.pa-n{display: grid; line-height: 1.25; text-align: left;}
.pa-n b{font-size: 16px;}
.pa-n small{font-size: 14px;}
.pa-i{margin-left: auto; display: flex; gap: 6px;}
.pa-i button{width: 42px; height: 42px; border-radius: 50%; border: 0px; background: var(--g-soft); color: inherit; display: grid; place-items: center; cursor: pointer; transition: background 0.25s, color 0.25s;}
.pa-i button:hover{background: var(--g-primary); color: rgb(255, 255, 255);}
.pa-i svg{width: 18px; height: 18px;}
.pimgw{position: relative; overflow: hidden;}
.pimgw > .ph{position: absolute; inset: 0px;}
.tx.pbody{padding: 0px; margin: 0px;}
.pbody .lead{font-size: 20px; line-height: 1.55; font-weight: 600;}
.stage{padding: 0px;}
.frame[data-device="desktop"]{border-radius: 0px; box-shadow: none;}
.frame:not([data-device="desktop"]){margin-top: 20px; margin-bottom: 20px;}
.site{transition: background-color 0.4s, color 0.4s;}
.hl{color: var(--g-primary); font-weight: 700;}
.sbtn.disc{gap: 16px; padding: 6px 6px 6px 24px; border-radius: 99px; background: var(--d-bg, var(--g-soft)); color: var(--d-tx, var(--g-text)); font: 700 16px/1 var(--g-body); border: 0px; transition: background 0.3s, color 0.3s, transform 0.3s;}
.sbtn.disc b{font-weight: 700;}
.sbtn.disc i{width: 44px; height: 44px; border-radius: 50%; background: var(--g-primary); color: rgb(255, 255, 255); display: grid; place-items: center; flex: 0 0 auto; transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), background 0.3s, color 0.3s;}
.sbtn.disc i svg{width: 16px; height: 16px; fill: none; stroke: currentcolor; stroke-width: 2.5;}
.sbtn.disc:hover{background: var(--d-hbg, var(--g-primary)); color: var(--d-htx, #fff); transform: translateY(-2px);}
.sbtn.disc:hover i{background: rgb(255, 255, 255); color: var(--g-primary); transform: rotate(45deg);}
.sbtn.disc.sz-lg{padding: 7px 7px 7px 28px; font-size: 17px;}
.sbtn.disc.sz-lg i{width: 50px; height: 50px;}
.jfs input{border-radius: 14px !important; height: 50px !important; background: var(--g-card) !important;}
.site[data-theme="dark"] .ph{filter: brightness(0.9);}
.phs{display: grid; place-items: center; background: radial-gradient(circle at var(--gx, 70%) var(--gy, 30%), rgb(250 61 59 / .42), transparent 55%), radial-gradient(circle at calc(100% - var(--gx, 70%)) 90%, rgb(255 255 255 / .06), transparent 45%), #161616; color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; overflow: hidden;}
.phs span{padding: 0px 14px; text-align: center;}
.nf-main > .phs,.pimgw > .phs{position: absolute; inset: 0px; z-index: -1;}
.pimgw > .phs{z-index: 0;}
.pimgw > .phs span,.pcard.bento .phs span{display: none;}
.nf-i > .phs{aspect-ratio: 1 / 1; border-radius: 16px; font-size: 11px;}
.pcard .phs{aspect-ratio: 4 / 3;}
.has-ind{position: relative; z-index: 0;}
.has-ind .pind{position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; border-radius: 14px; background: var(--g-primary); z-index: -1; transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), width 0.5s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.3s; pointer-events: none;}
.has-ind button{position: relative; background: transparent !important;}
.has-ind button::before{content: ""; position: absolute; inset: 0px; border-radius: inherit; background: var(--g-card); z-index: -2;}
.has-ind button.is-on,.has-ind button:hover.is-on{color: rgb(255, 255, 255);}
.has-ind button:not(.is-on):hover{color: var(--g-primary);}
.cats.pills.has-ind li{list-style: none;}
.wkf{display: flex; flex-wrap: wrap; gap: 12px; margin: 0px 0px 40px;}
.wkf button{border: 0px; color: inherit; font: 600 16px var(--g-body); padding: 14px 24px; border-radius: 14px; cursor: pointer; transition: color 0.25s;}
.wkg{display: grid;}
.wkc{cursor: pointer;}
.wkc[hidden]{display: none !important;}
.wki{position: relative; border-radius: var(--wr, 24px); overflow: hidden; aspect-ratio: 4 / 3; background: var(--g-card);}
.wki > .phs,.wki > .ph{position: absolute; inset: 0px; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}
.wkc:hover .wki > *{transform: scale(1.05);}
.wki .chip{position: absolute; top: 18px; right: 18px; z-index: 1; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(8px); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; padding: 9px 16px; border-radius: 12px;}
.wkc h3{text-align: center; font-size: clamp(20px, 2cqw, 30px); font-weight: 700; letter-spacing: -0.015em; margin: 22px 0px 0px;}
.pjm{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 6px;}
.pjm span,.pjm a{padding: 10px 16px; border-radius: 12px; background: var(--g-soft); font-weight: 600; font-size: 15px; display: inline-flex; gap: 8px; align-items: center; text-decoration: none; color: inherit;}
.pjm a svg{width: 14px; height: 14px; fill: none; stroke: var(--g-primary); stroke-width: 2.5;}
.pjr{margin: 0px; padding: clamp(24px, 3cqw, 44px); border-radius: 28px; background: var(--g-card);}
.pjr .rstars{color: var(--g-primary); letter-spacing: 4px; font-size: 20px; margin-bottom: 16px;}
.pjr blockquote{margin: 0px 0px 24px; font-size: clamp(20px, 2cqw, 28px); font-weight: 600; line-height: 1.35; letter-spacing: -0.01em;}
.pjr figcaption{display: flex; align-items: center; gap: 14px;}
.pjr .wav{width: 52px; height: 52px; font-size: 20px;}
.pjr b{display: block; font-size: 18px;}
.pjr small{font-size: 15px;}
.pgrid.bento{grid-auto-rows: 250px; grid-auto-flow: dense; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important;}
.pcard.bento{position: relative; border-radius: 24px; overflow: hidden; color: rgb(255, 255, 255); justify-content: flex-end; cursor: pointer; isolation: isolate; background: rgb(22, 22, 22);}
.pcard.bento::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(transparent 25%, rgba(0, 0, 0, 0.78));}
.pcard.bento .pb{padding: clamp(18px, 2cqw, 28px); gap: 8px;}
.pcard.bento .tag{background: rgba(255, 255, 255, 0.16); backdrop-filter: blur(8px); color: rgb(255, 255, 255); padding: 7px 12px; border-radius: 10px; letter-spacing: 0.08em; font-size: 11px;}
.pcard.bento time,.pcard.bento h3,.pcard.bento p,.pcard.bento .prm{color: rgb(255, 255, 255);}
.pcard.bento h3{font-size: clamp(17px, 1.5cqw, 21px);}
.pcard.bento p{display: none;}
.pcard.bento.b0 p,.pcard.bento.b5 p{display: block;}
.pcard.bento.b0{grid-area: span 2 / span 2;}
.pcard.bento.b0 h3{font-size: clamp(26px, 2.8cqw, 42px); line-height: 1.08;}
.pcard.bento.b5{grid-column: span 4;}
.pcard.bento.b5 h3{font-size: clamp(22px, 2.2cqw, 32px); max-width: 720px;}
.pcard.bento .prm{opacity: 0; transform: translateY(8px); transition: opacity 0.35s, transform 0.35s;}
.pcard.bento:hover .prm{opacity: 1; transform: none;}
.frame[data-device="tablet"] .pgrid.bento{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}
.frame[data-device="tablet"] .pcard.bento.b5{grid-column: span 2;}
.frame[data-device="mobile"] .pgrid.bento{grid-template-columns: minmax(0px, 1fr) !important; grid-auto-rows: auto;}
.frame[data-device="mobile"] .pcard.bento{min-height: 170px;}
.frame[data-device="mobile"] .pcard.bento.b0{min-height: 320px;}
.frame[data-device="mobile"] .pcard.bento .pb{gap: 14px;}
.frame[data-device="mobile"] .pcard.bento.b0,.frame[data-device="mobile"] .pcard.bento.b5{grid-area: auto;}
@container (max-width: 900px){.pgrid.bento{grid-template-columns: repeat(2, minmax(0px, 1fr)) !important;}.pcard.bento.b5{grid-column: span 2;}}
.vbub{position: fixed; left: -46px; top: -46px; width: 92px; height: 92px; border-radius: 50%; background: var(--sel); color: rgb(255, 255, 255); display: grid; place-items: center; font: 700 14px var(--ui); pointer-events: none; z-index: 80; scale: 0; transition: scale 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);}
.vbub.on{scale: 1;}
#site [data-project],#site [data-post]{cursor: none;}
.rbar{position: fixed; z-index: 60; pointer-events: none;}
.rbar i{display: block; height: 100%; background: var(--sel); transform-origin: 0px 50%; transform: scaleX(0);}
.season{position: absolute; inset: 0px; overflow: hidden; pointer-events: none; z-index: 0; color: rgb(10, 10, 10); container-type: size;}
.season.whole{position: fixed; z-index: 45;}
.sec > .season{z-index: 0;}
.site[data-theme="dark"] .season{color: rgb(5, 5, 5); --sz-bg: #0f0f0f;}
.sz-moon{position: absolute; top: 9%; right: 9%; width: clamp(110px, 15cqw, 230px); aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle at 34% 30%, rgba(255, 255, 255, 0.55), transparent 30%), radial-gradient(circle at 62% 58%, rgba(214, 140, 60, 0.35) 0px, rgba(214, 140, 60, 0.35) 9%, transparent 10%), radial-gradient(circle at 40% 66%, rgba(214, 140, 60, 0.28) 0px, rgba(214, 140, 60, 0.28) 6%, transparent 7%), radial-gradient(circle at 68% 30%, rgba(214, 140, 60, 0.25) 0px, rgba(214, 140, 60, 0.25) 5%, transparent 6%), radial-gradient(circle at 45% 45%, rgb(255, 232, 184), rgb(255, 197, 107) 60%, rgb(243, 154, 61)); box-shadow: rgba(255, 178, 80, 0.38) 0px 0px 70px 24px, rgba(255, 140, 60, 0.16) 0px 0px 160px 60px; animation: 6s ease-in-out 0s infinite alternate none running sz-glow;}
@keyframes sz-glow { 
  100% { box-shadow: rgba(255, 178, 80, 0.48) 0px 0px 90px 30px, rgba(255, 140, 60, 0.2) 0px 0px 200px 80px; }
}
.sz-fly{position: absolute; top: 16%; left: 0px; width: 100%; animation: 17s linear 0s infinite normal none running sz-fly; will-change: transform;}
@keyframes sz-fly { 
  0% { transform: translate(calc(100cqw + 40px), 30px); }
  20% { transform: translate(78cqw, -10px); }
  40% { transform: translate(52cqw, 18px); }
  60% { transform: translate(24cqw, -14px); }
  82% { transform: translate(calc(-20cqw - 280px), 10px); }
  100% { transform: translate(calc(-20cqw - 280px), 10px); }
}
.sz-bob{position: relative; width: clamp(160px, 17cqw, 260px); animation: 3.2s ease-in-out 0s infinite alternate none running sz-bob;}
@keyframes sz-bob { 
  0% { transform: translateY(-8px) rotate(-5deg); }
  100% { transform: translateY(8px) rotate(-1.5deg); }
}
.sz-witch{width: 100%; fill: currentcolor; display: block;}
.site[data-theme="dark"] .sz-witch{filter: drop-shadow(rgba(255, 160, 70, 0.65) 0px 0px 6px);}
.sz-trail{position: absolute; left: 97%; top: 58%; width: 140px; height: 2px; background: linear-gradient(90deg, rgba(255, 190, 90, 0.9), transparent); filter: blur(1px); border-radius: 2px;}
.sz-trail::before,.sz-trail::after{content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: rgb(255, 207, 122); top: -6px; left: 30px; animation: 1.2s ease-in-out 0s infinite normal none running sz-tw;}
.sz-trail::after{left: 80px; top: 6px; animation-delay: 0.5s;}
@keyframes sz-tw { 
  50% { opacity: 0.1; transform: scale(0.4); }
}
.sz-bat{position: absolute; left: var(--x); top: var(--y); width: calc(34px * var(--s, 1)); animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: var(--dl);}
.sz-bat svg{width: 100%; fill: currentcolor; animation: 0.22s ease-in-out 0s infinite alternate none running sz-flap; transform-origin: 50% 50%;}
.site[data-theme="dark"] .sz-bat svg{filter: drop-shadow(rgba(255, 160, 70, 0.5) 0px 0px 4px);}
@keyframes sz-flap { 
  100% { transform: scaleY(0.35); }
}
@keyframes sz-wander { 
  0%, 100% { transform: translate(0px, 0px); }
  25% { transform: translate(50px, -24px); }
  50% { transform: translate(100px, 12px); }
  75% { transform: translate(36px, 30px); }
}
@keyframes sz-fall { 
  100% { top: 104%; transform: translateX(40px); }
}
@keyframes sz-burst { 
  0%, 8% { transform: rotate(var(--a)) translateX(0) scaleX(0); opacity: 1; }
  22% { transform: rotate(var(--a)) translateX(20px) scaleX(1); opacity: 1; }
  70%, 100% { transform: rotate(var(--a)) translateX(52px) scaleX(.2); opacity: 0; }
}
@keyframes sz-fwc { 
  0%, 100% { opacity: 1; }
}
@keyframes sz-rise { 
  100% { bottom: 108%; transform: translateX(30px) rotate(18deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce){.season *,.season ::before,.season ::after{animation: auto ease 0s 1 normal none running none !important;}.sz-fly{display: none;}}
.frame[data-device="mobile"] .sz-moon{right: 6%; top: 12%; width: 96px;}
.pcard.bento .pm{display: flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.sec.emptysec{display: none;}
.nf-main{background: rgb(10, 10, 10);}
.nf-rings{position: absolute; inset: -30% -20%; z-index: -1; background: repeating-radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.05) 0px, rgba(255, 255, 255, 0.05) 33px, transparent 33px, transparent 35px, rgba(255, 255, 255, 0.05) 35px, rgba(255, 255, 255, 0.05) 70px); mask-image: radial-gradient(circle at 80% 20%, rgb(0, 0, 0) 20%, transparent 70%); transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);}
.nf-main::before{content: ""; position: absolute; right: -10%; top: -20%; width: 60%; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle, rgba(250, 61, 59, 0.45), transparent 65%); z-index: -1;}
.nf-main:hover .nf-rings{transform: scale(1.06);}
.nf-main::after{display: none;}
.nf-n{font-size: 15px; font-weight: 700; color: var(--g-primary); letter-spacing: 0.04em;}
.nf-n.big{font-size: clamp(60px, 7cqw, 110px); font-weight: 300; line-height: 0.9; letter-spacing: -0.04em; order: -1; margin-bottom: auto;}
.nf-b{height: 100%; display: flex; flex-direction: column; justify-content: flex-end;}
.nf-i{grid-template-columns: 52px minmax(0px, 1fr); padding: 20px 22px;}
.nf-i .nf-n{font-size: 30px; font-weight: 300; letter-spacing: -0.02em;}
.pcard.bento{background: var(--g-card); color: var(--g-text); justify-content: space-between;}
.pcard.bento::after{display: none;}
.pcard.bento time,.pcard.bento h3,.pcard.bento p,.pcard.bento .prm{color: inherit;}
.pcard.bento .prm{color: var(--g-primary);}
.pcard.bento .tag{background: var(--g-soft); color: var(--g-primary); backdrop-filter: none;}
.pcard.bento .pb{height: 100%; display: flex; flex-direction: column;}
.pcard.bento .pb h3{margin-top: auto;}
.pcard.bento.b0{background: rgb(10, 10, 10); color: rgb(255, 255, 255);}
.pcard.bento.b0 .tag{background: rgba(255, 255, 255, 0.12); color: rgb(255, 255, 255);}
.pcard.bento.b0 .prm{color: rgb(255, 255, 255);}
.pcard.bento.b5{background: var(--g-primary); color: rgb(255, 255, 255);}
.pcard.bento.b5 .tag{background: rgba(255, 255, 255, 0.18); color: rgb(255, 255, 255);}
.pcard.bento.b5 .prm{color: rgb(255, 255, 255);}
.pcard.bento{transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1);}
.pcard.bento:hover{transform: translateY(-4px);}
.pcard.news{background: var(--g-card); border-radius: 24px; padding: 6px; transition: transform 0.35s;}
.pcard.news:hover{transform: translateY(-4px);}
.pcard.news .pb{padding: 22px 22px 24px;}
.sec.sec-center{text-align: center;}
.sec.sec-center .bwrap{justify-content: center;}
.sec.sec-center .hx{text-align: start;}
.sec.sec-center .hx [class$="-head"]{flex-direction: column; place-items: center; justify-content: center; text-align: center;}
.sec.sec-center .hx [class$="-head"] > *{margin-inline: auto;}
.sec.sec-center .hx [class$="-head"] p{max-width: 640px;}
body.no-gsap .site .hero h1 .l span{transform: none !important;}
body.no-gsap .site .hero .row{opacity: 1 !important;}
.gsec{position: relative;}
.bcrumb{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 13px; font-weight: 600; margin-bottom: 14px;}
.bcrumb a{color: var(--bc, var(--g-text)); text-decoration: none; transition: color 0.2s;}
.bcrumb a:hover{color: var(--g-primary);}
.bcrumb i{font-style: normal; color: var(--g-primary);}
.bcrumb span{color: var(--bcc, var(--g-primary)); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60ch;}
.areas .ar-l{display: flex; flex-wrap: wrap; gap: 8px;}
.areas.c .ar-l{justify-content: center;}
.areas.pills a{display: inline-flex; padding: 10px 16px; border-radius: 99px; background: var(--g-card); color: var(--g-text); font-weight: 600; font-size: 14px; text-decoration: none; transition: background 0.2s, color 0.2s;}
.areas.pills a:hover{background: var(--g-primary); color: rgb(255, 255, 255);}
.areas.arrows .ar-l{display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 0px 40px;}
.areas.arrows a{display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0px; color: var(--g-text); text-decoration: none; font-weight: 600; font-size: 18px; letter-spacing: -0.01em; transition: color 0.25s;}
.areas.arrows a i{display: inline-flex; width: 18px; height: 18px; flex: 0 0 auto; color: var(--g-primary); opacity: 0; transform: translate(-8px, 8px); transition: opacity 0.25s, transform 0.3s;}
.areas.arrows a i svg{width: 100%; height: 100%;}
.areas.arrows a:hover,.areas.arrows a:focus-visible{color: var(--g-primary);}
.areas.arrows a:hover i,.areas.arrows a:focus-visible i{opacity: 1; transform: none;}
@media (hover: none) and (pointer: coarse){.areas.arrows a i{opacity: 1; transform: none;}}
.areas.list .ar-l{display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px 18px;}
.areas.list a{color: var(--g-text); text-decoration: none; font-weight: 600; font-size: 14px; padding: 4px 0px;}
.areas.list a:hover{color: var(--g-primary);}
.dualf{display: grid; gap: 20px;}
.df-tabs{display: flex; gap: 0px; padding: 6px; border-radius: 99px; background: var(--fbg, var(--g-soft)); position: relative; isolation: isolate;}
.df-tabs button{border: 0px; background: transparent; color: var(--g-text); font: 700 15px var(--g-body); padding: 13px 18px; border-radius: 99px; cursor: pointer; display: inline-flex; align-items: center; gap: 9px; flex: 1 1 0px; min-width: 0px; justify-content: center; white-space: nowrap; transition: color 0.3s;}
.df-tabs button.is-on{color: rgb(255, 255, 255);}
.df-tabs .pind{border-radius: 99px !important;}
.df-tabs button .ic,.df-tabs button svg{width: 19px; height: 19px; flex: 0 0 auto;}
.df-tabs.has-ind button::before{display: none;}
.df-panels{display: grid;}
.df-panels > .cform{grid-area: 1 / 1; transition: opacity 0.35s, transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1);}
.df-panels > .cform.is-off{opacity: 0; visibility: hidden; transform: translateY(8px); pointer-events: none;}
.df-wa{grid-template-rows: auto 1fr auto;}
.df-wa > label:nth-of-type(2){grid-template-rows: auto 1fr;}
.df-wa textarea{height: 100%;}
.dualf .cform select{padding: 15px 18px; border-radius: var(--fr, 14px); font-weight: 500; appearance: none; background-image: linear-gradient(45deg, transparent 50%, currentcolor 50%), linear-gradient(135deg, currentcolor 50%, transparent 50%); background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%; background-size: 6px 6px; background-repeat: no-repeat;}
.dualf .cform input:not([type="checkbox"]),.dualf .cform textarea{padding: 15px 18px; border-radius: var(--fr, 14px); font-weight: 500; transition: box-shadow 0.25s, background 0.25s; outline: none;}
.dualf .cform input:not([type="checkbox"]):focus,.dualf .cform textarea:focus{box-shadow: inset 0 0 0 2px var(--g-primary); background: var(--g-card, #fff);}
.dualf .cform input::placeholder,.dualf .cform textarea::placeholder{color: var(--g-text); opacity: 0.45;}
.dualf .cform textarea{resize: none; min-height: 130px;}
.dualf .cform label{font-weight: 700; font-size: 14px; gap: 8px;}
.dualf .cform .consent{font-weight: 500; font-size: 14px; align-items: center; gap: 10px; cursor: pointer;}
.dualf .cform input[type="checkbox"]{appearance: none; width: 22px; height: 22px; margin: 0px; border-radius: 7px; background: var(--fbg, var(--g-soft)); display: grid; place-items: center; cursor: pointer; transition: background 0.2s;}
.dualf .cform input[type="checkbox"]::after{content: ""; width: 11px; height: 6px; border-style: solid; border-color: rgb(255, 255, 255); border-image: none; border-width: 0px 0px 2.5px 2.5px; transform: translateY(-1px) rotate(-45deg) scale(0); transition: transform 0.2s cubic-bezier(0.2, 0.8, 0.2, 1.4);}
.dualf .cform input[type="checkbox"]:checked{background: var(--g-primary);}
.dualf .cform input[type="checkbox"]:checked::after{transform: translateY(-1px) rotate(-45deg) scale(1);}
.dualf .bwrap{margin-top: 4px;}
.frame[data-device="mobile"] .df-panels > .cform.is-off{display: none;}
.frame[data-device="mobile"] .df-wa textarea{height: auto;}
.frame[data-device="mobile"] .df-tabs button{font-size: 14px; padding: 12px 10px; gap: 7px;}
.dualf .cform label{text-align: left;}
.frame[data-device="mobile"] .dualf .bwrap{justify-content: center;}
.sz-haze{position: absolute; inset: 0px; background: radial-gradient(120% 70% at 82% 0%, rgba(255, 170, 80, 0.16), transparent 60%);}
.site[data-theme="dark"] .sz-haze{background: radial-gradient(90% 70% at 80% 5%, rgba(140, 70, 220, 0.28), transparent 60%), radial-gradient(70% 50% at 10% 100%, rgba(255, 120, 40, 0.14), transparent 60%);}
.sz-haze.xmas{background: radial-gradient(90% 60% at 50% 0%, rgba(255, 210, 120, 0.14), transparent 60%);}
.site[data-theme="dark"] .sz-haze.xmas{background: radial-gradient(90% 60% at 50% 0%, rgba(60, 120, 255, 0.22), transparent 60%), radial-gradient(60% 40% at 50% 100%, rgba(46, 213, 115, 0.1), transparent 60%);}
.sz-haze.fire{background: radial-gradient(70% 45% at 50% 100%, rgba(255, 110, 30, 0.22), transparent 70%);}
.site[data-theme="dark"] .sz-haze.fire{background: radial-gradient(90% 60% at 50% 0%, rgba(60, 40, 140, 0.35), transparent 60%), radial-gradient(70% 45% at 50% 100%, rgba(255, 110, 30, 0.3), transparent 70%);}
.sz-haze.love{background: radial-gradient(80% 60% at 50% 100%, rgba(255, 77, 109, 0.14), transparent 65%);}
.sz-star{position: absolute; left: var(--x); top: var(--y); width: var(--s); height: var(--s); border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 6px; opacity: 0; animation-duration: 3.6s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sz-twinkle; animation-timeline: auto; animation-range: normal; animation-delay: var(--dl);}
.site:not([data-theme="dark"]) .sz-star{display: none;}
@keyframes sz-twinkle { 
  50% { opacity: 0.9; }
}
.sz-cv{position: absolute; inset: 0px; width: 100%; height: 100%;}
.sz-glow{position: absolute; left: 50%; bottom: -12%; width: 60%; height: 30%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 140, 40, 0.55), rgba(255, 80, 30, 0.25) 55%, transparent); filter: blur(16px); animation: 1.8s ease-in-out 0s infinite alternate none running sz-flicker;}
@keyframes sz-flicker { 
  0% { opacity: 0.75; transform: translateX(-50%) scale(1); }
  40% { opacity: 1; }
  100% { opacity: 0.85; transform: translateX(-50%) scale(1.06, 1.12); }
}
.sz-fly{animation-duration: 14s; top: 14%;}
.sz-bob .sz-witch{transform: rotate(10deg);}
.sz-pumpkins{position: absolute; right: 4%; bottom: 3%; display: flex; align-items: flex-end; gap: 4px;}
.sz-pumpkins .pk{display: block; filter: drop-shadow(rgba(194, 65, 12, 0.35) 0px 6px 14px); animation: 3.4s ease-in-out 0s infinite alternate none running sz-pk; transform-origin: 50% 100%;}
.sz-pumpkins .pk svg{width: 100%; display: block;}
.pk .face{animation: 1.4s ease-in-out 0s infinite alternate none running sz-candle;}
.sz-pumpkins .pk.a{width: clamp(54px, 6cqw, 92px);}
.sz-pumpkins .pk.b{width: clamp(80px, 8.5cqw, 130px); animation-delay: -1.2s;}
.sz-pumpkins .pk.c{width: clamp(44px, 4.6cqw, 70px); animation-delay: -2s;}
.site[data-theme="dark"] .sz-pumpkins .pk{filter: drop-shadow(rgba(255, 150, 40, 0.55) 0px 0px 18px);}
@keyframes sz-pk { 
  100% { transform: rotate(-2deg) translateY(-2px); }
}
@keyframes sz-candle { 
  0% { opacity: 0.78; }
  30% { opacity: 1; }
  60% { opacity: 0.85; }
  100% { opacity: 1; }
}
.frame[data-device="mobile"] .sz-pumpkins{right: 2%; bottom: 1%; transform: scale(0.75); transform-origin: 100% 100%;}
.sz-wire{position: absolute; left: 0px; top: 0px; width: 100%; height: 60px; color: rgb(45, 58, 45); opacity: 0.8;}
.site[data-theme="dark"] .sz-wire{color: rgb(154, 167, 154); opacity: 0.5;}
.sz-lights{position: absolute; left: 0px; top: 0px; width: 100%; height: 80px;}
.bulb{position: absolute; width: 10px; height: 15px; margin-left: -5px; border-radius: 50% 50% 46% 46%; background: radial-gradient(circle at 40% 35%, #fff 0 12%, var(--c) 45%); box-shadow: 0 0 10px 2px var(--c), 0 0 26px 6px color-mix(in srgb, var(--c) 45%, transparent); transform: rotate(var(--r)); animation-duration: 2.4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: sz-bulb; animation-timeline: auto; animation-range: normal; animation-delay: var(--dl);}
.bulb::before{content: ""; position: absolute; left: 2px; top: -4px; width: 6px; height: 5px; border-radius: 1px; background: rgb(45, 58, 45);}
@keyframes sz-bulb { 
  0%, 100% { opacity: 1; filter: brightness(1.1); }
  50% { opacity: 0.55; filter: brightness(0.8); }
}
.nf-chip{align-self: flex-start;}
.wki > .ph,.pimgw > .ph{background-size: cover !important; background-position: center center !important;}
.wn-top{display: grid; grid-template-columns: minmax(0px, 1.55fr) minmax(0px, 1fr); gap: 22px; margin-bottom: 26px;}
.wn-top[hidden]{display: none;}
.wn-f{position: relative; min-height: 470px; border-radius: var(--wr, 24px); overflow: hidden; color: rgb(255, 255, 255); display: flex; align-items: flex-end; cursor: pointer; isolation: isolate; background: rgb(22, 22, 22);}
.wn-f > .wn-bg{position: absolute; inset: 0px; z-index: -2; transition: transform 1s cubic-bezier(0.2, 0.8, 0.2, 1);}
.wn-f > .phs span{display: none;}
.wn-f:hover > .wn-bg{transform: scale(1.04);}
.wn-f::after{content: ""; position: absolute; inset: 0px; z-index: -1; background: linear-gradient(transparent 35%, rgba(0, 0, 0, 0.78));}
.wn-fb{padding: clamp(22px, 3cqw, 38px); display: grid; gap: 12px;}
.wn-fb .chip{justify-self: start; background: rgba(255, 255, 255, 0.92); color: rgb(10, 10, 10); font-size: 14px; font-weight: 700; padding: 8px 14px; border-radius: 10px;}
.wn-fb h3{margin: 0px; font-size: clamp(26px, 2.8cqw, 44px); line-height: 1.06; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
.wn-fb .wn-m span{color: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.14);}
.wn-side{display: grid; gap: 12px; align-content: start;}
.wn-i{display: grid; grid-template-columns: 132px minmax(0px, 1fr); gap: 16px; align-items: center; padding: 10px; border-radius: 20px; background: var(--g-card); cursor: pointer; transition: transform 0.35s;}
.wn-i:hover{transform: translateY(-3px);}
.wn-th{position: relative; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: rgb(22, 22, 22);}
.wn-th > *{position: absolute; inset: 0px;}
.wn-th .phs span{font-size: 11px;}
.wn-i h4{margin: 6px 0px 0px; font-size: 17px; line-height: 1.25; font-weight: 700;}
.wn-m{display: flex; flex-wrap: wrap; gap: 6px;}
.wn-m span{font-size: 12.5px; font-weight: 600; padding: 4px 9px; border-radius: 8px; background: var(--g-soft);}
.wn-grid{display: grid;}
.wn-c{background: var(--g-card); border-radius: var(--wr, 24px); padding: 10px 10px 20px; cursor: pointer; display: grid; gap: 12px; align-content: start; transition: transform 0.35s;}
.wn-c[hidden]{display: none !important;}
.wn-c:hover{transform: translateY(-4px);}
.wn-ci{position: relative; aspect-ratio: 4 / 3; border-radius: calc(var(--wr, 24px) - 8px); overflow: hidden; background: rgb(22, 22, 22);}
.wn-ci > *{position: absolute; inset: 0px; transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);}
.wn-c:hover .wn-ci > *{transform: scale(1.05);}
.wn-c .wn-m,.wn-c h3{padding: 0px 10px;}
.wn-c h3{margin: 0px; font-size: clamp(19px, 1.7cqw, 24px); line-height: 1.2; letter-spacing: -0.01em;}
.frame[data-device="mobile"] .wn-top,.frame[data-device="tablet"] .wn-top{grid-template-columns: 1fr;}
.frame[data-device="mobile"] .wn-f{min-height: 360px;}
.frame[data-device="mobile"] .wn-i{grid-template-columns: 96px minmax(0px, 1fr);}
.frame[data-device="mobile"] .wn-grid{grid-template-columns: 1fr !important;}
.frame[data-device="tablet"] .wn-grid{grid-template-columns: 1fr 1fr !important;}
@container (max-width: 900px){.wn-top{grid-template-columns: 1fr;}.wn-grid{grid-template-columns: 1fr 1fr !important;}}
.pcover{position: relative; overflow: hidden; background: rgb(10, 10, 10); display: grid; place-items: center; isolation: isolate;}
.pcover::before{content: ""; position: absolute; right: -8%; top: -30%; width: 55%; aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle, rgba(250, 61, 59, 0.5), transparent 65%); z-index: -1;}
.pcover .nf-rings{z-index: -1;}
.pc-cat{color: rgb(255, 255, 255); font-size: clamp(40px, 7cqw, 110px); font-weight: 300; letter-spacing: -0.04em; line-height: 1; padding: 0px 20px; text-align: center;}
.pimgw.dyn{max-width: 100%;}
:root{--g-primary:#fa3d3b;--g-secondary:#0a0a0a;--g-accent:#fa3d3b;--g-text:#0a0a0a;--g-bg:#f6f5f2;--g-card:#ffffff;--g-head:'Plus Jakarta Sans', sans-serif;--g-body:'Plus Jakarta Sans', sans-serif;--g-base:16px;--g-hw:700;--g-hls:-0.5px;--g-radius:24px;--g-container:1240px;--g-wgap:18px;--g-btn:#0a0a0a;--g-btn-text:#ffffff;--g-btn-hover:#fa3d3b;--g-btn-hover-text:#ffffff;--g-btn-weight:700}
:where(.site) h1:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;font-weight:300;line-height:1.02;letter-spacing:-2.2px;}:where(.frame[data-device="desktop"] .site) h1:not(:where(.hx *)){font-size:76px}:where(.frame[data-device="tablet"] .site) h1:not(:where(.hx *)){font-size:56px}:where(.frame[data-device="mobile"] .site) h1:not(:where(.hx *)){font-size:38px}:where(.site) h2:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;font-weight:300;line-height:1.08;letter-spacing:-1.4px;}:where(.frame[data-device="desktop"] .site) h2:not(:where(.hx *)){font-size:54px}:where(.frame[data-device="tablet"] .site) h2:not(:where(.hx *)){font-size:42px}:where(.frame[data-device="mobile"] .site) h2:not(:where(.hx *)){font-size:32px}:where(.site) h3:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;font-weight:700;line-height:1.2;letter-spacing:-0.3px;}:where(.frame[data-device="desktop"] .site) h3:not(:where(.hx *)){font-size:26px}:where(.frame[data-device="tablet"] .site) h3:not(:where(.hx *)){font-size:23px}:where(.frame[data-device="mobile"] .site) h3:not(:where(.hx *)){font-size:21px}:where(.site) h4:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;line-height:1.25;letter-spacing:0px;}:where(.frame[data-device="desktop"] .site) h4:not(:where(.hx *)){font-size:22px}:where(.frame[data-device="tablet"] .site) h4:not(:where(.hx *)){font-size:20px}:where(.frame[data-device="mobile"] .site) h4:not(:where(.hx *)){font-size:19px}:where(.site) h5:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;line-height:1.3;letter-spacing:0px;}:where(.frame[data-device="desktop"] .site) h5:not(:where(.hx *)){font-size:18px}:where(.frame[data-device="tablet"] .site) h5:not(:where(.hx *)){font-size:18px}:where(.frame[data-device="mobile"] .site) h5:not(:where(.hx *)){font-size:17px}:where(.site) h6:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;line-height:1.3;letter-spacing:1.5px;text-transform:uppercase;}:where(.frame[data-device="desktop"] .site) h6:not(:where(.hx *)){font-size:14px}:where(.frame[data-device="tablet"] .site) h6:not(:where(.hx *)){font-size:14px}:where(.frame[data-device="mobile"] .site) h6:not(:where(.hx *)){font-size:13px}:where(.site) p:not(:where(.hx *)){font-family:'Plus Jakarta Sans', sans-serif;font-weight:400;line-height:1.65;letter-spacing:0px;}:where(.frame[data-device="desktop"] .site) p:not(:where(.hx *)){font-size:17px}:where(.frame[data-device="tablet"] .site) p:not(:where(.hx *)){font-size:17px}:where(.frame[data-device="mobile"] .site) p:not(:where(.hx *)){font-size:16px}:where(.site) :is(p, li, .tx):not(:where(.hx *)) a{color:var(--g-primary);text-decoration:none;text-underline-offset:3px}:where(.site) p a:hover, :where(.site) .tx a:hover{color:var(--g-accent);text-decoration:underline}
.site{--g-soft:rgb(10 10 10 / .07)}.site[data-theme="dark"]{--g-bg:#0f0f0f;--g-text:#ffffff;--g-card:#1c1c1c;--g-soft:rgb(255 255 255 / .08);color-scheme:dark}
.ph-wiganconcrete{background:url("/uploads/2026/10/wigan-concrete.webp") center / cover no-repeat}.ph-resindrives{background:url("/uploads/2026/10/resin-drives-manchester.webp") center / cover no-repeat}.ph-edgeflooring{background:url("/uploads/2026/10/edge-flooring-bolton.webp") center / cover no-repeat}

.site.cx{--container:1240px;--gutter:4cqw;--bg:#F6F5F2;--text:#0A0A0A;--accent:#FA3D3B;--card:#FFFFFF;--soft:rgba(10,10,10,.08);--ring1:#EDEBE6;--ring2:#F6F5F2}:where(.site.cx).site.cx[data-theme="dark"]{--bg:#0F0F0F;--text:#FFFFFF;--card:#1C1C1C;--soft:rgba(255,255,255,.08);--ring1:#161616;--ring2:#0F0F0F}:where(.site.cx .hx) *{box-sizing:border-box;margin:0;padding:0}.site.cx.lenis{height:auto}:where(.site.cx .hx) .lenis.lenis-smooth{scroll-behavior:auto}.site.cx{background:var(--bg);color:var(--text);font-family:'Satoshi','Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s;overflow-x:clip}:where(.site.cx .hx) a{color:inherit;text-decoration:none}:where(.site.cx .hx) .wrap{width:min(var(--container),calc(100cqw - var(--gutter)*2));margin:0 auto}:where(.site.cx .hx) header{position:absolute;top:0;left:0;right:0;z-index:10;padding:22px max(var(--gutter),calc((100cqw - var(--container))/2));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s,padding .3s,top .3s,left .3s,right .3s,border-radius .3s}:where(.site.cx .hx) header.hide{transform:translateY(-120%)}:where(.site.cx .hx) header.stuck{top:12px;left:max(var(--gutter),calc((100cqw - var(--container))/2));right:max(var(--gutter),calc((100cqw - var(--container))/2));padding:10px 12px 10px 22px;border-radius:99px;background:var(--card);box-shadow:0 20px 50px -20px rgba(0,0,0,.4)}:where(.site.cx .hx) .logo{font-weight:900;font-size:24px;letter-spacing:-.02em}:where(.site.cx .hx) .logo span{color:var(--accent)}:where(.site.cx .hx) nav{display:flex;gap:30px;font-size:16px;font-weight:500}:where(.site.cx .hx) nav a{position:relative}:where(.site.cx .hx) nav a::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .3s}:where(.site.cx .hx) nav a:hover::after,:where(.site.cx .hx) nav a.on::after{transform:scaleX(1);transform-origin:left}:where(.site.cx .hx) .right{display:flex;align-items:center;gap:10px}:where(.site.cx .hx) .soc{display:flex;gap:0}:where(.site.cx .hx) .soc a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--accent);transition:background .25s}:where(.site.cx .hx) .soc a:hover{background:var(--soft)}:where(.site.cx .hx) .soc svg{width:17px;height:17px;fill:currentColor}:where(.site.cx .hx) #toggle{width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);color:var(--text);display:grid;place-items:center;cursor:pointer}:where(.site.cx .hx) #toggle svg{width:17px;height:17px}:where(.site.cx .hx) #toggle .ic-sun{display:none}:where(.site.cx)[data-theme="dark"] :where(.hx) #toggle .ic-sun{display:block}:where(.site.cx)[data-theme="dark"] :where(.hx) #toggle .ic-moon{display:none}:where(.site.cx .hx) .btn{display:inline-flex;align-items:center;gap:16px;padding:6px 6px 6px 24px;border-radius:99px;background:var(--soft);font-weight:700;font-size:16px;line-height:1;transition:background .3s,color .3s,transform .3s}:where(.site.cx .hx) .btn b{font-weight:700;padding:0;background:transparent}:where(.site.cx .hx) .btn i{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#FFFFFF;display:grid;place-items:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s,color .3s}:where(.site.cx .hx) .btn i svg{width:16px;height:16px}:where(.site.cx .hx) .btn:hover{background:var(--accent);color:#FFFFFF;transform:translateY(-2px)}:where(.site.cx .hx) .btn:hover i{background:#FFFFFF;color:var(--accent);transform:rotate(45deg)}:where(.site.cx .hx) .hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:140px 0 80px}:where(.site.cx .hx) .rings{position:absolute;inset:-25vh -10cqw;pointer-events:none;
    background:repeating-radial-gradient(circle at 50% 50%,var(--ring1) 0 34px,var(--ring2) 34px 36px,var(--ring1) 36px 70px);
    -webkit-mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 78%);mask-image:radial-gradient(circle at 50% 50%,#000 30%,transparent 78%);opacity:.9}:where(.site.cx .hx) .rings::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(0,0,0,.25) 100%);mix-blend-mode:multiply}:where(.site.cx)[data-theme="dark"] :where(.hx) .rings::after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.04),transparent 45%),radial-gradient(circle at 50% 50%,transparent 0 40%,rgba(0,0,0,.5) 100%)}:where(.site.cx .hx) .hero .wrap{position:relative;display:grid;grid-template-columns:1fr;gap:0}:where(.site.cx .hx) .hero h1{font-weight:300;font-size:clamp(46px,7.6cqw,132px);line-height:1;letter-spacing:-.03em}:where(.site.cx .hx) .hero h1 .l{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}:where(.site.cx .hx) .hero h1 .l span{display:inline-block;transform:translateY(110%)}:where(.site.cx .hx) .hero h1 .bold{font-weight:900;color:var(--accent)}:where(.site.cx .hx) .hero .row{display:grid;grid-template-columns:auto 1fr;gap:6cqw;align-items:center;margin-top:8vh;opacity:0}:where(.site.cx .hx) .play{position:relative;width:180px;height:180px;display:grid;place-items:center}:where(.site.cx .hx) .play .disc{width:110px;height:110px;border-radius:50%;background:var(--accent);color:#FFFFFF;display:grid;place-items:center;transition:transform .3s}:where(.site.cx .hx) .play:hover .disc{transform:scale(1.06)}:where(.site.cx .hx) .play .disc svg{width:26px;height:26px}:where(.site.cx .hx) .play .ring{position:absolute;inset:0;animation:spin 18s linear infinite}:where(.site.cx .hx) .play .ring text{font-size:12.5px;font-weight:700;letter-spacing:.24em;fill:var(--text);text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}:where(.site.cx .hx) .hero p{font-size:clamp(17px,1.35cqw,20px);line-height:1.6;max-width:56ch;font-weight:400;margin:0 0 14px}:where(.site.cx .hx) .hero .hero-sub{font-weight:700;margin-bottom:26px}:where(.site.cx .hx) .hero-lbl{margin-bottom:28px}:where(.site.cx .hx) .hero .hero-btn{margin-top:26px}@media(max-width:1023px){:where(.site.cx .hx) nav{display:none}:where(.site.cx .hx) .soc{display:none}}@media(max-width:860px){:where(.site.cx .hx) .hero{padding-top:110px}:where(.site.cx .hx) .hero .row{grid-template-columns:1fr;gap:30px;margin-top:6vh}:where(.site.cx .hx) .play{width:150px;height:150px}:where(.site.cx .hx) .play .disc{width:90px;height:90px}:where(.site.cx .hx) .rings{background:repeating-radial-gradient(circle at 50% 50%,var(--ring1) 0 22px,var(--ring2) 22px 24px,var(--ring1) 24px 46px)}}@media(prefers-reduced-motion:reduce){:where(.site.cx .hx) .hero h1 .l span{transform:none!important}:where(.site.cx .hx) .hero .row{opacity:1!important}:where(.site.cx .hx) .play .ring{animation:none}}:where(.site.cx .hx) .mq{background:var(--accent);color:#FFFFFF;overflow:hidden;padding:22px 0}:where(.site.cx .hx) .mq-track{display:flex;white-space:nowrap;animation:mq 34s linear infinite;font-size:clamp(20px,2.2cqw,32px);font-weight:700;letter-spacing:-.01em}:where(.site.cx .hx) .mq-track span{display:inline-flex;align-items:center;padding-right:2.2em}:where(.site.cx .hx) .mq-track span::after{content:"\2731";font-size:.8em;margin-left:2.2em;font-weight:900}@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){:where(.site.cx .hx) .mq-track{animation:none}}:where(.site.cx .hx) .about{position:relative;padding:14vh 0;overflow:clip}:where(.site.cx .hx) .ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:6cqw;align-items:start;position:relative}:where(.site.cx .hx) .ab-left{position:sticky;top:130px}:where(.site.cx .hx) .lbl{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:22px}:where(.site.cx .hx) .lbl i{color:var(--accent);font-style:normal;font-size:18px}:where(.site.cx .hx) .ab-left h2{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0 0 36px}:where(.site.cx .hx) .ab-left h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .ab-left p{font-size:17px;line-height:1.65;font-weight:400;max-width:48ch;margin:0 0 34px}:where(.site.cx .hx) .ab-list{list-style:none;margin:0;padding:0 0 0 40px;border-left:1px solid var(--soft);display:grid;gap:9vh}:where(.site.cx .hx) .ab-list li{position:relative}:where(.site.cx .hx) .ab-list li::before{content:"";position:absolute;left:-49px;top:78px;width:16px;height:16px;border-radius:50%;border:2px solid var(--accent);background:var(--bg)}:where(.site.cx .hx) .ab-list li::after{content:"";position:absolute;left:-44px;top:83px;width:6px;height:6px;border-radius:50%;background:var(--accent)}:where(.site.cx .hx) .ab-list .ico{display:block;width:52px;height:52px;margin-bottom:22px}:where(.site.cx .hx) .ab-list .ico svg{width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}:where(.site.cx .hx) .ab-list h3{font-size:clamp(22px,2cqw,30px);font-weight:700;letter-spacing:-.01em;margin:0 0 12px}:where(.site.cx .hx) .ab-list p{font-size:17px;line-height:1.65;max-width:52ch;margin:0;font-weight:400}@media(max-width:860px){:where(.site.cx .hx) .ab-grid{grid-template-columns:1fr;gap:50px}:where(.site.cx .hx) .ab-left{position:static}:where(.site.cx .hx) .ab-list{gap:50px;padding-left:30px}:where(.site.cx .hx) .ab-list li::before{left:-39px}:where(.site.cx .hx) .ab-list li::after{left:-34px}}:where(.site.cx .hx) .services{padding:6vh 0 12vh}:where(.site.cx .hx) .sv-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5cqw;align-items:end;margin-bottom:50px}:where(.site.cx .hx) .sv-head h2{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0}:where(.site.cx .hx) .sv-head h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .sv-side p{font-size:17px;line-height:1.6;font-weight:400;margin:0 0 22px;max-width:44ch}:where(.site.cx .hx) .sv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}:where(.site.cx .hx) .svc{position:relative;background:var(--card);border-radius:26px;padding:34px 30px 34px;min-height:340px;display:flex;flex-direction:column;transition:transform .35s,background .35s}:where(.site.cx .hx) .svc:hover{transform:translateY(-6px)}:where(.site.cx .hx) .svc .ico{width:54px;height:54px;margin-bottom:auto}:where(.site.cx .hx) .svc .ico svg{width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}:where(.site.cx .hx) .svc .arrow{position:absolute;top:30px;right:30px;width:36px;height:36px;color:var(--accent);transition:transform .3s}:where(.site.cx .hx) .svc .arrow svg{width:100%;height:100%}:where(.site.cx .hx) .svc:hover .arrow{transform:translate(4px,-4px)}:where(.site.cx .hx) .svc h3{font-size:26px;font-weight:700;letter-spacing:-.01em;margin:70px 0 12px}:where(.site.cx .hx) .svc .tl{display:block;font-size:16px;font-weight:700;color:var(--accent);margin:0 0 10px}:where(.site.cx .hx) .svc p{font-size:16px;line-height:1.6;font-weight:400;margin:0}:where(.site.cx .hx) .sv-foot{position:relative;text-align:center;margin:70px 0 0;font-size:17px;font-weight:400}:where(.site.cx .hx) .sv-foot a{color:var(--accent);font-weight:700;border-bottom:2px solid var(--accent)}@media(max-width:1023px){:where(.site.cx .hx) .sv-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){:where(.site.cx .hx) .sv-head{grid-template-columns:1fr;gap:24px}:where(.site.cx .hx) .sv-grid{grid-template-columns:1fr}:where(.site.cx .hx) .svc{min-height:0}:where(.site.cx .hx) .svc h3{margin-top:40px}}:where(.site.cx .hx) .stats{padding:4vh 0 12vh}:where(.site.cx .hx) .st-box{position:relative;border-radius:32px;padding:clamp(34px,4.5cqw,70px);background:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:5cqw}:where(.site.cx .hx) .st-box::before{content:"";position:absolute;inset:-7px -7px 0;border-radius:39px 39px 0 0;padding:7px 7px 0;background:linear-gradient(180deg,var(--accent) 0,var(--accent) 6%,rgba(250,61,59,.35) 45%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}:where(.site.cx .hx) .st-box{border-radius:32px 32px 0 0}:where(.site.cx .hx) .st-left h2{font-weight:300;font-size:clamp(30px,3.4cqw,54px);line-height:1.1;letter-spacing:-.025em;margin:0 0 50px}:where(.site.cx .hx) .st-left h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .st-nums{display:grid;grid-template-columns:1fr 1fr;gap:30px}:where(.site.cx .hx) .st-nums b{display:block;font-size:clamp(48px,5cqw,80px);font-weight:900;color:var(--accent);line-height:1;letter-spacing:-.03em;margin-bottom:14px}:where(.site.cx .hx) .st-nums p{font-size:16px;line-height:1.55;font-weight:400;margin:0;max-width:26ch}:where(.site.cx .hx) .st-right{list-style:none;margin:0;padding:0 0 0 5cqw;border-left:1px dashed var(--soft);display:grid;gap:34px;align-content:center}:where(.site.cx .hx) .st-right li{display:flex;gap:16px;align-items:flex-start}:where(.site.cx .hx) .st-right li i{color:var(--accent);font-style:normal;font-size:24px;line-height:1.1}:where(.site.cx .hx) .st-right p{font-size:17px;line-height:1.6;font-weight:400;margin:0}:where(.site.cx .hx) .st-right p b{font-weight:700;font-size:20px}@media(max-width:860px){:where(.site.cx .hx) .st-box{grid-template-columns:1fr}:where(.site.cx .hx) .st-right{padding-left:0;border-left:0;padding-top:30px;border-top:1px dashed var(--soft)}}:where(.site.cx .hx) .work{padding:6vh 0 12vh}:where(.site.cx .hx) .wk-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5cqw;align-items:end;margin-bottom:44px}:where(.site.cx .hx) .wk-head h2,:where(.site.cx .hx) .pr-head h2{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0}:where(.site.cx .hx) .wk-head h2 span,:where(.site.cx .hx) .pr-head h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .wk-head p{font-size:17px;line-height:1.6;font-weight:400;margin:0;max-width:44ch}:where(.site.cx .hx) .wk-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:10px 0 50px}:where(.site.cx .hx) .wf{border:0;background:var(--soft);color:var(--text);font-family:inherit;font-size:16px;font-weight:600;padding:14px 24px;border-radius:14px;cursor:pointer;transition:background .25s,color .25s}:where(.site.cx .hx) .wf:hover{background:var(--card)}:where(.site.cx .hx) .wf.on{background:var(--accent);color:#FFFFFF}:where(.site.cx .hx) .wk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}:where(.site.cx .hx) .wk-item{display:block}:where(.site.cx .hx) .wk-item.hide{display:none}:where(.site.cx .hx) .wk-img{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--card)}:where(.site.cx .hx) .wk-img .chip{position:absolute;top:18px;right:18px;z-index:1;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);color:#FFFFFF;font-size:14px;font-weight:600;padding:9px 16px;border-radius:12px}:where(.site.cx .hx) .wk-img img,:where(.site.cx .hx) .wk-img .ph-shot{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}:where(.site.cx .hx) .wk-item:hover .wk-img img,:where(.site.cx .hx) .wk-item:hover .wk-img .ph-shot{transform:scale(1.05)}:where(.site.cx .hx) .ph-shot{display:grid;place-items:center;background:#161616;color:#FFFFFF;font-size:15px}:where(.site.cx .hx) .wk-item h3{text-align:center;font-size:clamp(22px,2cqw,30px);font-weight:700;letter-spacing:-.015em;margin:22px 0 0}@media(max-width:1023px){:where(.site.cx .hx) .wk-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){:where(.site.cx .hx) .wk-head{grid-template-columns:1fr;gap:20px}:where(.site.cx .hx) .wk-grid{grid-template-columns:1fr}}:where(.site.cx .hx) .pricing{padding:6vh 0 12vh}:where(.site.cx .hx) .pr-head{display:flex;justify-content:space-between;align-items:end;gap:30px;flex-wrap:wrap;margin-bottom:44px}:where(.site.cx .hx) .pr-intro{font-size:17px;line-height:1.6;font-weight:400;max-width:52ch;margin:22px 0 0}:where(.site.cx .hx) .pr-toggle{display:inline-flex;background:var(--card);border-radius:99px;padding:6px}:where(.site.cx .hx) .pr-toggle button{border:0;background:transparent;color:var(--text);font-family:inherit;font-size:15px;font-weight:700;padding:12px 22px;border-radius:99px;cursor:pointer;transition:background .25s,color .25s}:where(.site.cx .hx) .pr-toggle button.on{background:var(--accent);color:#FFFFFF}:where(.site.cx .hx) .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}:where(.site.cx .hx) .tier{background:var(--card);border-radius:28px;padding:36px 32px;display:flex;flex-direction:column}:where(.site.cx .hx) .tier.featured{background:var(--accent);color:#FFFFFF}:where(.site.cx .hx) .tier-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}:where(.site.cx .hx) .tier-top small{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}:where(.site.cx .hx) .tag2{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;background:rgba(255,255,255,.2);border-radius:99px;padding:6px 12px}:where(.site.cx .hx) .price{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--soft)}:where(.site.cx .hx) .tier.featured .price{border-color:rgba(255,255,255,.3)}:where(.site.cx .hx) .price b{display:block;font-size:clamp(44px,4cqw,64px);font-weight:900;line-height:1;letter-spacing:-.03em}:where(.site.cx .hx) .price b::after{content:attr(data-suffix);font-size:16px;font-weight:500;letter-spacing:0;margin-left:6px}:where(.site.cx .hx) .price .per{display:block;font-size:15px;font-weight:500;margin-top:8px}:where(.site.cx .hx) .tier p{font-size:16px;line-height:1.55;font-weight:400;margin:0 0 22px}:where(.site.cx .hx) .tier ul{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:11px;font-size:16px;font-weight:400}:where(.site.cx .hx) .tier ul li{display:flex;gap:12px;align-items:center}:where(.site.cx .hx) .tier ul li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}:where(.site.cx .hx) .tier.featured ul li::before{background:#FFFFFF}:where(.site.cx .hx) .tier .btn{margin-top:auto;align-self:flex-start}:where(.site.cx .hx) .tier.featured .btn{background:rgba(255,255,255,.18);color:#FFFFFF}:where(.site.cx .hx) .tier.featured .btn i{background:#FFFFFF;color:var(--accent)}:where(.site.cx .hx) .tier.featured .btn:hover{background:#FFFFFF;color:var(--accent)}:where(.site.cx .hx) .tier.featured .btn:hover i{background:var(--accent);color:#FFFFFF}@media(max-width:860px){:where(.site.cx .hx) .wk-head{grid-template-columns:1fr;gap:20px}:where(.site.cx .hx) .wk-card,:where(.site.cx .hx) .wk-card:nth-child(even){grid-template-columns:1fr}:where(.site.cx .hx) .wk-card:nth-child(even) .wk-meta{order:0}:where(.site.cx .hx) .wk-shot,:where(.site.cx .hx) .wk-card:nth-child(even) .wk-shot{padding:24px 0 0 24px}:where(.site.cx .hx) .wk-card:nth-child(even) .browser{border-radius:14px 0 0 0}:where(.site.cx .hx) .tiers{grid-template-columns:1fr}}:where(.site.cx .hx) .reviews{padding:6vh 0 12vh}:where(.site.cx .hx) .rv-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5cqw;align-items:end;margin-bottom:60px}:where(.site.cx .hx) .rv-head h2{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0}:where(.site.cx .hx) .rv-head h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .rv-side p{font-size:17px;line-height:1.6;font-weight:400;margin:0 0 22px;max-width:44ch}:where(.site.cx .hx) .rv-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:5cqw;align-items:center}:where(.site.cx .hx) .rv-score{background:var(--card);border-radius:28px;padding:50px 30px;text-align:center}:where(.site.cx .hx) .rv-score b{display:block;font-size:clamp(64px,7cqw,110px);font-weight:900;line-height:1;letter-spacing:-.04em}:where(.site.cx .hx) .stars{color:var(--accent);letter-spacing:4px;font-size:22px;margin:14px 0 6px}:where(.site.cx .hx) .rv-score small{display:block;font-size:15px;font-weight:500;margin-bottom:0}:where(.site.cx .hx) .rv-score h3{font-size:22px;font-weight:700;line-height:1.25;margin:0}:where(.site.cx .hx) .rv-main{position:relative;padding-bottom:70px}:where(.site.cx .hx) .rv-q{display:none;margin:0}:where(.site.cx .hx) .rv-q.is-active{display:block}:where(.site.cx .hx) .rv-q .stars{margin:0 0 22px;font-size:20px}:where(.site.cx .hx) .rv-q p{font-size:clamp(20px,2cqw,30px);font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:0 0 30px}:where(.site.cx .hx) .rv-q footer{display:flex;align-items:center;gap:16px}:where(.site.cx .hx) .av{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#FFFFFF;display:grid;place-items:center;font-weight:900;font-size:22px}:where(.site.cx .hx) .rv-q footer b{display:block;font-size:20px;font-weight:700}:where(.site.cx .hx) .rv-q footer small{font-size:15px;font-weight:400}:where(.site.cx .hx) .rv-nav{position:absolute;right:0;bottom:0;display:flex;gap:10px}:where(.site.cx .hx) .rv-nav button{width:54px;height:54px;border-radius:16px;border:0;background:var(--card);color:var(--text);display:grid;place-items:center;cursor:pointer;transition:background .25s,color .25s}:where(.site.cx .hx) .rv-nav button:hover{background:var(--accent);color:#FFFFFF}:where(.site.cx .hx) .rv-nav svg{width:20px;height:20px}@media(max-width:860px){:where(.site.cx .hx) .rv-head,:where(.site.cx .hx) .rv-grid{grid-template-columns:1fr;gap:30px}:where(.site.cx .hx) .rv-main{padding-bottom:80px}}:where(.site.cx .hx) .insights{padding:6vh 0 12vh}:where(.site.cx .hx) .in-head{display:grid;grid-template-columns:1.2fr .8fr;gap:5cqw;align-items:end;margin-bottom:50px}:where(.site.cx .hx) .in-head h2{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0}:where(.site.cx .hx) .in-head h2 span{font-weight:700;color:var(--accent)}:where(.site.cx .hx) .in-head p{font-size:17px;line-height:1.6;font-weight:400;margin:0;max-width:44ch}:where(.site.cx .hx) .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}:where(.site.cx .hx) .post{display:block}:where(.site.cx .hx) .post-img{border-radius:24px;overflow:hidden;aspect-ratio:4/3;background:var(--card)}:where(.site.cx .hx) .post-img img,:where(.site.cx .hx) .post-img .ph-shot{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}:where(.site.cx .hx) .post:hover .post-img img,:where(.site.cx .hx) .post:hover .post-img .ph-shot{transform:scale(1.05)}:where(.site.cx .hx) .post h3{font-size:clamp(20px,1.8cqw,26px);font-weight:700;letter-spacing:-.015em;line-height:1.25;margin:24px 0 16px}:where(.site.cx .hx) .rm{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:17px}:where(.site.cx .hx) .rm svg{width:16px;height:16px;transition:transform .3s}:where(.site.cx .hx) .post:hover .rm svg{transform:translate(3px,-3px)}@media(max-width:1023px){:where(.site.cx .hx) .posts{grid-template-columns:1fr 1fr}}@media(max-width:860px){:where(.site.cx .hx) .in-head{grid-template-columns:1fr;gap:20px}:where(.site.cx .hx) .posts{grid-template-columns:1fr}}:where(.site.cx .hx) .cta{position:relative;text-align:center;padding:12vh 0 14vh;overflow:clip}:where(.site.cx .hx) .cta-glow{position:absolute;left:50%;top:50%;width:70cqw;height:70cqw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(250,61,59,.14),transparent 55%);pointer-events:none;filter:blur(30px)}:where(.site.cx .hx) .cta .wrap{position:relative}:where(.site.cx .hx) .cta-stage{position:relative}:where(.site.cx .hx) .cta-lbl{display:block;font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:30px}:where(.site.cx .hx) .cta-h{font-size:clamp(48px,7.2cqw,118px);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.03em;margin:0}:where(.site.cx .hx) .cta-p{font-size:clamp(17px,1.35cqw,20px);line-height:1.6;font-weight:400;max-width:52ch;margin:34px auto 0}:where(.site.cx .hx) .cta-disc span{line-height:1.2;text-align:center}:where(.site.cx .hx) .cta-h .l{display:block;overflow:hidden}:where(.site.cx .hx) .cta-h .l span{display:inline-block}:where(.site.cx .hx) .cta-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(140px,15cqw,220px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:#FFFFFF;display:grid;place-items:center;align-content:center;gap:6px;font-weight:700;font-size:clamp(14px,1.3cqw,18px);transition:transform .35s;box-shadow:0 30px 70px -20px rgba(250,61,59,.6)}:where(.site.cx .hx) .cta-disc:hover{transform:translate(-50%,-50%) scale(1.06)}:where(.site.cx .hx) .cta-disc svg{width:22px;height:22px}:where(.site.cx .hx) .ft{padding:6vh 0 40px}:where(.site.cx .hx) .ft-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:5cqw;align-items:start}:where(.site.cx .hx) .ft-brand .logo{display:block;margin-bottom:40px}:where(.site.cx .hx) .ft-c{display:flex;align-items:center;gap:16px;font-size:20px;font-weight:600;margin-bottom:22px}:where(.site.cx .hx) .ft-c i{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--accent);color:var(--accent);display:grid;place-items:center;flex:none}:where(.site.cx .hx) .ft-c i svg{width:20px;height:20px}:where(.site.cx .hx) .ft-col h4{font-size:22px;font-weight:700;margin:0 0 26px}:where(.site.cx .hx) .ft-col a:not(.btn):not(.soc a){display:block;font-size:17px;font-weight:500;margin-bottom:16px;transition:color .25s}:where(.site.cx .hx) .ft-col a:not(.btn):not(.soc a):hover{color:var(--accent)}:where(.site.cx .hx) .ft-hc p{font-size:16px;line-height:1.6;font-weight:400;margin:0 0 22px}:where(.site.cx .hx) .ft-hc .btn{display:inline-flex;margin-bottom:26px}:where(.site.cx .hx) .ft-soc{display:flex!important}:where(.site.cx .hx) .ft-soc a{display:grid;margin:0;border:1.5px solid var(--accent);width:44px;height:44px}:where(.site.cx .hx) .ft-bar{border-top:1px solid var(--soft);margin-top:60px;padding-top:34px;text-align:center;font-size:15px;font-weight:400}@media(max-width:1023px){:where(.site.cx .hx) .ft-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){:where(.site.cx .hx) .ft-grid{grid-template-columns:1fr;gap:40px}:where(.site.cx .hx) .cta-disc{position:static;transform:none;margin:30px auto 0}:where(.site.cx .hx) .cta-disc:hover{transform:scale(1.06)}}:where(.site.cx .hx) #burger{display:none;width:44px;height:44px;border-radius:50%;border:0;background:var(--soft);color:var(--text);cursor:pointer;place-items:center;position:relative;transition:background .3s,color .3s}:where(.site.cx .hx) #burger .dots{display:grid;grid-template-columns:repeat(3,4px);gap:3px;transition:transform .35s,opacity .25s}:where(.site.cx .hx) #burger .dots span{width:4px;height:4px;border-radius:50%;background:currentColor}:where(.site.cx .hx) #burger .x{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:rotate(-90deg) scale(.6);transition:transform .35s,opacity .25s}:where(.site.cx .hx) #burger .x span{position:absolute;width:16px;height:2px;background:currentColor}:where(.site.cx .hx) #burger .x span:first-child{transform:rotate(45deg)}:where(.site.cx .hx) #burger .x span:last-child{transform:rotate(-45deg)}:where(.site.cx .hx) #burger.open{background:var(--accent);color:#FFFFFF}:where(.site.cx .hx) #burger.open .dots{transform:rotate(90deg) scale(.6);opacity:0}:where(.site.cx .hx) #burger.open .x{opacity:1;transform:none}:where(.site.cx .hx) #mmenu{position:fixed;inset:0;z-index:9;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:100px 7cqw 50px;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}:where(.site.cx .hx) #mmenu.open{opacity:1;visibility:visible}:where(.site.cx .hx) #mmenu nav{display:flex;flex-direction:column;gap:6px}:where(.site.cx .hx) #mmenu nav a{font-size:clamp(34px,10cqw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.15;transform:translateY(20px);opacity:0;transition:transform .5s,opacity .5s}:where(.site.cx .hx) #mmenu.open nav a{transform:none;opacity:1}:where(.site.cx .hx) #mmenu nav a:nth-child(2){transition-delay:.05s}:where(.site.cx .hx) #mmenu nav a:nth-child(3){transition-delay:.1s}:where(.site.cx .hx) #mmenu nav a:nth-child(4){transition-delay:.15s}:where(.site.cx .hx) #mmenu nav a:nth-child(5){transition-delay:.2s}:where(.site.cx .hx) #mmenu nav a:nth-child(6){transition-delay:.25s}:where(.site.cx .hx) .mm-foot{margin-top:40px;display:flex;flex-direction:column;gap:18px;align-items:flex-start}:where(.site.cx .hx) .mm-foot>a:last-child{font-size:20px;font-weight:700;color:var(--accent)}.site.cx.menu-open{overflow:clip}@media(max-width:1023px){:where(.site.cx .hx) header{grid-template-columns:1fr auto;padding:16px 5cqw}:where(.site.cx .hx) header .right{justify-self:end}:where(.site.cx .hx) header.stuck{left:4cqw;right:4cqw;padding:8px 8px 8px 18px}:where(.site.cx .hx) .hd-btn{display:none}:where(.site.cx .hx) #burger{display:grid}:where(.site.cx .hx) #toggle{width:44px;height:44px}:where(.site.cx .hx) header .right{gap:8px}}@media(max-width:860px){.site.cx{--gutter:6cqw}:where(.site.cx .hx) .logo{font-size:22px}:where(.site.cx .hx) .hero{padding:120px 0 60px;min-height:auto}:where(.site.cx .hx) .hero h1{font-size:clamp(34px,10.5cqw,64px);letter-spacing:-.03em;line-height:1}:where(.site.cx .hx) .hero .row{grid-template-columns:1fr;gap:34px;margin-top:40px}:where(.site.cx .hx) .play{width:140px;height:140px;margin:0 auto}:where(.site.cx .hx) .play .disc{width:84px;height:84px}:where(.site.cx .hx) .play .ring text{font-size:12px}:where(.site.cx .hx) .hero p{font-size:17px}:where(.site.cx .hx) .mq{padding:16px 0}:where(.site.cx .hx) .mq-track{font-size:18px}:where(.site.cx .hx) .about,:where(.site.cx .hx) .services,:where(.site.cx .hx) .stats,:where(.site.cx .hx) .pricing,:where(.site.cx .hx) .work,:where(.site.cx .hx) .reviews,:where(.site.cx .hx) .insights{padding:60px 0}:where(.site.cx .hx) .about{padding-top:70px}:where(.site.cx .hx) .ab-left h2,:where(.site.cx .hx) .sv-head h2,:where(.site.cx .hx) .wk-head h2,:where(.site.cx .hx) .pr-head h2,:where(.site.cx .hx) .rv-head h2,:where(.site.cx .hx) .in-head h2,:where(.site.cx .hx) .st-left h2{font-size:clamp(30px,8.4cqw,44px)}:where(.site.cx .hx) .ab-list{gap:40px}:where(.site.cx .hx) .ab-list .ico{width:44px;height:44px;margin-bottom:16px}:where(.site.cx .hx) .sv-head{margin-bottom:30px}:where(.site.cx .hx) .sv-side p{margin-bottom:16px}:where(.site.cx .hx) .svc{padding:26px 22px}:where(.site.cx .hx) .svc h3{margin-top:34px;font-size:23px}:where(.site.cx .hx) .svc .arrow{top:22px;right:22px;width:30px;height:30px}:where(.site.cx .hx) .sv-foot{margin-top:40px;font-size:16px}:where(.site.cx .hx) .st-box{padding:30px 22px;border-radius:24px 24px 0 0}:where(.site.cx .hx) .st-box::before{inset:-5px -5px 0;padding:5px 5px 0;border-radius:29px 29px 0 0}:where(.site.cx .hx) .st-left h2{margin-bottom:30px}:where(.site.cx .hx) .st-nums{grid-template-columns:1fr 1fr;gap:20px}:where(.site.cx .hx) .st-nums b{font-size:48px}:where(.site.cx .hx) .st-nums p{font-size:15px}:where(.site.cx .hx) .st-right{gap:22px;padding-top:26px}:where(.site.cx .hx) .pr-head{margin-bottom:26px}:where(.site.cx .hx) .pr-toggle{width:100%}:where(.site.cx .hx) .pr-toggle button{flex:1;padding:12px 10px;font-size:14px}:where(.site.cx .hx) .tier{padding:28px 24px}:where(.site.cx .hx) .price b{font-size:44px}:where(.site.cx .hx) .wk-head{margin-bottom:26px}:where(.site.cx .hx) .wk-filter{gap:8px;margin:0 0 30px}:where(.site.cx .hx) .wf{padding:11px 16px;font-size:14px}:where(.site.cx .hx) .wk-item h3{font-size:20px;margin-top:16px}:where(.site.cx .hx) .rv-head{margin-bottom:36px}:where(.site.cx .hx) .rv-score{padding:36px 24px}:where(.site.cx .hx) .rv-score b{font-size:64px}:where(.site.cx .hx) .rv-q p{font-size:20px}:where(.site.cx .hx) .rv-nav{position:static;justify-content:flex-end;margin-top:26px}:where(.site.cx .hx) .rv-main{padding-bottom:0}:where(.site.cx .hx) .in-head{margin-bottom:30px}:where(.site.cx .hx) .post h3{margin:16px 0 12px}:where(.site.cx .hx) .cta{padding:70px 0 80px}:where(.site.cx .hx) .cta-lbl{margin-bottom:20px}:where(.site.cx .hx) .cta-h{font-size:clamp(40px,12cqw,80px)}:where(.site.cx .hx) .cta-p{margin-top:22px;font-size:16px}:where(.site.cx .hx) .cta-disc{width:150px;font-size:15px}:where(.site.cx .hx) .ft{padding:40px 0 30px}:where(.site.cx .hx) .ft-brand .logo{margin-bottom:26px}:where(.site.cx .hx) .ft-c{font-size:18px;margin-bottom:16px}:where(.site.cx .hx) .ft-c i{width:44px;height:44px}:where(.site.cx .hx) .ft-col h4{font-size:20px;margin-bottom:16px}:where(.site.cx .hx) .ft-col a{margin-bottom:12px}:where(.site.cx .hx) .ft-bar{margin-top:40px;padding-top:24px;font-size:14px}}@media(max-width:480px){:where(.site.cx .hx) .st-nums{grid-template-columns:1fr}:where(.site.cx .hx) .hero h1{font-size:clamp(32px,10.5cqw,44px)}}@media(max-width:860px){:where(.site.cx .hx) .hero .wrap,:where(.site.cx .hx) .ab-left,:where(.site.cx .hx) .sv-head,:where(.site.cx .hx) .sv-side,:where(.site.cx .hx) .st-left,:where(.site.cx .hx) .st-right,:where(.site.cx .hx) .pr-head,:where(.site.cx .hx) .wk-head,:where(.site.cx .hx) .rv-head,:where(.site.cx .hx) .rv-side,:where(.site.cx .hx) .in-head,:where(.site.cx .hx) .ft-grid,:where(.site.cx .hx) .wk-item,:where(.site.cx .hx) .post{text-align:center}:where(.site.cx .hx) .hero .row>div{display:flex;flex-direction:column;align-items:center}:where(.site.cx .hx) .hero p,:where(.site.cx .hx) .ab-left p,:where(.site.cx .hx) .pr-intro,:where(.site.cx .hx) .sv-side p,:where(.site.cx .hx) .wk-head p,:where(.site.cx .hx) .in-head p,:where(.site.cx .hx) .rv-side p,:where(.site.cx .hx) .st-nums p,:where(.site.cx .hx) .ft-hc p{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .lbl{justify-content:center}:where(.site.cx .hx) .btn{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .ab-list{padding-left:0;border-left:0;text-align:center}:where(.site.cx .hx) .ab-list li::before,:where(.site.cx .hx) .ab-list li::after{display:none}:where(.site.cx .hx) .ab-list .ico{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .ab-list p{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .svc{text-align:center;align-items:center}:where(.site.cx .hx) .svc .ico{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .st-right li{flex-direction:column;align-items:center;gap:8px}:where(.site.cx .hx) .st-right{border-left:0}:where(.site.cx .hx) .tier{text-align:center;align-items:center}:where(.site.cx .hx) .tier-top{flex-direction:column;gap:12px;align-items:center}:where(.site.cx .hx) .tier ul li{justify-content:center}:where(.site.cx .hx) .rv-q footer{justify-content:center}:where(.site.cx .hx) .rv-nav{justify-content:center}:where(.site.cx .hx) .ft-brand .logo{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .ft-c{justify-content:center}:where(.site.cx .hx) .ft-hc .btn{margin-left:auto;margin-right:auto}:where(.site.cx .hx) .ft-soc{justify-content:center}:where(.site.cx .hx) .mm-foot{align-items:center;text-align:center}:where(.site.cx .hx) #mmenu nav{align-items:center}}@media(max-width:860px){.site.cx{text-align:center}:where(.site.cx .hx) .btn,:where(.site.cx .hx) .tier .btn,:where(.site.cx .hx) .ft-hc .btn,:where(.site.cx .hx) .hero .hero-btn{align-self:center;margin-left:auto;margin-right:auto}:where(.site.cx .hx) .ab-left,:where(.site.cx .hx) .sv-head>div,:where(.site.cx .hx) .pr-head>div:not(.pr-toggle),:where(.site.cx .hx) .wk-head>div,:where(.site.cx .hx) .rv-head>div,:where(.site.cx .hx) .in-head>div,:where(.site.cx .hx) .st-left{display:flex;flex-direction:column;align-items:center}:where(.site.cx .hx) .pr-toggle{flex-direction:row;display:inline-flex}:where(.site.cx .hx) .sv-side,:where(.site.cx .hx) .rv-side{display:flex;flex-direction:column;align-items:center}:where(.site.cx .hx) .sv-head,:where(.site.cx .hx) .pr-head,:where(.site.cx .hx) .wk-head,:where(.site.cx .hx) .rv-head,:where(.site.cx .hx) .in-head{justify-items:center;justify-content:center}:where(.site.cx .hx) .pr-toggle{margin:0 auto}:where(.site.cx .hx) .st-box{justify-items:center}:where(.site.cx .hx) .st-nums{justify-items:center}:where(.site.cx .hx) .svc{display:flex;flex-direction:column;align-items:center}:where(.site.cx .hx) .svc .arrow{position:static;margin:0 auto 14px}:where(.site.cx .hx) .svc .ico{margin-bottom:0}:where(.site.cx .hx) .wk-filter{justify-content:center}:where(.site.cx .hx) .wk-grid,:where(.site.cx .hx) .posts,:where(.site.cx .hx) .tiers,:where(.site.cx .hx) .sv-grid{justify-items:stretch}:where(.site.cx .hx) .rv-q footer div{text-align:left}:where(.site.cx .hx) .cta-h .l span{display:block}:where(.site.cx .hx) .ft-grid>*{display:flex;flex-direction:column;align-items:center}:where(.site.cx .hx) .sv-foot{margin-top:56px;padding:0 4cqw;line-height:1.8}:where(.site.cx .hx) .sv-foot a{display:inline-block;margin:4px 0}}:where(.site.cx .hx) .news-top{padding:150px 0 0}:where(.site.cx .hx) .in-head h1{font-weight:300;font-size:clamp(34px,3.9cqw,64px);line-height:1.08;letter-spacing:-.025em;margin:0}:where(.site.cx .hx) .in-head h1 span{font-weight:700;color:var(--accent)}@media(max-width:860px){:where(.site.cx .hx) .news-top{padding:120px 0 0}:where(.site.cx .hx) .in-head h1{font-size:clamp(30px,8.4cqw,44px)}}:where(.site.cx .hx) .post-img{position:relative;isolation:isolate}:where(.site.cx .hx) .post-img .ph-shot{display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 20%,rgb(250 61 59 / .45),transparent 55%),#121212;color:#fff;font-size:15px;font-weight:600;letter-spacing:.02em}:where(.site.cx .hx) .post-img .ph-shot::before{content:"";position:absolute;inset:-30%;z-index:-1;background:repeating-radial-gradient(circle at 30% 20%,transparent 0 38px,rgb(255 255 255 / .05) 39px 40px)}@media(max-width:1023px){:where(.site.cx .hx) header{text-align:left}:where(.site.cx .hx) header .logo{justify-self:start}}
html,body{margin:0;padding:0;height:100%;background:var(--g-bg,#fff)}body.hf-site{overflow:hidden;font-family:var(--g-body,system-ui,sans-serif)}
#stage{position:fixed;inset:0;overflow-y:auto;overflow-x:hidden;padding:0!important;margin:0!important;background:var(--g-bg,#fff);display:block!important;overscroll-behavior-y:none}
#stage:has(.site[data-theme="dark"]){background:var(--hf-dbg,#0a0a0a)}
#frame{max-width:none!important;width:100%!important;margin:0!important;border-radius:0!important;box-shadow:none!important;min-height:100%;transition:none!important}
.hfv-d,.hfv-t,.hfv-m{display:none!important}.frame[data-device="desktop"] .hfv-d,.frame[data-device="tablet"] .hfv-t,.frame[data-device="mobile"] .hfv-m{display:revert!important}
#toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0a0a0a;color:#fff;font:600 14px/1.4 system-ui,sans-serif;padding:12px 18px;border-radius:12px;transition:.3s;z-index:99999;max-width:min(92vw,560px);text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
.site{--hf-dbg:#0f0f0f}