:root{--ink:#171821;--muted:#5b6070;--paper:#f6f6f9;--edge:#e8e8f0;--blue:#344edf}
body{-webkit-font-smoothing:antialiased}
.nav{background:#ffffffef}
.nav .wrap{height:74px}
.brand{width:63px;height:63px;overflow:hidden;position:relative;display:block;border-radius:0}
.brand img{position:absolute;width:96px;height:96px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:0}
.navlinks{font-size:13px;font-weight:600;gap:38px}
.wrap{max-width:1152px}
.hero{min-height:min(690px,85svh);background:radial-gradient(ellipse at 77% 48%,#252c64 0%,#131936 35%,#080b19 75%)}
.hero:after{background:linear-gradient(90deg,#090b1bf2, #090b1b9c 32%,transparent 67%)}
.hero h1{font-weight:810;letter-spacing:-.066em}
.hero h1 span{background-image:linear-gradient(110deg,#f0f3ff,#c2caff 35%,#aeb2ff 75%,#c2aaff)}
.hero .eyebrow{padding:0 0 7px;letter-spacing:.13em;color:#c8cff9}
.hero .lead{line-height:1.8}
.btn{background:#3c56ef;box-shadow:0 6px 18px #263dc424}
.btn.ghost,.btn.copy{box-shadow:none}
.section{padding-block:108px}
#platforms{background:linear-gradient(180deg,#fff 0%,#f5f5fa 92%)}
.workbenches,.packages{gap:24px}
.workbench,.price,.included{border-radius:30px;box-shadow:0 16px 38px #161b4820;border-color:#fff}
.cardhead{background:radial-gradient(ellipse at 88% 11%,#dbe0ff,transparent 76%),#f7f7ff;min-height:154px}
.workbench.tt .cardhead{background:radial-gradient(ellipse at 93% 0%,#e8dfff,transparent 68%),#faf8ff}
.features summary{font-size:15px}
.features a{margin:21px 0 2px}
.walkthrough{background:radial-gradient(ellipse at 73% 45%,#202549 0%,#101329 57%,#0b0d20 95%);overflow:hidden}
.walk-intro{display:grid;grid-template-columns:1fr .65fr;gap:28px;align-items:end;margin-bottom:34px}
.walk-intro h2{margin-bottom:0}
.walk-intro .intro{margin:0 0 .35rem;max-width:375px}
@media(max-width:850px){.section{padding-block:75px}}
@media(max-width:600px){.section{padding-block:58px}.hero{min-height:615px}.hero:after{background:linear-gradient(180deg,#090b1bf5,#090b1b80 52%,transparent 85%)}.nav .wrap{height:62px}.brand{width:56px;height:56px}.brand img{width:84px;height:84px}.walk-intro,}
@media(prefers-reduced-motion:reduce){}

/* Product advantages and sales */
:root{scroll-padding-top:108px}
.nav .wrap{height:100px}
.brand{width:88px;height:92px}
.brand img{width:143px;height:143px}
.advantages{background:linear-gradient(155deg,#f7f8ff 12%,#f3f3fa 55%,#f8f8fb 100%)}
.adv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.adv-tile{min-width:0;display:flex;flex-direction:column;border:1px solid #e7e9f5;border-radius:26px;padding:26px;background:#fff;box-shadow:0 14px 42px #242e8210}
.adv-tile h3{margin:0 0 9px;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.035em;line-height:1.35}
.adv-tile p{margin:0;color:var(--muted);font-size:14px}
.adv-tile p+p{margin-top:9px}
.adv-tile .adv-kicker{color:#4256bd;font-weight:750;font-size:13px;margin:0 0 8px}
.adv-data{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1fr;gap:32px;align-items:center;padding:32px}
.heat-demo{background:radial-gradient(ellipse at top right,#293363,#151a35 75%);color:#dce4ff;border-radius:17px;padding:21px}
.heat-legend,.heat-caption{display:flex;justify-content:space-between;gap:9px;font-size:12px;font-weight:700}
.heat-cells{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:15px 0 12px}
.heat-cells i{display:block;aspect-ratio:1;border-radius:4px;background:#9ba8ff;opacity:var(--level)}
.heat-caption{justify-content:flex-end;align-items:center;font-size:10px}
.heat-caption i{width:55px;height:4px;border-radius:3px;background:linear-gradient(90deg,#2a315d,#b6bdff)}
.adv-diagram{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:34px;margin:0 0 23px;color:#34489c;font-size:11px}
.adv-diagram span{border-radius:8px;background:#edf0ff;padding:5px 7px;font-weight:700}
.adv-diagram b{font-size:13px}
.sales{background:linear-gradient(150deg,#f0f0ff,#f9fbff 70%)}
.sales-inner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border-radius:28px;border:1px solid #e0e5fb;background:#fff;padding:clamp(22px,5vw,55px);box-shadow:0 20px 50px #212e7710}
.sales-inner h2{font-size:clamp(28px,4.5vw,49px)}
.sales-inner .intro{margin-bottom:0}
.sales-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.sales-number,.sales-actions .feedback{flex-basis:100%;margin:0;color:var(--muted);font-size:13px}
@media(max-width:850px){.adv-grid{grid-template-columns:1fr 1fr}.adv-tile:last-child{grid-column:1/-1}.sales-inner{grid-template-columns:1fr}}
@media(max-width:600px){:root{scroll-padding-top:84px}.nav .wrap{height:78px}.brand{width:70px;height:74px}.brand img{width:113px;height:113px}.adv-grid,.adv-data{grid-template-columns:1fr}.adv-tile,.adv-data{padding:20px}.adv-data{gap:19px}.heat-demo{padding:15px}.heat-cells{gap:3px}}