:root{
  --navy:#10243D;--navy2:#1b3a5f;--or:#FF5D1D;--or2:#ff7a45;--peach:#FFF0E8;--peach2:#ffe4d6;
  --bg:#f7f9fc;--bg2:#eef2f8;--ink:#10243D;--ink2:#4a5b70;--ink3:#7a8899;--line:#e3e9f1;--card:#fff;
  --sh:0 10px 30px -14px rgba(16,36,61,.18);--sh2:0 24px 44px -24px rgba(16,36,61,.32);
  --r:24px;--hd:72px;--ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 12px)}
body{font-family:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{list-style:none}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
section{position:relative;padding:92px 0;overflow:clip}
.bgblob{position:absolute;pointer-events:none;z-index:0;border-radius:50%;filter:blur(2px)}
.wrap,.sec-head{position:relative;z-index:1}

/* type */
.eyebrow{display:flex;align-items:center;gap:16px;font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--navy);margin-bottom:22px}
.eyebrow::before{content:"";width:46px;height:3px;border-radius:3px;background:var(--or);transform-origin:left;transition:transform .8s var(--ease)}
.rv:not(.in) .eyebrow::before,.eyebrow.rv:not(.in)::before{transform:scaleX(0)}
h1,h2{font-weight:800;letter-spacing:-.025em;line-height:1.08;color:var(--navy)}
h1{font-size:clamp(36px,5.2vw,68px)}
h2{font-size:clamp(30px,3.8vw,50px)}
h3{font-weight:800;letter-spacing:-.01em;line-height:1.2}
em.o,.o{color:var(--or);font-style:normal}
.sec-head{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:end;margin-bottom:46px}
.sec-head p{color:var(--ink2);font-size:17px;padding-left:28px;border-left:1px solid #cfd8e4}
.sec-head.one{grid-template-columns:1fr}
.sec-head.one p{border:0;padding:0;margin-top:18px;max-width:760px}

/* reveal */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d,0s)}
.js .rv.in{opacity:1;transform:none}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:0 10px 0 28px;border-radius:999px;font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;isolation:isolate;transition:transform .2s,box-shadow .25s,background .2s,border-color .2s}
.btn .ar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22)}
.btn .ar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s var(--ease)}
.btn:hover .ar svg{transform:rotate(45deg)}
.btn:active{transform:scale(.98)}
.btn-or{background:linear-gradient(180deg,var(--or2),var(--or));color:#fff;box-shadow:0 14px 28px -14px rgba(255,93,29,.9)}
.btn-or:hover{box-shadow:0 18px 32px -12px rgba(255,93,29,.95);transform:translateY(-2px)}
.btn-or.shine::after{content:"";position:absolute;z-index:-1;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,68%{left:-60%}100%{left:130%}}
.btn-ln{background:#fff;border:1.5px solid var(--navy);color:var(--navy);padding:0 30px}
.btn-ln:hover{background:var(--navy);color:#fff}
.btn-sm{min-height:46px;font-size:14.5px;padding:0 8px 0 20px}
.btn-sm .ar{width:32px;height:32px}
.btn-out{background:#fff;border:1.5px solid var(--navy);color:var(--navy)}
.btn-out .ar{background:var(--bg2)}
.btn-out:hover{background:var(--navy);color:#fff}
.btn-out:hover .ar{background:rgba(255,255,255,.2)}

/* header */
.hd{position:sticky;top:0;z-index:50;height:var(--hd);background:rgba(247,249,252,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.hd.sc{border-color:var(--line);box-shadow:0 8px 24px -20px rgba(16,36,61,.5)}
.hd .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.15;font-size:15.5px}
.logo svg{width:44px;height:30px}
.nav{display:flex;gap:30px;font-weight:600;font-size:15px}
.nav a{position:relative;color:var(--ink2);padding:6px 0;transition:color .2s}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--or);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav a:hover,.nav a.on{color:var(--navy)}
.nav a:hover::after,.nav a.on::after{transform:scaleX(1)}
.burger{display:none;width:44px;height:44px;border-radius:12px;background:#fff;border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger i{display:block;width:20px;height:2px;background:var(--navy);border-radius:2px;transition:transform .25s,opacity .2s}
.burger.on i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* hero */
.hero{padding:56px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center}
.hero h1{margin-bottom:26px}
.hero p.lead{font-size:18px;color:var(--ink2);max-width:600px;margin-bottom:30px}
.pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:34px}
.pill{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:18px;padding:12px 18px 12px 12px;font-weight:700;font-size:14.5px;line-height:1.25;box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.pill:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.ico{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--bg2);flex:0 0 auto}
.ico svg{width:24px;height:24px;stroke:var(--navy);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ico svg .oa{stroke:var(--or)}
.ico.pe{background:var(--peach)}
.cta-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}
.hero-ph{position:relative;align-self:end}
.hero-ph .ph{border-radius:36px 36px 0 0;overflow:hidden;box-shadow:var(--sh2)}
.hero-ph img{width:100%;aspect-ratio:708/392;object-fit:cover;transform:scale(1.04);transition:transform 1.4s var(--ease)}
.hero-ph.in img{transform:scale(1)}
.tag{position:absolute;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:16px;padding:10px 16px 10px 14px;border-left:3px solid var(--or);box-shadow:var(--sh2);font-size:12.5px;color:var(--ink2);line-height:1.3;animation:ping .7s var(--ease) both}
.tag b{display:block;color:var(--navy);font-size:15px}
.tag.t1{left:-18px;bottom:20px;animation-delay:.6s}
.tag.t2{right:16px;bottom:100px;animation-delay:.8s}
@keyframes ping{0%{opacity:0;transform:translateY(12px) scale(.96)}}
.floaty{animation:floaty 7s ease-in-out infinite}
@keyframes floaty{50%{transform:translateY(-8px)}}

/* logos */
.logos{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}
.logos .wrap{display:flex;align-items:center;gap:36px}
.logos .lbl{flex:0 0 auto;font-size:14.5px;font-weight:700;line-height:1.3;padding-right:36px;border-right:1px solid var(--line);color:var(--navy)}
.mq{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.mq-t{display:flex;gap:18px;width:max-content;animation:mq 38s linear infinite}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
.lg{display:grid;place-items:center;min-width:170px;height:54px;border:1.5px dashed #c3cedc;border-radius:14px;color:var(--ink3);font-weight:700;font-size:13.5px;letter-spacing:.02em}

/* cards generic */
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.band{display:flex;align-items:center;gap:26px;background:linear-gradient(90deg,var(--peach),#fff6f1);border-radius:26px;padding:26px 34px;margin-top:30px}
.band .big{width:64px;height:64px;flex:0 0 auto}
.band h4{font-size:clamp(18px,2vw,26px);font-weight:800;line-height:1.25}
.band p{color:var(--ink2);margin-top:4px}
.band .btn{margin-left:auto}
.band .sep{width:1px;align-self:stretch;background:#f1c9b3}

/* b2 tasks */
.tasks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.task{display:flex;gap:20px;padding:28px}
.task h3{font-size:20px;margin-bottom:10px}
.task p{color:var(--ink2);font-size:15.5px}
.task .ico{width:62px;height:62px;border-radius:20px}
.task .ico svg{width:32px;height:32px}

/* b3 constructor */
.steps{display:flex;gap:18px;align-items:stretch}
.step{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;padding:28px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh);cursor:pointer;transition:flex .55s var(--ease),background .4s,color .4s,border-color .4s,box-shadow .4s}
.step .num{position:absolute;right:26px;top:22px;font-weight:800;font-size:24px;color:var(--ink3);transition:color .3s}
.step .ico{width:62px;height:62px;border-radius:20px;margin-bottom:22px}
.step .ico svg{width:32px;height:32px}
.step h3{font-size:22px;margin-bottom:12px}
.step .sh{color:var(--ink2);font-size:15.5px}
.step .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease);margin-top:0}
.step .more>div{overflow:hidden}
.step .full{font-size:15px;margin:14px 0;opacity:0;transition:opacity .4s .1s}
.step .res{display:flex;gap:12px;align-items:center;font-weight:700;font-size:14.5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);opacity:0;transition:opacity .4s .15s}
.step .res i{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--or);display:grid;place-items:center}
.step .res svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.step .tgl{margin-top:auto;padding-top:26px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:15px}
.step .tgl i{width:38px;height:38px;border-radius:50%;background:var(--bg2);position:relative;transition:background .3s,transform .4s var(--ease)}
.step .tgl i::before,.step .tgl i::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;background:var(--navy);transform:translate(-50%,-50%);transition:transform .3s,background .3s}
.step .tgl i::after{transform:translate(-50%,-50%) rotate(90deg)}
.step.act{flex:2.1;background:linear-gradient(160deg,#16335a,var(--navy));color:#fff;border-color:var(--or);box-shadow:0 26px 50px -24px rgba(16,36,61,.7),0 0 0 1px rgba(255,93,29,.5)}
.step.act .num{color:var(--or)}
.step.act .ico{background:rgba(255,255,255,.12)}
.step.act .ico svg{stroke:#fff}
.step.act .sh{color:#c9d5e4}
.step.act .more{grid-template-rows:1fr}
.step.act .full,.step.act .res{opacity:1}
.step.act .full{color:#dbe5f1}
.step.act .tgl i{background:rgba(255,255,255,.14)}
.step.act .tgl i::before,.step.act .tgl i::after{background:#fff}
.step.act .tgl i::after{transform:translate(-50%,-50%)}
.step.act .tgl .t1{display:none}
.step:not(.act) .tgl .t2{display:none}

/* b4 modules */
.tabs{display:flex;gap:12px;margin-bottom:26px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;padding:0 28px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:16.5px;overflow:hidden;transition:background .3s,color .3s,box-shadow .3s,transform .2s;white-space:nowrap}
.tab svg{width:26px;height:26px;stroke:var(--navy);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s}
.tab:hover{box-shadow:var(--sh)}
.tab.on{background:var(--navy);color:#fff;box-shadow:0 14px 28px -16px rgba(16,36,61,.8)}
.tab.on svg{stroke:#fff}
.tab::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--or);transform:scaleX(0);transform-origin:left}
.tab.on.run::after{animation:bar var(--t,9s) linear forwards}
@keyframes bar{to{transform:scaleX(1)}}
.mod-grid{display:grid;grid-template-columns:minmax(260px,.85fr) 2.4fr;gap:22px}
.mod-side{position:relative;border-radius:28px;overflow:hidden;padding:34px;background:linear-gradient(160deg,#16335a,var(--navy));color:#fff;display:flex;flex-direction:column;min-height:420px}
.mod-side::before{content:"";position:absolute;left:-60px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,93,29,.95),rgba(255,93,29,0) 68%)}
.mod-side .k{color:var(--or);font-weight:800;font-size:22px}
.mod-side h3{font-size:34px;margin:10px 0 14px;line-height:1.1}
.mod-side p{color:#cbd7e6;font-size:16px;max-width:300px;position:relative}
.mod-side .mk{position:absolute;right:24px;bottom:24px;width:120px;height:80px;opacity:.9}
.mods{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-content:start}
.mods.six{grid-template-columns:repeat(2,1fr)}
.mod{position:relative;display:flex;gap:20px;text-align:left;padding:26px;min-height:152px;animation:ping .5s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
.mod h3{font-size:19px;margin-bottom:8px;padding-right:44px}
.mod p{font-size:14.5px;color:var(--ink2)}
.mod .go{position:absolute;right:20px;bottom:20px;width:40px;height:40px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;transition:background .25s,transform .35s var(--ease)}
.mod .go svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.mod:hover .go{background:var(--or);transform:translateX(3px)}
.mod:hover .go svg{stroke:#fff}
.mod .ico{width:60px;height:60px;border-radius:18px}
.mod .ico svg{width:30px;height:30px}
.mod p{padding-bottom:30px}

/* b5 results */
.chips{display:flex;gap:10px;margin-bottom:26px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 10px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:700;font-size:15.5px;transition:background .25s,color .25s,box-shadow .25s}
.chip:hover{box-shadow:var(--sh)}
.chip.on{background:var(--navy);color:#fff}
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rc{display:flex;flex-direction:column;padding:26px;gap:16px;transition:opacity .35s,transform .35s var(--ease),box-shadow .3s}
.rc.hide{display:none}
.rc.fade{animation:ping .45s var(--ease) both;animation-delay:calc(var(--i,0)*60ms)}
.rc .top{display:flex;gap:14px;align-items:center}
.rc .top .ico{width:46px;height:46px;border-radius:14px}
.rc h3{font-size:19px}
.rc p{font-size:14.5px;color:var(--ink2)}
.rc .shot{border-radius:16px;overflow:hidden;background:var(--bg2);border:1px solid var(--line);margin-top:auto}
.rc .shot img{width:100%;height:170px;object-fit:cover;object-position:center;transition:transform .6s var(--ease)}
.rc:hover .shot img{transform:scale(1.06)}
.rc .btn{align-self:flex-start}
.note{font-size:13.5px;color:var(--ink3);margin-top:14px}

/* b6 training */
.how-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:stretch}
.collage{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:14px;min-height:420px}
.collage figure{position:relative;border-radius:24px;overflow:hidden;box-shadow:var(--sh)}
.collage figure:first-child{grid-row:1/3}
.collage img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.collage figure:hover img{transform:scale(1.05)}
.collage figcaption{position:absolute;left:12px;bottom:12px;background:rgba(255,255,255,.92);border-radius:999px;padding:5px 12px;font-size:11.5px;font-weight:700;color:var(--ink2)}
.how-list{display:grid;gap:16px}
.how{display:flex;gap:20px;align-items:center;padding:22px 24px}
.how .ico{width:62px;height:62px;border-radius:20px}
.how .n{font-weight:800;font-size:24px;color:var(--or);padding:0 6px 0 4px;border-left:0}
.how h3{font-size:19px;margin-bottom:6px}
.how p{font-size:14.5px;color:var(--ink2)}
.fmt{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fmt h4{font-size:22px;font-weight:800;margin-right:12px}
.fmt span.f{display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:10px 22px 10px 12px;font-weight:700;font-size:15px;box-shadow:var(--sh);transition:transform .25s}
.fmt span.f:hover{transform:translateY(-3px)}
.fmt .ico{width:36px;height:36px;border-radius:50%}
.fmt .ico svg{width:20px;height:20px}

/* b7 experts */
.exp-top{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;align-items:center;margin-bottom:34px}
.exp-top .ph{position:relative}
.exp-top .ph img{border-radius:32px;box-shadow:var(--sh2);width:100%}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.stat{padding:22px 18px}
.stat b{display:block;font-size:clamp(28px,3vw,42px);font-weight:800;color:var(--or);letter-spacing:-.02em;line-height:1.05;margin:12px 0 6px}
.stat span{font-size:14px;color:var(--ink2);line-height:1.35;display:block}
.exp-top .lead{color:var(--ink2);font-size:17.5px;margin-top:20px}
.comp-h,.conf-h{font-size:24px;font-weight:800;margin:44px 0 18px}
.comps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.comp{display:flex;align-items:center;gap:14px;padding:16px 18px;font-weight:700;font-size:15px;line-height:1.25;border-radius:18px}
.comp .ico{width:40px;height:40px;border-radius:12px}
.vids{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.vid{position:relative;aspect-ratio:16/9;border-radius:26px;overflow:hidden;background:var(--navy);box-shadow:var(--sh);cursor:pointer;display:block;width:100%;text-align:left}
.vid img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .3s}
.vid::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,36,61,0) 40%,rgba(16,36,61,.78))}
.vid:hover img{transform:scale(1.05)}
.vid .play{position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:2;width:68px;height:68px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);transition:transform .3s var(--ease)}
.vid:hover .play{transform:translateY(-50%) scale(1.1)}
.vid .play svg{width:24px;height:24px;fill:var(--or);margin-left:3px}
.vid .cap{position:absolute;z-index:2;left:24px;bottom:22px;right:24px;color:#fff;font-weight:800;font-size:19px;line-height:1.25}
.vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:3}

/* b8 pricing */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.tier{position:relative;display:flex;flex-direction:column;padding:30px;border-radius:28px}
.tier .k{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink2)}
.tier .k b{color:var(--or);margin-right:6px}
.tier h3{font-size:27px;margin:14px 0 10px;max-width:185px;min-height:96px}
.tier .d{color:var(--ink2);font-size:15px;min-height:70px}
.tier .art{position:absolute;right:20px;top:54px;width:130px;height:96px;object-fit:cover;border-radius:18px;mix-blend-mode:multiply}
.meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}
.meta div{display:flex;align-items:center;gap:10px;background:var(--bg2);border-radius:16px;padding:12px 14px;font-weight:800;font-size:15px}
.meta svg{width:22px;height:22px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.tier h5{font-size:16px;font-weight:800;margin-bottom:12px}
.tier ul{display:grid;gap:10px;margin-bottom:26px}
.tier li{position:relative;padding-left:28px;font-size:14.5px;color:var(--ink2);line-height:1.4}
.tier li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;background:var(--or);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.tier .foot{margin-top:auto;border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tier .pr small{display:block;font-size:13.5px;color:var(--ink2);font-weight:600}
.tier .pr b{font-size:clamp(30px,2.6vw,38px);font-weight:800;color:var(--or);letter-spacing:-.02em;white-space:nowrap}
.tier.main{border:2px solid var(--or);background:linear-gradient(180deg,#fff,#fff8f4);box-shadow:0 30px 56px -28px rgba(255,93,29,.55);transform:translateY(-10px)}
.tier.main:hover{transform:translateY(-14px)}
.badge{position:absolute;top:-15px;right:26px;display:flex;align-items:center;gap:8px;background:var(--or);color:#fff;font-size:13px;font-weight:800;padding:7px 16px;border-radius:999px;box-shadow:0 10px 20px -10px var(--or)}
.perks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--peach);border-radius:26px;margin-top:30px;padding:10px 0}
.perk{display:flex;align-items:center;gap:16px;padding:16px 30px;font-weight:800}
.perk+.perk{border-left:1px solid #f1c9b3}
.perk small{display:block;font-weight:500;color:var(--ink2);font-size:13.5px}
.perk .ico{background:#fff;color:var(--or)}
.info{display:flex;gap:26px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 30px;margin-top:20px}
.info .i{flex:0 0 auto;width:54px;height:54px;border-radius:16px;background:var(--or);display:grid;place-items:center}
.info .i svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}
.info h4{font-size:21px;font-weight:800;line-height:1.25;flex:0 0 280px}
.info p{color:var(--ink2);font-size:14.5px;border-left:1px solid var(--line);padding-left:26px}

/* b9 cases */
.cases{position:relative;background:#fff;border:1px solid var(--line);border-radius:34px;box-shadow:var(--sh2);padding:26px}
.demo-flag{position:absolute;z-index:4;right:34px;top:-14px;background:var(--navy);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 14px;border-radius:999px;text-transform:uppercase}
.case{display:none;grid-template-columns:1fr 1.25fr .95fr;gap:26px;align-items:stretch}
.case.on{display:grid;animation:caseIn .6s var(--ease) both}
@keyframes caseIn{from{opacity:0;transform:translateX(24px)}}
.case.back{animation-name:caseBack}
@keyframes caseBack{from{opacity:0;transform:translateX(-24px)}}
.case .vis{border-radius:22px;overflow:hidden;background:linear-gradient(160deg,var(--bg2),#fff);min-height:380px;position:relative}
.case .vis>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.chat{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.chat div{max-width:86%;padding:12px 16px;border-radius:18px;font-size:13.5px;line-height:1.4;box-shadow:var(--sh)}
.chat .q{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:6px}
.chat .a{background:#fff;border-bottom-left-radius:6px}
.chat .a small{display:block;margin-top:8px;color:var(--ink3);font-weight:700}
.chat .hdr{background:transparent;box-shadow:none;padding:0;font-weight:800;color:var(--navy);display:flex;gap:8px;align-items:center;max-width:100%}
.dash{position:absolute;inset:0;padding:22px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.dash img{border-radius:16px;box-shadow:var(--sh);width:100%}
.dash .kp{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dash .kp span{background:#fff;border-radius:12px;padding:10px;font-size:11px;font-weight:700;color:var(--ink3);box-shadow:var(--sh)}
.dash .kp b{display:block;font-size:15px;color:var(--navy)}
.case .mid .top{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.case .kb{background:#fff;border:1.5px solid var(--or);color:var(--or);font-size:12px;font-weight:800;padding:5px 14px;border-radius:999px;letter-spacing:.06em}
.case .sph{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.case h3{font-size:clamp(24px,2.4vw,32px);margin-bottom:16px}
.case .par{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}
.case .par span{display:flex;align-items:center;gap:8px;background:var(--bg);border-radius:999px;padding:8px 14px;font-weight:700;font-size:13.5px}
.case .par svg{width:18px;height:18px;stroke:var(--or);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.case dl{display:grid;gap:0}
.case dl div{display:flex;gap:16px;padding:14px 0;border-top:1px solid var(--line)}
.case dl div:first-child{border-top:0;padding-top:0}
.case dt{font-weight:800;font-size:15.5px;margin-bottom:3px}
.case dd{font-size:14px;color:var(--ink2);line-height:1.45}
.case dl .ico{width:44px;height:44px;border-radius:14px;background:var(--peach)}
.case dl .ico svg{width:22px;height:22px;stroke:var(--or)}
.quote{background:linear-gradient(170deg,var(--peach),#fff6f1);border-radius:24px;padding:28px;display:flex;flex-direction:column;position:relative}
.quote .qm{font-size:72px;line-height:.6;color:var(--or);font-weight:800;height:34px}
.quote blockquote{font-size:15.5px;line-height:1.55;margin:10px 0 22px}
.quote .who{margin-top:auto;display:flex;gap:16px;align-items:center}
.quote .av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;display:grid;place-items:center;font-weight:800;font-size:24px;flex:0 0 auto}
.quote .who b{display:block;font-size:18px}
.quote .who span{color:var(--ink2);font-size:14px}
.quote .who>div{border-left:3px solid var(--or);padding-left:14px}
.cnav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}
.arr{width:50px;height:50px;border-radius:16px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:background .25s,transform .2s,box-shadow .25s}
.arr svg{width:20px;height:20px;stroke:var(--navy);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .25s}
.arr.nx{background:var(--or);border-color:var(--or)}
.arr.nx svg{stroke:#fff}
.arr:hover{box-shadow:var(--sh);transform:translateY(-2px)}
.dots{display:flex;gap:10px}
.dots button{width:12px;height:12px;border-radius:50%;background:#cfd8e4;transition:width .3s var(--ease),background .3s}
.dots button.on{width:34px;border-radius:8px;background:var(--or)}
.cases-head{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:46px}

/* b10 faq */
.faq-grid{display:grid;grid-template-columns:.8fr 1.4fr;gap:50px;align-items:start}
.faq-l{position:sticky;top:calc(var(--hd) + 24px)}
.faq-l p{color:var(--ink2);font-size:17px;margin:20px 0 24px}
.faq-l img{border-radius:28px;margin-bottom:24px;box-shadow:var(--sh);width:100%;max-width:420px}
.ask{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ask span{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--ink2);line-height:1.3}
.faq{display:grid;gap:12px}
.fq{background:#fff;border:1px solid var(--line);border-radius:22px;transition:border-color .3s,background .3s,box-shadow .3s}
.fq:hover{box-shadow:var(--sh)}
.fq.open{background:linear-gradient(90deg,var(--peach),#fff8f4);border-color:#f9c8ae}
.fq button{width:100%;display:flex;align-items:center;gap:18px;padding:20px 24px;text-align:left;font-weight:800;font-size:17px;line-height:1.3}
.fq button b{color:var(--or);font-size:15px;white-space:nowrap}
.fq button span{flex:1}
.fq button i{position:relative;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:var(--bg2);transition:background .25s}
.fq.open button i{background:#fff}
.fq i::before,.fq i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--or);transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.fq i::after{transform:translate(-50%,-50%) rotate(90deg)}
.fq.open i::after{transform:translate(-50%,-50%) rotate(0)}
.fq .ans{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}
.fq.open .ans{grid-template-rows:1fr}
.fq .ans>div{overflow:hidden}
.fq .ans p{padding:0 24px 22px 76px;color:var(--ink2);font-size:15.5px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;background:var(--peach);border-radius:26px;padding:10px 0}

/* b11 form */
.form-sec{background:radial-gradient(900px 500px at 90% 0,rgba(255,93,29,.09),transparent 60%),radial-gradient(800px 500px at 0 100%,rgba(16,36,61,.06),transparent 60%)}
.form-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:start}
.steps3{display:grid;gap:20px;margin:30px 0}
.s3{display:flex;gap:18px;align-items:center}
.s3 .ico{width:56px;height:56px;border-radius:18px;background:var(--peach)}
.s3 .ico svg{width:28px;height:28px;stroke:var(--or)}
.s3 b{display:block;font-size:18px}
.s3 span{color:var(--ink2);font-size:14.5px}
.team-ph{position:relative;margin-top:10px}
.team-ph img{border-radius:30px;box-shadow:var(--sh2);width:100%;max-width:400px}
.band.s{margin-top:-26px;position:relative;z-index:2;max-width:620px;padding:22px 28px}
.fcard{background:#fff;border-radius:32px;box-shadow:0 40px 70px -34px rgba(16,36,61,.45);padding:40px;border:1px solid var(--line)}
.fcard h3{font-size:30px;margin-bottom:8px}
.fcard>p{color:var(--ink2);margin-bottom:26px}
.fld{margin-bottom:18px}
.fld label{display:block;font-weight:800;font-size:15px;margin-bottom:8px}
.fld label i{color:var(--or);font-style:normal}
.fld label small{font-weight:500;color:var(--ink2)}
.inp{position:relative}
.inp svg{position:absolute;left:18px;top:17px;width:22px;height:22px;stroke:var(--ink2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.inp input,.inp select,.inp textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:15px 18px 15px 52px;min-height:56px;outline:0;transition:border-color .2s,box-shadow .2s;appearance:none;-webkit-appearance:none}
.inp textarea{min-height:104px;resize:vertical}
.inp input:focus,.inp select:focus,.inp textarea:focus{border-color:var(--or);box-shadow:0 0 0 4px rgba(255,93,29,.14)}
.inp.er input,.inp.er select{border-color:#d93b3b;box-shadow:0 0 0 4px rgba(217,59,59,.1)}
.inp.sel::after{content:"";position:absolute;right:20px;top:23px;width:9px;height:9px;border-right:2px solid var(--navy);border-bottom:2px solid var(--navy);transform:rotate(45deg);pointer-events:none}
.msg{font-size:13px;color:#d93b3b;margin-top:6px;display:none}
.er+.msg{display:block}
.fcard .btn{width:100%;margin-top:8px;justify-content:center;min-height:62px;font-size:18px}
.fcard .btn .ar{position:absolute;right:12px}
.consent{display:flex;gap:12px;align-items:flex-start;margin-top:18px;color:var(--ink2);font-size:13.5px}
.consent svg{width:22px;height:22px;stroke:var(--navy);fill:none;stroke-width:1.7;flex:0 0 auto;margin-top:2px}
.consent a{text-decoration:underline;text-decoration-color:var(--or);text-underline-offset:3px}
.direct{margin-top:16px;font-size:14px;color:var(--ink2);text-align:center}
.direct a{font-weight:800;color:var(--navy);border-bottom:2px solid var(--or)}
.ok{display:none;text-align:center;padding:30px 10px}
.ok.show{display:block;animation:ping .6s var(--ease)}
.ok .tick{width:78px;height:78px;border-radius:50%;background:var(--or);margin:0 auto 22px;display:grid;place-items:center}
.ok .tick svg{width:38px;height:38px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:draw .6s .25s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.ok h3{margin-bottom:10px}
.ok p{color:var(--ink2)}
.ok .dev{margin-top:18px;font-size:12.5px;background:var(--bg2);border-radius:12px;padding:10px 14px;color:var(--ink3)}

/* footer */
footer{background:var(--bg2);padding:54px 0 26px;border-top:1px solid var(--line)}
.ft-top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;flex-wrap:wrap;padding-bottom:34px;border-bottom:1px solid #d6dde8}
.tagline{color:var(--ink2);font-size:14.5px;margin-top:14px;max-width:340px}
.fnav{display:flex;flex-wrap:wrap;gap:12px 28px;font-weight:700;font-size:15px;max-width:520px;justify-content:flex-end}
.fnav a{position:relative;color:var(--ink2);transition:color .2s}
.fnav a:hover{color:var(--or)}
.req{display:grid;grid-template-columns:1.5fr 1fr .8fr;gap:40px;padding:34px 0}
.req h6{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
.req-l p{font-size:14.5px;color:var(--ink2);line-height:1.6;margin-bottom:14px}
.req-l b{color:var(--navy)}
.req-c,.req-r{display:grid;gap:14px;align-content:start}
.req-c li{display:flex;gap:14px;align-items:flex-start;font-weight:700;font-size:15.5px}
.req-c .ci{flex:0 0 auto;width:36px;height:36px;border-radius:12px;background:#fff;display:grid;place-items:center}
.req-c .ci svg{width:20px;height:20px;stroke:var(--navy);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.req-c a{transition:color .2s;padding-top:6px;display:inline-block}
.req-c a:hover{color:var(--or)}
.req-c .ph{padding-top:7px;color:var(--ink3);font-weight:500;font-size:14.5px}
.req-r li a{font-size:14.5px;font-weight:600;color:var(--ink2);border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.req-r li a:hover{color:var(--navy);border-color:var(--or)}
.pay{padding:6px 0 26px}
.pay img{height:42px;width:auto;max-width:100%;opacity:.9}
.fb{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #d6dde8;padding-top:20px;font-size:13px;color:var(--ink3)}
.fb a{text-decoration:underline}

/* dialog */
dialog{border:0;border-radius:30px;padding:0;max-width:min(780px,94vw);width:100%;box-shadow:0 50px 100px -30px rgba(16,36,61,.6);background:#fff;color:var(--ink);margin:auto}
dialog::backdrop{background:rgba(16,36,61,.55);backdrop-filter:blur(4px)}
dialog[open]{animation:dlg .45s var(--ease)}
@keyframes dlg{from{opacity:0;transform:translateY(22px) scale(.97)}}
.dl{padding:38px;position:relative}
.dl .x{position:absolute;right:20px;top:20px;width:42px;height:42px;border-radius:50%;background:var(--bg2);font-size:22px;line-height:1;transition:transform .3s,background .2s}
.dl .x:hover{background:var(--peach);transform:rotate(90deg)}
.dl h3{font-size:30px;margin:6px 40px 10px 0}
.dl .lead{color:var(--ink2);margin-bottom:22px}
.dl .cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.dl .cols div{background:var(--bg);border-radius:18px;padding:18px 20px}
.dl h5{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--or);margin-bottom:8px}
.dl li{font-size:14.5px;color:var(--ink2);margin-bottom:6px;padding-left:16px;position:relative}
.dl li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--or)}
.dl p.t{font-size:14.5px;color:var(--ink2)}
.dl img.big{width:100%;border-radius:20px;border:1px solid var(--line);margin-bottom:20px;max-height:340px;object-fit:contain;background:var(--bg2)}
.dl .btn{margin-top:24px}

/* question modal */
dialog.ask-dlg{max-width:min(1040px,94vw)}
.ask-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.ask-l h3{font-size:clamp(30px,3.6vw,46px);margin:8px 0 18px}
.ask-l .lead{color:var(--ink2);font-size:17px;margin-bottom:28px}
.ask-steps{list-style:none;display:grid;gap:16px}
.ask-steps li{display:flex;align-items:center;gap:16px;font-weight:700;font-size:16.5px}
.ask-steps i{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:15px;background:#fff}
.ask-steps .last i{background:var(--or);border-color:var(--or);color:#fff}
.ask-r .btn{width:100%;justify-content:center;min-height:60px;font-size:17px;margin-top:4px}
.ask-r .btn .ar{position:absolute;right:11px}
@media (max-width:860px){.ask-grid{grid-template-columns:1fr;gap:26px}}

/* mobile nav */
.mnav{display:none}

@media (max-width:1100px){
  .nav{gap:18px;font-size:14px}
  .sec-head{grid-template-columns:1fr;gap:18px}
  .sec-head p{border:0;padding:0}
  .tasks,.res-grid{grid-template-columns:repeat(2,1fr)}
  .mod-grid{grid-template-columns:1fr}
  .mod-side{min-height:260px}
  .tiers{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
  .tier.main{transform:none}
  .case{grid-template-columns:1fr 1fr}
  .case .quote{grid-column:1/3}
  .comps{grid-template-columns:repeat(2,1fr)}
  .how-grid,.exp-top,.faq-grid,.form-grid{grid-template-columns:1fr}
  .faq-l{position:static}
  .steps{flex-wrap:wrap}
  .step,.step.act{flex:1 1 calc(50% - 18px)}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav,.hd .btn{display:none}
  .burger{display:flex}
  .mnav{display:block;position:fixed;inset:var(--hd) 0 auto 0;z-index:49;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh2);padding:12px 24px 24px;transform:translateY(-130%);transition:transform .4s var(--ease);visibility:hidden}
  .mnav.open{transform:none;visibility:visible}
  .mnav a{display:block;padding:15px 0;font-weight:700;font-size:18px;border-bottom:1px solid var(--line)}
  .mnav .btn{display:inline-flex;margin-top:18px;width:100%;color:#fff;border:0}
  .hero-grid{grid-template-columns:1fr}
  .hero-ph{max-width:620px}
  .logos .wrap{flex-direction:column;align-items:flex-start;gap:14px}
  .logos .lbl{border:0;padding:0}
  .mq{width:100%}
  .perks,.facts{grid-template-columns:1fr}
  .perk+.perk{border-left:0;border-top:1px solid #f1c9b3}
  .info{flex-direction:column;align-items:flex-start}
  .info h4{flex:none}
  .info p{border:0;padding:0}
  .band{flex-wrap:wrap}
  .band .btn{margin-left:0}
  .band .sep{display:none}
  .vids{grid-template-columns:1fr}
  .case,.case.on{grid-template-columns:1fr}
  .case .quote{grid-column:auto}
  .case .vis{min-height:260px}
  .req{grid-template-columns:1fr;gap:26px}
  .fnav{justify-content:flex-start}
}
@media (max-width:640px){
  section{padding:64px 0}
  .wrap{width:min(100% - 32px,1240px)}
  .tasks,.res-grid,.mods,.mods.six{grid-template-columns:1fr}
  .steps{flex-direction:column}
  .step,.step.act{flex:none}
  .collage{grid-template-columns:1fr 1fr;min-height:0}
  .collage figure:first-child{grid-column:1/3;grid-row:auto;aspect-ratio:4/3}
  .collage figure{aspect-ratio:1}
  .how{flex-wrap:wrap}
  .comps{grid-template-columns:1fr}
  .cta-row .btn{width:100%}
  .fcard{padding:26px 20px}
  .dl{padding:28px 22px}
  .dl .cols{grid-template-columns:1fr}
  .fq button{padding:16px 16px;font-size:16px;gap:12px}
  .fq .ans p{padding:0 16px 18px}
  .tag.t2{display:none}
  .tag.t1{left:10px}
  .tier .art{width:96px;height:72px;top:60px}
  .tier h3{font-size:26px}
  .cases{padding:16px}
  .cases-head{grid-template-columns:1fr}
  .tab{padding:0 20px;font-size:15px}
  .tier .foot .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
}