.areas .wrap{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:56px;padding-block:48px 120px;display:grid}.area-nav{top:calc(var(--nav-h) + 48px);gap:2px;display:grid;position:sticky}.area-nav .eyebrow{margin-bottom:14px}.area-nav a{color:var(--muted);align-items:center;gap:14px;padding:9px 0;font-weight:500;text-decoration:none;transition:color .3s;display:flex}.area-nav a i{background:var(--line-strong);width:20px;height:2px;transition:width .5s var(--ease), background-color .3s;border-radius:2px;flex-shrink:0}.area-nav a.on{color:var(--fg)}.area-nav a.on i{background:var(--lime);width:44px}@media (hover:hover){.area-nav a:hover{color:var(--fg)}}.area-list{gap:24px;min-width:0;display:grid}.area{background:var(--surface);border:1px solid var(--line);border-radius:28px;gap:32px;padding:clamp(24px,3.4vw,48px);transition:border-color .3s;display:grid}.area-head{flex-wrap:wrap;align-items:baseline;gap:20px;display:flex}.area-num{font-family:var(--display);color:var(--lime);font-size:clamp(44px,4.6vw,68px);line-height:.9}.area h2{font-size:clamp(40px,4.6vw,68px);line-height:1.12}.ba{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.ba>div{border-radius:18px;align-content:start;gap:8px;padding:20px 22px;display:grid}.ba .now{box-shadow:inset 0 0 0 1px var(--line-strong)}.ba .then{background:#c8ff2e12;box-shadow:inset 0 0 0 1px #c8ff2e52}.ba small{letter-spacing:2px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.ba .then small{color:var(--lime)}.ba p{margin:0;font-size:18px}.ba .now p{color:var(--muted)}.tools{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.tools>span:first-child{margin-right:4px}.tools .t{box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--fg);border-radius:999px;padding:6px 12px;font-weight:500}.flow{--n:4;--p:1;--d:0;grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:12px;display:grid;position:relative}.flow-track{top:30px;left:calc(50% / var(--n));right:calc(50% / var(--n));background:var(--line-strong);height:2px;position:absolute}.flow-fill{background:var(--lime);transform-origin:0;transform:scaleX(var(--p));position:absolute;inset:0}.flow-dot{top:50%;left:calc(var(--d) * 100%);opacity:0;background:#f2ffc4;border-radius:99px;width:10px;height:10px;margin:-5px 0 0 -5px;transition:opacity .4s;position:absolute;box-shadow:0 0 0 4px #c8ff2e2e,0 0 18px #c8ff2ee6}.flow.looping .flow-dot{opacity:1}.fnode{text-align:center;justify-items:center;gap:12px;display:grid;position:relative}.fic{background:var(--surface);width:60px;height:60px;box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--muted);transition:background-color .45s, color .45s, box-shadow .45s, transform .6s var(--ease);border-radius:999px;place-items:center;display:grid}.fic svg{width:26px;height:26px}.flab{color:var(--muted);max-width:15ch;font-size:14px;font-weight:700;line-height:1.3;transition:color .45s}.fnode.lit .fic,html:not(.motion) .fic{background:var(--lime);color:var(--ink);box-shadow:0 0 0 6px #c8ff2e1a}.fnode.lit .fic{transform:scale(1.06)}.fnode.lit .flab,html:not(.motion) .flab{color:var(--fg)}.obory .wrap{padding-block:112px}.tabs{flex-wrap:wrap;gap:10px;margin:40px 0 24px;display:flex}.tab{border:2px solid var(--line);min-height:48px;color:var(--fg);font:700 16px/1 var(--ui);cursor:pointer;background:0 0;border-radius:999px;padding:0 20px;transition:background-color .3s,border-color .3s,color .3s}.tab[aria-selected=true]{background:var(--lime);border-color:var(--lime);color:var(--ink)}@media (hover:hover){.tab:hover{border-color:var(--muted)}.tab[aria-selected=true]:hover{border-color:var(--lime)}}.tpanel{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;align-content:space-between;gap:28px;min-height:220px;padding:28px;transition:border-color .3s;display:grid}.tcard .k{font-family:var(--display);color:var(--lime);font-size:48px;line-height:1}.tcard p{margin:0;font-size:21px;font-weight:500;line-height:1.35}.tools-sec{padding-block:112px 120px;overflow:hidden}.tools-head{margin-bottom:48px}.trow{overflow:hidden}.trow+.trow{margin-top:8px}.trow .track{will-change:transform;width:max-content;display:flex}.trow span{font-family:var(--display);text-transform:uppercase;white-space:nowrap;padding-right:.5em;font-size:clamp(48px,7vw,104px);line-height:1.12}.trow span:after{content:"";background:var(--lime);vertical-align:middle;border-radius:99px;width:.16em;height:.16em;margin-left:.5em;display:inline-block}.trow.outline span{color:#0000;-webkit-text-stroke:1.5px var(--line-strong)}.trow.outline span:after{background:var(--line-strong)}.not .wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:48px;padding-block:112px;display:grid}.not h2{font-size:clamp(40px,4.2vw,60px)}.not-left>p{color:var(--muted);max-width:34ch;margin:20px 0 0;font-size:19px}.not-list{margin:0;padding:0;list-style:none;display:grid}.not-list li{border-top:1px solid var(--line);align-items:flex-start;gap:20px;padding:24px 0;display:flex}.not-list li:last-child{border-bottom:1px solid var(--line)}.not-list .x{width:44px;height:44px;box-shadow:inset 0 0 0 2px var(--line-strong);color:var(--muted);border-radius:999px;flex-shrink:0;place-items:center;display:grid}.not-list .x svg{width:18px;height:18px}.not-list b{font-family:var(--display);text-transform:uppercase;font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1.2;display:block}.not-list li span:not(.x){color:var(--muted);margin-top:6px;font-size:18px;display:block}@media (width<=960px){.areas .wrap{grid-template-columns:minmax(0,1fr);gap:0}.area-nav{display:none}.not .wrap,.tpanel{grid-template-columns:minmax(0,1fr)}.tcard{min-height:0}}@media (width<=640px){.ba{grid-template-columns:minmax(0,1fr)}.flow{grid-template-columns:minmax(0,1fr);gap:14px}.flow-track{width:2px;height:auto;inset:30px auto 30px 29px}.flow-fill{transform-origin:top;transform:scaleY(var(--p))}.flow-dot{left:50%;top:calc(var(--d) * 100%)}.fnode{text-align:left;grid-template-columns:60px minmax(0,1fr);place-items:center start;gap:16px}.flab{max-width:none;font-size:15px}.obory .wrap,.not .wrap,.tools-sec{padding-block:80px}}
