/* Liquid Web Solutions — screens (desktop = comp coordinates x --u). Phone/tablet art-directed rules live at the bottom of each section. */

/* ================= 01 HOME ================= */
.home .world,.home .ui{position:absolute;inset:0}
.home .world{transform-origin:0 0;pointer-events:none;will-change:transform}
.home .ui{transition:opacity .7s ease}
.home.touring .ui,.home.touring .hdr{opacity:0;pointer-events:none}
.home .hdr{transition:opacity .7s ease}
.caret{display:inline-block;width:calc(3.5*var(--u));height:calc(66*var(--u));margin-left:calc(4*var(--u));vertical-align:calc(-8*var(--u));background:linear-gradient(180deg,#1f6bff,#0a47e0);animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.home .ui .eyebrow{white-space:nowrap}

.node{pointer-events:auto;display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(5*var(--u)) calc(8*var(--u)) calc(5*var(--u)) calc(12*var(--u));text-align:left;overflow:hidden;
  transform:perspective(900px) rotateZ(var(--rot,0deg));transition:transform .35s var(--ease),box-shadow .35s;opacity:1}
.node:hover,.node.hot{transform:perspective(900px) rotateZ(var(--rot,0deg)) scale(1.06);box-shadow:0 0 calc(40*var(--u)) rgba(90,200,255,.95),inset 0 0 calc(22*var(--u)) rgba(90,170,255,.3),inset 0 calc(1.5*var(--u)) 0 rgba(255,255,255,.4);z-index:3}
.node .ni{flex:none;width:calc(38*var(--u));height:calc(38*var(--u));color:#e8f6ff;filter:drop-shadow(0 0 calc(7*var(--u)) rgba(110,210,255,.95))}
.node .ni svg{width:100%;height:100%}
.node .nt{display:block;min-width:0;flex:1}
.node small{display:block;font-size:max(9px,calc(14*var(--u)));font-weight:600;line-height:1;opacity:.95}
.node b{display:block;margin-top:calc(1*var(--u));font-size:max(10px,calc(15.6*var(--u)));font-weight:700;letter-spacing:.01em;line-height:1.12}
.node em{display:block;margin-top:calc(2*var(--u));font-style:normal;font-size:max(8px,calc(10.2*var(--u)));line-height:1.18;opacity:.92}

/* domain search pill */
.dsearch{border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(236,246,255,.92));box-shadow:0 0 0 calc(2.6*var(--u)) rgba(145,210,255,.95),0 0 calc(30*var(--u)) rgba(55,150,255,.75),0 calc(10*var(--u)) calc(30*var(--u)) rgba(30,90,200,.2)}
.dform{display:flex;align-items:center;height:100%;padding:0 calc(7*var(--u)) 0 calc(30*var(--u))}
.dform .si{flex:none;width:calc(26*var(--u));height:calc(26*var(--u));color:#0b1a4a}
.dform input{flex:1;min-width:0;height:100%;border:0;background:none;outline:0;padding:0 calc(22*var(--u));font-size:max(14px,calc(18.6*var(--u)));color:var(--navy)}
.dform input::placeholder{color:#5f6e96}
.dsep{flex:none;width:calc(2*var(--u));height:calc(28*var(--u));background:rgba(110,140,200,.45);margin-right:calc(12*var(--u))}
.dsel{position:relative;flex:none;width:calc(112*var(--u));height:100%;display:flex;align-items:center}
.dsel select{appearance:none;-webkit-appearance:none;border:0;background:none;outline:0;width:100%;height:100%;padding:0 calc(26*var(--u)) 0 calc(14*var(--u));font-weight:700;font-size:max(14px,calc(20*var(--u)));color:var(--navy);cursor:pointer}
.dsel svg{position:absolute;right:calc(6*var(--u));width:calc(18*var(--u));height:calc(18*var(--u));pointer-events:none}
.dform .btn{flex:none;height:calc(52*var(--u));width:calc(232*var(--u));font-size:max(13px,calc(19*var(--u)));font-weight:600;margin-left:calc(6*var(--u))}
.chips{display:flex;gap:calc(10*var(--u))}
.chip{height:calc(34*var(--u));display:inline-flex;align-items:center;gap:calc(14*var(--u));padding:0 calc(18*var(--u));border-radius:999px;font-size:max(11px,calc(15*var(--u)));color:#1a2a5c;
  background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(236,246,255,.8));box-shadow:0 0 0 calc(1.5*var(--u)) rgba(255,255,255,.95),0 0 calc(14*var(--u)) rgba(100,170,255,.5);transition:transform .2s,box-shadow .2s}
.chip b{font-weight:800;color:var(--navy)}
.chip:hover{transform:translateY(calc(-2*var(--u)))}
.chip[aria-pressed=true]{box-shadow:0 0 0 calc(2.5*var(--u)) #1f6bff,0 0 calc(18*var(--u)) rgba(60,150,255,.7)}

/* explainer / video card */
.explain{position:absolute}
.explain .poster{position:absolute;left:calc(10*var(--u));top:calc(8*var(--u));width:calc(419*var(--u));height:calc(197*var(--u));border-radius:calc(15*var(--u));overflow:hidden;padding:0;text-align:left;color:#fff;
  box-shadow:0 0 0 calc(2.5*var(--u)) #0c1b4d,0 calc(8*var(--u)) calc(22*var(--u)) rgba(10,30,90,.35)}
.explain .poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.explain .poster::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,50,.5),transparent 28%,transparent 62%,rgba(6,16,50,.62))}
.explain .poster:hover img{transform:scale(1.06)}
.explain .pt{position:absolute;left:calc(18*var(--u));top:calc(14*var(--u));z-index:2;display:flex;align-items:center;gap:calc(7*var(--u));font-size:max(9px,calc(12.5*var(--u)));font-weight:600;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,30,.7)}
.explain .pti{width:calc(15*var(--u));height:calc(15*var(--u))}
.explain .pp{position:absolute;z-index:2;left:calc(176*var(--u));top:calc(66*var(--u));width:calc(64*var(--u));height:calc(64*var(--u));border-radius:50%;display:grid;place-items:center;background:rgba(8,16,44,.78);backdrop-filter:blur(6px);
  box-shadow:0 0 0 calc(1.5*var(--u)) rgba(255,255,255,.4),0 0 calc(30*var(--u)) rgba(100,200,255,.75);transition:transform .25s var(--ease)}
.explain .pp svg{width:44%;height:44%;margin-left:6%}
.explain .poster:hover .pp{transform:scale(1.1)}
.explain .pc{position:absolute;z-index:2;left:calc(18*var(--u));bottom:calc(13*var(--u));font-size:max(11px,calc(17.4*var(--u)));font-weight:500;text-shadow:0 1px 10px rgba(0,0,30,.85)}
.explain .pf{position:absolute;z-index:2;right:calc(14*var(--u));bottom:calc(13*var(--u));width:calc(20*var(--u));height:calc(20*var(--u))}
.explain .pf svg{width:100%;height:100%}
.explain .et{position:absolute;left:calc(467*var(--u));top:calc(21*var(--u));width:calc(395*var(--u))}
.wl{display:flex;align-items:center;gap:calc(12*var(--u));margin-top:calc(13*var(--u));color:var(--blue);font-size:max(11px,calc(var(--fs)*var(--u)))}
.wl .wi{width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 calc(2*var(--u)) #1f6bff,0 0 calc(10*var(--u)) rgba(60,150,255,.5)}
.wi svg{width:42%;height:42%;margin-left:6%;color:#1f6bff}
.wl b{font-weight:700}.wl em{font-style:normal;color:#17275a;font-weight:500;margin-left:calc(8*var(--u))}

/* script note */
.script{display:flex;align-items:flex-end;gap:calc(2*var(--u));transform:rotate(-9deg);color:#eaf6ff;font-family:'Caveat',cursive;font-weight:600;font-size:calc(35*var(--u));line-height:.93;
  text-shadow:0 0 calc(10*var(--u)) #2f9bff,0 0 calc(4*var(--u)) #1b64ff,0 calc(1.5*var(--u)) 0 #123da8;-webkit-text-stroke:calc(.9*var(--u)) #1b4fd0;pointer-events:none}
.script svg{width:calc(64*var(--u));height:calc(44*var(--u));flex:none;margin-bottom:calc(-6*var(--u));color:#dff1ff;filter:drop-shadow(0 0 calc(6*var(--u)) #2f9bff)}
.rise.script{transform:translateY(calc(14*var(--u))) rotate(-9deg)}
.screen.in .rise.script{transform:rotate(-9deg)}

/* journey steps row (orbs are art; DOM supplies hit areas + text) */
.steps{position:absolute;inset:0;pointer-events:none}
.steps li{pointer-events:none}
.steps .orb{pointer-events:auto;position:absolute;left:calc(5*var(--u));top:calc(0*var(--u));width:calc(90*var(--u));height:calc(100*var(--u));border-radius:50%;transition:box-shadow .3s,background .3s}
.steps .orb:hover,.steps .orb:focus-visible{background:radial-gradient(closest-side,rgba(120,210,255,.26),transparent);box-shadow:0 0 calc(34*var(--u)) rgba(80,190,255,.9)}
.steps .stx{position:absolute;left:calc(120*var(--u));top:calc(6*var(--u));pointer-events:none}
.steps .stx b{display:block;font-size:max(11px,calc(19*var(--u)));font-weight:700;line-height:1}
.steps .stx h3{margin-top:calc(2*var(--u));font-size:max(13px,calc(23*var(--u)));font-weight:700;line-height:1.1;letter-spacing:-.01em;white-space:nowrap}
.steps .stx p{margin-top:calc(8*var(--u));font-size:max(10px,calc(13.8*var(--u)));line-height:1.28;color:#1d2c5c;width:calc(var(--pw,150)*var(--u))}
.nextpill{background:linear-gradient(180deg,#0e2468,#071448);box-shadow:0 0 0 calc(2*var(--u)) rgba(140,200,255,.9),0 0 calc(18*var(--u)) rgba(50,150,255,.6),inset 0 0 calc(10*var(--u)) rgba(80,160,255,.3);font-weight:600}

/* tour */
.home .tour{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .7s}
.home .tour.on{opacity:1}
.tcard{position:absolute;left:calc(90*var(--u));top:calc(560*var(--u));width:calc(470*var(--u));padding:calc(26*var(--u)) calc(30*var(--u)) calc(24*var(--u));pointer-events:auto;--r:24}
.tcard h2{font-size:calc(44*var(--u));margin-top:calc(8*var(--u));color:#fff}
.tcard p:not(.eyebrow){margin-top:calc(10*var(--u));font-size:max(13px,calc(18*var(--u)));line-height:1.45;color:#e2f0ff}
.tcard .eyebrow{color:#9fdcff}
.tdots{display:flex;gap:calc(8*var(--u));margin-top:calc(18*var(--u))}
.tdots i{width:calc(30*var(--u));height:calc(4*var(--u));border-radius:4px;background:rgba(255,255,255,.28);transition:background .4s}
.tdots i.on{background:#5ccaff;box-shadow:0 0 8px rgba(90,200,255,.9)}
.trow{display:flex;gap:calc(12*var(--u));margin-top:calc(18*var(--u))}
.trow .btn{height:calc(46*var(--u));padding:0 calc(24*var(--u));font-size:max(12px,calc(16*var(--u)))}
.trow .btn[disabled]{opacity:.45}
.texit{position:absolute;right:calc(60*var(--u));top:calc(40*var(--u));height:calc(44*var(--u));padding:0 calc(20*var(--u));pointer-events:auto;font-size:max(12px,calc(15*var(--u)))}
.node.hot::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 calc(2*var(--u)) #bfeeff}

/* ================= 02 JOURNEY ================= */
.journey .dchip{display:flex;align-items:center;gap:calc(8*var(--u));padding:0 calc(14*var(--u));border-radius:999px;font-size:max(10px,calc(13*var(--u)));color:#14246a;white-space:nowrap;--r:20}
.journey .dchip svg{width:calc(16*var(--u));height:calc(16*var(--u));color:#1f6bff}
.journey .dchip b{font-weight:800}.journey .dchip em{font-style:normal;color:#4a5a86}
.pcard{display:block;padding:calc(17*var(--u)) calc(18*var(--u));text-align:left;
  transform:perspective(1100px) rotateY(var(--ry,0deg)) rotateZ(var(--rz,0deg));transform-origin:50% 60%;transition:transform .4s var(--ease),box-shadow .4s,filter .4s;cursor:pointer}
.pcard:hover,.pcard:focus-visible,.pcard.sel{transform:perspective(1100px) rotateY(calc(var(--ry,0deg)*.25)) rotateZ(calc(var(--rz,0deg)*.25)) translateY(calc(-6*var(--u))) scale(1.025);
  box-shadow:0 0 calc(46*var(--u)) rgba(100,205,255,.95),inset 0 0 calc(24*var(--u)) rgba(90,170,255,.3),inset 0 calc(1.5*var(--u)) 0 rgba(255,255,255,.45);filter:brightness(1.07);z-index:4}
.pcard .pi{position:absolute;left:calc(22*var(--u));top:calc(20*var(--u));width:calc(54*var(--u));height:calc(54*var(--u));color:#e4f4ff;filter:drop-shadow(0 0 calc(8*var(--u)) rgba(120,215,255,.95))}
.pcard .pi svg{width:100%;height:100%}
.pcard h2{margin:calc(2*var(--u)) 0 0 calc(82*var(--u));font-family:var(--fh);font-size:max(12px,calc(19.2*var(--u)));font-weight:800;letter-spacing:.005em;line-height:1.1;white-space:nowrap}
.pcard .tg{margin:calc(4*var(--u)) 0 0 calc(82*var(--u));font-size:max(10px,calc(14.6*var(--u)));line-height:1.25;color:#eaf4ff;letter-spacing:-.012em;white-space:nowrap}
.pcard ul{position:absolute;left:calc(22*var(--u));top:calc(78*var(--u));right:calc(70*var(--u));display:grid;gap:calc(6*var(--u))}
.pcard li{display:flex;gap:calc(8*var(--u));align-items:flex-start;font-size:max(9px,calc(13.2*var(--u)));line-height:1.2;color:#f3f9ff;letter-spacing:-.015em}
.pcard .ck{flex:none;width:calc(17*var(--u));height:calc(17*var(--u));border-radius:50%;background:linear-gradient(180deg,#e9f6ff,#b6dcff);color:#0a47e0;display:grid;place-items:center;box-shadow:0 0 calc(8*var(--u)) rgba(120,210,255,.9)}
.pcard .ck svg{width:68%;height:68%}
.pcard .go,.quizcard .go{position:absolute;right:calc(20*var(--u));top:calc(103*var(--u));width:calc(52*var(--u));height:calc(52*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;
  background:radial-gradient(circle at 40% 30%,#1c5bff,#0b2b9a);box-shadow:0 0 0 calc(2.4*var(--u)) rgba(150,215,255,.95),0 0 calc(18*var(--u)) rgba(70,170,255,.9);transition:transform .3s var(--ease)}
.pcard .go{top:calc(86*var(--u))}
.pcard .go svg,.quizcard .go svg{width:46%;height:46%}
.pcard:hover .go,.quizcard:hover .go{transform:translateX(calc(4*var(--u))) scale(1.08)}
.pcard .nx{position:absolute;right:calc(12*var(--u));bottom:calc(-9*var(--u));height:calc(35*var(--u));padding:0 calc(18*var(--u));font-size:max(10px,calc(14*var(--u)));pointer-events:none;background:linear-gradient(180deg,#0e2468,#071448)}
.quizcard{display:flex;align-items:center;gap:calc(20*var(--u));padding:0 calc(26*var(--u)) 0 calc(24*var(--u));text-align:left;cursor:pointer;transition:transform .35s var(--ease),box-shadow .35s}
.quizcard:hover{transform:translateY(calc(-4*var(--u)));box-shadow:0 0 calc(40*var(--u)) rgba(100,205,255,.9),inset 0 0 calc(22*var(--u)) rgba(90,170,255,.25)}
.quizcard .qi{flex:none;width:calc(66*var(--u));height:calc(66*var(--u));color:#e4f4ff;filter:drop-shadow(0 0 calc(7*var(--u)) rgba(120,215,255,.95))}.qi svg{width:100%;height:100%}
.quizcard .qt{flex:1;min-width:0}
.quizcard b{display:block;font-size:max(12px,calc(19.6*var(--u)));font-weight:700;letter-spacing:-.01em}
.quizcard em{display:block;margin-top:calc(5*var(--u));font-style:normal;font-size:max(10px,calc(14.2*var(--u)));line-height:1.3;color:#eaf4ff;letter-spacing:-.01em}
.quizcard .go{position:relative;right:auto;top:auto;flex:none}
.quote{padding:calc(24*var(--u)) calc(26*var(--u));transform:perspective(1100px) rotateY(-6deg);transform-origin:100% 50%}
.screen.in .quote.rise{transform:perspective(1100px) rotateY(-6deg)}
.quote .qm{position:absolute;left:calc(28*var(--u));top:calc(26*var(--u));width:calc(36*var(--u));color:#dcefff;filter:drop-shadow(0 0 calc(8*var(--u)) rgba(120,210,255,.9))}
.quote .q1{margin-left:calc(66*var(--u));font-family:var(--fh);font-size:max(13px,calc(22*var(--u)));font-weight:700;line-height:1.14;letter-spacing:-.015em}
.quote .q2{margin-top:calc(16*var(--u));font-size:max(11px,calc(16.4*var(--u)));line-height:1.3;color:#e8f3ff;letter-spacing:-.01em}

/* ================= 03 CONFIGURE ================= */
.configure .gp,.configure .mp,.configure .pp{padding:0}
.configure header{display:flex;align-items:flex-start;gap:calc(14*var(--u));padding:calc(15*var(--u)) calc(18*var(--u)) 0}
.configure header .hi{flex:none;width:calc(48*var(--u));height:calc(48*var(--u));color:#e4f4ff;filter:drop-shadow(0 0 calc(8*var(--u)) rgba(120,215,255,.95))}
.configure header .hi svg{width:100%;height:100%}
.configure header h2{font-family:var(--fh);font-size:max(12px,calc(20*var(--u)));font-weight:800;letter-spacing:.01em;margin-top:calc(2*var(--u))}
.configure header p{margin-top:calc(3*var(--u));font-size:max(9px,calc(13.6*var(--u)));line-height:1.28;color:#e6f2ff}
.gscroll{position:absolute;left:0;right:0;top:calc(86*var(--u));bottom:calc(10*var(--u));overflow-y:auto;overscroll-behavior:contain;padding:0 calc(14*var(--u)) calc(6*var(--u));scrollbar-width:thin;scrollbar-color:rgba(140,205,255,.6) transparent}
.gs{position:relative;display:grid;grid-template-columns:calc(34*var(--u)) calc(30*var(--u)) 1fr;gap:calc(8*var(--u));padding:calc(10*var(--u)) calc(10*var(--u)) calc(11*var(--u)) calc(6*var(--u));margin-bottom:calc(5*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(160deg,rgba(40,90,200,.28),rgba(10,32,110,.38));border:calc(1.2*var(--u)) solid rgba(120,190,255,.4)}
.gn{width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;display:grid;place-items:center;font-size:max(9px,calc(13*var(--u)));font-weight:700;background:radial-gradient(circle at 35% 30%,#1f56d6,#0a1f78);box-shadow:0 0 0 calc(2*var(--u)) rgba(150,215,255,.9),0 0 calc(10*var(--u)) rgba(70,170,255,.7)}
.gi{width:calc(28*var(--u));height:calc(28*var(--u));color:#9fd6ff}.gi svg{width:100%;height:100%}
.gb h3{font-size:max(11px,calc(16*var(--u)));font-weight:700;line-height:1.15}
.gb p{margin-top:calc(2*var(--u));font-size:max(9px,calc(12.4*var(--u)));color:#d4e8ff;line-height:1.25}
.gf{display:grid;gap:calc(5*var(--u));margin-top:calc(8*var(--u))}
.fi{width:100%;height:calc(28*var(--u));padding:0 calc(10*var(--u));border-radius:calc(7*var(--u));border:calc(1.2*var(--u)) solid rgba(120,175,240,.55);background:#f3f8ff;color:#0b1a4a;font-size:max(10px,calc(12.6*var(--u)));outline:0;min-width:0}
.fi::placeholder{color:#6a79a0}
.fi:focus{box-shadow:0 0 0 calc(2.5*var(--u)) #3cc8ff;border-color:#fff}
.fi.bad{box-shadow:0 0 0 calc(2.5*var(--u)) #ff6b6b}
.configure .sel{position:relative}.configure .sel select{appearance:none;-webkit-appearance:none;padding-right:calc(26*var(--u));cursor:pointer;font-weight:500}
.configure .sel svg{position:absolute;right:calc(8*var(--u));top:50%;margin-top:calc(-7*var(--u));width:calc(14*var(--u));height:calc(14*var(--u));color:#0b1a4a;pointer-events:none}
.cb{display:flex;align-items:center;gap:calc(9*var(--u));font-size:max(9px,calc(12.6*var(--u)));cursor:pointer;line-height:1.2}
.cb input{position:absolute;opacity:0;pointer-events:none}
.cb i{flex:none;width:calc(15*var(--u));height:calc(15*var(--u));border-radius:calc(3.5*var(--u));border:calc(1.5*var(--u)) solid rgba(190,225,255,.9);background:rgba(255,255,255,.1);display:grid;place-items:center;transition:background .2s}
.cb input:checked+i{background:#2f7bff;border-color:#bfe6ff;box-shadow:0 0 calc(8*var(--u)) rgba(70,170,255,.9)}
.cb input:checked+i::after{content:"";width:calc(7*var(--u));height:calc(4*var(--u));border-left:calc(2*var(--u)) solid #fff;border-bottom:calc(2*var(--u)) solid #fff;transform:rotate(-45deg) translate(calc(.5*var(--u)),calc(-.5*var(--u)))}
.cb input:focus-visible+i{outline:3px solid var(--cyan);outline-offset:2px}

.mp header{padding-top:calc(14*var(--u))}
.tiles{position:absolute;left:calc(19*var(--u));top:calc(94*var(--u));right:calc(18*var(--u));display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8*var(--u));height:calc(142*var(--u))}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5*var(--u));padding:calc(8*var(--u)) calc(8*var(--u));text-align:center;--r:16;transition:transform .3s var(--ease),box-shadow .3s}
.tile:hover{transform:translateY(calc(-3*var(--u)))}
.tile.on{background:linear-gradient(160deg,rgba(60,130,255,.75),rgba(14,50,170,.82));box-shadow:0 0 calc(30*var(--u)) rgba(80,190,255,.95),inset 0 0 calc(22*var(--u)) rgba(130,200,255,.35),inset 0 calc(1.5*var(--u)) 0 rgba(255,255,255,.45);border-color:#cfeeff}
.tile .ti{width:calc(48*var(--u));height:calc(48*var(--u));color:#fff;filter:drop-shadow(0 0 calc(7*var(--u)) rgba(120,215,255,.95))}.ti svg{width:100%;height:100%}
.tile b{font-size:max(10px,calc(16*var(--u)));font-weight:700;letter-spacing:.01em}
.tile em{font-style:normal;font-size:max(8.5px,calc(12.6*var(--u)));line-height:1.25;color:#e3f1ff}
.tile .tk{position:absolute;right:calc(8*var(--u));top:calc(8*var(--u));width:calc(26*var(--u));height:calc(26*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff}
.tile.on .tk{background:radial-gradient(circle at 35% 30%,#0c2a86,#04134f);box-shadow:0 0 0 calc(1.6*var(--u)) #cfeeff}
.tile .tk svg{width:56%;height:56%}
.ftitle{position:absolute;left:calc(22*var(--u));top:calc(250*var(--u));font-size:max(10px,calc(15.6*var(--u)));font-weight:700;letter-spacing:.04em}
.ftiles{position:absolute;left:calc(19*var(--u));top:calc(274*var(--u));right:calc(18*var(--u));display:grid;grid-template-columns:repeat(3,1fr);gap:calc(8*var(--u));height:calc(234*var(--u))}
.ftile{position:relative;display:flex;align-items:flex-start;gap:calc(9*var(--u));padding:calc(10*var(--u)) calc(10*var(--u));text-align:left;--r:14;transition:transform .3s var(--ease),box-shadow .3s}
.ftile:hover{transform:translateY(calc(-2*var(--u)))}
.ftile.on{background:linear-gradient(160deg,rgba(60,130,255,.55),rgba(14,50,170,.7));border-color:#cfeeff;box-shadow:0 0 calc(22*var(--u)) rgba(80,190,255,.85),inset 0 0 calc(16*var(--u)) rgba(130,200,255,.28)}
.fi2{flex:none;width:calc(34*var(--u));height:calc(34*var(--u));color:#dff1ff;filter:drop-shadow(0 0 calc(6*var(--u)) rgba(120,215,255,.9))}.fi2 svg{width:100%;height:100%}
.ft{min-width:0;padding-right:calc(22*var(--u))}
.ft b{display:block;font-size:max(10px,calc(14*var(--u)));font-weight:700}
.ft em{display:block;margin-top:calc(3*var(--u));font-style:normal;font-size:max(8px,calc(11.2*var(--u)));line-height:1.22;color:#dcebff}
.fk{position:absolute;right:calc(8*var(--u));top:calc(8*var(--u));width:calc(22*var(--u));height:calc(22*var(--u));border-radius:50%;display:grid;place-items:center}
.ftile .fk{box-shadow:inset 0 0 0 calc(1.6*var(--u)) rgba(190,225,255,.85)}
.ftile.on .fk{background:radial-gradient(circle at 35% 30%,#0c2a86,#04134f);box-shadow:0 0 0 calc(1.6*var(--u)) #cfeeff}
.fk svg{width:58%;height:58%}

.pp header{padding-top:calc(14*var(--u))}
.pp{display:flex;flex-direction:column}
.pp .pbox{margin:calc(8*var(--u)) calc(18*var(--u)) 0;padding:calc(10*var(--u)) calc(12*var(--u));border-radius:calc(14*var(--u));background:linear-gradient(160deg,rgba(60,120,230,.28),rgba(10,32,110,.3));border:calc(1.2*var(--u)) solid rgba(120,190,255,.45)}
.pp h4{font-size:max(10px,calc(16*var(--u)));font-weight:700}
.prow{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:calc(8*var(--u))}
.pic{flex:none;width:calc(34*var(--u));height:calc(34*var(--u));color:#dff1ff}.pic svg{width:100%;height:100%}
.prow b{display:block;font-size:max(10px,calc(13.8*var(--u)));line-height:1.2}
.prow em{display:block;font-style:normal;font-size:max(8px,calc(11.2*var(--u)));color:#d8e8ff;line-height:1.22;margin-top:calc(2*var(--u))}
.prow>div{flex:1;min-width:0}
.chg{flex:none;height:calc(28*var(--u));padding:0 calc(12*var(--u));font-size:max(9px,calc(12.6*var(--u)))}
.pp .inc{margin:calc(12*var(--u)) calc(18*var(--u)) 0 calc(22*var(--u))}
.inc ul{margin-top:calc(8*var(--u));display:grid;gap:calc(6*var(--u))}
.inc li{display:flex;align-items:center;gap:calc(9*var(--u));font-size:max(9px,calc(13*var(--u)));line-height:1.2}
.inc .ck{flex:none;width:calc(16*var(--u));height:calc(16*var(--u));border-radius:50%;background:#bfe6ff;color:#0a47e0;display:grid;place-items:center;box-shadow:0 0 calc(7*var(--u)) rgba(120,210,255,.8)}.inc .ck svg{width:68%;height:68%}
.pp .est{margin:calc(12*var(--u)) calc(18*var(--u)) 0 calc(22*var(--u))}
.est .big{margin-top:calc(2*var(--u));font-family:var(--fh);font-size:max(20px,calc(32*var(--u)));font-weight:800;letter-spacing:-.02em;line-height:1.1}
.est .big span{font-size:.62em;font-weight:700;margin-left:.1em}
.est .note{margin-top:calc(2*var(--u));font-size:max(8.5px,calc(11.6*var(--u)));line-height:1.26;color:#d8e8ff}
.lockcard{position:relative;margin:auto calc(16*var(--u)) calc(16*var(--u));flex:none;height:calc(112*var(--u));border-radius:calc(16*var(--u));overflow:hidden;display:block;
  background:linear-gradient(160deg,rgba(14,40,120,.8),rgba(6,22,80,.9)),url(/assets/production/poster/dashboard-locked.webp) center/cover;border:calc(1.4*var(--u)) solid rgba(120,190,255,.55);transition:transform .3s var(--ease),box-shadow .3s}
.lockcard:hover{transform:translateY(calc(-3*var(--u)));box-shadow:0 0 calc(28*var(--u)) rgba(90,190,255,.8)}
.lockcard .lh{position:absolute;left:calc(14*var(--u));top:calc(8*var(--u));font-size:max(10px,calc(16*var(--u)));font-weight:600;z-index:2}.lockcard .lh em{font-style:normal;opacity:.8;font-size:.86em}
.lockcard .lt{position:absolute;inset:calc(30*var(--u)) calc(10*var(--u)) 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(5*var(--u));text-align:center;font-size:max(8.5px,calc(12*var(--u)));line-height:1.3;color:#e8f3ff;z-index:2}
.lockcard .lt svg{width:calc(26*var(--u));height:calc(26*var(--u));color:#fff;filter:drop-shadow(0 0 calc(8*var(--u)) #6fd8ff)}
.next{font-size:max(13px,calc(20*var(--u)))}
.next::after{content:"";position:absolute;right:calc(14*var(--u));top:50%;width:calc(26*var(--u));height:calc(26*var(--u));margin-top:calc(-13*var(--u));border-radius:50%;box-shadow:inset 0 0 0 calc(2*var(--u)) rgba(255,255,255,.7);display:none}
.err{display:flex;align-items:center;justify-content:center;text-align:center;font-size:max(11px,calc(15.4*var(--u)));font-weight:600;background:linear-gradient(160deg,rgba(130,30,50,.88),rgba(80,10,30,.92));border-color:rgba(255,160,170,.85);box-shadow:0 0 calc(24*var(--u)) rgba(255,90,110,.55);z-index:5}
.err[hidden]{display:none}

/* ================= 04 CHECKOUT ================= */
.checkout .sp,.checkout .ck,.checkout .wn{padding:0;color:var(--navy)}
.checkout header{display:flex;align-items:center;gap:calc(14*var(--u));padding:calc(18*var(--u)) calc(22*var(--u)) 0}
.checkout header h2{font-family:var(--fh);font-size:max(13px,calc(22*var(--u)));font-weight:700;flex:1;letter-spacing:-.01em;white-space:nowrap}
.checkout .hb{flex:none;width:calc(38*var(--u));height:calc(38*var(--u));color:#1f5bff}.checkout .hb svg{width:100%;height:100%}
.ed,.lk{display:inline-flex;align-items:center;gap:calc(5*var(--u));color:#1450d8;font-size:max(10px,calc(15*var(--u)));font-weight:500}
.ed svg,.lk svg{width:calc(15*var(--u));height:calc(15*var(--u))}
.lk{text-decoration:underline;text-underline-offset:calc(2*var(--u))}
.pl{display:flex;gap:calc(20*var(--u));margin:calc(14*var(--u)) calc(22*var(--u)) 0;align-items:flex-start}
.thumb{flex:none;width:calc(148*var(--u));height:calc(80*var(--u));border-radius:calc(8*var(--u));background:url(/assets/production/poster/home.webp) 38% 40%/190% auto;box-shadow:0 0 0 calc(1.5*var(--u)) rgba(255,255,255,.9),0 calc(4*var(--u)) calc(12*var(--u)) rgba(20,60,160,.3)}
.pl h3{font-size:max(13px,calc(19*var(--u)));font-weight:700;margin-top:calc(2*var(--u))}
.pl p{margin-top:calc(4*var(--u));font-size:max(10px,calc(16*var(--u)));line-height:1.3;color:#1f2f62}
.fl{margin:calc(14*var(--u)) calc(22*var(--u)) 0;display:grid;gap:0}
.fl li{display:flex;align-items:center;gap:calc(14*var(--u));height:calc(29*var(--u));font-size:max(10px,calc(14.6*var(--u)));color:#14245a}
.fl li>span:nth-child(2){flex:1}
.fic{flex:none;width:calc(22*var(--u));height:calc(22*var(--u));color:#1f4fb8}.fic svg{width:100%;height:100%}.fic.big{width:calc(34*var(--u));height:calc(34*var(--u))}
.ok{flex:none;width:calc(20*var(--u));height:calc(20*var(--u));border-radius:50%;background:#e1f7e8;color:#15a34a;display:grid;place-items:center;box-shadow:inset 0 0 0 calc(1.5*var(--u)) #bfe9cb}.ok svg{width:62%;height:62%}
.sr1{display:flex;gap:calc(14*var(--u));align-items:flex-start;margin:calc(12*var(--u)) calc(22*var(--u)) 0;padding-top:calc(10*var(--u));border-top:calc(1.2*var(--u)) solid rgba(100,140,210,.25)}
.sr1>div{flex:1;min-width:0}
.sr1 h4{font-size:max(9px,calc(14.4*var(--u)));font-weight:600;color:#14245a}
.sr1 b{display:block;margin-top:calc(2*var(--u));font-size:max(10px,calc(15.6*var(--u)));font-weight:700}
.sr1 p,.sr1 small{display:block;margin-top:calc(2*var(--u));font-size:max(8.5px,calc(13.2*var(--u)));line-height:1.25;color:#4b5b88}
.mo{display:flex;align-items:baseline;justify-content:space-between;margin:calc(10*var(--u)) calc(22*var(--u)) 0}
.mo h4{font-size:max(11px,calc(18*var(--u)));font-weight:700}
.price{font-family:var(--fh);font-size:max(20px,calc(37*var(--u)));font-weight:800;letter-spacing:-.025em;color:#0a47e0}.price small{font-size:.7em;font-weight:700;margin-left:.06em}
.setup{position:absolute;left:calc(8*var(--u));right:calc(8*var(--u));bottom:calc(8*var(--u));display:flex;gap:calc(12*var(--u));align-items:center;padding:calc(10*var(--u)) calc(14*var(--u));border-radius:calc(18*var(--u));background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(225,238,255,.6));cursor:pointer}
.setup input{position:absolute;opacity:0}
.setup .tg{flex:none;width:calc(40*var(--u));height:calc(22*var(--u));border-radius:999px;background:#b9c6de;position:relative;transition:background .25s}
.setup .tg::after{content:"";position:absolute;left:calc(3*var(--u));top:calc(3*var(--u));width:calc(16*var(--u));height:calc(16*var(--u));border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);transition:transform .25s var(--ease)}
.setup input:checked+.tg{background:#1f6bff}.setup input:checked+.tg::after{transform:translateX(calc(18*var(--u)))}
.setup input:focus-visible+.tg{outline:3px solid var(--cyan);outline-offset:2px}
.setup b{display:block;font-size:max(10px,calc(15.4*var(--u)))}.setup em{display:block;margin-top:calc(2*var(--u));font-style:normal;font-size:max(8px,calc(12*var(--u)));line-height:1.28;color:#4b5b88}
.setup>div{flex:1}.sp2{flex:none;font-size:max(12px,calc(20*var(--u)));font-weight:800}
.stripe{white-space:nowrap;font-size:max(9px,calc(12.6*var(--u)));color:#44527c;padding:calc(6*var(--u)) calc(11*var(--u));border-radius:calc(12*var(--u));background:rgba(255,255,255,.6)}.stripe b{color:#5a3cff;font-size:1.3em;letter-spacing:-.02em;margin-left:.2em}
.dev{display:flex;gap:calc(9*var(--u));align-items:flex-start;margin:calc(8*var(--u)) calc(22*var(--u)) 0;padding:calc(7*var(--u)) calc(11*var(--u));border-radius:calc(10*var(--u));background:#fff4cf;border:calc(1.2*var(--u)) solid #efd37a;font-size:max(8.5px,calc(11.8*var(--u)));line-height:1.28;color:#6b5210}
.dev svg{flex:none;width:calc(16*var(--u));height:calc(16*var(--u))}
.tabs{display:grid;grid-template-columns:1fr 1fr;margin:calc(9*var(--u)) calc(22*var(--u)) 0;border-radius:calc(14*var(--u));overflow:hidden;background:rgba(235,243,255,.9);height:calc(44*var(--u))}
.tab{display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));font-size:max(10px,calc(15*var(--u)));color:#1a3a9a}.tab b{font-size:1.15em;font-style:italic;color:#12388f}.tab svg{width:calc(20*var(--u));height:calc(20*var(--u))}
.tab.on{color:#fff;background:linear-gradient(180deg,#2b78ff,#0a3fd6);box-shadow:inset 0 calc(1.5*var(--u)) 0 rgba(255,255,255,.4)}
.fld{margin:calc(8*var(--u)) calc(22*var(--u)) 0}.fld label{display:block;font-size:max(9px,calc(15*var(--u)));font-weight:500;color:#14245a}
.checkout .in{margin-top:calc(4*var(--u));height:calc(38*var(--u));display:flex;align-items:center;justify-content:space-between;padding:0 calc(14*var(--u));border-radius:calc(11*var(--u));background:#f6f9ff;border:calc(1.2*var(--u)) solid rgba(150,175,225,.55);font-size:max(9px,calc(15*var(--u)));color:#7684ab}
.brands{display:flex;gap:calc(5*var(--u))}.brands i{display:block;width:calc(30*var(--u));height:calc(20*var(--u));border-radius:calc(4*var(--u));color:#fff;font-size:calc(9*var(--u));font-weight:800;font-style:italic;display:grid;place-items:center}
.two{display:grid;grid-template-columns:1fr 1fr;gap:calc(20*var(--u));margin:0 calc(22*var(--u))}.two .fld{margin:calc(8*var(--u)) 0 0}
.agree{display:flex;align-items:center;gap:calc(10*var(--u));margin:calc(12*var(--u)) calc(22*var(--u)) 0;font-size:max(9px,calc(14.4*var(--u)));cursor:pointer;color:#14245a}
.agree input{position:absolute;opacity:0}.agree i{flex:none;width:calc(20*var(--u));height:calc(20*var(--u));border-radius:calc(5*var(--u));background:#fff;border:calc(1.6*var(--u)) solid #90a8dd;display:grid;place-items:center}
.agree input:checked+i{background:#1f6bff;border-color:#1f6bff}.agree input:checked+i::after{content:"";width:calc(9*var(--u));height:calc(5*var(--u));border-left:calc(2.2*var(--u)) solid #fff;border-bottom:calc(2.2*var(--u)) solid #fff;transform:rotate(-45deg) translate(calc(.5*var(--u)),calc(-1*var(--u)))}
.agree input:focus-visible+i{outline:3px solid var(--cyan);outline-offset:2px}
.agree a{color:#1450d8;text-decoration:underline}.agree.bad{animation:shake .4s}.agree.bad i{border-color:#e5484d}
@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.buy{display:flex;width:calc(390*var(--u));margin:calc(12*var(--u)) auto 0;height:calc(56*var(--u));font-size:max(12px,calc(21*var(--u)))}
.buy span{display:flex;align-items:center;gap:calc(10*var(--u))}
.due{text-align:center;margin-top:calc(6*var(--u));font-size:max(8px,calc(12*var(--u)));color:#4b5b88}
.trust{position:absolute;left:calc(22*var(--u));right:calc(22*var(--u));bottom:calc(14*var(--u));display:flex;justify-content:space-between}
.trust li{display:flex;gap:calc(7*var(--u));align-items:center;font-size:max(7.5px,calc(11*var(--u)));line-height:1.2;color:#4b5b88}.trust b{display:block;color:#14245a;font-size:1.04em}
.trust svg{flex:none;width:calc(24*var(--u));height:calc(24*var(--u));color:#1f4fb8}
.wn ol{margin:calc(12*var(--u)) calc(16*var(--u)) 0 calc(18*var(--u));display:grid;gap:calc(6*var(--u));position:relative}
.wn ol::before{content:"";position:absolute;left:calc(19*var(--u));top:calc(20*var(--u));bottom:calc(20*var(--u));width:calc(2*var(--u));background:#1f6bff}
.wn li{display:flex;gap:calc(12*var(--u));align-items:center;position:relative}
.num{flex:none;width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:max(10px,calc(17*var(--u)));background:radial-gradient(circle at 35% 30%,#2a78ff,#0a2a9a);box-shadow:0 0 0 calc(2.2*var(--u)) #cfe6ff,0 0 calc(12*var(--u)) rgba(60,150,255,.8);z-index:1}
.nr{flex:1;display:flex;align-items:center;gap:calc(10*var(--u));padding:calc(7*var(--u)) calc(14*var(--u)) calc(7*var(--u)) calc(10*var(--u));border-radius:calc(16*var(--u));background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(232,242,255,.8));box-shadow:0 0 0 calc(1.2*var(--u)) rgba(255,255,255,.9),0 calc(4*var(--u)) calc(14*var(--u)) rgba(30,80,170,.12)}
.nic{flex:none;width:calc(36*var(--u));height:calc(36*var(--u));color:#1f55e0}.nic svg{width:100%;height:100%}
.nr b{display:block;font-size:max(10px,calc(15.4*var(--u)));font-weight:600}.nr em{display:block;margin-top:calc(2*var(--u));font-style:normal;font-size:max(8px,calc(11.6*var(--u)));line-height:1.28;color:#2c3c6c}
.nr>div{flex:1;min-width:0}.chev{flex:none;width:calc(16*var(--u));color:#1f4fb8}
.wn .lockcard{margin:calc(10*var(--u)) calc(14*var(--u)) calc(14*var(--u));height:calc(140*var(--u));position:absolute;left:0;right:0;bottom:0;margin-top:0}
.sign{display:grid;place-items:center;text-align:center;border-radius:calc(12*var(--u));transform:perspective(500px) rotateY(-8deg);letter-spacing:.02em;font-size:max(9px,calc(15*var(--u)));line-height:1.15;padding:0 calc(14*var(--u));background:linear-gradient(160deg,rgba(30,70,170,.82),rgba(8,26,90,.9))}
.sign b{font-weight:700}
.act{padding:calc(40*var(--u)) calc(46*var(--u))}
.act .sum{margin-top:calc(20*var(--u));display:grid;gap:calc(8*var(--u))}
.act .sum li{display:flex;justify-content:space-between;gap:20px;padding:calc(9*var(--u)) calc(14*var(--u));border-radius:calc(12*var(--u));background:rgba(255,255,255,.1);font-size:max(11px,calc(16*var(--u)))}
.act .sum span{color:#b9d6ff}.act .sum b{text-align:right}
.act .row{display:flex;gap:calc(14*var(--u));margin-top:calc(24*var(--u))}
.act .btn{height:calc(54*var(--u));padding:0 calc(30*var(--u));font-size:max(12px,calc(18*var(--u)))}

/* ================= 05 DASHBOARD PREVIEW ================= */
.dash .hdr .bar{display:none}
.dash .hdr nav .soon{color:#0a1a4e;font-weight:500;font-size:max(12px,calc(15.6*var(--u)))}.dash .hdr nav .soon[aria-current=page]{font-weight:700;color:#0a47e0;position:relative}
.dash .hdr nav .soon[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:calc(-3*var(--u));height:calc(3*var(--u));border-radius:3px;background:linear-gradient(90deg,#1f6bff,#3cc8ff);box-shadow:0 0 10px rgba(40,150,255,.9)}
.demo-badge{display:flex;align-items:center;gap:calc(10*var(--u));font-size:max(9px,calc(13*var(--u)));font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#0e2a78;white-space:nowrap}
.demo-badge span{width:calc(26*var(--u));height:calc(26*var(--u));border-radius:50%;display:grid;place-items:center;background:#1f6bff;color:#fff;box-shadow:0 0 calc(10*var(--u)) rgba(40,130,255,.8)}.demo-badge svg{width:60%;height:60%}
.dash .side{padding:calc(10*var(--u)) calc(9*var(--u));display:flex;flex-direction:column;gap:calc(4*var(--u))}
.side>button{display:flex;align-items:center;gap:calc(15*var(--u));height:calc(46*var(--u));padding:0 calc(16*var(--u));border-radius:calc(13*var(--u));color:#fff;font-size:max(11px,calc(16.4*var(--u)));font-weight:500;text-align:left;transition:background .2s}
.side>button svg{flex:none;width:calc(25*var(--u));height:calc(25*var(--u))}
.side>button:hover{background:rgba(120,190,255,.2)}
.side>button.on{background:linear-gradient(180deg,#2b78ff,#0a44e6);box-shadow:0 0 0 calc(1.6*var(--u)) rgba(150,215,255,.9),0 0 calc(20*var(--u)) rgba(50,150,255,.9)}
.side .plan{display:flex;align-items:center;gap:calc(10*var(--u));margin-top:auto;padding:calc(8*var(--u)) calc(10*var(--u));border-radius:calc(14*var(--u));background:rgba(8,26,90,.5);border:calc(1.2*var(--u)) solid rgba(120,190,255,.6)}
.plan .cr{width:calc(36*var(--u));height:calc(36*var(--u));border-radius:calc(9*var(--u));display:grid;place-items:center;background:linear-gradient(160deg,#2b78ff,#0a2a9a)}.cr svg{width:62%;height:62%}
.plan b{display:block;font-size:max(10px,calc(15*var(--u)))}.plan em{font-style:normal;font-size:max(9px,calc(12.6*var(--u)));color:#7fe3a8;display:flex;align-items:center;gap:calc(5*var(--u))}.plan em i{width:calc(7*var(--u));height:calc(7*var(--u));border-radius:50%;background:#46e08a;box-shadow:0 0 6px #46e08a}
.side .vp{margin:calc(8*var(--u)) calc(2*var(--u)) calc(6*var(--u));height:calc(42*var(--u));font-size:max(10px,calc(15.6*var(--u)));background:linear-gradient(180deg,#0e2468,#071448)}
.ph{display:flex;align-items:center;gap:calc(12*var(--u));font-size:max(11px,calc(21*var(--u)));font-weight:600}
.ph svg{width:calc(28*var(--u));height:calc(28*var(--u));flex:none}
.ph>span:first-of-type{flex:1}
.ph .dd{flex:none;display:flex;align-items:center;gap:calc(6*var(--u));padding:calc(5*var(--u)) calc(12*var(--u));border-radius:calc(9*var(--u));background:rgba(255,255,255,.14);font-size:max(8.5px,calc(13.4*var(--u)));font-weight:500}.dd svg{width:calc(15*var(--u));height:calc(15*var(--u))}
.ph.dk{color:var(--navy)}
.dash .tile5,.dash .lp,.dash .mc,.dash .ap,.dash .qa{padding:calc(18*var(--u)) calc(22*var(--u))}
.tile5{display:flex;align-items:center;gap:calc(16*var(--u));padding:0 calc(20*var(--u))!important;position:absolute}
.t5r h3{font-size:max(10px,calc(16*var(--u)));font-weight:600}
.t5r .live{display:flex;align-items:center;gap:calc(10*var(--u));font-size:max(14px,calc(30*var(--u)));font-weight:700;margin-top:calc(3*var(--u))}.live i{width:calc(24*var(--u));height:calc(24*var(--u));border-radius:50%;background:#37d67a;box-shadow:0 0 calc(12*var(--u)) #37d67a}
.t5r small{display:block;margin-top:calc(2*var(--u));font-size:max(9px,calc(16*var(--u)));color:#e1efff}
.t5r .dom{font-size:max(11px,calc(19*var(--u)));font-weight:700;margin-top:calc(8*var(--u));overflow-wrap:anywhere}
.t5r .n{font-size:max(16px,calc(31*var(--u)));font-weight:700;margin-top:calc(3*var(--u));line-height:1}
.pill2{display:inline-flex;gap:calc(6*var(--u));align-items:center;margin-top:calc(6*var(--u));padding:calc(4*var(--u)) calc(14*var(--u));border-radius:999px;background:rgba(210,255,225,.85);color:#0d7a3c;font-size:max(8px,calc(13*var(--u)));font-weight:600}.pill2 svg{width:calc(14*var(--u));height:calc(14*var(--u))}
.t5l{flex:none;width:calc(150*var(--u))}.lap{display:block;width:100%;height:calc(78*var(--u));border-radius:calc(5*var(--u));background:url(/assets/production/poster/home.webp) 42% 40%/210% auto;box-shadow:0 0 0 calc(3*var(--u)) #0b1b4a,0 0 0 calc(5*var(--u)) #8aa7d9}
.t5i{flex:none;width:calc(62*var(--u));height:calc(62*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(120,190,255,.5),rgba(10,32,110,.6));box-shadow:0 0 0 calc(2*var(--u)) rgba(160,215,255,.9)}
.t5i svg{width:56%;height:56%}.t5i.sq{border-radius:calc(14*var(--u))}
.ab{position:absolute;right:calc(14*var(--u));top:calc(14*var(--u));width:calc(34*var(--u));height:calc(34*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(10,40,140,.55);box-shadow:inset 0 0 0 calc(1.8*var(--u)) rgba(160,215,255,.9)}
.ab svg{width:52%;height:52%}.ab.sm{position:relative;right:auto;top:auto;flex:none;width:calc(28*var(--u));height:calc(28*var(--u))}
.lp .big{font-size:max(20px,calc(42*var(--u)));font-weight:700;margin-top:calc(14*var(--u));line-height:1}
.up{font-size:.58em;color:#6dffb0;font-weight:700;margin-left:calc(6*var(--u))}
.sub,.lp .sub{font-size:max(10px,calc(17*var(--u)));margin-top:calc(2*var(--u));color:#e8f3ff}
.chart{position:relative}.chart svg{display:block;width:100%;height:100%}
.lp .chart{position:absolute;left:calc(26*var(--u));right:calc(26*var(--u));top:calc(150*var(--u));height:calc(98*var(--u))}
.tip{position:absolute;right:calc(14*var(--u));top:calc(-52*var(--u));display:flex;gap:calc(6*var(--u));align-items:baseline;padding:calc(6*var(--u)) calc(10*var(--u));border-radius:calc(8*var(--u));background:#0a1f66;border:calc(1.4*var(--u)) solid rgba(150,205,255,.9);font-size:max(11px,calc(20*var(--u)));font-weight:700;line-height:1}.tip small{font-size:max(7.5px,calc(11.4*var(--u)));font-weight:500;line-height:1.1}
.lp .avs{position:absolute;left:calc(22*var(--u));bottom:calc(10*var(--u));display:flex}.avs i{width:calc(46*var(--u));height:calc(46*var(--u));border-radius:50%;margin-right:calc(-3*var(--u));box-shadow:0 0 0 calc(2.4*var(--u)) rgba(190,225,255,.95)}
.lp .avt{position:absolute;left:calc(206*var(--u));right:calc(16*var(--u));bottom:calc(14*var(--u));font-size:max(8.5px,calc(14.2*var(--u)));line-height:1.28;color:#e2f0ff}
.mc{display:flex;flex-direction:column;padding:calc(18*var(--u)) calc(20*var(--u))!important}
.mk{display:flex;align-items:center;gap:calc(8*var(--u));font-size:max(8px,calc(12.6*var(--u)));font-weight:700;letter-spacing:.2em;color:#9fdcff}.mk svg{width:calc(18*var(--u));height:calc(18*var(--u))}
.mc h3{margin-top:calc(6*var(--u));font-size:max(11px,calc(18.4*var(--u)));font-weight:500;line-height:1.26;padding:0 calc(14*var(--u)) 0 calc(18*var(--u))}
.mc ul{margin-top:calc(10*var(--u));display:grid;gap:calc(7*var(--u))}
.mc li button{display:flex;width:100%;align-items:center;gap:calc(12*var(--u));padding:calc(5*var(--u)) calc(10*var(--u));border-radius:calc(14*var(--u));background:rgba(8,26,90,.5);border:calc(1.2*var(--u)) solid rgba(120,190,255,.55);text-align:left;color:#fff;transition:background .2s}
.mc li button:hover{background:rgba(40,100,220,.45)}
.mi{flex:none;width:calc(34*var(--u));height:calc(34*var(--u));color:#9fd6ff}.mi svg{width:100%;height:100%}
.mt{flex:1;min-width:0}.mt b{display:block;font-size:max(9px,calc(12.6*var(--u)));font-weight:500;line-height:1.2}.mt em{display:block;margin-top:calc(2*var(--u));font-style:normal;font-size:max(8px,calc(11.6*var(--u)));color:#cfe3ff;line-height:1.2}
.mcta{margin-top:auto;height:calc(42*var(--u));font-size:max(11px,calc(18*var(--u)))}
.ap .stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(10*var(--u));margin-top:calc(12*var(--u))}
.stat3>div{padding:calc(8*var(--u)) calc(12*var(--u));border-radius:calc(10*var(--u));background:rgba(8,26,90,.35);border:calc(1.2*var(--u)) solid rgba(120,190,255,.35)}
.stat3 b{display:block;font-size:max(13px,calc(27*var(--u)));font-weight:700;line-height:1.1}.stat3 span{display:block;font-size:max(8.5px,calc(15*var(--u)));margin-top:calc(2*var(--u));color:#e3f0ff}.stat3 i{font-style:normal;color:#6dffb0;font-size:max(9px,calc(15*var(--u)));font-weight:700}
.ap .chart{position:absolute;left:calc(20*var(--u));right:calc(20*var(--u));bottom:calc(14*var(--u));height:calc(112*var(--u))}.ap .tip{top:calc(-4*var(--u));right:calc(10*var(--u));flex-direction:column;gap:calc(1*var(--u));font-size:max(10px,calc(17*var(--u)))}
.qa{padding:calc(14*var(--u)) calc(20*var(--u))!important}
.qa .sa{flex:none;display:flex;align-items:center;gap:calc(6*var(--u));font-size:max(9px,calc(14*var(--u)));color:#1450d8}.sa svg{width:calc(14*var(--u));height:calc(14*var(--u))}
.qg{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(8*var(--u));margin-top:calc(8*var(--u))}
.qg button{display:flex;flex-direction:column;align-items:center;gap:calc(4*var(--u));padding:calc(9*var(--u)) calc(2*var(--u));border-radius:calc(11*var(--u));background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 calc(1.2*var(--u)) rgba(255,255,255,.95);white-space:nowrap;font-size:max(8px,calc(12.6*var(--u)));color:var(--navy);transition:transform .2s}
.qg button:hover{transform:translateY(calc(-2*var(--u)))}.qg button span{width:calc(30*var(--u));height:calc(30*var(--u));color:#1450d8}.qg svg{width:100%;height:100%}
.ban{display:flex;gap:calc(22*var(--u));align-items:center;padding:calc(18*var(--u)) calc(28*var(--u))!important}
.bi{flex:none;width:calc(86*var(--u));height:calc(86*var(--u));border-radius:50%;display:grid;place-items:center;color:#fff;background:radial-gradient(circle at 35% 30%,rgba(120,190,255,.5),rgba(10,32,110,.8));box-shadow:0 0 0 calc(3*var(--u)) #cfeeff,0 0 calc(30*var(--u)) rgba(80,190,255,.95)}.bi svg{width:56%;height:56%}
.ban h2{font-family:var(--fh);font-size:max(14px,calc(28*var(--u)));font-weight:700}.ban p{margin-top:calc(5*var(--u));font-size:max(9px,calc(15*var(--u)));line-height:1.3;color:#e1efff}.ban .btn{margin-top:calc(10*var(--u));height:calc(38*var(--u));padding:0 calc(20*var(--u));font-size:max(10px,calc(15.4*var(--u)))}
.x{position:absolute;right:calc(10*var(--u));top:calc(10*var(--u));width:calc(26*var(--u));height:calc(26*var(--u));display:grid;place-items:center;border-radius:50%;color:#fff;z-index:3}.x:hover{background:rgba(255,255,255,.2)}.x svg{width:58%;height:58%}
.gs2{display:flex;gap:calc(14*var(--u));align-items:flex-start;padding:calc(18*var(--u)) calc(22*var(--u))!important}.gs2 .gr{flex:none;width:calc(54*var(--u));height:calc(54*var(--u))}.gr svg{width:100%;height:100%}
.lp .chart{top:calc(118*var(--u))!important;height:calc(92*var(--u))!important}
.gs2 h3{font-size:max(12px,calc(20.4*var(--u)));font-weight:700}.gs2 p{margin-top:calc(4*var(--u));font-size:max(9px,calc(14.4*var(--u)));line-height:1.3;color:#e1efff}.gs2 .btn{margin-top:calc(10*var(--u));height:calc(38*var(--u));padding:0 calc(24*var(--u));font-size:max(10px,calc(15*var(--u)))}
.pr{display:flex;gap:calc(14*var(--u));align-items:center;padding:0 calc(46*var(--u)) 0 calc(16*var(--u))!important}.pr .gr{flex:none;width:calc(46*var(--u));height:calc(46*var(--u))}.pr>div{flex:1;min-width:0}.pr b{display:block;font-size:max(9px,calc(14.6*var(--u)))}.pr em{display:block;font-style:normal;font-size:max(8px,calc(12*var(--u)));line-height:1.22;color:#d6e8ff}.pr .btn{flex:none;height:calc(34*var(--u));padding:0 calc(14*var(--u));font-size:max(9px,calc(13.4*var(--u)))}
/* alternate tab panels */
.dash [data-view-body]>.gd{padding:calc(22*var(--u)) calc(26*var(--u))}
.dash .big{font-size:max(18px,calc(40*var(--u)));font-weight:700;margin-top:calc(14*var(--u));line-height:1.05}.sub2{font-size:.4em;font-weight:500;color:#cfe3ff}
.shot{margin-top:calc(14*var(--u));height:calc(250*var(--u));border-radius:calc(12*var(--u));background:url(/assets/production/poster/home.webp) 45% 40%/130% auto;box-shadow:0 0 0 calc(3*var(--u)) #0b1b4a,0 0 0 calc(5*var(--u)) #8aa7d9}
.row2{display:flex;gap:calc(12*var(--u));margin-top:calc(18*var(--u));flex-wrap:wrap}.row2 .btn{height:calc(42*var(--u));padding:0 calc(22*var(--u));font-size:max(10px,calc(15*var(--u)))}
.tbl{width:100%;margin-top:calc(12*var(--u));border-collapse:collapse;font-size:max(10px,calc(15.6*var(--u)))}.tbl th{text-align:left;font-weight:500;color:#9fdcff;padding:calc(8*var(--u)) calc(6*var(--u));font-size:.88em;letter-spacing:.04em}
.tbl td{padding:calc(11*var(--u)) calc(6*var(--u));border-top:calc(1.2*var(--u)) solid rgba(150,200,255,.25)}.tbl td.st{color:#7fe3a8;font-weight:600}
.wf{margin-top:calc(14*var(--u));display:grid;gap:calc(9*var(--u))}.wf li{display:flex;align-items:center;gap:calc(14*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(14*var(--u));background:rgba(8,26,90,.45);border:calc(1.2*var(--u)) solid rgba(120,190,255,.4)}
.wf b{flex:1;font-size:max(11px,calc(17*var(--u)));font-weight:500}.wf em{font-style:normal;color:#b9d6ff;font-size:max(9px,calc(14.4*var(--u)))}
.tg2{flex:none;width:calc(46*var(--u));height:calc(26*var(--u));border-radius:999px;background:rgba(255,255,255,.28);position:relative}.tg2 i{position:absolute;left:calc(3*var(--u));top:calc(3*var(--u));width:calc(20*var(--u));height:calc(20*var(--u));border-radius:50%;background:#fff}.tg2.on{background:#2f9bff}.tg2.on i{left:calc(23*var(--u))}
.src{margin-top:calc(14*var(--u));display:grid;gap:calc(9*var(--u))}.src li{display:grid;grid-template-columns:calc(170*var(--u)) 1fr calc(50*var(--u));align-items:center;gap:calc(14*var(--u));font-size:max(10px,calc(15.6*var(--u)))}.src i{display:block;height:calc(10*var(--u));border-radius:9px;background:linear-gradient(90deg,#3cc8ff var(--p),rgba(255,255,255,.18) var(--p))}.src b{text-align:right}
.chat{margin-top:calc(14*var(--u));display:grid;gap:calc(12*var(--u))}.chat p{display:flex;gap:calc(12*var(--u));align-items:flex-start}.chat p span{padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(16*var(--u));background:rgba(8,26,90,.5);border:calc(1.2*var(--u)) solid rgba(120,190,255,.4);font-size:max(11px,calc(17*var(--u)));line-height:1.35;max-width:calc(680*var(--u))}
.chat .me{justify-content:flex-end}.chat .me span{background:linear-gradient(180deg,#2b78ff,#0a44e6)}.rb.sm{width:calc(40*var(--u));height:calc(40*var(--u));flex:none}
.sg{margin-top:calc(14*var(--u));display:grid;gap:calc(10*var(--u))}.sg button{width:100%;text-align:left;padding:calc(12*var(--u)) calc(16*var(--u));border-radius:calc(14*var(--u));background:rgba(8,26,90,.45);border:calc(1.2*var(--u)) solid rgba(120,190,255,.4);color:#fff;font-size:max(10px,calc(15.6*var(--u)))}
.sup{display:flex;flex-direction:column;gap:calc(10*var(--u))}.sup h3{font-size:max(13px,calc(24*var(--u)));font-weight:700}.sup p{font-size:max(10px,calc(16.6*var(--u)));color:#dbeaff;line-height:1.4}.sup .btn{margin-top:auto;align-self:flex-start;height:calc(44*var(--u));padding:0 calc(28*var(--u))}