/* Layout: alven.ai's structure, measured from the live page: 1288px column, full-bleed hero with a floating
   glass pill nav, flat #F0-style grey cards on a #F5-style ground, sticky scroll accordions, one type size per role.
   Single deliberate light look (as on alven.ai), with the warm neutrals swapped for navy. */
:root{
  color-scheme:light;
  --bg:#F4F5F7; --card:#EDEFF3; --line:#E5E8EE; --white:#FFFFFF; --chip:#F4F5F7;
  --ink:#0F1B33; --ink2:#5B6378; --muted:#9AA1AE; --faint:#B5BBC6;
  --navy:#132A55; --navy2:#0A1730; --sky:#D8E0EC;
  --gs:#7399C6; --gs-d:#4D73A3; --gs-ink:#3B5F8E; --gs-l:#DCE6F2; --gs-ll:#EEF3F9;
  --glass:rgba(15,27,51,.22); --glass2:rgba(15,27,51,.38); --soft:rgba(15,27,51,.05);
  --ok:#3F9A62; --okbg:rgba(63,154,98,.1); --no:#D0574A; --warn:#C68A2E;
  --sans:-apple-system,BlinkMacSystemFont,"SF Pro","SF Pro Display","SF Pro Text","Inter","PingFang SC","Noto Sans SC",system-ui,sans-serif;
  --zh:"PingFang SC","Noto Sans SC",-apple-system,BlinkMacSystemFont,"Inter",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --serif:"Newsreader","Iowan Old Style","Georgia","Noto Serif SC","Songti SC",serif;
  --zhserif:"Noto Serif SC","Songti SC","STSong",serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.4 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
html[lang="zh-CN"] body{font-family:var(--zh)}
main{overflow-x:clip}
h1,h2,h3,p{margin:0;font-weight:400}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--gs-d);outline-offset:2px;border-radius:6px}
.ctr{max-width:1288px;margin:0 auto;padding-inline:24px;width:100%}
@media (min-width:1336px){.ctr{padding-inline:0}}
.t28{font-size:24px;line-height:1.2;letter-spacing:-.24px;color:var(--ink)}
@media (min-width:1024px){.t28{font-size:28px;letter-spacing:-.28px}}
/* buttons: alven: 8px radius, 9/12 padding, 14/16 type, -0.28 tracking */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:9px 12px;font-size:14px;line-height:16px;letter-spacing:-.28px;text-decoration:none;white-space:nowrap;transition:background-color .2s,transform .2s}
.b-white{background:#fff;color:var(--ink)}
.b-white:hover{background:rgba(255,255,255,.9)}
.b-ink{background:var(--ink);color:#fff}
.b-ink:hover{background:rgba(15,27,51,.9)}
.b-soft{background:var(--soft);color:var(--ink)}
.b-soft:hover{background:rgba(15,27,51,.09)}
/* the orb: alven's sphere, recoloured navy */
.orb{position:relative;display:block;border-radius:50%;overflow:hidden;clip-path:circle(50%);flex-shrink:0;border:0;background:radial-gradient(circle at 32% 28%,#FFFFFF 0 3%,#EAF1F9 12%,#B9CFE8 30%,#7399C6 52%,#4D73A3 76%,#2A4A74 100%);box-shadow:0 0 6px rgba(115,153,198,.7)}
.orb::after{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,255,255,.28) 28%,transparent 42% 66%,rgba(170,200,255,.22) 78%,transparent 90%);filter:blur(5px);animation:spin 9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* ---------- nav ---------- */
.hwrap{position:fixed;left:0;right:0;top:calc(16px + env(safe-area-inset-top,0px));z-index:50;display:flex;justify-content:center;pointer-events:none;padding-inline:16px}
@media (min-width:1024px){.hwrap{top:calc(32px + env(safe-area-inset-top,0px))}}
.hdr{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:6px 6px 6px 6px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s;width:100%;justify-content:space-between;animation:nav-enter .8s cubic-bezier(.16,1,.3,1) .05s both}
@media (min-width:1024px){.hdr{width:min(calc(100vw - 48px), 1288px);gap:32px;justify-content:space-between;padding-left:10px}}   /* same width as the page sections (.ctr) */
@keyframes nav-enter{0%{opacity:.01;transform:translateY(-90px)}100%{opacity:1;transform:none}}
.hdr .logo{font-size:21px;line-height:1;font-weight:510;color:#fff;text-decoration:none;transition:color .3s;letter-spacing:-.2px}
.hdr nav{display:none;gap:24px;align-items:center}
@media (min-width:1024px){.hdr nav{display:flex}}
.hdr nav a{font-size:14px;line-height:16px;letter-spacing:-.28px;color:#fff;text-decoration:none;transition:color .3s}
.hdr .right{display:flex;align-items:center;gap:6px}
.hdr .login{font-size:14px;line-height:16px;letter-spacing:-.28px;color:#fff;text-decoration:none;padding:10px 12px;border-radius:10px;transition:color .3s,background .3s}
.hdr .login:hover{background:rgba(255,255,255,.1)}
.hdr.light .login{color:var(--ink)}
.hdr.light .login:hover{background:rgba(15,27,51,.06)}
.lgt{display:flex;align-items:center;flex:none;white-space:nowrap;font-size:13px;line-height:16px;color:#fff;transition:color .3s}
.lgt button{border:0;background:none;padding:6px 5px;opacity:.55;font-size:13px;color:inherit}
.lgt button[aria-pressed="true"]{opacity:1}
.lgt span{opacity:.35}
.hdr.light{border-color:transparent;border-radius:12px;background:rgba(15,27,51,.05)}
.hdr.light .logo,.hdr.light nav a,.hdr.light .lgt{color:var(--ink)}
.hdr.light .b-white{background:var(--ink);color:#fff}
/* ---------- hero ---------- */
/* the hero is exactly one screen tall: everything in it is visible on arrival */
.hero{position:relative;height:100vh;height:100svh;min-height:640px;width:100%;overflow:hidden;background:#A4C8E1;color:#fff}
@media (min-width:1024px){.hero{height:100vh;min-height:640px}}
.hero>svg{position:absolute;inset:0;width:100%;height:100%}
.hero .hmob{display:none}
@media (max-width:1023px){.hero .hmob{display:inline}}
.hvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%;filter:saturate(.9) contrast(1.03) brightness(1.05);transform:scale(1.02)}
.hin{position:absolute;top:0;bottom:0;left:50%;width:100%;max-width:1512px;transform:translateX(-50%)}
.hl{position:absolute;left:24px;right:24px;bottom:124px;display:flex;flex-direction:column;gap:16px;animation:hel .9s cubic-bezier(.16,1,.3,1) .15s both}
@media (min-width:1024px){.hl{left:80px;right:auto;bottom:clamp(132px,17vh,168px);width:940px;gap:24px}}
@media (min-width:1024px) and (max-height:800px){.hl{gap:16px;bottom:120px}.hero h1{font-size:42px}.hstack{gap:22px}}
@media (max-width:1023px) and (max-height:700px){.hl{gap:12px;bottom:112px}.hero h1{font-size:30px}.hsub{font-size:14px}}
@keyframes hel{0%{opacity:.01;transform:translateX(-64px)}100%{opacity:1;transform:none}}
.badge{display:flex;align-items:center;gap:6px}
.badge p{font-size:13px;line-height:1.4;text-shadow:0 1px 8px rgba(0,0,0,.35)}
@media (min-width:1024px){.badge{gap:8px}.badge p{font-size:16px}}
.hstack{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
@media (min-width:1024px){.hstack{gap:32px}}
.hero h1{font-size:34px;line-height:.95;letter-spacing:-.68px;color:#fff;text-shadow:0 1px 14px rgba(31,64,99,.28)}
@media (min-width:1024px){.hero h1{font-size:48px;letter-spacing:-.96px}}
html[lang="zh-CN"] .hero h1{line-height:1.15;letter-spacing:0}
.hsub{font-size:15px;line-height:1.4;letter-spacing:-.15px;color:rgba(255,255,255,.92);max-width:470px;margin-top:-6px;text-shadow:0 1px 8px rgba(0,0,0,.25)}
@media (min-width:1024px){.hsub{font-size:17px;letter-spacing:-.17px;margin-top:-12px}}
.hbot{position:absolute;bottom:101px;left:80px;right:80px;gap:8px;align-items:center}
.hbot p{font-size:16px;line-height:1.4}
.hbot span{font-size:16px;line-height:1.4;color:rgba(255,255,255,.62)}
/* backed by: investors behind the brands we serve */
.inv{padding:44px 0 4px}
@media (min-width:1024px){.inv{padding:88px 0 24px}.invr{max-width:1288px;margin-inline:auto}}
.invl{text-align:center;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
html[lang="zh-CN"] .invl{letter-spacing:.2em}
.invr{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 40px;margin-top:22px}
@media (min-width:1024px){.invr{gap:30px 44px;margin-top:28px}}
.invr img{display:block;width:auto;height:calc(var(--h) * .85);opacity:.8;filter:saturate(0) brightness(.55);transition:opacity .2s,filter .2s}
@media (min-width:1024px){.invr img{height:calc(var(--h) * 1.08)}}
.invr img:hover{opacity:1;filter:none}
.vcard{position:relative;display:flex;align-items:center;justify-content:center;padding:28px 16px 72px;aspect-ratio:9/16;width:100%;clip-path:inset(0 round 16px);border-radius:16px;background:var(--gs-l)}
@media (min-width:640px){.vcard{aspect-ratio:4/3;max-height:none}}
@media (min-width:1024px){.vcard{aspect-ratio:1288/731}}
.vcard::before{content:"";position:absolute;inset:0;background:radial-gradient(55% 45% at 12% 8%,rgba(255,234,212,.6),transparent 70%),radial-gradient(45% 55% at 92% 95%,rgba(91,128,176,.32),transparent 70%),linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.04));z-index:1}
.astage{position:relative;z-index:2;width:min(1000px,100%)}
.app{position:relative;width:100%;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(24px) saturate(1.15);backdrop-filter:blur(24px) saturate(1.15);border:1px solid rgba(255,255,255,.75);border-radius:20px;box-shadow:0 40px 100px rgba(15,27,51,.18),0 2px 6px rgba(15,27,51,.05);overflow:hidden}
.alogo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(150deg,#86A9D2,#3B5F8E);color:#fff;font-size:13px;font-weight:600;letter-spacing:.02em;flex-shrink:0}
.aid{flex:1;min-width:0}
.aid b{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;font-size:15px;font-weight:500;letter-spacing:-.2px;color:var(--ink)}
.aid small{display:block;font-size:12px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atag{font-size:11px;line-height:1;font-weight:400;letter-spacing:0;color:var(--ink2);background:#F1F3F7;border-radius:999px;padding:5px 9px;white-space:nowrap}
.abody{display:grid;grid-template-columns:1fr}
@media (min-width:860px){.abody{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.alist{padding:10px 20px 14px;min-width:0}
@media (min-width:860px){.alist{padding-bottom:24px}}
.ahead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0 8px}
.ahead b{display:block;font-weight:500;font-size:13px;letter-spacing:-.1px;color:var(--ink2)}
.aprog{height:4px;border-radius:2px;background:#EBEEF3;overflow:hidden;margin-bottom:6px}
.aprog i{display:block;height:100%;width:0;border-radius:2px;background:#3F9A62;transition:width .4s}
.ahead em{font-style:normal;font-size:12px;color:var(--ink2);white-space:nowrap}
.arow{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:11px;align-items:center;padding:5px 8px;margin:0 -8px;border-radius:11px;transition:background-color .4s}
.arow.cur{background:#F1F5FB}
.lv.fed{color:#93651E}
.lv.state{color:#3B5F8E}
.lv.county{color:#6A4FA0}
.lv.city{color:#2E7149}
.arow .lv{font-weight:500;flex-shrink:0}
.arow .pill{display:inline-flex;align-items:center;gap:5px}
.arow .pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.arow .n{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arow .a{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;gap:6px;align-items:center;margin-top:1px}
.pill{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;white-space:nowrap;transition:background-color .4s,color .4s}
.p-q{background:#F1F2F5;color:#8B92A1}
.p-r{background:#FBF1DF;color:#93651E}
.p-b{background:#F8E5E2;color:#9C3A2E}
.p-o{background:#E3EFE6;color:#2F6B40}
.tr.smp p{font-size:14px;color:var(--ink2)}.tr.smp p:first-child{color:var(--ink)}
.aside{display:none;background:rgba(244,246,250,.7);border-radius:16px;margin:4px 12px 12px 0;padding:18px;min-width:0;flex-direction:column;gap:16px}
@media (min-width:860px){.aside{display:flex}}
.proj small{display:block;font-size:12px;color:var(--muted)}
.proj strong{display:block;font-weight:400;font-size:34px;letter-spacing:-.9px;line-height:1.1;margin-top:4px}
.proj em{font-style:normal;font-size:11px;color:var(--muted)}
.gantt{display:flex;flex-direction:column;gap:6px;position:relative}
.gl{position:relative;height:12px;border-radius:6px;background:#E9ECF2}
.gl i{position:absolute;top:0;height:12px;border-radius:6px;transition:background-color .4s}
.gaxis{display:grid;grid-template-columns:repeat(4,1fr);font:10px var(--mono);color:var(--muted)}
.today{position:absolute;top:-4px;bottom:16px;width:1.5px;background:var(--gs-ink);transition:left .25s linear}
.today::before{content:attr(data-l);position:absolute;top:-20px;left:50%;transform:translateX(-50%);font:500 10px var(--sans,inherit);line-height:1;padding:3px 6px;border-radius:999px;background:var(--gs-ink);color:#fff;white-space:nowrap}
.risk{display:flex;gap:9px;align-items:flex-start;background:#fff;border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.4;color:#24406F;box-shadow:0 1px 2px rgba(15,27,51,.05)}
.risk svg{flex-shrink:0;margin-top:1px}
.vfl{position:absolute;z-index:3;display:none;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 40px rgba(15,27,51,.16),0 1px 2px rgba(15,27,51,.06);max-width:300px}
@media (min-width:860px){.vfl{display:flex}.vfl[hidden]{display:none!important}}
.vfl b{display:block;font-size:13px;font-weight:500;letter-spacing:-.1px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vfl small{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.vfl>div{min-width:0}
.vfl .ok{width:32px;height:32px;border-radius:10px;background:#E4F2E9;display:grid;place-items:center;flex-shrink:0}
.vfl .orb{width:32px;height:32px}
.vfl1{top:-20px;right:14px}
@media (min-width:1200px){.vfl1{right:-28px}}
.vfl.pop{animation:vpop .55s cubic-bezier(.2,.9,.3,1.15)}
@keyframes vpop{from{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}
.vctl{position:absolute;z-index:3;bottom:26px;right:16px;display:flex;gap:8px}
@media (min-width:1024px){.vctl{bottom:32px;right:24px}}
.vctl button{width:28px;height:28px;display:grid;place-items:center;border:0;background:none;color:rgba(15,27,51,.45);transition:color .2s}
.vctl button:hover{color:rgba(15,27,51,.8)}
.vctl svg{filter:drop-shadow(0 1px 2px rgba(255,255,255,.6))}
.vprog{position:absolute;z-index:3;left:0;right:0;bottom:0;height:3px;background:rgba(0,0,0,.1)}
.vprog i{display:block;height:100%;width:0;background:rgba(15,27,51,.55)}
/* ---------- testimonials (alven slides) ---------- */
.tsh{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}
@media (min-width:1024px){.tsh{flex-direction:row;align-items:flex-end;justify-content:space-between;margin-bottom:32px}}
.tsl{display:flex;flex-direction:column;gap:28px;padding:28px 24px}
@media (min-width:1024px){.tsl{padding:44px 48px;gap:36px}}
.tsl img{display:block;width:auto;height:var(--lh);align-self:flex-start}
.tsq{font-size:24px;line-height:1.3;letter-spacing:-.4px;color:var(--ink)}
@media (min-width:1024px){.tsq{font-size:32px;letter-spacing:-.7px}}
html[lang="zh-CN"] .tsq{letter-spacing:0;line-height:1.45}
.tsp{display:flex;align-items:center;gap:12px;margin-top:auto}
.tsp b{display:block;font-size:15px;font-weight:500;color:var(--ink)}
.tsp span{display:block;font-size:13px;color:var(--muted)}
.tsr{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:28px 24px;background:#C9DAEE;overflow:hidden}
@media (min-width:1024px){.tsr{padding:40px}}
.tsr::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 55% at 15% 10%,rgba(255,236,214,.7),transparent 70%),radial-gradient(70% 60% at 100% 100%,rgba(77,115,163,.5),transparent 70%),linear-gradient(180deg,#DCE6F2,#B7CCE6)}
.tsr strong{font-weight:400;font-size:44px;line-height:1;letter-spacing:-1.2px;color:var(--ink)}
@media (min-width:1024px){.tsr strong{font-size:56px;letter-spacing:-1.6px}}
html[lang="zh-CN"] .tsr strong{letter-spacing:0}
.tsr small{font-size:14px;line-height:1.4;color:#33476A;max-width:260px}
@keyframes tsin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* ---------- cost of waiting (alven testimonials) ---------- */
.tst{padding-top:100px}
@media (min-width:1024px) and (min-height:820px){.tst{padding-top:0}.tst .scroll{height:180vh}}
.trow{display:flex;flex-direction:column;gap:48px}
@media (min-width:1280px){.trow{flex-direction:row;align-items:flex-start;gap:241px}}
.trow h2{max-width:213px;color:#000}
@media (min-width:1024px){.trow h2{max-width:none}}
@media (min-width:1280px){.trow h2{width:196px;flex-shrink:0}}
.ti{position:relative;display:block;width:100%;text-align:left;border:0;border-radius:16px;background:var(--card);padding:16px 18px;color:var(--ink);transition:background-color .4s,box-shadow .4s,padding .4s ease-in-out}
.ti:not(.on):hover{background:#E6E9EF}
.ti.on{background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.04),0 16px 40px rgba(15,27,51,.07);padding:22px 18px 18px;cursor:default}
@media (min-width:1024px){.ti{padding:20px 28px}.ti.on{padding:28px}}
.tg{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease-in-out,opacity .5s ease-in-out}
.ti.on .tg{grid-template-rows:1fr;opacity:1}
.tg>div{min-height:0;overflow:hidden}
/* ---------- what we handle (alven capabilities) ---------- */
.hplogo{background:transparent!important;border-color:transparent!important;overflow:visible;padding:0;border-radius:0!important}
.hplogo svg{display:block;width:100%;height:100%}
/* ---------- add-a-plan table (alven "add user") ---------- */
.tbl{display:flex;flex-direction:column;height:544px;width:600px;border-radius:16px;border:1px solid var(--line);background:#fff;transform:scale(var(--ts));transform-origin:top left}
@media (min-width:1024px){.tbl{width:min(973px,calc(100% - 32px));transform:none}}
.thd{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.wm{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:510;letter-spacing:-.2px}
.wm small{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:-.14px}
.tdv{height:1px;background:var(--line)}
.tbd{display:flex;flex-direction:column;padding:24px}
.tr{display:flex;gap:16px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.tr:last-child{border-bottom:0}
.tr>*{flex:1;min-width:0}
.th{padding:12px 16px;font-size:12px;font-weight:590;color:rgba(15,27,51,.5)}
/* ---------- difference + before/after ---------- */
.drow{display:flex;flex-direction:column;gap:32px}
@media (min-width:1024px){.drow{gap:40px}}
@media (min-width:1280px){.drow{flex-direction:row;align-items:stretch;justify-content:space-between}}
.dl{display:flex;flex-direction:column;gap:56px;width:100%}
@media (min-width:1024px){.dl{gap:40px;padding:32px 0}}
@media (min-width:1280px){.dl{width:328px;flex-shrink:0;justify-content:space-between;gap:40px}}
.dl .t28{line-height:1}
@media (min-width:1024px){.dl .t28{max-width:308px;line-height:1.2}}
.ds{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--line);padding:24px 0}
.ds:first-child{padding-top:0}
.ds:last-child{border-bottom:0;padding-bottom:0}
.ds b{font-weight:400;font-size:28px;line-height:1;letter-spacing:-.28px}
.cbig{justify-content:space-between}
.ctile .cmpn{display:block;font-family:var(--serif);font-weight:300;font-size:44px;line-height:1;letter-spacing:-.02em;color:var(--ink);margin:2px 0 6px}
.cbn{display:flex;flex-direction:column;gap:14px;padding:8px 0 24px}
.cbn b{font-family:var(--serif);font-weight:300;font-size:64px;line-height:.95;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
@media (min-width:1024px){.cbn b{font-size:84px}}
.cbn span{font-size:16px;line-height:1.4;color:var(--ink2);max-width:300px}
.ds span{font-size:14px;line-height:1.2;letter-spacing:-.14px}
@media (min-width:1024px){.ds span{font-size:16px;letter-spacing:-.16px}}
.ds b span{font-size:inherit;letter-spacing:inherit;line-height:inherit}
.dcard{display:flex;flex-direction:column;gap:20px;overflow:hidden;border-radius:7px;background:var(--card);padding:25px 24px;width:100%}
@media (min-width:1024px){.dcard{gap:48px;border-radius:16px;padding:63px 24px 64px}}
@media (min-width:1280px){.dcard{width:850px;flex-shrink:0;padding-inline:44px}}
.per{display:flex;flex-direction:column;align-items:center;gap:4px}
.pain{display:inline-block;padding:3px 8px;border-radius:999px;background:#F8E5E2;color:#9C3A2E;font-size:9.5px;line-height:1.3;font-weight:500;white-space:nowrap}
@media (min-width:1024px){.pain{font-size:11.5px;padding:4px 10px}}
@media (prefers-reduced-motion:no-preference){.pain{animation:painb 3.2s ease-in-out infinite}.per:nth-child(2) .pain{animation-delay:.5s}.per:nth-child(3) .pain{animation-delay:1s}.per:nth-child(4) .pain{animation-delay:1.5s}.per:nth-child(5) .pain{animation-delay:2s}.per:nth-child(6) .pain{animation-delay:2.5s}}
@keyframes painb{0%,70%,100%{transform:none}78%{transform:translateY(-3px)}86%{transform:none}}
@media (min-width:1024px){.per{gap:10px}}
.tag{display:flex;align-items:center;justify-content:center;height:34px;width:84px;border-radius:5px;padding:0 6px;background:rgba(255,255,255,.62);text-align:center;font-size:9px;line-height:1.25;font-weight:510}
@media (min-width:1024px){.tag{height:48px;width:110px;border-radius:8px;padding:0 14px;font-size:12px;line-height:1.4}}
/* ---------- in the loop ---------- */
@keyframes itl{0%{opacity:0;transform:translateY(10px) scale(.95)}5%,86%{opacity:1;transform:none}93%,100%{opacity:0;transform:translateY(-4px)}}
/* ---------- row sections (trust, pricing, chinese brands, faq) ---------- */
.tile{display:flex;flex-direction:column;gap:10px;height:206px;width:calc(50% - 4px);overflow:hidden;border-radius:8px;background:var(--card);padding:16px}
@media (min-width:1024px){.tile{height:264px;width:267.33px;border-radius:16px;padding:24px}}
.tile p{font-size:14px;line-height:1.2;letter-spacing:-.14px}
@media (min-width:1024px){.tile p{font-size:16px;letter-spacing:-.16px}}
.tile div{display:flex;flex:1;justify-content:center;align-items:flex-start;padding-top:40px}
@media (min-width:1024px){.tile div{padding-top:56px}}
.price{display:flex;flex-direction:column;gap:40px;width:100%;overflow:hidden;border-radius:16px;background:var(--card);padding:24px}
@media (min-width:1024px){.price{width:558.67px;padding:32px}}
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.plist li{display:flex;align-items:center;gap:8px}
.plist p{font-size:14px;line-height:1.4}
@media (min-width:1024px){.plist p{font-size:16px;opacity:.8}}
.plist svg{flex-shrink:0}
html[lang="en"] .fslogan{font-family:inherit;letter-spacing:0}
/* shared dashboard: one window, both offices on it */
.twst{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;padding:58px 12px;background:radial-gradient(55% 60% at 8% 0%,rgba(255,238,218,.85),transparent 62%),radial-gradient(60% 70% at 100% 100%,rgba(115,153,198,.45),transparent 66%),linear-gradient(180deg,#F1F5FA,#DCE6F2)}
@media (min-width:640px){.twst{padding:62px 40px}}
.twhd{display:flex;align-items:center;gap:10px;padding:14px 18px 12px}
.twhd b{flex:1;min-width:0;font-size:14px;font-weight:500;letter-spacing:-.15px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.twhd span:last-child{flex:none;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.twr{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 18px}
.twr .n{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.twr .s{font-size:12px;white-space:nowrap;color:var(--muted)}
.twr .s.b{color:#B3473A}
@media (max-width:639px){.twhd{padding:12px 14px 10px}.twr{gap:10px;padding:8px 14px}.twr .n{white-space:normal;line-height:1.3}}
/* case studies: story on the left, the plan on the right, one screen tall on laptops */
.cshd{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:24px}
.cshd .t28{max-width:640px}
.cscard{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;border-radius:16px;background:var(--card);padding:20px}
.cscard[hidden]{display:none!important}
.teacard>.teatabs{grid-column:1/-1;justify-self:start;margin-bottom:-6px;background:rgba(255,255,255,.7)}
@media (min-width:1024px){.teacard{row-gap:14px;grid-template-rows:auto 1fr}.teacard>.teatabs{grid-column:2;grid-row:1;justify-self:end;align-self:start;margin:0}.teacard>.csl{grid-column:1;grid-row:1/span 2}.teacard>.csr{grid-column:2;grid-row:2}}
@media (min-width:1024px){.cscard{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:32px}}
.csl{display:flex;flex-direction:column;gap:22px;min-width:0}
.csl.sw{animation:tsin .45s cubic-bezier(.2,.8,.2,1)}
.csr{display:flex;flex-direction:column;gap:12px;min-width:0}
.belid{display:flex;align-items:center;gap:12px;min-height:37px}
#caseLogo,#teaLogo{display:flex;align-items:center}
/* agencies: region list on the left, the selected region's agencies in one window on the right */
/* example tea houses: seal and name lockups, seal icons in the tabs */
.tealock{display:block;height:44px;width:auto;max-width:100%;color:var(--ink)}
#teaBody .belid{flex-wrap:wrap;gap:8px 16px}
.csl>p.csnm{margin-top:-10px;font-size:13px;line-height:1.45;color:var(--muted)}
.teatabs,.casetabs{max-width:100%;overflow-x:auto;scrollbar-width:none}
.teatabs::-webkit-scrollbar,.casetabs::-webkit-scrollbar{display:none}
.casetabs button{flex:none;white-space:nowrap}
@media (max-width:639px){.beltabs.casetabs button{padding:6px 8px}.beltabs.teatabs button{padding:6px 6px}}
.casetabs .lsh{display:none}
@media (max-width:639px){.casetabs .lgl{display:none}.casetabs .lsh{display:inline}}
.teatabs button{flex:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.teatabs button svg{display:block;width:auto;height:14px}
@media (max-width:639px){.teatabs button svg{display:none}}
@media (min-width:1024px) and (max-width:1279px){.teatabs button svg{display:none}.teatabs button{padding:6px 11px}}
@media (min-width:1024px) and (max-width:1279px){#case .cshd{flex-wrap:nowrap}#case .cshd .t28{flex:1 1 auto;min-width:0;font-size:22px}#case .casetabs{flex:none}#case .casetabs button{padding:6px 11px}}
@media (min-width:1024px) and (max-width:1279px) and (max-height:800px){.csl>p.csnm{display:none}#teaBody .beltag{display:none}}
.markw{display:block;width:auto;fill:var(--ink)}
.csl>p.belt{font-size:clamp(22px,2.1vw,28px);line-height:1.25;letter-spacing:-.3px;color:var(--ink)}
html[lang="zh-CN"] .csl>p.belt{letter-spacing:0}
.csl>p.belp{font-size:16px;line-height:1.45;letter-spacing:-.16px;color:var(--ink2)}
.csr>p.belsrc{font-size:12px;line-height:1.5;color:var(--muted)}
.csl .cnbtn{margin-top:auto;padding-top:4px}
.beltag{font-size:13px;color:var(--muted)}
/* stats: one per row, number and label side by side, never squeezed */
.belst{display:flex;flex-direction:column}
.belst div{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 0;border-top:1px solid rgba(15,27,51,.08)}
.belst div:last-child{border-bottom:1px solid rgba(15,27,51,.08)}
@media (min-width:480px){.belst div{grid-template-columns:184px minmax(0,1fr);gap:16px;align-items:baseline}}
@media (min-width:480px){html[lang="zh-CN"] .belst div{grid-template-columns:212px minmax(0,1fr)}}
.belst strong{font-weight:400;font-size:26px;line-height:1.1;letter-spacing:-.6px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
html[lang="zh-CN"] .belst strong{letter-spacing:0}
.belst span{font-size:14px;line-height:1.4;color:var(--ink2)}
@media (min-width:1280px){.belst{flex-direction:row;gap:20px}.belst div{flex:1;grid-template-columns:minmax(0,1fr)!important;gap:6px;padding:16px 0 0;border-bottom:0!important}.belst strong{font-size:30px}.belst span{font-size:13px}}
@media (min-width:1024px) and (max-width:1279px){.cscard{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:28px}.belst div{grid-template-columns:minmax(0,1fr);gap:2px}.belstage{padding:20px 16px}}
@media (min-width:1024px) and (max-height:860px){.cscard{padding:26px 28px}.csl{gap:16px}.csl>p.belt{font-size:24px}.csl>p.belp{font-size:15px}.belst div{padding:10px 0}.belst strong{font-size:23px}}
@media (min-width:1024px) and (max-height:740px){#case .cshd .t28,#tea .cshd .t28{font-size:24px}.belstage{padding:16px}}
@media (min-width:1024px) and (max-height:780px){.cshd{margin-bottom:16px}.cscard{padding:22px 24px;gap:28px}.csl{gap:13px}.belid{min-height:34px}.csl>p.belt{font-size:22px}.csl>p.belp{font-size:14.5px;line-height:1.4}.belst div{padding:8px 0}.belst strong{font-size:21px}.csl>p.csnm{margin-top:-7px;font-size:12.5px}.belst span{font-size:13px}.belstage{padding:20px}.belwh{padding:10px 14px 9px 16px}.belrows{padding:2px 0 6px}.belrows li{padding:8px 16px}.belrows p{font-size:12px;line-height:1.4}}
.belstage{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;padding:22px 12px;background:radial-gradient(55% 60% at 8% 0%,rgba(255,238,218,.85),transparent 62%),radial-gradient(60% 70% at 100% 100%,rgba(115,153,198,.45),transparent 66%),linear-gradient(180deg,#F1F5FA,#DCE6F2)}
@media (min-width:640px){.belstage{padding:32px}}
@media (min-width:1024px){.belstage{flex:1;display:flex;align-items:center;justify-content:center;padding:28px}.belstage .belwin{width:100%}}
.belwin{max-width:600px;margin:0 auto;background:#fff;border:1px solid rgba(15,27,51,.05);border-radius:16px;box-shadow:0 30px 70px rgba(15,27,51,.13),0 1px 2px rgba(15,27,51,.04)}
.belwh{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:14px 16px 12px 18px;border-bottom:1px solid #F0F2F5}
.belwh b{font-size:14px;font-weight:500;letter-spacing:-.15px;color:var(--ink)}
.beltabs{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:#F1F3F6}
.beltabs button{padding:6px 13px;border:0;border-radius:8px;background:none;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}
.beltabs button:hover{color:var(--ink)}
.beltabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.1)}
.beltabs button:focus-visible{outline:2px solid #7399C6;outline-offset:1px}
.belrows{list-style:none;margin:0;padding:6px 0 10px}
.belrows li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:12px;padding:11px 18px}
.belrows .ty{align-self:start;justify-self:end;width:max-content;margin-top:-1px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap}
.belrows .ty.y-a{background:#E8F3EC;color:#2E7149}
.belrows .ty.y-f{background:#EEF3F9;color:#4F78A8}
.belrows .ty.y-r{background:#F1F2F5;color:#5B6578}
@media (max-width:639px){.belrows li{grid-template-columns:22px minmax(0,1fr);row-gap:6px}.belrows .ty{grid-column:2;justify-self:start;margin-top:0}}
.belrows .no{display:grid;place-items:center;width:22px;height:22px;margin-top:-1px;border-radius:50%;background:#EEF3F9;color:#4F78A8;font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums}
.belrows b{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:13.5px;font-weight:500;letter-spacing:-.1px;color:var(--ink)}
.belrows b em{padding:2px 8px;border-radius:999px;background:#FBF3E4;font-style:normal;font-size:11px;font-weight:500;letter-spacing:0;color:#93651E}
.belrows p{margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.belrows.sw li{animation:tsin .4s cubic-bezier(.2,.8,.2,1) both}
.belsrc a{color:inherit;text-decoration:none;white-space:nowrap}
.belsrc a:hover{color:var(--ink);text-decoration:underline}
.cnbtn{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cnbtn small{font-size:13px;color:var(--muted)}
.faq{display:flex;flex-direction:column;width:100%}
.fq button .fqn{flex:none;width:34px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--faint);transition:color .3s}
.fq button .fqt{flex:1;min-width:0}
.fq.on button .fqn,.fq button:hover .fqn{color:var(--gs-d)}
.fq .tg>div p a{color:var(--gs-ink);text-decoration:underline;text-underline-offset:3px}
.faqcta{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px;padding:20px;border-radius:16px;background:var(--card);max-width:320px}
.faqcta p{font-size:14px;line-height:1.45;color:var(--ink2)}
.faq{gap:8px}
.fq{border-radius:14px;background:var(--card);padding:0 22px;transition:background .3s}
.fq.on{background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.04),0 8px 24px rgba(15,27,51,.05)}
.fq button{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;border:0;background:none;padding:22px 0;text-align:left;font-size:18px;line-height:1.2;letter-spacing:-.18px;color:var(--ink)}
.fq button svg{flex-shrink:0;color:var(--muted);transition:transform .3s}
.fq.on button svg{transform:rotate(45deg)}
.fq .tg>div p{padding-bottom:24px;font-size:16px;line-height:1.35;letter-spacing:-.16px;color:var(--ink2);max-width:640px}
.fq.on .tg{grid-template-rows:1fr;opacity:1}
/* ---------- final cta + footer ---------- */
.fqr{display:flex;align-items:center;gap:14px;margin:28px auto 0;padding:12px 16px 12px 12px;width:max-content;max-width:100%;border-radius:14px;background:#fff;box-shadow:0 8px 30px rgba(15,27,51,.06)}
.fqr img{display:block;width:88px;height:88px;border-radius:8px}
.fqr p{font-size:14px;line-height:1.4;color:var(--ink2);max-width:180px;text-align:left}
.ctas{margin-top:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px}
@media (min-width:1024px){.ctas{margin-top:12px;height:640px;padding:0 16px}}
.ctas>div{display:flex;flex-direction:column;align-items:center;gap:40px}
.ctas p{text-align:center;font-size:28px;line-height:1.2;letter-spacing:-.28px}
.ctas p.ctah{max-width:920px;font-size:clamp(34px,4.8vw,64px);line-height:1.04;letter-spacing:-.035em}
html[lang="zh-CN"] .ctas p.ctah{letter-spacing:0;line-height:1.2}
.t28.t44{font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-.035em}
html[lang="zh-CN"] .t28.t44{letter-spacing:0;line-height:1.2}
@media (min-width:1024px){.ctas p{font-size:36px;letter-spacing:-.36px}}
footer{position:relative;width:100%;overflow:hidden}
.fin{padding-top:24px}
@media (min-width:1024px){.fin{padding-top:36px}}
.frow{display:flex;flex-direction:column;gap:48px;padding-inline:8px}
@media (min-width:1024px){.frow{flex-direction:row;align-items:flex-start;justify-content:space-between;gap:40px;padding-inline:0}}
.flog{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
.fslogan{flex-basis:100%;order:3;font-family:var(--zh);font-size:14px;letter-spacing:.2em;color:var(--ink2)}
.flog p{font-size:23.7px;line-height:1;font-weight:510;letter-spacing:-.2px}
@media (min-width:1024px){.flog p{font-size:27.6px}}
.lpill{position:relative}
.lpill>button{display:flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#E9EBEF;padding:8px 12px 8px 14px;font-size:14px;color:var(--ink)}
.lpill>button:hover{background:#E1E4EA}
.lmenu{position:absolute;top:calc(100% + 6px);left:0;min-width:120px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:0 10px 30px rgba(15,27,51,.1);z-index:5}
.lmenu button{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:8px;font-size:14px}
.lmenu button:hover{background:var(--bg)}
.flinks{display:flex;flex-direction:column;gap:40px;font-size:13px;line-height:1.2;color:rgba(15,27,51,.8)}
@media (min-width:1024px){.flinks{flex-direction:row;width:577px;font-size:14px;color:var(--ink)}}
.flinks .pair{display:flex;gap:40px}
@media (min-width:1024px){.flinks .pair{display:contents}}
.flinks .col{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px}
.flinks .col.w{flex:none;width:auto;min-width:130px}
.flinks a,.flinks button{text-decoration:none;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left}
.flinks a:hover,.flinks button:hover{opacity:.7}
.disc{margin-top:40px;padding-inline:8px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.4;color:var(--muted);max-width:760px}
@media (min-width:1024px){.disc{padding-inline:0}}
.fwm{pointer-events:none;position:relative;height:.86em;width:100%;overflow:hidden;user-select:none;font-size:23.5vw;line-height:1;margin-top:72px}
@media (min-width:1024px){.fwm{margin-top:8px}}
.fwm p{position:absolute;left:50%;top:.07em;transform:translateX(-50%);height:.933em;width:calc(.933em * 3.765);font-size:inherit;line-height:0;overflow:hidden;color:transparent;text-indent:-9999px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 -720 3463.8 920%22%3E%3Cpath d=%22M3463.8 -0.0 L3325.2 -0.4 L3312.6 0.0 L3301.4 1.4 L3278.5 6.2 L3263.0 8.4 L3241.9 9.8 L3219.7 9.9 L3198.1 8.8 L3178.1 6.2 L3156.9 1.6 L3138.6 -4.1 L3119.2 -12.2 L3100.9 -22.2 L3083.7 -33.9 L3075.6 -40.4 L3066.4 -48.7 L3052.1 -63.6 L3038.1 -81.7 L3027.0 -99.4 L3016.6 -120.2 L3011.8 -132.0 L3007.5 -144.2 L3003.7 -156.7 L3000.6 -169.6 L2997.9 -182.8 L2995.9 -196.3 L2993.3 -224.9 L2992.8 -240.6 L2992.9 -262.1 L2994.5 -292.1 L2998.3 -319.5 L3001.6 -334.8 L3004.9 -347.5 L3008.8 -359.9 L3013.3 -372.0 L3018.4 -383.7 L3024.0 -395.0 L3030.2 -406.0 L3036.9 -416.6 L3050.7 -434.8 L3059.0 -444.0 L3067.9 -452.8 L3077.2 -461.0 L3085.4 -467.4 L3095.6 -474.5 L3104.4 -479.9 L3115.4 -485.9 L3124.9 -490.4 L3134.6 -494.4 L3146.6 -498.6 L3156.9 -501.6 L3169.5 -504.6 L3193.6 -508.4 L3217.2 -509.9 L3241.9 -509.8 L3260.7 -508.6 L3280.6 -505.9 L3304.2 -501.0 L3318.2 -499.7 L3463.8 -500.0 Z M3300.2 -98.1 L3311.0 -100.4 L3319.6 -103.5 L3327.2 -107.8 L3333.5 -113.3 L3339.0 -120.4 L3343.2 -128.6 L3346.5 -138.5 L3348.8 -149.7 L3350.7 -167.8 L3351.6 -192.0 L3351.5 -314.4 L3350.6 -333.5 L3349.1 -348.3 L3346.6 -360.7 L3343.2 -371.4 L3340.3 -377.4 L3336.6 -383.1 L3332.2 -388.0 L3327.2 -392.2 L3321.3 -395.7 L3315.1 -398.3 L3307.9 -400.4 L3299.3 -402.0 L3287.1 -403.2 L3272.9 -403.8 L3214.9 -403.7 L3204.8 -402.8 L3194.6 -401.1 L3185.5 -398.8 L3176.1 -395.4 L3165.0 -389.9 L3154.3 -382.8 L3144.8 -374.4 L3135.8 -364.1 L3127.7 -352.3 L3121.1 -339.9 L3115.4 -325.9 L3111.1 -311.3 L3107.5 -293.6 L3105.5 -274.8 L3104.8 -253.1 L3105.3 -228.7 L3106.9 -210.8 L3109.6 -195.2 L3113.5 -180.0 L3118.8 -165.3 L3124.1 -154.1 L3129.9 -144.1 L3136.4 -135.1 L3144.2 -126.2 L3152.1 -119.0 L3160.7 -112.7 L3169.5 -107.6 L3179.2 -103.4 L3187.7 -100.6 L3197.1 -98.4 L3206.2 -97.1 L3216.5 -96.2 L3272.9 -96.2 L3288.4 -96.8 Z M2744.6 -500.0 L2744.6 -638.2 L2856.6 -650.0 L2856.6 -500.0 L2950.6 -500.0 L2950.6 -397.0 L2856.6 -397.0 L2856.6 -0.0 L2744.6 -0.0 L2744.6 -397.0 L2650.6 -397.0 L2650.6 -500.0 Z M2388.6 -500.0 L2388.6 -638.2 L2500.6 -650.0 L2500.6 -500.0 L2594.6 -500.0 L2594.6 -397.0 L2500.6 -397.0 L2500.6 -0.0 L2388.6 -0.0 L2388.6 -397.0 L2294.6 -397.0 L2294.6 -500.0 Z M2262.9 -232.6 L2261.6 -210.5 L1906.3 -210.5 L1909.8 -191.2 L1915.2 -173.0 L1921.9 -157.1 L1930.4 -142.4 L1940.2 -129.8 L1951.4 -119.0 L1963.5 -110.6 L1970.7 -106.7 L1977.5 -103.8 L1988.2 -100.3 L1998.9 -98.0 L2011.2 -96.5 L2025.0 -96.0 L2039.4 -96.2 L2052.5 -97.4 L2064.9 -99.7 L2075.8 -103.0 L2084.6 -106.7 L2093.5 -111.6 L2101.6 -117.2 L2109.7 -124.2 L2117.1 -132.0 L2123.8 -140.7 L2129.8 -150.4 L2134.9 -160.1 L2221.6 -87.3 L2211.7 -73.3 L2201.1 -60.5 L2189.6 -48.7 L2177.1 -37.7 L2163.8 -27.8 L2149.7 -19.0 L2134.9 -11.3 L2119.4 -4.8 L2103.2 0.5 L2086.5 4.6 L2069.1 7.6 L2053.2 9.2 L2033.6 10.0 L2009.2 9.6 L1990.7 8.1 L1973.2 5.5 L1960.4 2.7 L1950.1 -0.1 L1938.0 -4.1 L1928.1 -7.9 L1918.6 -12.2 L1907.4 -18.0 L1896.7 -24.4 L1886.4 -31.4 L1878.2 -37.7 L1868.8 -45.8 L1859.9 -54.5 L1851.5 -63.6 L1837.5 -81.7 L1830.6 -92.2 L1824.3 -103.1 L1814.3 -124.1 L1809.6 -136.1 L1805.5 -148.3 L1802.0 -161.0 L1799.0 -173.9 L1794.7 -200.9 L1793.1 -217.5 L1792.4 -232.6 L1792.4 -267.4 L1794.2 -294.4 L1798.1 -321.7 L1800.9 -334.8 L1804.3 -347.5 L1811.9 -370.0 L1821.4 -391.3 L1832.8 -411.3 L1846.2 -430.0 L1854.2 -439.5 L1861.3 -447.0 L1870.3 -455.6 L1878.2 -462.3 L1895.0 -474.5 L1905.6 -481.0 L1914.8 -485.9 L1934.0 -494.4 L1954.2 -501.1 L1964.6 -503.7 L1977.5 -506.2 L2002.1 -509.2 L2030.9 -510.0 L2057.8 -508.8 L2082.2 -505.5 L2103.2 -500.5 L2123.3 -493.7 L2142.4 -485.0 L2160.4 -474.5 L2177.1 -462.3 L2192.6 -448.5 L2206.6 -433.2 L2220.2 -414.8 L2231.0 -396.9 L2241.0 -375.9 L2248.5 -355.8 L2254.9 -332.6 L2259.1 -310.5 L2261.8 -287.3 L2263.1 -262.1 Z M2144.3 -313.5 L2140.2 -327.0 L2136.3 -336.8 L2131.4 -346.8 L2126.0 -355.9 L2120.2 -364.1 L2113.8 -371.6 L2106.9 -378.4 L2099.3 -384.5 L2091.8 -389.4 L2083.7 -393.7 L2074.7 -397.4 L2066.0 -400.0 L2056.4 -402.0 L2047.0 -403.2 L2036.1 -403.9 L2022.9 -404.0 L2011.2 -403.5 L2001.5 -402.4 L1992.8 -400.8 L1983.8 -398.4 L1975.5 -395.4 L1967.0 -391.4 L1959.3 -386.8 L1952.2 -381.6 L1945.6 -375.8 L1938.9 -368.7 L1932.8 -360.9 L1927.1 -352.3 L1921.9 -342.9 L1917.7 -333.7 L1914.0 -323.6 L1911.0 -313.5 Z M1748.3 -79.9 L1735.6 -63.6 L1727.2 -54.5 L1718.3 -45.8 L1710.5 -39.0 L1700.6 -31.4 L1690.3 -24.4 L1679.6 -18.0 L1670.4 -13.1 L1658.9 -7.9 L1649.1 -4.1 L1637.0 -0.1 L1624.5 3.2 L1611.7 5.9 L1598.6 7.8 L1573.0 9.8 L1543.3 9.7 L1529.2 8.8 L1515.8 7.3 L1502.7 5.1 L1490.0 2.2 L1477.7 -1.4 L1467.7 -4.8 L1456.0 -9.6 L1444.7 -15.0 L1433.7 -21.1 L1423.2 -27.8 L1413.2 -35.2 L1403.6 -43.1 L1394.5 -51.5 L1385.9 -60.5 L1377.9 -70.0 L1370.4 -80.0 L1363.4 -90.4 L1356.1 -103.1 L1350.3 -114.4 L1345.2 -126.1 L1340.6 -138.1 L1336.0 -152.5 L1332.6 -165.2 L1329.4 -180.5 L1325.6 -207.9 L1324.0 -237.9 L1324.3 -272.6 L1326.4 -299.1 L1330.7 -326.1 L1333.7 -339.0 L1337.2 -351.7 L1341.3 -363.9 L1346.0 -375.9 L1351.3 -387.5 L1357.1 -398.7 L1363.4 -409.6 L1370.4 -420.0 L1377.9 -430.0 L1385.9 -439.5 L1394.5 -448.5 L1402.0 -455.6 L1411.5 -463.6 L1419.8 -469.8 L1430.2 -476.7 L1439.1 -482.0 L1450.3 -487.8 L1459.8 -492.1 L1479.7 -499.3 L1490.0 -502.2 L1502.7 -505.1 L1524.7 -508.4 L1548.2 -509.9 L1577.9 -509.6 L1600.8 -507.6 L1622.4 -503.7 L1634.9 -500.5 L1645.1 -497.3 L1664.7 -489.5 L1683.2 -479.9 L1700.6 -468.6 L1716.7 -455.6 L1724.3 -448.5 L1732.9 -439.5 L1740.9 -430.0 L1748.3 -420.1 L1664.3 -344.5 L1658.3 -355.0 L1651.3 -364.9 L1643.5 -373.7 L1635.6 -381.0 L1626.9 -387.3 L1617.3 -392.8 L1607.5 -397.0 L1596.6 -400.3 L1584.2 -402.6 L1569.5 -403.8 L1549.2 -403.8 L1534.5 -402.6 L1522.2 -400.3 L1511.3 -397.0 L1500.6 -392.4 L1490.2 -386.2 L1483.1 -381.0 L1476.6 -375.1 L1470.6 -368.7 L1465.1 -361.7 L1459.9 -354.1 L1455.1 -345.8 L1450.8 -336.8 L1446.9 -327.0 L1443.8 -317.6 L1441.2 -307.5 L1437.6 -286.1 L1436.0 -263.9 L1436.0 -236.1 L1437.6 -213.9 L1440.9 -193.9 L1446.1 -175.3 L1453.2 -158.1 L1457.2 -150.4 L1462.1 -142.4 L1466.9 -135.9 L1472.6 -129.1 L1478.7 -122.9 L1484.6 -117.8 L1491.8 -112.7 L1498.7 -108.6 L1509.2 -103.8 L1519.9 -100.3 L1530.7 -98.0 L1543.0 -96.5 L1559.4 -96.0 L1575.8 -96.5 L1588.1 -98.0 L1600.0 -100.6 L1610.5 -104.2 L1620.0 -108.6 L1628.6 -113.8 L1637.1 -120.3 L1644.8 -127.7 L1651.9 -135.9 L1658.3 -145.0 L1664.3 -155.5 Z M1233.9 -0.0 L1095.3 -0.4 L1082.7 0.0 L1071.5 1.4 L1048.6 6.2 L1033.1 8.4 L1012.0 9.8 L989.8 9.9 L968.3 8.8 L948.2 6.2 L927.0 1.6 L908.7 -4.1 L889.3 -12.2 L871.0 -22.2 L853.8 -33.9 L845.7 -40.4 L836.5 -48.7 L822.2 -63.6 L808.2 -81.7 L797.1 -99.4 L786.7 -120.2 L781.9 -132.0 L777.6 -144.2 L773.8 -156.7 L770.7 -169.6 L768.1 -182.8 L766.0 -196.3 L763.4 -224.9 L763.0 -240.6 L763.0 -262.1 L764.7 -292.1 L768.5 -319.5 L771.7 -334.8 L775.0 -347.5 L778.9 -359.9 L783.4 -372.0 L788.5 -383.7 L794.1 -395.0 L800.3 -406.0 L807.0 -416.6 L820.9 -434.8 L829.2 -444.0 L838.0 -452.8 L847.3 -461.0 L855.5 -467.4 L865.7 -474.5 L874.5 -479.9 L885.5 -485.9 L895.0 -490.4 L904.7 -494.4 L916.7 -498.6 L927.0 -501.6 L939.6 -504.6 L963.7 -508.4 L987.3 -509.9 L1012.0 -509.8 L1030.8 -508.6 L1050.8 -505.9 L1074.3 -501.0 L1088.3 -499.7 L1233.9 -500.0 Z M1070.4 -98.1 L1081.1 -100.4 L1089.7 -103.5 L1097.3 -107.8 L1103.6 -113.3 L1109.1 -120.4 L1113.3 -128.6 L1116.6 -138.5 L1118.9 -149.7 L1120.8 -167.8 L1121.7 -192.0 L1121.6 -314.4 L1120.8 -333.5 L1119.2 -348.3 L1116.8 -360.7 L1113.3 -371.4 L1110.4 -377.4 L1106.7 -383.1 L1102.3 -388.0 L1097.3 -392.2 L1091.5 -395.7 L1085.3 -398.3 L1078.0 -400.4 L1069.4 -402.0 L1057.2 -403.2 L1043.0 -403.8 L985.0 -403.7 L974.9 -402.8 L964.7 -401.1 L955.6 -398.8 L946.3 -395.4 L935.1 -389.9 L924.4 -382.8 L915.0 -374.4 L905.9 -364.1 L897.8 -352.3 L891.2 -339.9 L885.5 -325.9 L881.2 -311.3 L877.7 -293.6 L875.6 -274.8 L874.9 -253.1 L875.4 -228.7 L877.0 -210.8 L879.7 -195.2 L883.6 -180.0 L888.9 -165.3 L894.2 -154.1 L900.1 -144.1 L906.5 -135.1 L914.3 -126.2 L922.2 -119.0 L930.8 -112.7 L939.6 -107.6 L949.3 -103.4 L957.8 -100.6 L967.2 -98.4 L976.3 -97.1 L986.7 -96.2 L1043.0 -96.2 L1058.5 -96.8 Z M673.0 -720.0 L673.0 -0.0 L561.0 -0.0 L561.0 -720.0 Z M112.0 -500.0 L138.6 -499.6 L152.6 -500.1 L162.4 -501.4 L178.9 -505.1 L191.9 -507.3 L205.4 -508.8 L219.4 -509.7 L238.7 -510.0 L254.0 -509.6 L268.0 -508.6 L281.3 -506.9 L298.6 -503.7 L313.1 -499.9 L327.2 -495.2 L340.8 -489.5 L353.9 -483.0 L366.5 -475.6 L378.4 -467.4 L391.3 -456.9 L401.9 -447.0 L413.1 -434.8 L423.3 -421.7 L432.6 -407.8 L440.8 -393.2 L448.1 -377.9 L454.3 -361.9 L459.5 -345.4 L463.7 -328.3 L467.0 -310.5 L469.3 -292.1 L470.6 -272.6 L471.0 -246.5 L470.5 -224.9 L469.0 -205.6 L466.6 -187.2 L463.7 -171.7 L460.1 -156.7 L455.7 -142.2 L451.3 -130.0 L445.5 -116.3 L438.8 -103.1 L431.5 -90.4 L424.5 -80.0 L415.7 -68.4 L407.6 -59.0 L397.4 -48.7 L388.2 -40.4 L376.8 -31.4 L366.5 -24.4 L353.9 -17.0 L342.7 -11.3 L329.2 -5.6 L315.2 -0.7 L300.7 3.2 L285.7 6.2 L270.2 8.4 L256.4 9.5 L238.7 10.0 L219.4 9.7 L205.4 8.8 L189.7 6.9 L174.6 4.2 L162.0 1.1 L147.8 -3.4 L136.0 -7.9 L124.5 -13.1 L112.0 -19.9 L112.0 200.0 L0.0 200.0 L0.0 -500.0 Z M112.2 -310.3 L112.3 -185.6 L113.2 -166.5 L114.9 -150.7 L117.6 -137.7 L121.5 -126.7 L126.5 -117.8 L133.3 -110.4 L141.3 -104.9 L148.0 -101.9 L155.1 -99.8 L163.6 -98.1 L173.0 -97.0 L197.6 -96.1 L247.3 -96.2 L263.0 -97.8 L277.2 -100.9 L290.6 -105.8 L302.2 -112.1 L312.5 -119.7 L322.3 -129.1 L331.0 -139.9 L338.2 -151.3 L344.6 -164.2 L350.0 -178.8 L354.0 -193.9 L356.7 -209.4 L358.5 -228.7 L359.0 -253.1 L358.3 -274.8 L356.3 -293.6 L353.1 -310.1 L348.4 -325.9 L342.2 -340.9 L335.0 -354.1 L328.6 -363.4 L321.6 -371.6 L314.0 -379.1 L306.3 -385.1 L297.9 -390.4 L288.6 -395.0 L278.3 -398.8 L268.0 -401.3 L256.2 -403.1 L242.1 -403.9 L200.2 -403.9 L178.0 -403.3 L165.5 -402.2 L155.1 -400.2 L146.1 -397.3 L138.6 -393.5 L134.2 -390.4 L129.9 -386.3 L126.2 -381.6 L122.9 -376.3 L120.1 -370.1 L118.0 -363.8 L114.7 -348.3 L113.1 -332.2 Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 -720 3463.8 920%22%3E%3Cpath d=%22M3463.8 -0.0 L3325.2 -0.4 L3312.6 0.0 L3301.4 1.4 L3278.5 6.2 L3263.0 8.4 L3241.9 9.8 L3219.7 9.9 L3198.1 8.8 L3178.1 6.2 L3156.9 1.6 L3138.6 -4.1 L3119.2 -12.2 L3100.9 -22.2 L3083.7 -33.9 L3075.6 -40.4 L3066.4 -48.7 L3052.1 -63.6 L3038.1 -81.7 L3027.0 -99.4 L3016.6 -120.2 L3011.8 -132.0 L3007.5 -144.2 L3003.7 -156.7 L3000.6 -169.6 L2997.9 -182.8 L2995.9 -196.3 L2993.3 -224.9 L2992.8 -240.6 L2992.9 -262.1 L2994.5 -292.1 L2998.3 -319.5 L3001.6 -334.8 L3004.9 -347.5 L3008.8 -359.9 L3013.3 -372.0 L3018.4 -383.7 L3024.0 -395.0 L3030.2 -406.0 L3036.9 -416.6 L3050.7 -434.8 L3059.0 -444.0 L3067.9 -452.8 L3077.2 -461.0 L3085.4 -467.4 L3095.6 -474.5 L3104.4 -479.9 L3115.4 -485.9 L3124.9 -490.4 L3134.6 -494.4 L3146.6 -498.6 L3156.9 -501.6 L3169.5 -504.6 L3193.6 -508.4 L3217.2 -509.9 L3241.9 -509.8 L3260.7 -508.6 L3280.6 -505.9 L3304.2 -501.0 L3318.2 -499.7 L3463.8 -500.0 Z M3300.2 -98.1 L3311.0 -100.4 L3319.6 -103.5 L3327.2 -107.8 L3333.5 -113.3 L3339.0 -120.4 L3343.2 -128.6 L3346.5 -138.5 L3348.8 -149.7 L3350.7 -167.8 L3351.6 -192.0 L3351.5 -314.4 L3350.6 -333.5 L3349.1 -348.3 L3346.6 -360.7 L3343.2 -371.4 L3340.3 -377.4 L3336.6 -383.1 L3332.2 -388.0 L3327.2 -392.2 L3321.3 -395.7 L3315.1 -398.3 L3307.9 -400.4 L3299.3 -402.0 L3287.1 -403.2 L3272.9 -403.8 L3214.9 -403.7 L3204.8 -402.8 L3194.6 -401.1 L3185.5 -398.8 L3176.1 -395.4 L3165.0 -389.9 L3154.3 -382.8 L3144.8 -374.4 L3135.8 -364.1 L3127.7 -352.3 L3121.1 -339.9 L3115.4 -325.9 L3111.1 -311.3 L3107.5 -293.6 L3105.5 -274.8 L3104.8 -253.1 L3105.3 -228.7 L3106.9 -210.8 L3109.6 -195.2 L3113.5 -180.0 L3118.8 -165.3 L3124.1 -154.1 L3129.9 -144.1 L3136.4 -135.1 L3144.2 -126.2 L3152.1 -119.0 L3160.7 -112.7 L3169.5 -107.6 L3179.2 -103.4 L3187.7 -100.6 L3197.1 -98.4 L3206.2 -97.1 L3216.5 -96.2 L3272.9 -96.2 L3288.4 -96.8 Z M2744.6 -500.0 L2744.6 -638.2 L2856.6 -650.0 L2856.6 -500.0 L2950.6 -500.0 L2950.6 -397.0 L2856.6 -397.0 L2856.6 -0.0 L2744.6 -0.0 L2744.6 -397.0 L2650.6 -397.0 L2650.6 -500.0 Z M2388.6 -500.0 L2388.6 -638.2 L2500.6 -650.0 L2500.6 -500.0 L2594.6 -500.0 L2594.6 -397.0 L2500.6 -397.0 L2500.6 -0.0 L2388.6 -0.0 L2388.6 -397.0 L2294.6 -397.0 L2294.6 -500.0 Z M2262.9 -232.6 L2261.6 -210.5 L1906.3 -210.5 L1909.8 -191.2 L1915.2 -173.0 L1921.9 -157.1 L1930.4 -142.4 L1940.2 -129.8 L1951.4 -119.0 L1963.5 -110.6 L1970.7 -106.7 L1977.5 -103.8 L1988.2 -100.3 L1998.9 -98.0 L2011.2 -96.5 L2025.0 -96.0 L2039.4 -96.2 L2052.5 -97.4 L2064.9 -99.7 L2075.8 -103.0 L2084.6 -106.7 L2093.5 -111.6 L2101.6 -117.2 L2109.7 -124.2 L2117.1 -132.0 L2123.8 -140.7 L2129.8 -150.4 L2134.9 -160.1 L2221.6 -87.3 L2211.7 -73.3 L2201.1 -60.5 L2189.6 -48.7 L2177.1 -37.7 L2163.8 -27.8 L2149.7 -19.0 L2134.9 -11.3 L2119.4 -4.8 L2103.2 0.5 L2086.5 4.6 L2069.1 7.6 L2053.2 9.2 L2033.6 10.0 L2009.2 9.6 L1990.7 8.1 L1973.2 5.5 L1960.4 2.7 L1950.1 -0.1 L1938.0 -4.1 L1928.1 -7.9 L1918.6 -12.2 L1907.4 -18.0 L1896.7 -24.4 L1886.4 -31.4 L1878.2 -37.7 L1868.8 -45.8 L1859.9 -54.5 L1851.5 -63.6 L1837.5 -81.7 L1830.6 -92.2 L1824.3 -103.1 L1814.3 -124.1 L1809.6 -136.1 L1805.5 -148.3 L1802.0 -161.0 L1799.0 -173.9 L1794.7 -200.9 L1793.1 -217.5 L1792.4 -232.6 L1792.4 -267.4 L1794.2 -294.4 L1798.1 -321.7 L1800.9 -334.8 L1804.3 -347.5 L1811.9 -370.0 L1821.4 -391.3 L1832.8 -411.3 L1846.2 -430.0 L1854.2 -439.5 L1861.3 -447.0 L1870.3 -455.6 L1878.2 -462.3 L1895.0 -474.5 L1905.6 -481.0 L1914.8 -485.9 L1934.0 -494.4 L1954.2 -501.1 L1964.6 -503.7 L1977.5 -506.2 L2002.1 -509.2 L2030.9 -510.0 L2057.8 -508.8 L2082.2 -505.5 L2103.2 -500.5 L2123.3 -493.7 L2142.4 -485.0 L2160.4 -474.5 L2177.1 -462.3 L2192.6 -448.5 L2206.6 -433.2 L2220.2 -414.8 L2231.0 -396.9 L2241.0 -375.9 L2248.5 -355.8 L2254.9 -332.6 L2259.1 -310.5 L2261.8 -287.3 L2263.1 -262.1 Z M2144.3 -313.5 L2140.2 -327.0 L2136.3 -336.8 L2131.4 -346.8 L2126.0 -355.9 L2120.2 -364.1 L2113.8 -371.6 L2106.9 -378.4 L2099.3 -384.5 L2091.8 -389.4 L2083.7 -393.7 L2074.7 -397.4 L2066.0 -400.0 L2056.4 -402.0 L2047.0 -403.2 L2036.1 -403.9 L2022.9 -404.0 L2011.2 -403.5 L2001.5 -402.4 L1992.8 -400.8 L1983.8 -398.4 L1975.5 -395.4 L1967.0 -391.4 L1959.3 -386.8 L1952.2 -381.6 L1945.6 -375.8 L1938.9 -368.7 L1932.8 -360.9 L1927.1 -352.3 L1921.9 -342.9 L1917.7 -333.7 L1914.0 -323.6 L1911.0 -313.5 Z M1748.3 -79.9 L1735.6 -63.6 L1727.2 -54.5 L1718.3 -45.8 L1710.5 -39.0 L1700.6 -31.4 L1690.3 -24.4 L1679.6 -18.0 L1670.4 -13.1 L1658.9 -7.9 L1649.1 -4.1 L1637.0 -0.1 L1624.5 3.2 L1611.7 5.9 L1598.6 7.8 L1573.0 9.8 L1543.3 9.7 L1529.2 8.8 L1515.8 7.3 L1502.7 5.1 L1490.0 2.2 L1477.7 -1.4 L1467.7 -4.8 L1456.0 -9.6 L1444.7 -15.0 L1433.7 -21.1 L1423.2 -27.8 L1413.2 -35.2 L1403.6 -43.1 L1394.5 -51.5 L1385.9 -60.5 L1377.9 -70.0 L1370.4 -80.0 L1363.4 -90.4 L1356.1 -103.1 L1350.3 -114.4 L1345.2 -126.1 L1340.6 -138.1 L1336.0 -152.5 L1332.6 -165.2 L1329.4 -180.5 L1325.6 -207.9 L1324.0 -237.9 L1324.3 -272.6 L1326.4 -299.1 L1330.7 -326.1 L1333.7 -339.0 L1337.2 -351.7 L1341.3 -363.9 L1346.0 -375.9 L1351.3 -387.5 L1357.1 -398.7 L1363.4 -409.6 L1370.4 -420.0 L1377.9 -430.0 L1385.9 -439.5 L1394.5 -448.5 L1402.0 -455.6 L1411.5 -463.6 L1419.8 -469.8 L1430.2 -476.7 L1439.1 -482.0 L1450.3 -487.8 L1459.8 -492.1 L1479.7 -499.3 L1490.0 -502.2 L1502.7 -505.1 L1524.7 -508.4 L1548.2 -509.9 L1577.9 -509.6 L1600.8 -507.6 L1622.4 -503.7 L1634.9 -500.5 L1645.1 -497.3 L1664.7 -489.5 L1683.2 -479.9 L1700.6 -468.6 L1716.7 -455.6 L1724.3 -448.5 L1732.9 -439.5 L1740.9 -430.0 L1748.3 -420.1 L1664.3 -344.5 L1658.3 -355.0 L1651.3 -364.9 L1643.5 -373.7 L1635.6 -381.0 L1626.9 -387.3 L1617.3 -392.8 L1607.5 -397.0 L1596.6 -400.3 L1584.2 -402.6 L1569.5 -403.8 L1549.2 -403.8 L1534.5 -402.6 L1522.2 -400.3 L1511.3 -397.0 L1500.6 -392.4 L1490.2 -386.2 L1483.1 -381.0 L1476.6 -375.1 L1470.6 -368.7 L1465.1 -361.7 L1459.9 -354.1 L1455.1 -345.8 L1450.8 -336.8 L1446.9 -327.0 L1443.8 -317.6 L1441.2 -307.5 L1437.6 -286.1 L1436.0 -263.9 L1436.0 -236.1 L1437.6 -213.9 L1440.9 -193.9 L1446.1 -175.3 L1453.2 -158.1 L1457.2 -150.4 L1462.1 -142.4 L1466.9 -135.9 L1472.6 -129.1 L1478.7 -122.9 L1484.6 -117.8 L1491.8 -112.7 L1498.7 -108.6 L1509.2 -103.8 L1519.9 -100.3 L1530.7 -98.0 L1543.0 -96.5 L1559.4 -96.0 L1575.8 -96.5 L1588.1 -98.0 L1600.0 -100.6 L1610.5 -104.2 L1620.0 -108.6 L1628.6 -113.8 L1637.1 -120.3 L1644.8 -127.7 L1651.9 -135.9 L1658.3 -145.0 L1664.3 -155.5 Z M1233.9 -0.0 L1095.3 -0.4 L1082.7 0.0 L1071.5 1.4 L1048.6 6.2 L1033.1 8.4 L1012.0 9.8 L989.8 9.9 L968.3 8.8 L948.2 6.2 L927.0 1.6 L908.7 -4.1 L889.3 -12.2 L871.0 -22.2 L853.8 -33.9 L845.7 -40.4 L836.5 -48.7 L822.2 -63.6 L808.2 -81.7 L797.1 -99.4 L786.7 -120.2 L781.9 -132.0 L777.6 -144.2 L773.8 -156.7 L770.7 -169.6 L768.1 -182.8 L766.0 -196.3 L763.4 -224.9 L763.0 -240.6 L763.0 -262.1 L764.7 -292.1 L768.5 -319.5 L771.7 -334.8 L775.0 -347.5 L778.9 -359.9 L783.4 -372.0 L788.5 -383.7 L794.1 -395.0 L800.3 -406.0 L807.0 -416.6 L820.9 -434.8 L829.2 -444.0 L838.0 -452.8 L847.3 -461.0 L855.5 -467.4 L865.7 -474.5 L874.5 -479.9 L885.5 -485.9 L895.0 -490.4 L904.7 -494.4 L916.7 -498.6 L927.0 -501.6 L939.6 -504.6 L963.7 -508.4 L987.3 -509.9 L1012.0 -509.8 L1030.8 -508.6 L1050.8 -505.9 L1074.3 -501.0 L1088.3 -499.7 L1233.9 -500.0 Z M1070.4 -98.1 L1081.1 -100.4 L1089.7 -103.5 L1097.3 -107.8 L1103.6 -113.3 L1109.1 -120.4 L1113.3 -128.6 L1116.6 -138.5 L1118.9 -149.7 L1120.8 -167.8 L1121.7 -192.0 L1121.6 -314.4 L1120.8 -333.5 L1119.2 -348.3 L1116.8 -360.7 L1113.3 -371.4 L1110.4 -377.4 L1106.7 -383.1 L1102.3 -388.0 L1097.3 -392.2 L1091.5 -395.7 L1085.3 -398.3 L1078.0 -400.4 L1069.4 -402.0 L1057.2 -403.2 L1043.0 -403.8 L985.0 -403.7 L974.9 -402.8 L964.7 -401.1 L955.6 -398.8 L946.3 -395.4 L935.1 -389.9 L924.4 -382.8 L915.0 -374.4 L905.9 -364.1 L897.8 -352.3 L891.2 -339.9 L885.5 -325.9 L881.2 -311.3 L877.7 -293.6 L875.6 -274.8 L874.9 -253.1 L875.4 -228.7 L877.0 -210.8 L879.7 -195.2 L883.6 -180.0 L888.9 -165.3 L894.2 -154.1 L900.1 -144.1 L906.5 -135.1 L914.3 -126.2 L922.2 -119.0 L930.8 -112.7 L939.6 -107.6 L949.3 -103.4 L957.8 -100.6 L967.2 -98.4 L976.3 -97.1 L986.7 -96.2 L1043.0 -96.2 L1058.5 -96.8 Z M673.0 -720.0 L673.0 -0.0 L561.0 -0.0 L561.0 -720.0 Z M112.0 -500.0 L138.6 -499.6 L152.6 -500.1 L162.4 -501.4 L178.9 -505.1 L191.9 -507.3 L205.4 -508.8 L219.4 -509.7 L238.7 -510.0 L254.0 -509.6 L268.0 -508.6 L281.3 -506.9 L298.6 -503.7 L313.1 -499.9 L327.2 -495.2 L340.8 -489.5 L353.9 -483.0 L366.5 -475.6 L378.4 -467.4 L391.3 -456.9 L401.9 -447.0 L413.1 -434.8 L423.3 -421.7 L432.6 -407.8 L440.8 -393.2 L448.1 -377.9 L454.3 -361.9 L459.5 -345.4 L463.7 -328.3 L467.0 -310.5 L469.3 -292.1 L470.6 -272.6 L471.0 -246.5 L470.5 -224.9 L469.0 -205.6 L466.6 -187.2 L463.7 -171.7 L460.1 -156.7 L455.7 -142.2 L451.3 -130.0 L445.5 -116.3 L438.8 -103.1 L431.5 -90.4 L424.5 -80.0 L415.7 -68.4 L407.6 -59.0 L397.4 -48.7 L388.2 -40.4 L376.8 -31.4 L366.5 -24.4 L353.9 -17.0 L342.7 -11.3 L329.2 -5.6 L315.2 -0.7 L300.7 3.2 L285.7 6.2 L270.2 8.4 L256.4 9.5 L238.7 10.0 L219.4 9.7 L205.4 8.8 L189.7 6.9 L174.6 4.2 L162.0 1.1 L147.8 -3.4 L136.0 -7.9 L124.5 -13.1 L112.0 -19.9 L112.0 200.0 L0.0 200.0 L0.0 -500.0 Z M112.2 -310.3 L112.3 -185.6 L113.2 -166.5 L114.9 -150.7 L117.6 -137.7 L121.5 -126.7 L126.5 -117.8 L133.3 -110.4 L141.3 -104.9 L148.0 -101.9 L155.1 -99.8 L163.6 -98.1 L173.0 -97.0 L197.6 -96.1 L247.3 -96.2 L263.0 -97.8 L277.2 -100.9 L290.6 -105.8 L302.2 -112.1 L312.5 -119.7 L322.3 -129.1 L331.0 -139.9 L338.2 -151.3 L344.6 -164.2 L350.0 -178.8 L354.0 -193.9 L356.7 -209.4 L358.5 -228.7 L359.0 -253.1 L358.3 -274.8 L356.3 -293.6 L353.1 -310.1 L348.4 -325.9 L342.2 -340.9 L335.0 -354.1 L328.6 -363.4 L321.6 -371.6 L314.0 -379.1 L306.3 -385.1 L297.9 -390.4 L288.6 -395.0 L278.3 -398.8 L268.0 -401.3 L256.2 -403.1 L242.1 -403.9 L200.2 -403.9 L178.0 -403.3 L165.5 -402.2 L155.1 -400.2 L146.1 -397.3 L138.6 -393.5 L134.2 -390.4 L129.9 -386.3 L126.2 -381.6 L122.9 -376.3 L120.1 -370.1 L118.0 -363.8 L114.7 -348.3 L113.1 -332.2 Z%22/%3E%3C/svg%3E") center/contain no-repeat;background-image:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%),linear-gradient(#D9DEE7,#F4F5F7);background-repeat:no-repeat;background-size:200% 100%,100% 100%;background-position:130% 0,0 0;animation:fshine 10s linear infinite}
html[lang="zh-CN"] .fwm p{height:.73em;width:calc(.73em * 2.145);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 85.8 40.0%22%3E%3Cpath d=%22M2.2 8.4C1.9 11.9 1.1 16.6 0 19.5L3.1 20.6C4.2 17.4 5 12.3 5.2 8.8ZM6 0V39.7H10V9.1C11.1 11.6 12.2 14.5 12.7 16.4L15.7 15C15.1 12.9 13.7 9.5 12.4 7L10 8V0ZM33.1 19.5H27.4C27.6 17.8 27.6 16.2 27.6 14.7V10.5H33.1ZM23.5 0V6.7H15.5V10.5H23.5V14.7C23.5 16.2 23.5 17.8 23.4 19.5H13.4V23.3H22.8C21.7 28.4 18.8 33.4 11.7 36.8C12.7 37.6 14.1 39.1 14.6 40C21.3 36.3 24.6 31.3 26.2 26.2C28.6 32.5 32.3 37.3 38 39.9C38.7 38.7 40 37 40.9 36.1C35.2 34 31.3 29.2 29.1 23.3H40.3V19.5H37.1V6.7H27.6V0ZM75.4 3C77.7 5.2 80.3 8.3 81.5 10.4L84.7 8.4C83.5 6.3 80.7 3.3 78.3 1.2ZM80.1 18.3C78.9 21.2 77.4 23.9 75.5 26.4C74.9 23.6 74.3 20.3 74 16.7H85.3V12.9H73.6C73.3 8.8 73.2 4.5 73.2 0H69.1C69.1 4.4 69.3 8.7 69.6 12.9H59.7V8.1H66.8V4.5H59.7V0H55.6V4.5H48.4V8.1H55.6V12.9H46.6V16.7H69.9C70.4 21.8 71.2 26.4 72.3 30.1C69.9 32.7 67.1 34.8 64.1 36.4C65.1 37.3 66.3 38.6 66.9 39.7C69.4 38.2 71.8 36.3 73.9 34.2C75.5 37.7 77.7 39.7 80.5 39.7C83.9 39.7 85.2 37.8 85.8 31C84.8 30.6 83.4 29.8 82.6 28.9C82.4 33.7 81.9 35.7 80.9 35.7C79.4 35.7 78 34 76.9 31C79.7 27.7 82 23.8 83.8 19.7ZM53.1 24.2H62.1V31H53.1ZM49.2 20.5V37.8H53.1V34.7H66.1V20.5Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 85.8 40.0%22%3E%3Cpath d=%22M2.2 8.4C1.9 11.9 1.1 16.6 0 19.5L3.1 20.6C4.2 17.4 5 12.3 5.2 8.8ZM6 0V39.7H10V9.1C11.1 11.6 12.2 14.5 12.7 16.4L15.7 15C15.1 12.9 13.7 9.5 12.4 7L10 8V0ZM33.1 19.5H27.4C27.6 17.8 27.6 16.2 27.6 14.7V10.5H33.1ZM23.5 0V6.7H15.5V10.5H23.5V14.7C23.5 16.2 23.5 17.8 23.4 19.5H13.4V23.3H22.8C21.7 28.4 18.8 33.4 11.7 36.8C12.7 37.6 14.1 39.1 14.6 40C21.3 36.3 24.6 31.3 26.2 26.2C28.6 32.5 32.3 37.3 38 39.9C38.7 38.7 40 37 40.9 36.1C35.2 34 31.3 29.2 29.1 23.3H40.3V19.5H37.1V6.7H27.6V0ZM75.4 3C77.7 5.2 80.3 8.3 81.5 10.4L84.7 8.4C83.5 6.3 80.7 3.3 78.3 1.2ZM80.1 18.3C78.9 21.2 77.4 23.9 75.5 26.4C74.9 23.6 74.3 20.3 74 16.7H85.3V12.9H73.6C73.3 8.8 73.2 4.5 73.2 0H69.1C69.1 4.4 69.3 8.7 69.6 12.9H59.7V8.1H66.8V4.5H59.7V0H55.6V4.5H48.4V8.1H55.6V12.9H46.6V16.7H69.9C70.4 21.8 71.2 26.4 72.3 30.1C69.9 32.7 67.1 34.8 64.1 36.4C65.1 37.3 66.3 38.6 66.9 39.7C69.4 38.2 71.8 36.3 73.9 34.2C75.5 37.7 77.7 39.7 80.5 39.7C83.9 39.7 85.2 37.8 85.8 31C84.8 30.6 83.4 29.8 82.6 28.9C82.4 33.7 81.9 35.7 80.9 35.7C79.4 35.7 78 34 76.9 31C79.7 27.7 82 23.8 83.8 19.7ZM53.1 24.2H62.1V31H53.1ZM49.2 20.5V37.8H53.1V34.7H66.1V20.5Z%22/%3E%3C/svg%3E")}
@keyframes fshine{0%{background-position:130% 0,0 0}6%,100%{background-position:-130% 0,0 0}}
/* ---------- reveal on scroll (alven's entrance motions) ---------- */
.rv{transition:opacity .7s cubic-bezier(.16,1,.3,1)}
.rv>*{transition:transform .7s cubic-bezier(.16,1,.3,1)}
.rv.pre[data-rv="up"]{opacity:0}
.rv.pre[data-rv="up"]>*{transform:translateY(28px)}
/* ---------- cost of waiting: stats + month visual + rent calculator ---------- */
.white{background:#fff;border:1px solid var(--line)}
.dsb{width:100%;text-align:left;background:none;border-left:0;border-right:0;border-top:0;font:inherit;color:inherit;cursor:pointer;transition:opacity .25s}
.dsb:not(.on){opacity:.5}
.dsb:hover{opacity:1}
.ds small{font-size:12px;color:var(--muted)}
.wcard{gap:28px}
@media (min-width:1024px){.wcard{gap:32px;padding:40px 44px}}
.wtabs{display:flex;gap:6px;flex-wrap:wrap}
.wtabs button{border:0;border-radius:999px;padding:7px 12px;font-size:13px;line-height:1.2;background:rgba(255,255,255,.75);color:var(--ink2)}
.wtabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.whead{display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:end}
@media (max-width:640px){.whead{grid-template-columns:1fr;gap:12px}}
.wbig{font-size:clamp(44px,6vw,64px);line-height:.95;letter-spacing:-.04em;white-space:nowrap}
.wsub{font-size:14px;color:var(--muted);margin-top:10px}
.wq{font-size:16px;line-height:1.35;letter-spacing:-.16px;color:var(--ink2);max-width:46ch}
.wgrid,.waxis{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
@media (min-width:1024px){.wgrid,.waxis{gap:8px}}
.wgrid i{display:block;aspect-ratio:1/1.5;max-width:100%;border-radius:6px;background:#fff;border:1px solid var(--line);transform-origin:bottom;animation:grow .5s cubic-bezier(.22,1,.36,1) both}
.wgrid i.r{background:var(--gs);border-color:var(--gs)}
.wgrid i.p{box-shadow:inset 0 0 0 2px var(--ink)}
.wgrid i.o{background:var(--ok);border-color:var(--ok)}
.wgrid i.m{background:repeating-linear-gradient(135deg,rgba(115,153,198,.5) 0 5px,transparent 5px 10px);border:1px dashed var(--gs)}
@keyframes grow{from{transform:scaleY(.2);opacity:0}to{transform:none;opacity:1}}
.waxis{margin-top:8px;font:11px var(--mono);color:var(--muted);text-align:center}
.wleg{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:var(--ink2);margin-top:14px}
.wleg span{display:flex;align-items:center;gap:6px}
.wleg i{width:12px;height:12px;border-radius:3px;display:block}
.wcalc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 24px;align-items:center;padding:18px 20px;border-radius:12px}
.wcalc label{font-size:13px;color:var(--ink2)}
.wcalc output{font-size:15px;font-variant-numeric:tabular-nums;text-align:right}
.wcalc input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--gs-d)}
.wres{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--line)}
.wres span{font-size:14px;color:var(--ink2)}
.wres b{font-weight:400;font-size:28px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}
.wres small{flex-basis:100%;font-size:12px;color:var(--muted)}
.wsrc{font-size:12px;color:var(--muted)}
/* ---------- live policy + industry monitor (one screen, clear hierarchy) ---------- */
#monitor{--hi:#B4473B}
.p-m{background:var(--gs-ll);color:var(--gs-ink)}
.mnhd{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}
@media (min-width:1024px){.mnhd{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:26px}}
.mnhd>div{display:flex;flex-direction:column;gap:10px;max-width:820px;min-width:0}
.mncta{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;flex-shrink:0}
.mncta small{font-size:13px;color:var(--muted)}
@media (min-width:1024px){.mncta{flex-direction:column;align-items:flex-end;gap:8px}.mncta .btn{padding:11px 16px;font-size:15px}}
.mnstage{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#DCE5F0;padding:10px}
@media (min-width:768px){.mnstage{padding:26px 30px}}
@media (min-width:1024px){.mnstage{padding:30px 44px}}
.mnstage::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 45% at 12% 8%,rgba(255,234,212,.55),transparent 70%),radial-gradient(45% 55% at 92% 95%,rgba(91,128,176,.3),transparent 70%),linear-gradient(180deg,rgba(240,244,250,.5),rgba(216,228,242,.6))}
.mnwrap{position:relative;max-width:1200px;margin:0 auto}
@media (min-width:768px) and (max-width:1023px){.mnstage{padding:14px 16px}.mnls{max-height:230px}}
@media (min-width:1024px) and (max-height:780px){.mnhd{margin-bottom:16px}.mnhd>div{gap:6px}.mnstage{padding:20px 40px}}
.mnch{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:16px 18px 8px;font-size:12px;color:var(--muted)}
.mnch b{font-size:13px;font-weight:500;color:var(--ink)}
.mnls,.mndl{overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:0 8px 10px}
.mnls{flex:1;min-height:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 12px,#000 calc(100% - 16px),transparent)}
@media (max-width:1023px){.mnls{max-height:300px}}
.mnr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background-color .15s,box-shadow .15s}
.mnr:hover{background:#F0F3F7}
.mnr.on{background:#fff;box-shadow:inset 3px 0 0 var(--gs-d),0 1px 2px rgba(15,27,51,.06),0 0 0 1px var(--line)}
.mnr .t{font-size:13.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnr.on .t{font-weight:500}
.mnr .m{grid-column:1;display:flex;gap:8px;font-size:11.5px;line-height:1.2;color:var(--muted);white-space:nowrap;overflow:hidden}
.mnr .m b{font-weight:500;color:var(--gs-ink)}
.mnr .pill{grid-column:2;grid-row:1/3}
.mndt{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding:20px 24px 16px}
@media (min-width:1024px) and (max-height:820px){.mndt{padding:16px 22px 12px}.mnttl{font-size:17px!important}.mndo{margin-top:12px!important;padding:11px 14px!important}.mndo p{font-size:14px!important}.mnlbl{margin-top:12px!important}.mnaff{display:none!important}}
@media (max-width:767px){.mndt{padding:20px 18px 16px}}
.mnmeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:12px;color:var(--muted)}
.mnmeta .due{font-weight:600;color:var(--hi)}
.mnttl{margin-top:12px;font-size:19px;line-height:1.35;letter-spacing:-.3px;font-weight:500;color:var(--ink)}
html[lang="zh-CN"] .mnttl{letter-spacing:0}
.mnlbl{margin-top:16px;font-size:11.5px;font-weight:500;color:var(--muted)}
.mntxt{margin-top:4px;font-size:14px;line-height:1.55;color:var(--ink2)}
.mndo{display:flex;gap:12px;margin-top:16px;padding:14px 16px;border-radius:14px;background:var(--gs-ll);box-shadow:inset 0 0 0 1px #D6E2F0}
.mndo .ic{flex:none;width:26px;height:26px;border-radius:50%;background:var(--gs-d);color:#fff;display:grid;place-items:center;margin-top:1px}
.mndo b{display:block;font-size:12px;font-weight:600;color:var(--gs-ink);margin-bottom:3px}
.mndo p{font-size:15px;line-height:1.45;letter-spacing:-.1px;font-weight:500;color:var(--ink)}
.mnaff{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:12px;color:var(--muted)}
.mnaff em{font-style:normal;line-height:1;padding:5px 9px;border-radius:999px;background:#F4F5F7;color:var(--ink2)}
.mnfoot{display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;padding:12px 26px;border-top:1px solid var(--line)}
@media (max-width:767px){.mnfoot{padding:12px 18px}}
.mnfoot a{min-width:0;font-size:12.5px;color:var(--gs-ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnfoot a:hover{text-decoration:underline}
.mnfoot .btn{padding:8px 12px;font-size:13px}
.mndl{flex:1;min-height:0}
@media (min-width:768px) and (max-width:1023px){.mndl{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}}
.mnd{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;width:100%;padding:9px 10px;border:0;border-radius:10px;background:none;font:inherit;text-align:left;color:var(--ink);cursor:pointer;transition:background-color .15s}
.mnd:hover{background:#F0F3F7}
.mnd .n{font-size:26px;line-height:1;font-weight:500;letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums}
.mnd .n small{display:block;margin-top:3px;font-size:11px;font-weight:400;letter-spacing:0;color:var(--muted)}
.mnd .n.soon{color:var(--hi)}
.mnd .n.mid{color:var(--gs-ink)}
.mnd .t{font-size:13px;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mnd .m{display:block;margin-top:2px;font-size:11.5px;color:var(--muted)}
#monitor .trnote{margin-top:12px;font-size:12px;color:var(--muted)}
.mnmk{position:relative;flex:0 1 auto;min-width:0}
.mnmkb{display:inline-flex;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;border:0;border-radius:8px;background:none;font:inherit;color:var(--ink);cursor:pointer}
.mnmkb:hover,.mnmkb[aria-expanded="true"]{background:#EEF1F5}
.mnmkb b{max-width:160px;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mnmkb svg{flex:none;color:var(--muted)}
.mnmkp{position:absolute;z-index:6;top:calc(100% + 8px);left:-6px;width:236px;max-height:300px;overflow:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 44px rgba(15,27,51,.16)}
.mnmkp button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:none;font:inherit;font-size:13px;text-align:left;color:var(--ink);cursor:pointer}
.mnmkp button:hover{background:#F4F6F9}
.mnmkp button[aria-selected="true"]{background:var(--gs-ll);font-weight:500}
.mnmkp button em{font-style:normal;font-size:12px;color:var(--muted)}
.mnsa{margin-left:10px;padding:0;border:0;background:none;font:inherit;color:var(--gs-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mnsa:hover{color:var(--ink)}
/* the alerts call to action: button and its caption centred on each other, and centred against the headline */
.mncta{flex-direction:column;align-items:center;text-align:center;gap:8px}
.mncta small{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px}.mncta .mnsa{margin-left:0}
@media (max-width:1023px){.mncta{align-self:center}}
@media (min-width:1024px){.mnhd{align-items:center}.mncta{align-items:center}}
.mnempty{padding:12px 10px;font-size:13px;line-height:1.45;color:var(--muted)}
.mnpv{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:16px;background:rgba(15,27,51,.38);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.mnpv[hidden]{display:none}
.mnpvc{position:relative;width:min(540px,100%);max-height:calc(100dvh - 32px);overflow:auto;border-radius:18px;background:#fff;box-shadow:0 40px 90px rgba(15,27,51,.3);animation:vpop .35s cubic-bezier(.2,.9,.3,1.15)}
.mnpvx{position:absolute;top:12px;right:12px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:#F1F3F7;color:var(--ink2);cursor:pointer}
.mnpvx:hover{background:#E6E9EF;color:var(--ink)}
.mnml{padding:18px 22px 14px;border-bottom:1px solid #F0F2F5}
.mnml .fr{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink2);padding-right:36px}
.mnml .fr svg{flex:none;width:22px;height:22px;color:var(--ink)}
.mnml .fr b{font-weight:500;color:var(--ink)}
.mnml .fr span{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap}
.mnml .sb{margin-top:12px;font-size:17px;line-height:1.35;font-weight:500;letter-spacing:-.2px;color:var(--ink)}
.mnmb{padding:16px 22px 20px;display:flex;flex-direction:column;gap:12px}
.mnmb .lb{font-size:11.5px;font-weight:500;color:var(--muted)}
.mnmb .tx{margin-top:3px;font-size:14px;line-height:1.5;color:var(--ink2)}
.mnmb .mndue{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#FBEDEB;color:var(--hi);font-size:13.5px;font-weight:600}
.mnmb .mndue small{font-weight:400;color:#7A3A31}
.mnmb .ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:4px}
.mnmb .ft a{font-size:12.5px;color:var(--gs-ink);text-decoration:none}
.mnmb .ft .btn{padding:9px 13px;font-size:13px}
.mnmnote{padding:0 22px 18px;font-size:11.5px;color:var(--muted)}
@media (max-width:1023px){.mnd:nth-child(n+5){display:none}}
/* ---------- sample plan, product UI (v3) ---------- */
#vcard{background:#DCE5F0}
#vcard .vph{position:absolute;inset:-6%;width:112%;height:112%;object-fit:cover;filter:blur(26px) saturate(.7) brightness(1.18);opacity:.85}
#vcard::before{background:linear-gradient(180deg,rgba(240,244,250,.5),rgba(216,228,242,.6))}
#vcard .app{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(15,27,51,.06);border-radius:18px;box-shadow:0 40px 90px rgba(15,27,51,.16),0 2px 4px rgba(15,27,51,.04)}
#vcard .atop{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:16px 20px 12px}
#vcard .alogo{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--ink);color:#fff;font-size:12px;font-weight:600;flex-shrink:0}
#vcard .aid{flex:1;min-width:0}
#vcard .aid b{display:block;width:fit-content;max-width:100%;font-size:14px;font-weight:500;letter-spacing:-.15px;color:var(--ink)}
#vcard .aid small{display:block;width:fit-content;max-width:100%;font-size:12px;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vcard .atag{margin-left:auto;font-size:12px;color:var(--muted);white-space:nowrap;background:none;padding:6px 4px}
#vcard .atabs{display:flex;align-items:center;gap:4px;padding:0 16px 10px;font-size:13px;color:var(--muted)}
#vcard .atabs .tb{padding:6px 10px;border-radius:8px}
#vcard .atabs .on{background:#F1F3F7;color:var(--ink)}
#vcard .abody{display:grid;grid-template-columns:1fr;border-top:1px solid #F0F2F5}
@media (min-width:860px){#vcard .abody{grid-template-columns:minmax(0,1fr) 340px}}
#vcard .alist{padding:16px 20px 18px}
#vcard .ahead{display:flex;justify-content:space-between;align-items:baseline;padding:0 0 10px}
#vcard .ahead b{font-size:13px;font-weight:500;color:var(--ink)}
#vcard .ahead em{font-style:normal;font-size:12px;color:var(--ink2)}
#vcard .aprog{height:4px;border-radius:2px;background:#EEF1F5;margin-bottom:10px}
#vcard .aprog i{background:#5E8BC0}
#vcard .arow{display:grid;grid-template-columns:18px minmax(0,1fr) auto 76px;gap:12px;align-items:center;padding:7px 8px;margin:0 -8px;border-radius:10px;background:none}
#vcard .arow.cur{background:#F6F8FB}
#vcard .arow .n{font-size:13.5px;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vcard .arow .a{display:block;font-size:12px;line-height:1.3;color:var(--muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#vcard .aw{font:11px var(--mono);color:var(--faint);white-space:nowrap}
#vcard .asx{font-size:12px;text-align:right;white-space:nowrap;color:var(--muted)}
#vcard .asx.d{color:#2E7149}
#vcard .asx.r{color:#93651E}
#vcard .asx.b{color:#B3473A}
.ast{position:relative;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #CFD5DE;transition:background-color .3s,box-shadow .3s}
.ast.d{background:#3F9A62;box-shadow:none}
.ast.d::after{content:"";position:absolute;left:6px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 1.8px 1.8px 0;transform:rotate(45deg)}
.ast.r{box-shadow:inset 0 0 0 1.5px #E3A23B}
.ast.r::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#E3A23B;animation:astp 1.4s ease-in-out infinite}
@keyframes astp{50%{opacity:.35}}
.ast.b{box-shadow:inset 0 0 0 1.5px #D0574A}
.ast.b::after{content:"";position:absolute;left:5px;right:5px;top:8.25px;height:1.5px;background:#D0574A}
#vcard .aside{background:#F7F8FA;border:0;border-radius:14px;margin:14px 14px 14px 0;padding:18px;gap:18px}
#vcard .proj small{font-size:12px;color:var(--muted)}
#vcard .proj strong{font-size:38px;letter-spacing:-1.1px;margin-top:6px}
#vcard .proj em{font-size:12px;color:var(--muted)}
#vcard .gl{height:8px;border-radius:4px;background:#ECEFF4}
#vcard .gl i{height:8px;border-radius:4px}
#vcard .gantt{gap:7px;padding-top:22px}
#vcard .today{background:var(--ink)}
#vcard .today::before{background:var(--ink);top:-22px}
#vcard .risk{background:#fff;border-radius:12px;box-shadow:none;border:1px solid #EDF0F4}
#vcard .vfl{gap:10px;padding:9px 12px 9px 9px;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(15,27,51,.05)}
#vcard .vfl .tick{width:20px;height:20px;border-radius:50%;background:#3F9A62;display:grid;place-items:center;flex-shrink:0;margin-left:4px}
@media (max-width:1199px){#vcard .atabs{display:none}}
@media (max-width:639px){#vcard .aw{display:none}#vcard .arow{grid-template-columns:18px minmax(0,1fr) auto}#vcard .atag{white-space:normal}}
@media (min-width:1024px) and (max-width:1279px){.vcard{aspect-ratio:16/10}}
/* ---------- comparison + pricing tiles ---------- */
@media (min-width:1280px){#tiers{flex-wrap:nowrap;align-items:stretch}}
@media (min-width:1024px) and (max-width:1279px){#tiers{gap:12px}}
@media (max-width:1023px){#tiers{gap:12px}}
.pentry{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border-radius:16px;background:var(--card);padding:18px 24px}
.pentry p{font-size:15px;line-height:1.4;color:var(--ink2);max-width:56ch}
.pentry p b{font-weight:500;color:var(--ink)}
.pfine{margin-top:-8px;padding:0 4px;font-size:13px;line-height:1.45;color:var(--muted)}
/* ---------- form ---------- */
.modal{position:fixed;inset:0;z-index:100;background:rgba(10,23,48,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:16px}
.sheet{position:relative;width:100%;max-width:600px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:16px;background:#fff;padding:28px}
@media (max-width:480px){.sheet{padding:20px 16px}}
.sheet h3{font-size:24px;line-height:1.2;letter-spacing:-.24px;padding-right:40px}
.sheet .s{margin-top:8px;font-size:14px;color:var(--ink2)}
.x{position:absolute;top:16px;right:16px;width:32px;height:32px;border:0;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--ink2)}
.f{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
@media (max-width:520px){.f{grid-template-columns:1fr}}
.done .ok{width:44px;height:44px;border-radius:50%;background:var(--ok);display:grid;place-items:center;margin-bottom:18px}
.done p{margin-top:10px;color:var(--ink2)}
/* ---------- brand mark ---------- */
.hdr .logo{display:flex;align-items:center;gap:7px;margin-left:7px}
.hdr .seal{width:19px;height:19px;flex-shrink:0;color:#fff;transition:color .3s}
.hdr.light .seal{color:var(--ink)}
.fbrand{display:flex;align-items:center;gap:7px}
/* custom wordmark: Placetta (joined tt, optical kerning) and 快哉, swapped by language */
.wm{display:inline-flex;align-items:center}
.wm svg{display:block;width:auto;fill:currentColor}
.wm .wm-en,.wm .wm-zh{height:24.3px;fill:currentColor}
.hdr.light .wm-en,.fbrand .wm-en{color:#192F47}
.wm .wm-zh{display:none}
.hdr.light .wm-zh,.fbrand .wm-zh{color:#192F47}
html[lang="zh-CN"] .wm .wm-en{display:none}
html[lang="zh-CN"] .wm .wm-zh{display:block}
.fbrand .seal{width:19px;height:19px;flex-shrink:0;color:#192F47}
/* ---------- where we work: maps ---------- */
.mphead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px 32px;flex-wrap:wrap;margin-bottom:24px}
.mpt{display:flex;flex-direction:column;gap:10px;max-width:620px}
.mpsub{font-size:16px;line-height:1.35;letter-spacing:-.16px;color:var(--ink2);text-wrap:pretty}
.mptabs{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--card)}
.mptabs button{border:0;background:none;border-radius:8px;padding:8px 14px;font-size:14px;color:var(--ink2)}
.mptabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.1)}
.mpcard{position:relative;border-radius:16px;background:var(--card);padding:20px;display:flex;flex-direction:column;gap:16px}
@media (min-width:1024px){.mpcard{padding:28px 32px}}
.mpstats{display:flex;flex-wrap:wrap;gap:16px 32px}
.mpstats b{display:block;font-weight:400;font-size:28px;line-height:1;letter-spacing:-.4px}
.mpstats span{display:block;margin-top:6px;font-size:13px;color:var(--ink2)}
.mpwrap{position:relative;width:100%}
.mpwrap[hidden],.mpfoot[hidden],.mpfl[hidden],.mpstats>div[hidden]{display:none!important}
.mpfl{position:relative;width:100%}
@media (min-width:768px){.mpfl .flkey{left:4px;bottom:4px}}
#mpsvg{display:block;width:100%;height:auto;max-width:100%}
@media (min-width:1024px){#mpsvg{max-height:max(300px,calc(100svh - 448px))}#flsvg{max-height:max(330px,calc(100svh - 370px))}}
#mpsvg path{stroke:#fff;stroke-width:.6;vector-effect:non-scaling-stroke;transition:fill .2s}
#mpsvg .t0{fill:#DCE0E6}
#mpsvg .t4{fill:#6F98CB}
#mpsvg .t3{fill:#3D6FAE}
#mpsvg .t2{fill:#1F4C86}
#mpsvg .t1{fill:#0E2A52}
#mpsvg .hit{cursor:pointer}
#mpsvg .hit:hover{opacity:.8}
#mpsvg .ping{animation:mpping 1.6s ease-out}
@keyframes mpping{0%{filter:brightness(1)}25%{filter:brightness(1.6)}100%{filter:brightness(1)}}
#mpsvg .sel{stroke:#fff;stroke-width:2.2}
/* live activity: a pulse on every top market */
#mpsvg .mppl{pointer-events:none}
#mpsvg .mpfoc{pointer-events:none;animation:focin .4s ease-out both}
.mpwrap.zm #mpsvg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
#mpsvg .mppl{transition:opacity .3s}
.mpwrap.zm #mpsvg .mppl{opacity:0}
.mpwrap.zm #mpsvg path.hit:not(.sel){opacity:.72}
.mpwrap.zm #mpsvg path.hit:not(.sel):hover{opacity:.9}
.mpzo{position:absolute;z-index:2;top:8px;right:8px;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font:inherit;font-size:13px;box-shadow:0 2px 8px rgba(15,27,51,.08);cursor:pointer;animation:focin .3s ease-out both}
.mpzo:hover{border-color:#C9D2DE}
.mpzo svg{flex:none;color:var(--gs-d)}
.mpzo[hidden]{display:none}
@media (max-width:639px){.mpzo{top:4px;right:4px;width:34px;padding:0;justify-content:center}.mpzo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
@keyframes focin{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){#mpsvg .mpfoc{animation:none}}
#mpsvg .fcd{fill:#fff;stroke:#0E2A52;stroke-width:1.4;vector-effect:non-scaling-stroke}
#mpsvg .fcd.big{fill:#0E2A52;stroke:#fff;stroke-width:1.6}
#mpsvg .fct{font-family:var(--sans,system-ui);font-weight:500;letter-spacing:.1px;fill:#0E2A52}
#mpsvg .fct.big{font-weight:600}
#mpsvg .fcp{fill:#fff;stroke:rgba(14,42,82,.14);stroke-width:1;vector-effect:non-scaling-stroke;filter:drop-shadow(0 1px 2px rgba(10,24,48,.18))}
#mpsvg .mpfoc .lmi{filter:drop-shadow(0 0 .6px rgba(10,24,48,.55)) drop-shadow(0 1.5px 2px rgba(10,24,48,.3))}
#mpsvg .lmi .b,#mpsvg .lmi .g,#mpsvg .lmi .w{fill:#F7F9FC;stroke:rgba(14,42,82,.72);stroke-width:.8;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#mpsvg .lmi .s{fill:rgba(115,153,198,.38)}
#mpsvg .lmi .d{fill:rgba(14,42,82,.55)}
#mpsvg .lmi .l{fill:none;stroke:#F7F9FC;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#mpsvg .lmi .t{fill:none;stroke:rgba(14,42,82,.3);stroke-width:.5;stroke-linecap:round;vector-effect:non-scaling-stroke}
#mpsvg .mppl .dt{fill:#fff;stroke:none}
#mpsvg .mppl .rg{fill:none;stroke:#BFD3EC;stroke-width:1.2;opacity:0;transform-box:fill-box;transform-origin:center;animation:mpring 3.2s cubic-bezier(.2,.6,.3,1) infinite;animation-delay:var(--d,0s)}
@keyframes mpring{0%{transform:scale(.7);opacity:.95}70%,100%{transform:scale(4.6);opacity:0}}
@media (prefers-reduced-motion:reduce){#mpsvg .mppl .rg{animation:none;opacity:.5;transform:scale(1.8)}#mpsvg .ping{animation:none}}
#mpsvg circle{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}
.mptip{position:absolute;z-index:3;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 10px;box-shadow:0 8px 24px rgba(15,27,51,.12);white-space:nowrap}
.mptip b{display:block;font-weight:500;font-size:14px}
.mptip span{display:block;font-size:12px;color:var(--ink2);margin-top:2px}
.mpfoot{display:flex;justify-content:space-between;align-items:center;gap:14px 24px;flex-wrap:wrap}
.mpleg{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:13px;color:var(--ink2)}
.mpleg span{display:flex;align-items:center;gap:6px}
.mpleg i{width:12px;height:12px;border-radius:3px;display:block}
.mpsel{display:flex;align-items:center;gap:10px 12px;flex-wrap:wrap}
.mpdd{position:relative}
.mpddb{display:inline-flex;align-items:center;gap:10px;width:264px;max-width:100%;height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:14.5px;text-align:left;box-shadow:0 1px 2px rgba(15,27,51,.04);transition:border-color .2s,box-shadow .2s}
.mpddb:hover{border-color:#C9D2DE}
.mpddb[aria-expanded="true"]{border-color:var(--gs);box-shadow:0 0 0 3px rgba(115,153,198,.2)}
.mpddb .pin{flex:none;color:var(--gs-d)}
.mpddb .sw{flex:none;width:10px;height:10px;border-radius:3px}
.mpddb .sw[hidden]{display:none}
.mpddb .v{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpddb .v.ph{color:var(--ink2)}
.mpddb .chv{flex:none;color:var(--muted);transition:transform .2s}
.mpddb[aria-expanded="true"] .chv{transform:rotate(180deg)}
.mpddp{position:absolute;z-index:30;left:0;bottom:calc(100% + 8px);width:320px;max-width:calc(100vw - 48px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 60px rgba(15,27,51,.16),0 2px 6px rgba(15,27,51,.06);overflow:hidden;transform-origin:bottom left;animation:ddin .16s ease-out}
.mpddp.down{bottom:auto;top:calc(100% + 8px);transform-origin:top left}
@keyframes ddin{from{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:none}}
.mpdds{display:flex;align-items:center;gap:8px;padding:0 14px;height:46px;border-bottom:1px solid var(--line)}
.mpdds svg{flex:none;color:var(--muted)}
.mpdds input{flex:1;min-width:0;border:0;outline:none;background:none;font:inherit;font-size:14.5px;color:var(--ink)}
.mpdds input::placeholder{color:var(--muted)}
.mpddl{list-style:none;margin:0;padding:4px 6px 6px;max-height:304px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.mpddl .gh{display:flex;justify-content:space-between;padding:10px 10px 5px;font-size:12px;font-weight:500;color:var(--muted)}
.mpddl .op{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--ink);cursor:pointer}
.mpddl .op:hover{background:var(--bg)}
.mpddl .op.act{background:var(--gs-ll)}
.mpddl .op i{flex:none;width:10px;height:10px;border-radius:3px}
.mpddl .op span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mpddl .op[aria-selected="true"]{font-weight:500}
.mpddl .op svg{flex:none;color:var(--gs-d)}
.mpddl .none{padding:16px 10px;font-size:13.5px;color:var(--ink2)}
@media (max-width:639px){.mpsel,.mpdd,.mpddb{width:100%}.mpddp{width:100%;max-width:none}}
.mpsel p{font-size:14px;color:var(--ink2)}
/* ---------- inline starter (hero + final CTA) ---------- */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stwrap{display:flex;flex-direction:column;gap:10px;width:100%;max-width:470px}
.starter{display:flex;align-items:center;gap:6px;padding:5px 5px 5px 14px;border-radius:12px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s}
.starter:focus-within{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.6)}
.starter input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:#fff;padding:8px 0;outline:none}
.starter input::placeholder{color:rgba(255,255,255,.78)}
.starter .btn{padding:10px 14px}
.stnote{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.8)}
.ctas .stnote{font-size:13px;line-height:1.4;letter-spacing:0}
.stnote a{color:#fff;text-underline-offset:3px}
.stalt{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:2px}
/* phones: the hero already has the plan form, so the bar keeps Log in and drops its plan button */
@media (max-width:559px){.hdr .right .btn[data-open="nav"]{display:none}.hdr .login{background:#fff;color:var(--ink);padding:9px 14px;border-radius:8px;white-space:nowrap}.hdr.light .login{background:var(--ink);color:#fff}}
.stalt a{display:inline-flex;align-items:center;gap:6px;padding:2px 0;color:rgba(255,255,255,.88);font-size:14px;line-height:18px;letter-spacing:-.2px;text-decoration:none;transition:color .2s}
.stalt a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.stalt i{font-style:normal;opacity:.7}
.howtry{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;color:var(--gs-ink);text-decoration:none;font-weight:500}
.howtry:hover{text-decoration:underline;text-underline-offset:3px}
.stwrap.light{align-items:center;max-width:480px}
.stwrap.light .starter{width:100%;background:#fff;border-color:var(--line);box-shadow:0 8px 30px rgba(15,27,51,.06)}
.stwrap.light .starter:focus-within{border-color:var(--gs)}
.stwrap.light input{color:var(--ink)}
.stwrap.light input::placeholder{color:var(--muted)}
.stwrap.light .stnote{color:var(--muted);justify-content:center;text-align:center}
.stwrap.light .stnote a{color:var(--ink)}
/* ---------- plan request stepper ---------- */
.sheet{max-width:560px;padding:18px 28px 28px}
@media (max-width:640px){.modal{align-items:flex-end;padding:0}.sheet{max-width:none;border-radius:18px 18px 0 0;max-height:94dvh;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px))}}
/* the Beam around the sheet when it opens from the hero (site/beam.js, loaded on first open) */
.beam-host{width:100%;max-width:560px;display:flex}
.beam-host>.beam-ride{width:100%;border-radius:18px;padding:2px;background:rgba(255,255,255,.14)}
.beam-host>.beam-off{padding:0;background:none}
/* border-beam paints small fixed color spots sized for buttons; on a sheet this big we color the whole sweep instead,
   in the site's blues, and let the package's own rotating mask do the riding */
.beam-ride[data-active]::after,.beam-ride[data-fading]::after{background:conic-gradient(from 0deg,#8CC4EE,#3F7FE8,#2C5FD0,#6FB0E8,#8CC4EE)!important;padding:2px!important;filter:none!important}
.beam-ride[data-active]::before,.beam-ride[data-fading]::before{background:radial-gradient(120% 60% at 50% 0,rgba(63,127,232,.10),transparent 70%)!important;box-shadow:inset 0 0 14px 2px rgba(63,127,232,.22)!important}
.beam-ride [data-beam-bloom]{background:conic-gradient(from 0deg,#8CC4EE,#3F7FE8,#2C5FD0,#6FB0E8,#8CC4EE)!important}
.beam-slot{display:flex;width:100%}
.beam-slot>.sheet{max-width:none}
@media (max-width:640px){.beam-host{max-width:none}.beam-host>.beam-ride{border-radius:20px 20px 0 0;padding-bottom:0}}
.qtop{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.qbtn{width:32px;height:32px;flex-shrink:0;border:0;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--ink2)}
.qbtn:hover{background:var(--card)}
.qbtn[disabled]{visibility:hidden}
.qprog{flex:1;height:4px;border-radius:2px;background:var(--card);overflow:hidden}
.qprog i{display:block;height:100%;width:0;border-radius:2px;background:var(--gs);transition:width .45s cubic-bezier(.22,1,.36,1)}
.qstep{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.qpane{animation:qin .35s cubic-bezier(.22,1,.36,1)}
@keyframes qin{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.qh{font-size:26px;line-height:1.15;letter-spacing:-.4px}
html[lang="zh-CN"] .qh{letter-spacing:0}
.qs{margin-top:8px;font-size:14px;line-height:1.4;color:var(--ink2)}
.qblk{margin-top:22px}
.qlab{display:block;font-size:12px;font-weight:590;color:rgba(15,27,51,.5);margin-bottom:10px}
.qchips{display:flex;flex-wrap:wrap;gap:8px}
.qchips button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px 14px;font-size:15px;line-height:1.2;color:var(--ink);transition:border-color .15s,background-color .15s,color .15s}
.qchips button:hover{border-color:var(--gs)}
.qchips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.qin{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}
.qin:focus{outline:2px solid var(--gs-d);outline-offset:0;border-color:transparent;background:#fff}
.qin[aria-invalid="true"]{border-color:var(--no)}
.qerr{font-size:12px;color:var(--no);margin-top:6px}
.qfoot{margin-top:26px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.stnote>span,.cnbtn small{text-wrap:balance}
.qfoot small{flex:1 1 220px;font-size:12px;line-height:1.35;color:var(--muted);max-width:44ch}
.qfoot .btn{padding:12px 18px;font-size:15px}
.qfoot .btn:disabled{opacity:.3;cursor:default}
.qprev{margin-top:18px;border-radius:12px;background:var(--gs-ll);border:1px solid #DFE8F3;padding:16px}
.qprev b{display:block;font-weight:500;font-size:14px;margin-bottom:10px}
.qprev ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:7px 16px}
@media (max-width:480px){.qprev ul{grid-template-columns:1fr}}
.qprev li{display:flex;gap:7px;font-size:13px;line-height:1.3;color:var(--ink2)}
.qprev li svg{flex-shrink:0;margin-top:1px}
.qprev small{display:block;margin-top:10px;font-size:11.5px;color:var(--muted)}
.qseg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--card);margin-bottom:10px}
.qseg button{border:0;background:none;border-radius:8px;padding:7px 14px;font-size:14px;color:var(--ink2);display:flex;align-items:center;gap:6px}
.qseg button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.1)}
.qrow2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}
.qrow2 .qlab{margin:0}
.qmini{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:var(--card)}
.qmini button{border:0;background:none;border-radius:7px;padding:5px 10px;font-size:13px;color:var(--ink2)}
.qmini button[aria-pressed="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.1)}
.qopt{margin-top:14px}
.qopt summary{cursor:pointer;font-size:13px;color:var(--ink2);list-style:none;display:inline-flex;align-items:center;gap:6px}
.qopt summary::-webkit-details-marker{display:none}
.qopt summary::before{content:"+";font-size:15px;color:var(--muted)}
.qopt[open] summary::before{content:"\2212"}
.qopt .g2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
@media (max-width:480px){.qopt .g2{grid-template-columns:1fr}}
.qleave{position:absolute;inset:0;z-index:2;border-radius:inherit;background:rgba(255,255,255,.97);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:32px}
.qleave h3{font-size:24px;line-height:1.2;letter-spacing:-.3px}
.qleave p{font-size:15px;line-height:1.4;color:var(--ink2);max-width:40ch}
.qlb{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.qlb .btn{padding:11px 16px;font-size:15px}
.qdone .ok{width:44px;height:44px;border-radius:50%;background:var(--ok);display:grid;place-items:center;margin-bottom:18px}
.qnext{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:n}
.qnext li{counter-increment:n;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;line-height:1.4;color:var(--ink2)}
.qnext li::before{content:counter(n);width:24px;height:24px;border-radius:50%;background:var(--gs-ll);color:var(--gs-ink);display:grid;place-items:center;font-size:12px;font-weight:500}
.qwc{margin-top:20px;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--bg)}
.qwc .box{width:48px;height:48px;flex-shrink:0;border-radius:6px;border:1.5px dashed var(--faint);display:grid;place-items:center;font:9px var(--mono);color:var(--muted)}
.qwc p{font-size:13px;line-height:1.35;color:var(--ink2)}
/* ---------- resume chip + mobile bar ---------- */
.resume{position:fixed;left:20px;bottom:20px;z-index:55;display:none;align-items:center;gap:8px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:8px 14px 8px 8px;font-size:14px;box-shadow:0 10px 30px rgba(15,27,51,.18);animation:pop .4s cubic-bezier(.34,1.3,.64,1)}
@media (min-width:1024px){.resume:not([hidden]){display:flex}}
@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:58;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);transform:translateY(110%);visibility:hidden;transition:transform .3s,visibility 0s .3s}
.mbar.show{transform:none;visibility:visible;transition:transform .3s}
.mbar p{font-size:13px;line-height:1.3;color:var(--ink2);min-width:0}
.mbar .btn{flex-shrink:0;padding:10px 14px}
@media (min-width:1024px){.mbar{display:none}}
/* ---------- hero scene, brand strip, counters ---------- */
.hbot{position:absolute;left:24px;right:24px;bottom:28px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;animation:hel .9s cubic-bezier(.16,1,.3,1) .35s both}
.hbot p{font-size:13px;line-height:1.4;color:rgba(255,255,255,.85);white-space:nowrap}
@media (min-width:1024px){.hbot{left:80px;right:80px;bottom:clamp(40px,7vh,72px);flex-direction:row;align-items:center;gap:24px}.hbot p{font-size:16px}}
.mq{position:relative;flex:1;min-width:0;width:100%;overflow:hidden;padding-block:6px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mqt{display:flex;align-items:center;width:max-content;animation:mq 70s linear infinite;will-change:transform;backface-visibility:hidden}
.mq:hover .mqt{animation-play-state:paused}
.mq.mqs{overflow-x:hidden;overflow-y:hidden}.mq.mqs .mqt{animation:none;will-change:auto;backface-visibility:visible;transform:none}
.mqt span{flex-shrink:0;padding-right:40px;font-size:15px;line-height:1.4;font-weight:510;letter-spacing:-.15px;color:#fff;opacity:.9;white-space:nowrap}
@media (min-width:1024px){.mqt span{font-size:17px;padding-right:48px}}
@media (max-width:767px){.mqt span{padding-right:32px}.mqt span.lg img{height:24px}.mqt span.lg.tall img{height:30px}.mqt span.lg.mid img{height:17px}.mqt span.lg.thin img{height:12px}}
@keyframes mq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.mqt span.lg{display:flex;align-items:center;opacity:.95}
.mqt span.lg img{display:block;height:28px;width:auto;max-width:none}
@media (min-width:1024px){.mqt span.lg img{height:32px}}
.mqt span.lg.tall img{height:36px}
@media (min-width:1024px){.mqt span.lg.tall img{height:42px}}
.mqt span.lg.thin img{height:13px}
@media (min-width:1024px){.mqt span.lg.thin img{height:15px}}
.mqt span.lg.mid img{height:19px}
@media (min-width:1024px){.mqt span.lg.mid img{height:22px}}
.mqt span.lg.mq img{height:23px}@media (min-width:1024px){.mqt span.lg.mq img{height:26px}}@media (max-width:767px){.mqt span.lg.mq img{height:20px}}
.mqt span.lgl{gap:8px}
.mqt span.lgl em{font-style:normal}
@media (max-width:1023px){.hl{top:auto;bottom:150px}}
.cnt{font-variant-numeric:tabular-nums}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ===== v77: plans and sample plan in the Alven style: floating cards, soft pills, no rules ===== */
.belwin{background:none;border:0;box-shadow:none;max-width:620px}
.belwh{border-bottom:0;padding:0 2px 14px}
.belwh b{font-size:13px;font-weight:500;color:var(--ink2)}
.belwh .beltabs{background:rgba(255,255,255,.72);box-shadow:0 1px 2px rgba(15,27,51,.06)}
.belrows{display:flex;flex-direction:column;gap:10px;padding:0}
.belrows li{grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:14px 16px;background:#fff;border-radius:18px;box-shadow:0 14px 34px rgba(15,27,51,.09),0 1px 2px rgba(15,27,51,.04)}
.belrows .ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%}
.belrows .ico svg{width:17px;height:17px}
.belrows .ico.y-a{background:#E8F3EC;color:#2E7149}
.belrows .ico.y-f{background:#EEF3F9;color:#4F78A8}
.belrows .ico.y-r{background:#F1F2F5;color:#5B6578}
.belrows p{margin-top:2px}
@media (max-width:639px){.belrows li{grid-template-columns:34px minmax(0,1fr);row-gap:6px;padding:12px 14px}}
@media (min-width:1024px) and (max-height:860px){.belrows{gap:8px}.belrows li{padding:12px 14px}}
@media (min-width:1024px) and (max-height:780px){.belrows{gap:7px}.belrows li{padding:10px 14px;gap:10px;grid-template-columns:30px minmax(0,1fr) auto}.belrows .ico{width:30px;height:30px}.belrows .ico svg{width:15px;height:15px}.belwh{padding-bottom:10px}}
.cscard .belst{gap:0}
@media (min-width:1280px){.cscard .belst{gap:24px}}
.cscard .belst div,.cscard .belst div:last-child{border:0;border-radius:0;background:none;padding:9px 0}
@media (min-width:1024px) and (max-height:860px){.cscard .belst div,.cscard .belst div:last-child{padding:6px 0}}
@media (min-width:1024px) and (max-height:780px){.cscard .belst div,.cscard .belst div:last-child{padding:4px 0}}
#vcard .app{border:0;border-radius:24px;box-shadow:0 40px 100px rgba(15,27,51,.18),0 2px 4px rgba(15,27,51,.04)}
#vcard .atop{padding:20px 24px 6px}
#vcard .alogo.hplogo{width:40px;height:40px;border-radius:12px!important;background:#FBF3E8!important;display:grid;place-items:center}
#vcard .alogo.hplogo svg{width:80%!important;height:80%!important}
#vcard .atabs{display:none!important}
#vcard .abody{border-top:0}
#vcard .alist{padding:12px 24px 22px}
#vcard .aprog{height:6px;border-radius:3px;margin-bottom:12px}
#vcard .aprog i{background:#7399C6}
#vcard .arow{grid-template-columns:20px minmax(0,1fr) auto;padding:8px 10px;margin:0 -10px;border-radius:12px}
#vcard .arow.cur{background:#F5F7FA}
#vcard .aw{display:none!important}
/* Oct 18: the typed line and dated rows */
#vcard .aask{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding:7px 7px 7px 14px;border:1px solid #E6EAF0;border-radius:12px;background:#FAFBFC;font-size:13.5px;line-height:1.35;color:var(--ink);min-height:40px}
#vcard .aaskt{flex:1;min-width:0}
#vcard .acar{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-2px;background:var(--ink);opacity:0}
#vcard .aaskt.typing .acar{opacity:1}
@media (prefers-reduced-motion:no-preference){#vcard .aaskt.typing .acar{animation:acar 1s steps(1) infinite}}
@keyframes acar{50%{opacity:0}}
#vcard .asend{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--ink);color:#fff}
#vcard .arow .a .adt{margin-left:10px;font:11px var(--mono);color:#8A93A3;font-variant-numeric:tabular-nums}
#vcard .arow,#vcard .gl i{transition:opacity .35s ease,transform .35s ease,background-color .4s}
#vcard .arow.pre{opacity:0;transform:translateY(6px)}
#vcard .gl i.pre{opacity:0}
@media (prefers-reduced-motion:reduce){#vcard .arow,#vcard .gl i{transition:none}}
@media (max-width:639px){#vcard .aask{font-size:12.5px;margin-bottom:12px}#vcard .arow .a .adt{display:block;margin:1px 0 0}}
#vcard .asx{padding:4px 10px;border-radius:999px;font-size:11.5px;font-weight:500;background:#F1F2F5;color:#5B6578}
#vcard .asx.d{background:#E8F3EC;color:#2E7149}
#vcard .asx.r{background:#FBF3E4;color:#93651E}
#vcard .asx.b{background:#FBEAE7;color:#B3473A}
#vcard .aside{background:#F6F7F9;border-radius:20px;margin:12px 16px 16px 0;padding:22px}
#vcard .gantt{padding-top:30px;margin-top:4px}
#vcard .today{top:24px}
#vcard .today::before{top:-22px}
@media (min-width:1024px) and (max-width:1279px) and (max-height:800px){.cscard .belst div,.cscard .belst div:last-child{padding:3px 0}.cscard .belst strong{font-size:19px}.cscard .belst span{font-size:12.5px;line-height:1.35}}
#vcard .gl{background:#E9EDF2}
#vcard .risk{border:0;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(15,27,51,.06)}
@media (max-width:1023px){#vcard .aside{margin:0 16px 16px}}
/* ===== v78 monitor: value first, one featured alert, a quiet side column ===== */
.mnkpi{display:flex;flex-wrap:wrap;align-items:center;gap:10px 48px;margin:0 2px 20px}
.mnkpi div{display:flex;align-items:baseline;gap:10px;min-width:0}
.mnkpi strong{flex:none;font-family:var(--serif);font-weight:300;font-size:52px;line-height:.9;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.mnlive{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.75);font-size:12.5px;color:var(--ink2);white-space:nowrap}
.mnlive i{width:7px;height:7px;border-radius:50%;background:#3E9B5C;box-shadow:0 0 0 0 rgba(62,155,92,.5)}
@media (prefers-reduced-motion:no-preference){.mnlive i{animation:mnlv 2s ease-out infinite}}
@keyframes mnlv{0%{box-shadow:0 0 0 0 rgba(62,155,92,.5)}70%{box-shadow:0 0 0 8px rgba(62,155,92,0)}100%{box-shadow:0 0 0 0 rgba(62,155,92,0)}}
.mnkpi strong.hi{color:var(--hi)}
.mnkpi span{display:block;max-width:190px;font-size:13px;line-height:1.35;color:var(--ink2)}
@media (max-width:639px){.mnkpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.mnkpi div{flex-direction:column;gap:4px}.mnkpi strong{font-size:36px}.mnkpi span{font-size:12px}.mnlive{grid-column:1/-1;justify-self:start;margin-left:0}}
.mngrid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-radius:22px;background:#fff;box-shadow:0 30px 70px rgba(15,27,51,.14),0 1px 2px rgba(15,27,51,.04)}
@media (min-width:1024px){.mngrid{grid-template-columns:minmax(0,1fr) 300px;align-items:stretch}}
@media (min-width:1280px){.mngrid{grid-template-columns:minmax(0,1fr) 330px}}
.mnhero{display:flex;flex-direction:column;min-width:0;border-radius:22px 22px 0 0}
@media (min-width:1024px){.mnhero{border-radius:22px 0 0 22px}}
.mnhero .mndt{flex:1;overflow:visible;padding:24px 28px 16px}
.mnmeta .mkn{font-weight:500;color:var(--ink)}
.mntop2{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-top:12px}
.mnhero .mnttl{margin-top:0;font-size:23px;line-height:1.3;letter-spacing:-.4px}
html[lang="zh-CN"] .mnhero .mnttl{letter-spacing:0}
.mncd{flex:none;min-width:84px;text-align:right}
.mncd b{display:block;font-size:46px;line-height:1;font-weight:500;letter-spacing:-1.5px;color:var(--ink);font-variant-numeric:tabular-nums}
.mncd.soon b{color:var(--hi)}
.mncd span{display:block;margin-top:5px;font-size:12.5px;color:var(--ink2)}
.mncd small{display:block;margin-top:1px;font-size:12px;color:var(--muted)}
.mnhero .mndo{margin-top:18px;padding:16px 18px;border-radius:16px;box-shadow:none}
.mnhero .mndo p{font-size:16px}
.mnhero .mnaff{margin-top:12px}
.mnhero .mnfoot{border-top:0;padding:0 28px 22px}
.mnside{display:flex;flex-direction:column;gap:0;min-width:0;padding:6px 8px 8px;border-radius:0 0 22px 22px;background:#F5F7FA}
@media (min-width:1024px){.mnside{border-radius:0 22px 22px 0;padding:8px 10px}}
.mnsc{display:flex;flex-direction:column;min-height:0;padding:2px 6px 6px}
.mnsc2{flex:1}
.mnsc .mnch{padding:14px 12px 6px}
.mnsc .mndl{flex:none;padding:0 4px 4px}
.mnsc .mnls{flex:1;max-height:236px;padding:0 4px 6px}
.mnsc .mnr.on{background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.08)}
.mnsc .mnd{grid-template-columns:52px minmax(0,1fr);padding:7px 8px}
.mnsc .mnd .n{font-size:24px}
@media (max-width:1023px){.mntop2{flex-direction:column-reverse;gap:8px}.mncd{text-align:left;display:flex;align-items:baseline;gap:8px}.mncd b{font-size:34px}.mncd span,.mncd small{margin-top:0}.mnhero .mndt{padding:20px 18px 14px}.mnhero .mnfoot{padding:0 18px 18px}.mnhero .mnttl{font-size:19px}}
@media (min-width:1024px){.mnsc .mnls{max-height:168px}}
@media (min-width:1024px) and (max-height:820px){.mnkpi{margin-bottom:12px}.mnkpi strong{font-size:42px}.mnhero .mndt{padding:18px 24px 12px}.mncd b{font-size:38px}.mnsc .mnls{max-height:112px}.mnsc .mnd{padding:5px 8px}.mnsc .mnch{padding-top:11px}}
/* monitor: no inner scrollers; the list shows the top changes and a button for the rest */
.mnmore{display:block;width:calc(100% - 8px);margin:6px 4px 2px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.mnmore:hover{border-color:#C9D2DE}
#monitor .mnls,#monitor .mndl,#monitor .mndt{max-height:none!important;overflow:visible!important;-webkit-mask-image:none;mask-image:none}
@media (min-width:1024px) and (max-height:820px){#monitor .mnstage{padding-top:22px;padding-bottom:22px}}
/* v79: plan rows sit in one seamless white panel, no gaps and no dividers */
.belrows{gap:0;background:#fff;border-radius:20px;box-shadow:0 18px 44px rgba(15,27,51,.10),0 1px 2px rgba(15,27,51,.04);overflow:hidden}
.belrows li{background:none;border-radius:0;box-shadow:none}
/* containers across borders */
#flsvg{display:block;width:100%;height:auto}
.flland path{fill:#C9D5E4;stroke:#F2F6FA;stroke-width:.4}
.fl-sea,.fl-air,.fl-ties{fill:none;stroke-linecap:round;stroke-linejoin:round}
.fl-sea{stroke:#3D6FAE;stroke-width:1.1;stroke-opacity:.5}
.fl-air{stroke:#3D6FAE;stroke-width:.9;stroke-opacity:.65;stroke-dasharray:2.4 2.6}
.fl-ties{stroke:#F2F6FA;stroke-width:1.1;stroke-dasharray:1.6 1.8;stroke-linecap:butt}
.fl-rail,.fl-road{fill:none;stroke-linecap:round;stroke-linejoin:round}
.fl-rail{stroke:#3D6FAE;stroke-width:1.6;stroke-opacity:.6}
.fl-road{stroke:#3D6FAE;stroke-width:1;stroke-opacity:.5}
.flv{stroke:#fff;stroke-width:.45;stroke-linejoin:round}
.flv .hull,.flv .cab,.flv .pl{fill:#0E2A52}
.flv .c1{fill:#E9B95F}
.flv .c2{fill:#7FA6D6}
.flv .c3{fill:#E39C8C}
.flv .ic{transform-box:fill-box;transform-origin:center}
.flhub circle{fill:#0E2A52}
.flnote{font:italic 500 10px var(--sans,system-ui);letter-spacing:.2px;fill:#2F5C93;paint-order:stroke;stroke:#EEF3F8;stroke-width:3px;stroke-linejoin:round}
html[lang="zh-CN"] .flnote{font-style:normal;letter-spacing:1px}
@media (max-width:639px){.flnote{font-size:21px;stroke-width:6px}}
.flhub text{font:500 10.5px var(--sans,system-ui);fill:#14213A;paint-order:stroke;stroke:#EEF3F8;stroke-width:3px;stroke-linejoin:round}
.flkey{display:flex;flex-wrap:wrap;gap:8px 18px;margin:10px 0 0;padding:0;list-style:none}
@media (min-width:768px){.flkey{position:absolute;left:30px;bottom:24px;margin:0;flex-direction:column;gap:7px}}
.flkey li{display:flex;align-items:center;gap:8px;font-size:12.5px;line-height:1.2;color:var(--ink2)}
.flkey svg{flex:none;width:44px;height:18px;overflow:visible}
@media (max-width:639px){#flsvg .flv .ic{transform:scale(1.9)}#flsvg .fl-sea{stroke-width:2.2}#flsvg .fl-air{stroke-width:1.8;stroke-dasharray:5 5}#flsvg .fl-ties{stroke-width:2;stroke-dasharray:3 3.4}.fl-rail{stroke-width:3}.fl-road{stroke-width:2}.flhub circle{r:3.4}.flhub text{display:none}}
.flport circle{fill:#0E2A52}
.flport .rg{fill:none;stroke:#0E2A52;stroke-width:1;transform-box:fill-box;transform-origin:center;animation:flpulse 2.8s ease-out infinite}
.flport text{font:500 10.5px var(--sans,system-ui);fill:#14213A;paint-order:stroke;stroke:#EEF3F8;stroke-width:3px;stroke-linejoin:round}
@media (max-width:639px){.flport text{font-size:28px;stroke-width:6px}.flport circle{r:4}.flport text:not(.key){display:none}}
@keyframes flpulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
@media (prefers-reduced-motion:reduce){.flport .rg{animation:none;opacity:0}}

/* ===== v80: a shorter page. One headline per section, one rhythm, nothing ever under the nav ===== */
.sec{margin-top:128px;scroll-margin-top:104px}
@media (max-width:1023px){.sec{margin-top:88px;scroll-margin-top:88px}}
#sample,#backed{scroll-margin-top:104px}
@media (max-width:1023px){#sample,#backed{scroll-margin-top:84px}}
.sh{display:flex;flex-direction:column;gap:12px;max-width:780px;margin-bottom:28px}
@media (min-width:1024px){.sh{gap:14px;margin-bottom:40px}}
.h2{font-size:30px;line-height:1.12;letter-spacing:-.6px;color:var(--ink);text-wrap:balance}
@media (min-width:1024px){.h2{font-size:44px;line-height:1.06;letter-spacing:-1.3px}}
html[lang="zh-CN"] .h2{letter-spacing:0;line-height:1.28}
@media (max-width:639px){html[lang="zh-CN"] .h2{font-size:27px}}
.sub{font-size:16px;line-height:1.5;letter-spacing:-.1px;color:var(--ink2);max-width:640px;text-wrap:pretty}
@media (min-width:1024px){.sub{font-size:17px}}
html[lang="zh-CN"] .sub{letter-spacing:0;line-height:1.65}
.sub a{color:var(--ink);text-underline-offset:3px}
.h3{font-size:20px;line-height:1.25;letter-spacing:-.3px;color:var(--ink)}

/* cost of waiting: headline above, stats beside the card */
#cost .dl{justify-content:flex-start}
@media (min-width:1024px){#cost .dl{padding-top:24px}}

/* what Placetta does: the sample plan, then three product moments */
.sample{position:relative}
.feat{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}
@media (min-width:900px){.feat{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}}
.fcard{display:flex;flex-direction:column;min-width:0;border-radius:20px;background:var(--card)}
.fct{padding:24px 24px 0}
@media (min-width:1024px){.fct{padding:28px 28px 0}}
.fct h3{font-size:19px;line-height:1.25;letter-spacing:-.3px;color:var(--ink)}
html[lang="zh-CN"] .fct h3{letter-spacing:0}
.fct p{margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.fcv{position:relative;isolation:isolate;flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;margin:20px 10px 10px;padding:22px 16px 18px;border-radius:14px;overflow:hidden;background:radial-gradient(55% 60% at 8% 0%,rgba(255,238,218,.85),transparent 62%),radial-gradient(60% 70% at 100% 100%,rgba(115,153,198,.45),transparent 66%),linear-gradient(180deg,#F1F5FA,#DCE6F2)}
.fui{width:100%;max-width:380px;background:#fff;border-radius:14px;padding:14px 16px;box-shadow:0 24px 50px rgba(15,27,51,.13),0 1px 2px rgba(15,27,51,.05)}
.fhd{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}
.fhd b{font-size:12.5px;font-weight:600;letter-spacing:-.1px;color:var(--ink)}
.fhd span{font-size:11.5px;color:var(--muted);white-space:nowrap}
.fchips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.fchips li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 10px 6px 8px;border-radius:999px;background:#F3F5F8;font-size:12.5px;line-height:1.25;color:var(--ink)}
.fchips svg{flex:none;width:15px;height:15px;color:var(--gs-ink)}
.ftoast{align-self:flex-start;display:flex;align-items:center;gap:10px;max-width:100%;padding:8px 14px 8px 8px;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(15,27,51,.14),0 1px 2px rgba(15,27,51,.05)}
.ftoast .orb{width:28px;height:28px}
.ftoast .tick{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#3F9A62}
.ftoast b{display:block;font-size:12.5px;font-weight:500;line-height:1.3;color:var(--ink)}
.ftoast small{display:block;margin-top:1px;font-size:11px;line-height:1.3;color:var(--muted)}
.fmsg{display:flex;gap:10px;align-items:flex-start}
.fmsg .orb{width:30px;height:30px}
.fmsg small{display:block;font-size:11.5px;color:var(--muted)}
.fmsg p{margin-top:2px;font-size:13px;line-height:1.45;color:var(--ink)}
.ffile{display:flex;align-items:center;gap:10px;margin:12px 0 0 40px;padding:7px 10px 7px 7px;border-radius:10px;background:#F3F5F8}
.ffile .fi{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#fff}
.ffile b{display:block;font-size:12.5px;font-weight:500;color:var(--ink)}
.ffile small{display:block;font-size:11px;color:var(--muted)}
.fbtns{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 2px 40px}
.fbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:#F1F3F6;font-size:12.5px;line-height:1.2;color:var(--ink2)}
.fbtn.on{background:var(--ink);color:#fff}
.fcrow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #F0F2F5;font-size:12.5px;line-height:1.3;color:var(--ink)}
.fhd+.fcrow{border-top:0}
.fcrow .dot{flex:none;width:7px;height:7px;border-radius:50%;background:#3F9A62}
.fcrow .dot.a{background:#E3B568}.fcrow .dot.r{background:#D0574A}
.fcrow .nm{flex:1;min-width:0}
.fcrow .dt{font-size:11.5px;color:var(--muted);white-space:nowrap}
/* feature cards play like a short screen recording when they come into view */
.fcard [data-st]:not([data-fx]){opacity:0;transform:translateY(8px) scale(.97);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.9,.3,1.2)}
.fcard [data-st].on:not([data-fx]){opacity:1;transform:none}
.fcard .ftoast[data-st]{transform:translateY(14px) scale(.92)}
.fcard .ftoast[data-st].on{transform:none}
.fcard .fbtn[data-fx="press"].on{animation:fpress .55s ease}
@keyframes fpress{0%{transform:none}35%{transform:scale(.9);box-shadow:0 0 0 6px rgba(15,27,51,.12)}100%{transform:none;box-shadow:0 0 0 0 rgba(15,27,51,0)}}
/* how it works (Oct 18): plan rows and a renewal month, in the plan demo's language */
.hwplan{display:flex;flex-direction:column}
.hwr{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #F0F2F5}
.hwr:first-child{border-top:0}
.hwr .nm{display:flex;flex-direction:column;min-width:0}
.hwr .nm b{font-size:12.5px;font-weight:500;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hwr .nm small{font-size:11px;line-height:1.3;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hwd{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.hwd em{font:10.5px var(--mono);font-style:normal;color:#8A93A3;white-space:nowrap}
.hws{font-size:11px;font-weight:500;color:#5B6578;white-space:nowrap}
.hws.d{color:#2E7149}.hws.r{color:#93651E}.hws.b{color:#B3473A}
.hwmore{padding-top:7px;border-top:1px solid #F0F2F5;font-size:11.5px;color:var(--muted)}
.hwcal{margin:0 0 8px}
.hwmo{font-size:11.5px;font-weight:500;color:var(--ink2);margin-bottom:6px}
.hwg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}
.hwg i{font-style:normal;font-size:10px;line-height:16px;color:var(--faint)}
.hwg span{font-size:10.5px;line-height:19px;border-radius:5px;color:var(--ink2);font-variant-numeric:tabular-nums}
.hwg span.a{background:#FBF3E4;color:#93651E;font-weight:600}
.hwg span.b{background:#E8EFF8;color:#3B5F8E;font-weight:600}
.fprog{height:3px;border-radius:2px;background:#EBEEF3;margin:-2px 0 10px;overflow:hidden}
.fprog i{display:block;height:100%;width:0;border-radius:2px;background:#3F9A62;transition:width .35s ease}
@media (prefers-reduced-motion:reduce){.fcard [data-st]:not([data-fx]){opacity:1;transform:none}}

.fnote{margin-top:14px;font-size:12px;color:var(--muted)}
/* proof band */
.proof{margin-top:72px}
.prow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px;background:var(--white);border-radius:20px;padding:32px 24px}
@media (min-width:1024px){.proof{margin-top:112px}.prow{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:48px 56px;border-radius:24px}}
.pst{display:flex;flex-direction:column;gap:6px}
.pst b{font-weight:400;font-size:32px;line-height:1;letter-spacing:-.8px;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@media (min-width:1024px){.pst b{font-size:40px;letter-spacing:-1px}}
html[lang="zh-CN"] .pst b{letter-spacing:0}
.pst span{font-size:14px;line-height:1.4;color:var(--ink2);max-width:240px}
/* the agent at work */
.agw{margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border-radius:20px;background:var(--card);padding:22px 20px}
@media (min-width:1024px){.agw{grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px;padding:32px}}
.agw h3{margin:0;font-size:22px;line-height:1.2;letter-spacing:-.3px;font-weight:400;color:var(--ink)}
.agw .agp{margin-top:10px;font-size:15px;line-height:1.45;color:var(--ink2)}
.agw .howtry{margin-top:16px}
.aglog{background:#fff;border-radius:16px;box-shadow:0 1px 2px rgba(15,27,51,.04),0 16px 40px rgba(15,27,51,.07);padding:14px 16px 10px}
.aglh{display:flex;align-items:center;gap:10px;padding-bottom:6px}
.aglh .orb{width:26px;height:26px}
.aglh b{font-size:13.5px;font-weight:500;color:var(--ink)}
.aglh .atag{margin-left:auto}
.aglog ol{list-style:none;margin:0;padding:6px 0 0}
.aglog li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;padding:8px 0;font-size:13.5px;line-height:1.4;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s}
.aglog li.on{opacity:1;transform:none}
.aglog li i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#E4F2E9;color:#2E7149;font-style:normal;font-size:11px}
.aglog li.wait i{background:#FBF1DF;color:#93651E}
.aglog li small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.aglog q{display:table;margin-top:5px;padding:3px 8px;border-radius:6px;background:#F4F6FA;font-size:12px;font-style:italic;color:var(--ink2)}
@media (prefers-reduced-motion:reduce){.aglog li{opacity:1;transform:none}}
#vcard .aid b{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;width:auto}
#vcard .atag{flex:none;margin:0;padding:4px 9px;border-radius:999px;background:#F1F3F7;font-size:12px;line-height:1.2;color:var(--ink2);white-space:nowrap}
#vcard .vfl{max-width:360px}
#vcard .vfl b{white-space:normal}
@media (max-width:639px){#vcard .aid small,#vcard .arow .n,#vcard .arow .a{white-space:normal}}

/* coverage and monitor: one headline, full text, nothing cut */
.mphead{margin-bottom:28px}
.mpt{gap:14px}
.mnhd>div{gap:14px}
.mnr .t{white-space:normal}
.mnfoot a{white-space:normal}

/* proof: two customers side by side, then case studies */
.tsgrid{margin-bottom:56px}
@media (min-width:1024px){.tsgrid{margin-bottom:64px}}
.tsx{display:grid;grid-template-columns:minmax(0,1fr);margin:0;border-radius:20px;background:#fff;overflow:hidden;box-shadow:0 1px 2px rgba(15,27,51,.04),0 24px 60px rgba(15,27,51,.07)}
@media (min-width:900px){.tsx{grid-template-columns:minmax(0,2fr) minmax(0,1fr);min-height:400px}}
.tsx.sw .tsl,.tsx.sw .tsph .tsbg{animation:tsin .5s cubic-bezier(.2,.8,.2,1)}
.tsx .tsl{min-width:0}
.tsx .tsl img.tslg{height:var(--lh)}
.tsx .tslgs{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.tsx .tslgs img.tslg,.tsx .tslgs .tslgd{align-self:center}
.tsx .tslgd{width:1px;height:34px;background:#D5DCE6}
@media (max-width:640px){.tsx .tslgs{gap:12px}.tsx .tslgs img.tslg{height:calc(var(--lh) * .8)}.tsx .tslgd{height:26px}}
.tsx .tsl .tswm{margin:0;font-family:var(--serif);font-size:24px;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
html[lang="zh-CN"] .tsx .tsl .tswm{font-family:var(--zhserif)}
.tsx .tsq{margin:0}
.tsx .tsp .tsav{width:44px;height:44px;border-radius:50%;background:#C9DAEE center/cover no-repeat;flex:none}
#tsGrid .tsav,#tsGrid .tsbg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}
.tsw{display:flex;flex-direction:column;gap:2px;min-width:0}
/* case studies: tabs match the testimonial tabs; cards are white with a soft lift */
#case .cshd.cshd{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:14px;margin:72px 0 20px}
#case .cstabs{max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 2px 18px;margin:-2px -2px -16px}
#case .cstabs::-webkit-scrollbar{display:none}
#case .cstabs .tstab{flex:none;min-width:132px}
#case .cstabs .tstab[aria-selected="true"] span{color:var(--ink2)}
#case .cscard{background:#fff;border-radius:24px;box-shadow:0 1px 2px rgba(15,27,51,.04),0 18px 48px rgba(15,27,51,.07)}
#case .teatabs{background:var(--bg)}
#case .csl .belst div{border-color:rgba(15,27,51,.07)}
@media (min-width:1024px){#case .cscard{padding:40px}}
/* testimonial name tabs (from the earlier design): who is speaking, with an 8s progress line */
.tsbar{display:flex;justify-content:flex-start;margin:0 0 16px}
@media (min-width:1024px){.tsbar{justify-content:flex-end;margin-bottom:20px}}
.tstabs{display:flex;gap:8px;flex-wrap:wrap}
.tstab{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:150px;padding:10px 14px 12px;border:0;border-radius:12px;background:var(--card);font:inherit;text-align:left;color:var(--ink2);cursor:pointer;transition:background-color .3s,color .3s}
.tstab b{font-size:14px;font-weight:500;color:inherit}
.tstab span{font-size:12px;color:var(--muted)}
.tstab[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.05),0 8px 20px rgba(15,27,51,.06)}
.tstab i{position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:#E3E7EE;overflow:hidden}
.tstab i b{display:block;height:100%;width:0;background:var(--gs-d)}
.tstab[aria-selected="true"] i b{animation:tsfill 8s linear forwards}
.tsbar.hold .tstab i b{animation-play-state:paused}
@keyframes tsfill{to{width:100%}}
@media (prefers-reduced-motion:reduce){.tstab[aria-selected="true"] i b{animation:none;width:100%}}
.tsx .tsp .tsctl{display:flex;flex-direction:row;align-items:center;gap:6px;margin-left:auto}
.tsx .tsp .tsw span{font-size:13px;color:var(--muted)}
.tsx .tsp .tsn{display:inline;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:4px}
.tsctl button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;background:var(--bg);color:var(--ink);transition:background-color .2s}
.tsctl button:hover{background:var(--card)}
.tsph{position:relative;min-height:340px;background:#C9DAEE;overflow:hidden}
@media (max-width:899px){.tsph{min-height:0;aspect-ratio:16/10}}
.tsph .tsbg{position:absolute;inset:0;background:#C9DAEE 50% 30%/cover no-repeat}
.tsph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,23,48,.72) 100%)}
.tsrs{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;flex-direction:column;gap:6px;color:#fff}
@media (min-width:1024px){.tsrs{left:32px;bottom:30px}}
.tsrs strong{font-weight:400;font-size:44px;line-height:1;letter-spacing:-1.2px}
@media (min-width:1024px){.tsrs strong{font-size:56px;letter-spacing:-1.6px}}
html[lang="zh-CN"] .tsrs strong{letter-spacing:0}
.tsrs small{font-size:14px;line-height:1.4;color:rgba(255,255,255,.85);max-width:260px}
#case .cshd{align-items:center;margin-bottom:16px}

/* pricing: the store plan and the per-license prices, the free plan preview as the way in, one screen on a laptop */
.cmp{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:8px}
@media (min-width:900px){.cmp{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
.cmpc{padding:26px 26px 22px;border-radius:20px;background:var(--card)}
.cmpc.us{background:#fff;box-shadow:0 0 0 1.5px #4D73A3,0 10px 30px rgba(15,27,51,.06)}
.cmpl{margin-bottom:16px;font-size:15px;font-weight:500;color:var(--ink)}
.cmpc.us .cmpl{color:#1F3F6B}
.cmpc ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.cmpc li{font-size:15px;line-height:1.4;color:var(--ink2)}
.cmpc.us li{color:var(--ink)}
.plans{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:900px){.plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (min-width:900px) and (max-width:1199px){#tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1200px){#tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}#tiers .plan{padding:28px 24px}}
.plan{display:flex;flex-direction:column;min-width:0;padding:26px 24px;border-radius:20px;background:var(--card)}
@media (min-width:1024px){.plan{padding:30px 32px}}
.plan.pfeat{position:relative;background:#fff;box-shadow:0 0 0 1.5px var(--gs-d),0 1px 2px rgba(15,27,51,.04),0 28px 70px rgba(15,27,51,.12)}
@media (min-width:1024px){.plan.pfeat{transform:translateY(-10px)}}
.plan.pfeat .ptag{background:var(--gs-d);color:#fff}
.plan .pl{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px;font-size:15px;font-weight:500;color:var(--ink)}
.plan .ptag{padding:3px 9px;border-radius:999px;background:#EEF3F9;color:var(--gs-ink);font-size:11.5px;font-weight:500;line-height:1.3;white-space:nowrap}
.plan .pv{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px;margin-top:14px;font-size:40px;line-height:1;letter-spacing:-1.2px;color:var(--ink)}
html[lang="zh-CN"] .plan .pv{letter-spacing:0}
.plan .pv small{font-size:15px;letter-spacing:0;color:var(--muted)}
.plan .pn{margin-top:10px;font-size:14px;line-height:1.45;color:var(--ink2)}
@media (max-width:899px){.plan.pfeat{order:-1}}   /* phones: the recommended plan comes first */
.plan .pps{margin-top:8px;font-size:14px;font-weight:500;color:var(--gs-ink)}
.plan .pcta{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:24px}
.plan .pcta .btn{width:100%;justify-content:center;text-align:center}
.plan .pcta small{font-size:12px;line-height:1.4;color:var(--muted);text-align:center}
.btn.b-out{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn.b-out:hover{box-shadow:inset 0 0 0 1px #C3CCD8}
.panchor{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:14px;padding:22px 24px;border-radius:20px;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.04)}
@media (min-width:768px){.panchor{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;padding:26px 32px}}
.panl{font-size:13px;color:var(--muted)}
.panv{margin-top:4px;font-family:var(--serif);font-weight:300;font-size:40px;line-height:1;letter-spacing:-.02em}
.pan1 .panv{color:#9C3A2E}.pan2 .panv{color:var(--gs-ink)}
.pans{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.panvs{font-family:var(--serif);font-style:italic;font-size:22px;color:var(--faint)}
/* the math on waiting, in Alven's manner: a title on the left, plain stats with hairlines on the right */
.pmath{display:flex;flex-direction:column;gap:20px;margin:8px 0 40px}
@media (min-width:1024px){.pmath{display:grid;grid-template-columns:328px minmax(0,1fr);gap:40px;align-items:start}}
@media (min-width:1280px){.pmath{grid-template-columns:336px minmax(0,1fr);gap:102px}}
.pmath .t28{line-height:1.2;padding-top:4px}
.pmgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
@media (min-width:768px){.pmgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pmc{border-radius:16px;background:var(--card);padding:20px 24px 8px}
.pmc.us{background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.05),0 10px 30px rgba(15,27,51,.06)}
.pml{font-size:13px;color:var(--muted);padding-bottom:4px}
.pms{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid var(--line)}
.pms:first-of-type{border-top:0;padding-top:12px}
.pms b{font-weight:400;font-size:28px;line-height:1;letter-spacing:-.28px;color:var(--ink);font-variant-numeric:tabular-nums}
.pmc.us .pms b{color:var(--gs-ink)}
.pms span{font-size:14px;line-height:1.35;color:var(--ink2)}
@media (min-width:1024px){.pms span{font-size:15px}}
.pms span a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.panchor2{margin-top:-4px}
.pans a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.pproof{margin:0 0 18px;font-size:13px;color:var(--ink2);text-align:center}
.pquote{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:20px 0 0;padding:18px 24px;border-radius:16px;background:var(--card)}
.pquote blockquote{margin:0;font-size:17px;line-height:1.35;color:var(--ink)}
.pquote figcaption{margin-left:auto;font-size:13px;color:var(--ink2)}
.pfaq{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}
@media (min-width:900px){.pfaq{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
.pfaq>div{padding:16px 20px;border-radius:14px;border:1px solid var(--line)}
.pfaq p{font-size:14.5px;font-weight:500;color:var(--ink)}
.pfaq span{display:block;margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.plan .plist{gap:10px;margin-top:24px}
.plan .plist li{align-items:flex-start}
.plan .plist p{font-size:14.5px;line-height:1.35;opacity:1}
.pfine{margin-top:16px;padding:0;font-size:13px;line-height:1.5;color:var(--muted);max-width:900px}
.phq{margin-top:28px;font-size:15px;line-height:1.5;color:var(--ink2)}
.phq a{color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.plist a{color:inherit;text-decoration:underline;text-underline-offset:2px}
#pricing .pentry{margin-top:16px}

/* faq: title beside the questions */
.faqrow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
@media (min-width:1024px){.faqrow{grid-template-columns:300px minmax(0,1fr);gap:72px;align-items:start}.faqrow .sh{margin-bottom:0}}
@media (min-width:1280px){.faqrow{grid-template-columns:336px 850px;justify-content:space-between;gap:0}}

/* final call to action */
.ctas{margin-top:88px;height:auto;padding:72px 24px 96px}
@media (min-width:1024px){.ctas{margin-top:64px;height:auto;padding:88px 16px 120px}}
.ctas .ctah{max-width:920px;text-align:center;font-size:clamp(34px,4.8vw,64px);line-height:1.04;letter-spacing:-.035em;color:var(--ink)}
html[lang="zh-CN"] .ctas .ctah{letter-spacing:0;line-height:1.2}

.ctas>div{width:100%;max-width:920px}
.ctas .stwrap.light{width:100%}

/* plan request: next steps as quiet dots, not numbers */
.qnext li{grid-template-columns:14px 1fr}
.qnext li::before{content:"";width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--gs)}
/* ===== restored sections (from the earlier site): styles scoped to .ox ===== */
.ox .ctr,.ctr.ox{max-width:1288px;margin:0 auto;padding-inline:24px;width:100%}
@media (min-width:1336px){.ox .ctr,.ctr.ox{padding-inline:0}}
.ox .t28,.t28.ox{font-size:24px;line-height:1.2;letter-spacing:-.24px;color:var(--ink)}
@media (min-width:1024px){.ox .t28,.t28.ox{font-size:28px;letter-spacing:-.28px}}
.ox .btn,.btn.ox{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:9px 12px;font-size:14px;line-height:16px;letter-spacing:-.28px;text-decoration:none;white-space:nowrap;transition:background-color .2s,transform .2s}
.ox .b-ink,.b-ink.ox{background:var(--ink);color:#fff}
.ox .b-ink:hover,.b-ink.ox:hover{background:rgba(15,27,51,.9)}
.ox .orb,.orb.ox,.ox .orb.av,.orb.av.ox{position:relative;display:block;border-radius:50%;overflow:hidden;clip-path:circle(50%);flex-shrink:0;border:0;background:radial-gradient(circle at 32% 28%,#FFFFFF 0 3%,#EAF1F9 12%,#B9CFE8 30%,#7399C6 52%,#4D73A3 76%,#2A4A74 100%);box-shadow:0 0 6px rgba(115,153,198,.7)}
.ox .orb::after,.orb.ox::after{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,255,255,.28) 28%,transparent 42% 66%,rgba(170,200,255,.22) 78%,transparent 90%);filter:blur(5px);animation:spin 9s linear infinite}
.ox .hmc .orb,.hmc.ox .orb{width:32px;height:32px}
.ox .arow .pill,.arow.ox .pill{display:inline-flex;align-items:center;gap:5px}
.ox .arow .pill::before,.arow.ox .pill::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.8}
.ox .arow .n,.arow.ox .n{font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ox .pill,.pill.ox{font-size:11px;line-height:1;padding:5px 8px;border-radius:999px;white-space:nowrap;transition:background-color .4s,color .4s}
.ox .p-q,.p-q.ox{background:#F1F2F5;color:#8B92A1}
.ox .p-r,.p-r.ox{background:#FBF1DF;color:#93651E}
.ox .p-d,.p-d.ox{background:#E4F2E9;color:#2E7149}
.ox .p-b,.p-b.ox{background:#F8E5E2;color:#9C3A2E}
.ox .risk,.risk.ox{display:flex;gap:9px;align-items:flex-start;background:#fff;border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.4;color:#24406F;box-shadow:0 1px 2px rgba(15,27,51,.05)}
.ox .risk svg,.risk.ox svg{flex-shrink:0;margin-top:1px}
.ox .vfl .orb,.vfl.ox .orb{width:32px;height:32px}
.ox .ti:not(.on):hover,.ti.ox:not(.on):hover{background:#E6E9EF}
.ox .ti.on,.ti.on.ox{background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.04),0 16px 40px rgba(15,27,51,.07);padding:22px 18px 18px;cursor:default}
@media (min-width:1024px){.ox .ti.on,.ti.on.ox{padding:28px}}
.ox .ti.on .hwno,.ti.on.ox .hwno{color:var(--gs-ink)}
.ox .ti.on .hwt,.ti.on.ox .hwt{color:var(--ink)}
.ox .ti.on .hwr,.ti.on.ox .hwr,.ox .ti.on .hwpl,.ti.on.ox .hwpl{opacity:0}
.ox .ti.on .hwpl,.ti.on.ox .hwpl{transform:rotate(45deg)}
.ox .ti.on .tg,.ti.on.ox .tg{grid-template-rows:1fr;opacity:1}
.ox .hwf .orb,.hwf.ox .orb{width:20px;height:20px}
.ox .hwk .r,.hwk.ox .r{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px;line-height:1.2;color:var(--ink)}
.ox .sm .cells i.r,.sm.ox .cells i.r{background:#8FAEE3}
.ox .ti:not(.on) .sm small,.ti.ox:not(.on) .sm small{opacity:0}
.ox .cv.fade,.cv.fade.ox{opacity:0;transition:opacity .35s}
.ox .av,.av.ox{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:.7px solid var(--line);display:grid;place-items:center;background:var(--chip);color:var(--ink2)}
.ox .av.you,.av.you.ox{background:var(--gs-d);border-color:var(--gs-d);color:#fff;font-size:11px;font-weight:500;letter-spacing:.02em}
.ox .av.ok,.av.ok.ox{background:var(--okbg);border-color:rgba(63,154,98,.15);color:var(--ok)}
.ox .fc .fi,.fc.ox .fi{width:21px;height:21px;border-radius:5px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 0 0 .4px rgba(15,27,51,.08)}
.ox .fc .fl,.fc.ox .fl{display:flex;align-items:center;gap:5px}
.ox .mt160,.mt160.ox{margin-top:160px}
@media (max-width:1023px){.ox .mt160,.mt160.ox{margin-top:120px}}
.ox .addc,.addc.ox{display:flex;flex-direction:column;align-items:center;height:420px;overflow:hidden;border-radius:16px;background:var(--card);padding-top:62px}
@media (min-width:1024px){.ox .addc,.addc.ox{height:666px;padding-top:116px}}
.ox .addc h2,.addc.ox h2{text-align:center;font-size:24px;line-height:1.2;letter-spacing:-.24px;padding-inline:16px}
@media (min-width:1024px){.ox .addc h2,.addc.ox h2{font-size:32px;letter-spacing:-.32px}}
.ox .abox,.abox.ox{--ts:.55;margin-top:40px;height:299px;width:330px;max-width:calc(100% - 24px)}
@media (min-width:1024px){.ox .abox,.abox.ox{margin-top:52px;height:544px;width:100%;display:flex;justify-content:center}}
.ox .tbl,.tbl.ox{display:flex;flex-direction:column;height:544px;width:600px;border-radius:16px;border:1px solid var(--line);background:#fff;transform:scale(var(--ts));transform-origin:top left}
@media (min-width:1024px){.ox .tbl,.tbl.ox{width:min(973px,calc(100% - 32px));transform:none}}
.ox .thd,.thd.ox{display:flex;align-items:center;justify-content:space-between;padding:16px 24px}
.ox .wm,.wm.ox{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:510;letter-spacing:-.2px}
.ox .wm small,.wm.ox small{font-size:14px;font-weight:400;color:var(--muted);letter-spacing:-.14px}
.ox .addb,.addb.ox{display:flex;align-items:center;gap:8px;border-radius:8px;background:var(--ink);color:#fff;padding:8px 12px;font-size:14px;transition:transform .2s}
.ox .addb.press,.addb.press.ox{transform:scale(.92)}
.ox .tdv,.tdv.ox{height:1px;background:var(--line)}
.ox .tbd,.tbd.ox{display:flex;flex-direction:column;padding:24px}
.ox .tr,.tr.ox{display:flex;gap:16px;align-items:center;padding:16px;border-bottom:1px solid var(--line)}
.ox .tr:last-child,.tr.ox:last-child{border-bottom:0}
.ox .tr>*,.tr.ox>*{flex:1;min-width:0}
.ox .th,.th.ox{padding:12px 16px;font-size:12px;font-weight:590;color:rgba(15,27,51,.5)}
.ox .nr,.nr.ox{height:0;padding:0 16px;overflow:hidden;border-bottom:0;transition:height .5s cubic-bezier(.22,1,.36,1)}
.ox .nr.open,.nr.open.ox{height:50px;border-bottom:1px solid var(--line)}
.ox .nr>*,.nr.ox>*{font-size:14px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(8px) scale(.95);transition:opacity .4s ease-out .15s,transform .4s ease-out .15s}
.ox .nr.open>*,.nr.open.ox>*{opacity:1;transform:none}
.ox .sk,.sk.ox{height:14px;border-radius:999px;background:var(--card);max-width:100%}
@media (max-width:1023px){.ox .hide-m,.hide-m.ox{display:none}}
.ox .drow,.drow.ox{display:flex;flex-direction:column;gap:32px}
@media (min-width:1024px){.ox .drow,.drow.ox{gap:40px}}
@media (min-width:1280px){.ox .drow,.drow.ox{flex-direction:row;align-items:stretch;justify-content:space-between}}
.ox .dl,.dl.ox{display:flex;flex-direction:column;gap:56px;width:100%}
@media (min-width:1024px){.ox .dl,.dl.ox{gap:40px;padding:32px 0}}
@media (min-width:1280px){.ox .dl,.dl.ox{width:328px;flex-shrink:0;justify-content:space-between;gap:0}}
.ox .dl .t28,.dl.ox .t28{line-height:1}
@media (min-width:1024px){.ox .dl .t28,.dl.ox .t28{max-width:308px;line-height:1.2}}
.ox .ds,.ds.ox{display:flex;flex-direction:column;gap:16px;border-bottom:1px solid var(--line);padding:24px 0}
.ox .ds:first-child,.ds.ox:first-child{padding-top:0}
.ox .ds:last-child,.ds.ox:last-child{border-bottom:0;padding-bottom:0}
.ox .ds b,.ds.ox b{font-weight:400;font-size:28px;line-height:1;letter-spacing:-.28px}
.ox .ds span,.ds.ox span{font-size:14px;line-height:1.2;letter-spacing:-.14px}
@media (min-width:1024px){.ox .ds span,.ds.ox span{font-size:16px;letter-spacing:-.16px}}
.ox .dcard,.dcard.ox{display:flex;flex-direction:column;gap:20px;overflow:hidden;border-radius:7px;background:var(--card);padding:25px 24px;width:100%}
@media (min-width:1024px){.ox .dcard,.dcard.ox{gap:48px;border-radius:16px;padding:63px 24px 64px}}
@media (min-width:1280px){.ox .dcard,.dcard.ox{width:850px;flex-shrink:0;padding-inline:44px}}
.ox .bag,.bag.ox{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}
@media (min-width:1024px){.ox .bag,.bag.ox{gap:24px}}
.ox .bal,.bal.ox{width:100%;border-bottom:1px solid rgba(15,27,51,.1);padding-bottom:1px}
.ox .bal p,.bal.ox p{font-size:11px;color:var(--muted)}
@media (min-width:1024px){.ox .bal p,.bal.ox p{font-size:14px;letter-spacing:-.14px;padding-bottom:6px}}
.ox .bgrid,.bgrid.ox{display:grid;width:100%;grid-template-columns:repeat(3,1fr);justify-items:center;gap:12px 3px}
@media (min-width:1024px){.ox .bgrid,.bgrid.ox{grid-template-columns:repeat(6,1fr);gap:14px}}
.ox .per,.per.ox{display:flex;flex-direction:column;align-items:center;gap:4px}
@media (min-width:1024px){.ox .per,.per.ox{gap:10px}}
.ox .per svg.sil,.per.ox svg.sil{width:21px;height:63px}
@media (min-width:1024px){.ox .per svg.sil,.per.ox svg.sil{width:30px;height:90px}}
.ox .tag,.tag.ox{display:flex;align-items:center;justify-content:center;height:34px;width:84px;border-radius:5px;padding:0 6px;background:rgba(255,255,255,.62);text-align:center;font-size:9px;line-height:1.25;font-weight:510}
@media (min-width:1024px){.ox .tag,.tag.ox{height:48px;width:110px;border-radius:8px;padding:0 14px;font-size:12px;line-height:1.4}}
.ox .aft,.aft.ox{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
@media (min-width:1024px){.ox .aft,.aft.ox{gap:24px}}
.ox .aft .with,.aft.ox .with{align-self:flex-end;padding-bottom:12px;font-size:9px;font-weight:510;color:var(--faint)}
@media (min-width:1024px){.ox .aft .with,.aft.ox .with{padding-bottom:16px;font-size:12px}}
.ox .aft .orbw,.aft.ox .orbw{display:flex;align-items:center;height:63px}
@media (min-width:1024px){.ox .aft .orbw,.aft.ox .orbw{height:90px}}
.ox .aft .orb,.aft.ox .orb{width:26px;height:26px}
@media (min-width:1024px){.ox .aft .orb,.aft.ox .orb{width:64px;height:64px}}
.ox .irow,.irow.ox{display:flex;flex-direction:column;gap:32px}
@media (min-width:1024px){.ox .irow,.irow.ox{gap:40px}}
@media (min-width:1280px){.ox .irow,.irow.ox{flex-direction:row;align-items:stretch;justify-content:space-between;gap:0}}
.ox .il,.il.ox{display:flex;flex-direction:column;gap:24px;width:100%}
@media (min-width:1024px){.ox .il,.il.ox{padding:32px 0}}
@media (min-width:1280px){.ox .il,.il.ox{width:326px;flex-shrink:0}}
.ox .il h2,.il.ox h2{line-height:1.15}
.ox .ir,.ir.ox{display:flex;flex-direction:column;gap:24px;width:100%}
@media (min-width:768px){.ox .ir,.ir.ox{flex-direction:row}}
@media (min-width:1280px){.ox .ir,.ir.ox{width:850px;flex-shrink:0}}
.ox .icard,.icard.ox{display:flex;align-items:center;justify-content:center;height:373px;width:100%;overflow:hidden;border-radius:16px;background:var(--card);padding:0 24px}
@media (min-width:1024px){.ox .icard,.icard.ox{height:auto;padding:48px 24px}}
@media (min-width:1280px){.ox .icard,.icard.ox{height:auto;min-height:0;width:413px;padding:32px 24px}}
.ox .icol,.icol.ox{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;zoom:.825}
@media (min-width:1024px){.ox .icol,.icol.ox{zoom:1}}
.ox .bub,.bub.ox{width:100%;border-radius:20px;border:1px solid var(--line);background:#fff;padding:12.9px}
.ox .bub>div,.bub.ox>div{display:flex;gap:8px;align-items:flex-start}
.ox .bub .bc,.bub.ox .bc{display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex:1;min-width:0}
.ox .bub p,.bub.ox p{font-size:11.5px;line-height:1.35;color:var(--ink);max-width:228px}
.ox .bub .av,.bub.ox .av{width:32.3px;height:32.3px}
.ox .bfile,.bfile.ox{display:flex;width:167px;align-items:center;justify-content:space-between;border-radius:8px;background:var(--chip);padding:5px 10px 5px 5px}
.ox .bfile .fl,.bfile.ox .fl{display:flex;align-items:center;gap:5px}
.ox .bfile .fi,.bfile.ox .fi{width:26px;height:26px;border-radius:6px;background:#fff;display:grid;place-items:center}
.ox .bfile b,.bfile.ox b{display:block;font-size:8.9px;line-height:1.4;font-weight:510;color:var(--ink);white-space:nowrap}
.ox .bfile small,.bfile.ox small{display:block;font-size:6.5px;line-height:1.4;font-weight:510;color:var(--ink);opacity:.5}
.ox .ichip,.ichip.ox{position:relative;display:flex;align-items:center;gap:7px;overflow:hidden;padding-right:10px;align-self:flex-end;font-size:12px;line-height:1;letter-spacing:-.12px;font-weight:510;color:var(--muted)}
.ox .ichip::after,.ichip.ox::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);transform:translateX(-100%)}
.ox .itlw,.itlw.ox{display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:100%}
.ox .ipop,.ipop.ox{opacity:1}
.ox .itl-on .ipop,.itl-on.ox .ipop{animation:itl 9s cubic-bezier(.34,1.3,.64,1) infinite both}
.ox .itl-on .ichip::after,.itl-on.ox .ichip::after{animation:shine 9s linear infinite;animation-delay:var(--sd,0ms)}
.ox .rsec,.rsec.ox{display:flex;flex-direction:column;gap:32px}
.ox .rline,.rline.ox{display:none;border-top:1px solid var(--line)}
@media (min-width:1024px){.ox .rline,.rline.ox{display:block}}
.ox .rrow,.rrow.ox{display:flex;flex-direction:column;align-items:flex-start;gap:24px;width:100%}
@media (min-width:1024px){.ox .rrow,.rrow.ox{flex-direction:row;gap:102px}}
.ox .rrow>.t28,.rrow.ox>.t28{width:336px;max-width:100%;flex-shrink:0;line-height:1}
@media (min-width:1024px){.ox .rrow>.t28,.rrow.ox>.t28{line-height:1.2}}
.ox .rmline,.rmline.ox{width:100%;border-top:1px solid var(--line);margin-top:16px}
@media (min-width:1024px){.ox .rmline,.rmline.ox{display:none}}
.ox .rbody,.rbody.ox{width:100%;min-width:0}
@media (min-width:1024px){.ox .rbody,.rbody.ox{width:auto;flex:1}}
@media (min-width:1280px){.ox .rbody,.rbody.ox{flex:none;width:850px}}
.ox .tiles,.tiles.ox{display:flex;flex-wrap:wrap;gap:8px;width:100%;justify-content:center}
@media (min-width:1024px){.ox .tiles,.tiles.ox{gap:24px;width:auto;justify-content:flex-start}}
.ox .tile,.tile.ox{display:flex;flex-direction:column;gap:10px;height:206px;width:calc(50% - 4px);overflow:hidden;border-radius:8px;background:var(--card);padding:16px}
@media (min-width:1024px){.ox .tile,.tile.ox{height:264px;width:267.33px;border-radius:16px;padding:24px}}
.ox .tile p,.tile.ox p{font-size:14px;line-height:1.2;letter-spacing:-.14px}
@media (min-width:1024px){.ox .tile p,.tile.ox p{font-size:16px;letter-spacing:-.16px}}
.ox .tile div,.tile.ox div{display:flex;flex:1;justify-content:center;align-items:flex-start;padding-top:40px}
@media (min-width:1024px){.ox .tile div,.tile.ox div{padding-top:56px}}
.ox .cnb,.cnb.ox{display:flex;flex-direction:column;gap:28px;border-radius:16px;background:var(--card);padding:24px}
@media (min-width:1024px){.ox .cnb,.cnb.ox{padding:32px}}
.ox .cnq,.cnq.ox{display:flex;flex-direction:column;gap:6px}
.ox .cnq p,.cnq.ox p{font-family:var(--zh);font-size:clamp(26px,3.2vw,34px);line-height:1.2;letter-spacing:.12em;color:var(--ink)}
.ox .cnq span,.cnq.ox span{font-size:13px;color:var(--muted)}
html[lang="en"] .ox .cnq p,html[lang="en"] .cnq.ox p{font-family:inherit;font-size:clamp(24px,2.6vw,30px);line-height:1.25;letter-spacing:-.3px}
.ox .cnb>p,.cnb.ox>p{font-size:16px;line-height:1.35;letter-spacing:-.16px;color:var(--ink2);max-width:620px}
@media (min-width:1024px){.ox .cnb>p,.cnb.ox>p{font-size:17px;letter-spacing:-.17px}}
.ox .twin,.twin.ox{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){.ox .twin,.twin.ox{grid-template-columns:1fr 1fr}}
.ox .dash,.dash.ox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:9px;min-width:0;font-size:12.5px}
.ox .dash .dh,.dash.ox .dh{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #F0F2F5;font-size:11px;color:var(--muted)}
.ox .dash .dh b,.dash.ox .dh b{font-weight:510;color:var(--ink)}
.ox .dash .dr,.dash.ox .dr{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ox .dash .dr span:first-child,.dash.ox .dr span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ox .dash .risk,.dash.ox .risk{font-size:11.5px;padding:8px 10px}
.ox .cnbtn,.cnbtn.ox{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ox .cnbtn small,.cnbtn.ox small{font-size:13px;color:var(--muted)}
.ox .fq.on button svg,.fq.on.ox button svg{transform:rotate(45deg)}
.ox .fq.on .tg,.fq.on.ox .tg{grid-template-rows:1fr;opacity:1}
.ox .wtc,.wtc.ox{position:relative;height:606px;margin:0 8px;overflow:hidden;border-radius:16px;color:#fff;background:var(--gs)}
@media (min-width:1024px){.ox .wtc,.wtc.ox{height:739px;margin:0}}
.ox .wtc>svg,.wtc.ox>svg{position:absolute;inset:-3%;width:106%;height:106%;filter:blur(5px)}
.ox .wti,.wti.ox{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0 32px}
@media (min-width:1024px){.ox .wti,.wti.ox{padding:0}}
.ox .wtw,.wtw.ox{display:flex;width:100%;max-width:1118px;flex-direction:column;align-items:center;gap:48px}
@media (min-width:1024px){.ox .wtw,.wtw.ox{flex-direction:row;justify-content:space-between;gap:0}}
.ox .wtw .t28,.wtw.ox .t28{color:#fff;text-align:center}
@media (min-width:1024px){.ox .wtw,.wtw.ox{justify-content:center;gap:16px}}
@media (min-width:1024px){.ox .wtw .t28,.wtw.ox .t28{flex:1 1 0;min-width:0}}
@media (min-width:1024px){.ox .wtw .t28.l,.wtw.ox .t28.l{text-align:right}}
@media (min-width:1024px){.ox .wtw .t28.r,.wtw.ox .t28.r{text-align:left}}
@media (min-width:1024px){.ox .wtw .rot,.wtw.ox .rot{width:214px}}
@media (min-width:1024px){html[lang="zh-CN"] .ox .wtw .rot,html[lang="zh-CN"] .wtw.ox .rot{width:160px}}
.ox .rot,.rot.ox{position:relative;height:130px;width:240px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.ox .rotl,.rotl.ox{position:absolute;left:0;right:0;top:0;transition:transform .7s ease-in-out}
.ox .rotl>div,.rotl.ox>div{position:absolute;left:0;right:0;height:22px;display:flex;align-items:center;justify-content:center;gap:8px;opacity:0;transition:opacity .7s ease-in-out}
.ox .rotl>div span,.rotl.ox>div span{font-size:16px;line-height:1.2;letter-spacing:-.16px;white-space:nowrap;transition:font-size .7s ease-in-out}
.ox .rotl>div .ci,.rotl.ox>div .ci{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;transition:width .7s,height .7s;flex-shrink:0}
.ox .rotl>div.n,.rotl.ox>div.n{opacity:.4}
.ox .rotl>div.on,.rotl.ox>div.on{opacity:1}
.ox .rotl>div.on span,.rotl.ox>div.on span{font-size:18px;letter-spacing:-.18px}
.ox .rotl>div.on .ci,.rotl.ox>div.on .ci{width:21px;height:21px}
.ox .qr,.qr.ox{position:absolute;right:20px;bottom:20px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 12px 8px 8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (min-width:1024px){.ox .qr,.qr.ox{right:28px;bottom:28px}}
.ox .qr .box,.qr.ox .box{width:48px;height:48px;border-radius:6px;border:1.5px dashed rgba(255,255,255,.45);display:grid;place-items:center;font:9px var(--mono);color:rgba(255,255,255,.6)}
.ox .qr p,.qr.ox p{font-size:12px;line-height:1.3;color:rgba(255,255,255,.8);max-width:150px}
.ox .rv,.rv.ox{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)}
.ox .rv.pre[data-rv="scale"],.rv.pre[data-rv="scale"].ox{opacity:0;transform:translateY(32px) scale(.94)}
.ox .rv.pre[data-rv="left"],.rv.pre[data-rv="left"].ox{opacity:0;transform:translateX(-72px)}
.ox .rv.pre[data-rv="blur"],.rv.pre[data-rv="blur"].ox{opacity:0;filter:blur(12px);transform:translateY(40px)}
.ox .rv.pre[data-rv="tilt"],.rv.pre[data-rv="tilt"].ox{opacity:0;transform:perspective(1200px) translateY(72px) rotateX(8deg)}
.ox .dsb:not(.on),.dsb.ox:not(.on){opacity:.5}
.ox .ds small,.ds.ox small{font-size:12px;color:var(--muted)}
.ox .wgrid i.r,.wgrid.ox i.r{background:var(--gs);border-color:var(--gs)}
.ox .mni.on,.mni.on.ox{background:#F7F8FA}
.ox .mni.on .chev,.mni.on.ox .chev{transform:rotate(180deg)}
.ox .mni.on .body,.mni.on.ox .body{grid-template-rows:1fr}
.ox #vcard .atabs .on,#vcard.ox .atabs .on{background:#F1F3F7;color:var(--ink)}
.ox #vcard .arow .n,#vcard.ox .arow .n{font-size:13.5px;line-height:1.25;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ox #vcard .asx.r,#vcard.ox .asx.r{color:#93651E}
.ox .ast.r,.ast.r.ox{box-shadow:inset 0 0 0 1.5px #E3A23B}
.ox .ast.r::after,.ast.r.ox::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#E3A23B;animation:astp 1.4s ease-in-out infinite}
.ox #vcard .risk,#vcard.ox .risk{background:#fff;border-radius:12px;box-shadow:none;border:1px solid #EDF0F4}
.ox .tile.ctile,.tile.ctile.ox{height:auto;min-height:206px;gap:12px}
.ox .ctile .cd,.ctile.ox .cd{font-size:14px;line-height:1.35;letter-spacing:-.14px;color:var(--ink2)}
.ox .tile.ctile div,.tile.ctile.ox div{flex:1;align-items:flex-end;justify-content:flex-start;padding-top:20px}
.ox .ctile.us,.ctile.us.ox{background:var(--gs)}
.ox .ctile.us .cd,.ctile.us.ox .cd{color:var(--ink)}
.ox .tile.ptile,.tile.ptile.ox{height:auto;gap:4px}
@media (min-width:1024px){.ox .tile.ctile,.tile.ctile.ox{min-height:264px}}
@media (min-width:1024px){.ox .ctile .cd,.ctile.ox .cd{font-size:16px;letter-spacing:-.16px}}
@media (max-width:1023px){.ox .tile.ctile,.tile.ctile.ox,.ox .tile.ptile,.tile.ptile.ox{width:100%;min-height:0}}
.ox .fsub .btn,.fsub.ox .btn{padding:11px 16px;font-size:15px}
.ox .starter .btn,.starter.ox .btn{padding:10px 14px}
.ox .qfoot .btn,.qfoot.ox .btn{padding:12px 18px;font-size:15px}
.ox .qfoot .btn:disabled,.qfoot.ox .btn:disabled{opacity:.3;cursor:default}
.ox .qlb .btn,.qlb.ox .btn{padding:11px 16px;font-size:15px}
.ox .qwc .box,.qwc.ox .box{width:48px;height:48px;flex-shrink:0;border-radius:6px;border:1.5px dashed var(--faint);display:grid;place-items:center;font:9px var(--mono);color:var(--muted)}
.ox .mbar .btn,.mbar.ox .btn{flex-shrink:0;padding:10px 14px}
.ox .cnt,.cnt.ox{font-variant-numeric:tabular-nums}
.ox.rv{transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)}
.ox.rv.pre[data-rv="scale"]{opacity:0;transform:translateY(32px) scale(.94)}
.ox.rv.pre[data-rv="left"]{opacity:0;transform:translateX(-72px)}
.ox.rv.pre[data-rv="blur"]{opacity:0;filter:blur(12px);transform:translateY(40px)}
.ox.rv.pre[data-rv="tilt"]{opacity:0;transform:perspective(1200px) translateY(72px) rotateX(8deg)}
@keyframes shine{0%{transform:translateX(-100%)}6.67%,100%{transform:translateX(100%)}}
.vdemo{margin-top:16px}
.addwrap{margin-top:16px}
.addwrap .addc{height:auto;padding-bottom:0}
@media (min-width:1024px){.addwrap .addc{height:560px}}

/* merged sections: comparison under the difference card, trust tiles inside the global section, shorter work-together band */
.ox .cmpin{margin-top:64px}
@media (min-width:1024px){.ox .cmpin{margin-top:88px}}
.ox .trl{margin-top:32px;font-size:14px;line-height:1.4;color:var(--ink2)}
.ox .cntiles{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}
.ox .cntiles .tile{height:auto;min-height:150px;background:#fff;gap:8px}
.ox .cntiles .tile .tsub{font-size:13.5px;line-height:1.45;color:var(--ink2);max-width:340px}
@media (min-width:1024px){.ox .cntiles .tile{min-height:200px;width:calc(33.333% - 6px)}}
.ox .cntiles .tile div{padding-top:20px}
.ox .cnb .cnbtn{margin-top:28px}
.ox .wtc{height:500px}
@media (max-width:1023px){.ox .wti{padding-bottom:84px}}
@media (min-width:1024px){.ox .wtc{height:360px}}

/* ---------- display type: a light editorial serif for headlines and big numbers (extraordinary.com's move),
   over the quiet sans for everything you read ---------- */
.hero h1,.h2,.t28,.ctas .ctah,.ctas p.ctah,.pst b,.ds b,.ox .ds b,.ds.ox b{font-family:var(--serif);font-weight:300;font-optical-sizing:auto}
.hero h1{font-size:44px;line-height:1.0;letter-spacing:-.02em;text-shadow:0 2px 24px rgba(10,23,48,.35)}
@media (min-width:1024px){.hero h1{font-size:76px;letter-spacing:-.025em;line-height:.98}}
@media (min-width:1024px) and (max-height:800px){.hero h1{font-size:60px}}
.hero h1 em,.h2 em,.ctah em{font-style:italic;font-weight:300}
.h2{letter-spacing:-.018em}
@media (min-width:1024px){.h2{font-size:54px;line-height:1.02;letter-spacing:-.022em}}
.t28{letter-spacing:-.01em}
@media (min-width:1024px){.t28{font-size:32px}}
.ctas .ctah,.ctas p.ctah{font-size:clamp(40px,5.6vw,80px);line-height:1;letter-spacing:-.025em}
@media (min-width:1024px){.ctas .ctah,.ctas p.ctah{max-width:1200px;font-size:clamp(40px,5vw,74px)}}
@media (max-width:1023px){.ctas .ctah,.ctas p.ctah{max-width:none;font-size:min(7vw,52px)}}   /* line one fits on one line, Hire Odelia sits on its own */
.pst b{letter-spacing:-.02em}
@media (min-width:1024px){.pst b{font-size:52px}}
.ds b,.ox .ds b,.ds.ox b{font-size:36px;letter-spacing:-.02em}
/* final CTA, after devin.ai: two stacked lines with air between them, the first muted */
.ctas .ctah .l1,.ctas .ctah .l2{display:block}
.ctas .ctah .l1{color:var(--muted)}
.ctas .ctah .l2{margin-top:.2em}
.ctas .ctah{line-height:1.08}
html[lang="zh-CN"] .ctas .ctah{line-height:1.25}
html[lang="zh-CN"] .hero h1,html[lang="zh-CN"] .h2,html[lang="zh-CN"] .t28,html[lang="zh-CN"] .ctas .ctah{font-family:var(--zhserif);font-weight:500;letter-spacing:.01em}
.hsub{font-size:16px}
.ox .ds b span,.ds.ox b span,.ds b .cnt{font-size:inherit;letter-spacing:inherit;line-height:inherit}
html[lang="en"] .fslogan{font-family:var(--serif);font-weight:300;font-size:26px;letter-spacing:-.01em}
@media (min-width:1024px){.hsub{font-size:19px;line-height:1.45;max-width:520px;margin-top:-8px}}
#experts{margin-top:112px}
@media (min-width:1024px){#experts{margin-top:184px}}
#experts .rrow{gap:36px}
@media (min-width:1024px){.xpppl{gap:16px;margin-bottom:48px}}
#experts .rrow>.t28{width:auto;line-height:1.1}
/* experts: a quiet four-column directory in the trust-row layout */
.xpcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;width:100%}
@media (min-width:1280px){.xpcols{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}}
.xpc>p{margin-bottom:16px;font-size:13px;line-height:1.3;color:var(--muted)}
.xpc ul{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}
.xpc li{font-size:16px;line-height:1.3;letter-spacing:-.16px;color:var(--ink)}
@media (min-width:1024px){.xpc li{font-size:17px;letter-spacing:-.2px}}
html[lang="zh-CN"] .xpc li{letter-spacing:0}

/* Work together: one line on desktop, 'Work together' | the rotating channel | 'from day one'; stacked on phones */
.ox .wtw .t28,.wtw.ox .t28{font-size:36px;line-height:1.05}
@media (min-width:1024px){.ox .wtw .t28,.wtw.ox .t28{font-size:46px;letter-spacing:-.02em}.ox .wtw .rot,.wtw.ox .rot{width:250px}}
.ox .wtc,.wtc.ox{height:460px!important}
@media (min-width:1024px){.ox .wtc,.wtc.ox{height:560px!important}}
/* agencies: region list on the left, the selected region's agencies in one window on the right */
.agrow{display:flex;flex-direction:column;gap:28px}
@media (min-width:1024px){.agrow{display:grid;grid-template-columns:272px minmax(0,1fr);gap:44px;align-items:start}}
@media (min-width:1280px){.agrow{grid-template-columns:336px minmax(0,1fr);gap:102px}}
.agleft{display:flex;flex-direction:column;gap:24px;min-width:0}
@media (min-width:1024px){.agleft{gap:48px}}
.aglist{display:flex;flex-direction:column}
.agb{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;border:0;background:none;padding:10px 0;font:inherit;text-align:left;color:var(--muted);cursor:pointer;transition:color .3s}
.agb span{font-size:18px;line-height:1.2}
.agb small{font-size:13px;color:var(--faint);font-variant-numeric:tabular-nums;transition:color .3s}
.agb:hover{color:var(--ink2)}
.agb[aria-selected="true"]{color:var(--ink)}
.agb[aria-selected="true"] small{color:var(--ink2)}
.agb:focus-visible{outline:2px solid var(--gs);outline-offset:2px;border-radius:4px}
.agright{min-width:0}
.agcard{display:flex;flex-direction:column;gap:12px;border-radius:16px;background:var(--card);padding:10px}
@media (min-width:768px){.agcard{padding:20px}}
@media (max-width:1023px){.aglist .agcard{margin:12px 0 14px}}
.agwin{border-radius:16px;background:#fff;box-shadow:0 18px 44px rgba(15,27,51,.08),0 1px 2px rgba(15,27,51,.04);padding:6px 6px 8px}
.agwh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:14px 14px 8px}
.agwh>p:first-child{display:flex;align-items:baseline;gap:10px}
.agwh>p:first-child b{font-weight:500;font-size:17px;line-height:1.2;color:var(--ink)}
.agwh>p:first-child span{font-size:13px;color:var(--muted)}
.agws{display:flex;flex-wrap:wrap;gap:6px}
.agws .agt{display:inline-flex;align-items:baseline;gap:6px}
.agws .agt b{font-weight:600;font-variant-numeric:tabular-nums}
.agi{display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
@media (min-width:640px){.agi{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.agi{grid-template-columns:repeat(3,minmax(0,1fr))}}
.agi li{display:flex;flex-direction:column;gap:3px;min-width:0;padding:11px 14px;border-radius:12px;transition:background-color .15s}
.agi li:hover{background:#F6F8FB}
.agi .agh{display:flex;align-items:center;justify-content:space-between;gap:8px}
.agi .agh b{min-width:0;font-weight:600;font-size:15.5px;line-height:1.25;letter-spacing:-.1px;color:var(--ink)}
.agi small{font-size:12.5px;line-height:1.35;color:var(--ink2)}
.agi span{font-size:12px;line-height:1.35;color:var(--muted)}
.agwin.sw .agi li{animation:agin .4s cubic-bezier(.2,.8,.2,1) var(--d,0ms) both}
@keyframes agin{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.agkey{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0;padding:10px 14px;list-style:none;border:1px solid var(--line);border-radius:12px;background:#fff}
.agkey li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.35;color:var(--ink2)}
.agleft .agkey{flex-direction:column;gap:12px;padding:0;border:0;border-radius:0;background:none}
.agleft .agkey li{align-items:flex-start;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2)}
.agkey li span{text-wrap:pretty}
@media (max-width:1023px){.agwh>p:first-child{display:none}.agwh{padding-top:10px}}
.agnote{margin-top:16px;font-size:12.5px;line-height:1.45;color:var(--muted)}
.agt{flex:none;padding:3px 8px;border-radius:999px;font-style:normal;font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap}
.agt.agt-f{background:#E8F3EC;color:#2E7149}
.agt.agt-p{background:#EEF3F9;color:#4F78A8}
.agt.agt-m{background:#F1F2F5;color:#5B6578}
@media (min-width:1024px) and (max-width:1279px){.agi li{padding:10px 11px}.agi .agh{flex-wrap:wrap;gap:4px 6px}.agi .agh b{font-size:14.5px}}
@media (min-width:1024px) and (max-height:820px){.agcard{padding:16px}.agwh{padding:12px 12px 4px}.agi li{padding-top:8px;padding-bottom:8px}.agleft{gap:32px}.agb{min-height:48px}}
#agencies{margin-top:160px}
#agencies .agright{display:flex;flex-direction:column;gap:20px}
#agencies .agmap{background:var(--card)}
@media (min-width:1024px){#agencies .agmap{padding:22px 24px}#agencies .mpstats b{font-size:26px}}
#agencies .agmap{position:relative}
#agencies .agmtabs{align-self:flex-start;background:#E4E9F0}
#agencies .agmtabs button{white-space:nowrap}
@media (max-width:1023px){#agencies .agmtabs{align-self:stretch}#agencies .agmtabs button{flex:1;padding:8px 4px;font-size:13px}}
.agmore{display:block;margin:14px auto 0;padding:11px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}
.agmore:hover{border-color:#C9D2DE;background:#F6F8FB}

/* experts wall: every advisor portrait as a drifting pixel mosaic, rows sliding opposite ways while a slow wave
   sharpens some faces and dissolves others. No pointer interaction. */
.xpwall{position:relative;margin-bottom:44px;border-radius:20px;overflow:hidden;background:#0F1B33}
@media (min-width:1024px){.xpwall{margin-bottom:56px}}
.xpwall canvas{display:block;width:100%;height:100%;pointer-events:none}
.xpwall::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(130% 110% at 50% 50%,transparent 62%,rgba(15,27,51,.3))}
/* experts: a typographic tapestry. The companies are set as running lines of serif type and the advisors' portraits
   sit among the words like glyphs, pixelated until you hover, when one resolves and lifts. Portraits are drawn to
   canvas (no image to open, drag or save from the page). */
.xph{margin-bottom:36px}
@media (min-width:1024px){.xph{margin-bottom:48px}}
.xpart{display:flex;flex-direction:column;gap:30px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media (min-width:1024px){.xpart{gap:40px}}
.xprow{display:grid;grid-template-columns:1fr;gap:10px;padding-top:18px;border-top:1px solid var(--line)}
@media (min-width:1024px){.xprow{grid-template-columns:220px minmax(0,1fr);gap:32px;padding-top:24px}}
/* phones: a case study's plan window folds behind "See the plan" */
.csplan{display:none}
@media (max-width:767px){.csplan{display:inline-flex;align-items:center;justify-content:center;width:100%;margin:4px 0 0;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font:inherit;font-size:14.5px;color:var(--ink);cursor:pointer}
  .cscard:not(.planopen)>.csr{display:none}}
/* experts: one line per category until "Show all" */
#xpArt:not(.open) .xpflow{max-height:1.75em;max-height:1lh;overflow:hidden}
/* Oct 18, less is more: three categories until "Show all", in smaller type with tighter rows */
#xpArt:not(.open) .xprow:nth-child(n+4){display:none}
#experts .xpart{gap:20px}
#experts .xprow{padding-top:14px}
@media (min-width:1024px){#experts .xpart{gap:24px}#experts .xprow{padding-top:16px}#experts .xpflow{font-size:28px}}
.xpmore{margin-top:14px;border:0;background:none;padding:6px 0;font:inherit;font-size:14px;color:var(--ink2);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.xpmore:hover{color:var(--ink)}
.xpcat{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-top:10px}
html[lang="zh-CN"] .xpcat{letter-spacing:.04em}
.xpflow{font-family:var(--serif);font-weight:300;font-size:24px;line-height:1.75;letter-spacing:-.01em;color:var(--ink)}
@media (min-width:1024px){.xpflow{font-size:36px;line-height:1.62}}
html[lang="zh-CN"] .xpflow{font-family:var(--zhserif);font-weight:400}
.xpn{transition:color .25s}
.xps{color:var(--faint);margin:0 .3em;font-weight:300}
.xpflow:hover .xpn{color:var(--muted)}
.xpflow .xpn:hover{color:var(--ink)}
.xpf{position:relative;display:inline-block;vertical-align:-.18em;width:1.08em;height:1.08em;margin:0 .26em;border-radius:.22em;overflow:hidden;pointer-events:none}
.xpf canvas{display:block;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.xpf.on{z-index:5;box-shadow:0 0 0 2px var(--bg),0 0 0 3px rgba(15,27,51,.25)}
@media (prefers-reduced-motion:reduce){.xpf{transition:none}}

/* agencies as art: a colour-blocked mosaic. Green tiles are filings we make, blue tiles are filed with partners,
   pale tiles are the rules we watch. Big serif acronyms, the full name and what it covers set small beneath. */
#agencies .agcard{background:none;padding:0}
#agencies .agwin{background:none;box-shadow:none;padding:0}
#agencies .agwh{padding:0 0 16px}
#agencies .agi{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;grid-auto-flow:dense}
@media (min-width:768px){#agencies .agi{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){#agencies .agi{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
#agencies .agi li{position:relative;justify-content:space-between;gap:10px;min-height:150px;padding:16px 16px 14px;border-radius:16px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s}
@media (min-width:1024px){#agencies .agi li{min-height:196px;padding:16px 18px 16px}}
#agencies .agi li:nth-child(7n+1){grid-column:span 2}
#agencies .agi li:hover{transform:translateY(-3px);filter:saturate(1.08)}
#agencies .agi .agh{flex-direction:column-reverse;align-items:flex-start;gap:12px}
#agencies .agi .agh b{font-family:var(--serif);font-weight:300;font-size:38px;line-height:.98;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;max-width:100%}
@media (min-width:1024px){#agencies .agi .agh b{font-size:46px}}
#agencies .agi li:nth-child(7n+1) .agh b{font-size:56px}
@media (min-width:1024px){#agencies .agi li:nth-child(7n+1) .agh b{font-size:72px}}
#agencies .agi small{font-size:13px;line-height:1.3;margin-top:auto}
#agencies .agi span{font-size:12px}
#agencies .agk-f{background:#4D865C;color:#fff}
#agencies .agk-f .agh b,#agencies .agk-f small{color:#fff}
#agencies .agk-f span{color:rgba(255,255,255,.72)}
#agencies .agk-p{background:#A4C8E1}
#agencies .agk-p .agh b,#agencies .agk-p small{color:#0F1B33}
#agencies .agk-p span{color:rgba(15,27,51,.62)}
#agencies .agk-m{background:#EEF3F8}
#agencies .agk-m .agh b,#agencies .agk-m small{color:#0F1B33}
#agencies .agt.agt-f{background:#4D865C;color:#fff}
#agencies .agt.agt-p{background:#A4C8E1;color:#0F1B33}
#agencies .agt.agt-m{background:#E2EDF5;color:#0F1B33}
#agencies .agi li .agt{background:rgba(255,255,255,.22);color:inherit;backdrop-filter:blur(4px)}
#agencies .agk-p .agt,#agencies .agk-m .agt{background:rgba(255,255,255,.55);color:#0F1B33}

/* your newest teammate: same cards as the feature row */
.tmfeat{margin-top:0}
.tmrow,.tmid{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid #F0F2F5}
.fhd+.tmrow,.tmid{border-top:0}
.tmid{padding:2px 0 10px}
.tmrow .av,.tmmsg .av{flex:none;width:28px;height:28px;border-radius:50%;background:var(--gs-ll);color:var(--gs-ink);display:grid;place-items:center;font-size:11.5px;font-weight:600}
.tmrow .orb{width:28px;height:28px}.tmid .orb{width:38px;height:38px}
.tmrow .nm,.tmid .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.tmrow b,.tmid b{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.3}
.tmid b{font-size:14px}
.tmrow small,.tmid small{font-size:11.5px;color:var(--muted);line-height:1.3}
.tmrow.me{margin:2px -8px 0;padding:8px;border-top-color:transparent;border-radius:10px;background:var(--gs-ll);box-shadow:inset 0 0 0 1px var(--gs-l)}
.tmlive{flex:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#2F7A4C;background:var(--okbg);border-radius:999px;padding:3px 8px}
.tmlive i{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:tmpulse 1.8s ease-in-out infinite}
.tmnow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;font-size:11.5px;line-height:1.35;color:var(--gs-ink)}
.tmdots{flex:none;display:inline-flex;gap:3px}
.tmdots i{width:4px;height:4px;border-radius:50%;background:var(--gs);animation:tmdot 1.2s ease-in-out infinite}
.tmdots i:nth-child(2){animation-delay:.15s}.tmdots i:nth-child(3){animation-delay:.3s}
@keyframes tmpulse{50%{opacity:.35}}
@keyframes tmdot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-3px);opacity:1}}
.tmapps{padding-top:10px;border-top:1px solid #F0F2F5}
.tmapps small{display:block;font-size:11.5px;color:var(--muted);margin-bottom:7px}
.tmapps div{display:flex;flex-wrap:wrap;gap:5px}
.tmapps span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink);background:#F5F7FA;border-radius:999px;padding:4px 9px}
.tmapps span i{width:6px;height:6px;border-radius:2px}
.tmapps em{font-style:normal}
.tmmsg{display:flex;gap:9px;align-items:flex-start;padding:7px 0}
.tmmsg .orb{flex:none;width:28px;height:28px}
.tmmsg small{display:block;font-size:11px;color:var(--muted);line-height:1.3}
.tmmsg small b{font-weight:600;color:var(--ink);margin-right:4px}
.tmmsg p{margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--ink)}
.tmmsg.you p{display:inline-block;background:var(--gs-ll);border-radius:10px;padding:5px 9px}
@media (prefers-reduced-motion:reduce){.tmlive i,.tmdots i{animation:none}}
#teammate .howtry{margin-top:24px}
/* she reports in: the renewal also lands on your calendar */
.tmcal{display:flex;align-items:center;gap:10px;margin-top:4px;padding-top:9px;border-top:1px solid #F0F2F5;color:var(--gs-ink)}
.tmcal svg{flex:none;margin:0 6px}
.tmcal .nm{flex:1;min-width:0;display:flex;flex-direction:column}
.tmcal b{font-size:12.5px;font-weight:500;line-height:1.3;color:var(--ink)}
.tmcal small{font-size:11px;line-height:1.3;color:var(--muted)}
.tmcal .dt{flex:none;font-size:11.5px;color:var(--muted);white-space:nowrap}
/* monitor in Alven's manner: one flat soft card, plain sans numbers with hairlines, a white panel without heavy shadows */
#monitor .mnstage{background:var(--card);border-radius:16px;padding:12px}
@media (min-width:768px){#monitor .mnstage{padding:20px}}
#monitor .mnstage::before,#monitor .mnstage::after{display:none}
#monitor .mnlive{align-self:start;background:#fff;border:1px solid var(--line)}
#monitor .mngrid{border-radius:16px;box-shadow:none;border:1px solid var(--line)}
#monitor .mnside{background:#fff;border-top:1px solid var(--line)}
@media (min-width:1024px){#monitor .mnside{border-top:0;border-left:1px solid var(--line)}}
#monitor .mnsc .mnr.on{background:var(--card);box-shadow:none}
#monitor .mnhero .mndo{background:var(--card)}
.mncatch{display:flex;align-items:center;gap:12px;margin:0;padding:14px 28px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#EAF3EC,rgba(234,243,236,0))}
.mncatch .orb{flex:none;width:30px;height:30px}
.mncatch p{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:15px;color:var(--ink)}
.mncatch b{font-weight:600}
.mncatch span{font-size:14px;color:#2F6B40}
@media (max-width:1023px){.mncatch{padding:12px 18px}}
@media (min-width:1024px){.mnhero .mncatch{border-radius:16px 0 0 0}}
.mnduo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px;margin-top:18px}
.mnduo .mndo{margin-top:0!important}
.mnimp{padding:16px 18px;border-radius:16px;background:#FBEDEB}
.mnimp b{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--hi)}
.mnimp p{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.15px;color:var(--ink)}
.mnimp.k-cost{background:#FFF4E5}.mnimp.k-cost b{color:#9A5B00}
.mndone{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;font-size:13.5px;color:var(--ink2)}
.mndone .lb{font-weight:600;color:var(--ink)}
.mndone .it{display:inline-flex;align-items:center;gap:6px}
.mndone svg{flex:none;width:18px;height:18px;padding:3px;border-radius:50%;background:#E3F1E6;color:#2F6B40}
@media (max-width:767px){.mnduo{grid-template-columns:minmax(0,1fr)}}
.mnnew{font-style:normal;font-weight:600;color:#2F6B40}
#monitor .mnsc .mnr{padding-top:7px;padding-bottom:7px}
/* monitor hierarchy: 1 headline + countdown, 2 what to do, 3 everything else quiet */
#monitor .mncatch{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:0 0 26px;padding:0;border:0;background:none;font-size:13px;color:var(--ink2)}
#monitor .mncatch .orb{width:20px;height:20px}
#monitor .mncatch b{font-weight:600;color:var(--ink)}
#monitor .mncatch span:last-child{color:#2F6B40}
#monitor .mnhero .mndt{padding:24px 28px 8px}
#monitor .mnmeta{margin-bottom:8px}
#monitor .mntop2{margin-top:0;align-items:flex-end}
#monitor .mnhero .mnttl{font-size:26px;line-height:1.25;letter-spacing:-.5px}
#monitor .mncd b{font-size:56px}
.mnrisk{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink2)}
/* Oct 18: the store an alert hits and what's at stake (sample) */
.mnst{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:14px;margin-top:14px;padding:12px 14px;border:1px solid #EDF0F4;border-radius:12px}
.mnst>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.mnst small{font-size:11.5px;color:var(--muted)}
.mnst b{font-size:14px;font-weight:500;line-height:1.3;color:var(--ink)}
.mnst .mnusd{font-size:20px;font-weight:500;letter-spacing:-.3px;color:#B3473A;font-variant-numeric:tabular-nums}
.mnst span{font-size:12px;line-height:1.35;color:var(--ink2)}
.mnsm{position:absolute;top:8px;right:10px;font-style:normal;font-size:10.5px;color:var(--faint)}
.mnr .m .mnusd{color:#B3473A;font-variant-numeric:tabular-nums}
.mnst .mnusd.up,.mnr .m .mnusd.up{color:#2E7149}
@media (max-width:639px){.mnst{grid-template-columns:1fr;gap:10px}}
.mnrisk b{margin-right:8px;font-weight:600;color:var(--hi)}
.mnrisk.k-cost b{color:#9A5B00}.mnrisk.k-time b{color:var(--hi)}
#monitor .mnhero .mndo{margin-top:28px;padding:22px 22px;background:var(--gs-ll);box-shadow:none}
#monitor .mnhero .mndo p{font-size:17px;font-weight:600}
#monitor .mndone{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:20px;font-size:12.5px;color:var(--muted)}
#monitor .mndone svg{width:15px;height:15px;padding:2px;background:none;color:#2F6B40}
#monitor .mndone .it{gap:4px}
#monitor .mnhero .mnfoot{padding:24px 28px 24px}
@media (max-width:1023px){#monitor .mnhero .mndt{padding:20px 18px 8px}#monitor .mnhero .mnttl{font-size:20px}#monitor .mncd b{font-size:38px}#monitor .mntop2{align-items:flex-start}#monitor .mnhero .mnfoot{padding:12px 18px 18px}}

/* for franchisors */
.frg{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border-radius:20px;background:var(--card);padding:22px 20px}
@media (min-width:1024px){.frg{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:32px}}
.frl{display:flex;flex-direction:column;gap:18px;justify-content:center}
.fri b{font-size:16px;color:var(--ink)}
.fri p{margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--ink2)}
.frv{border-radius:14px;padding:22px 16px;background:radial-gradient(55% 60% at 8% 0%,rgba(255,238,218,.85),transparent 62%),radial-gradient(60% 70% at 100% 100%,rgba(115,153,198,.45),transparent 66%),linear-gradient(180deg,#F1F5FA,#DCE6F2);display:flex;justify-content:center}
.frui{max-width:460px}
.frs{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #F0F2F5}
.fhd+.frs{border-top:0}
.frs .nm{display:flex;flex-direction:column;min-width:0}
.frs b{font-size:13px;font-weight:600;color:var(--ink)}
.frs small{font-size:11.5px;color:var(--muted)}
.frs .pill{flex:none;font-size:11px;border-radius:999px;padding:3px 9px;white-space:nowrap}
.fr-ok{background:var(--okbg);color:#2F7A4C}.fr-w{background:#FBF1DF;color:#8A5A12}.fr-b{background:var(--gs-ll);color:var(--gs-ink)}
@media (max-width:420px){.frs .pill{white-space:normal;text-align:right;max-width:52%}}

/* industries */
.ing{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.ing{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.ing{grid-template-columns:repeat(5,minmax(0,1fr))}}
.inc{border-radius:18px;background:var(--card);padding:20px 18px;display:flex;flex-direction:column;gap:8px}
.ini{width:40px;height:40px;border-radius:12px;background:#fff;color:var(--gs-ink);display:grid;place-items:center;box-shadow:0 1px 2px rgba(15,27,51,.05),0 8px 20px rgba(15,27,51,.06);margin-bottom:6px}
.inc h3{font-size:16px;line-height:1.3;letter-spacing:-.2px;color:var(--ink)}
.inc p{font-size:14px;line-height:1.5;color:var(--ink2)}

/* built for brands going global */
.gb{display:flex;flex-direction:column;gap:22px}
.gbq{margin:0;padding-left:16px;border-left:2px solid var(--gs)}
.gbq blockquote{margin:0;font-family:var(--serif);font-size:clamp(22px,2.4vw,28px);line-height:1.25;letter-spacing:-.3px;color:var(--ink)}
html[lang="zh"] .gbq blockquote,html[lang="zh-CN"] .gbq blockquote{font-family:var(--zh);letter-spacing:.1em}
.gbq figcaption{margin-top:6px;font-size:13px;color:var(--muted)}
.gbp{font-size:16px;line-height:1.55;color:var(--ink2);max-width:640px}
.gbtwin{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:center;border-radius:16px;padding:18px 14px;background:radial-gradient(55% 60% at 8% 0%,rgba(255,238,218,.8),transparent 62%),radial-gradient(60% 70% at 100% 100%,rgba(115,153,198,.42),transparent 66%),linear-gradient(180deg,#F1F5FA,#DCE6F2)}
@media (min-width:900px){.gbtwin{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;padding:24px}}
.gbd{background:#fff;border-radius:14px;padding:14px 16px 12px;box-shadow:0 20px 44px rgba(15,27,51,.12),0 1px 2px rgba(15,27,51,.05);display:flex;flex-direction:column;gap:2px;min-width:0}
.gbh{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #F0F2F5}
.gbav{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gs-ll);color:var(--gs-ink);display:grid;place-items:center;font-size:11.5px;font-weight:600}
.gbn{flex:1;min-width:0;display:flex;flex-direction:column}
.gbn b{font-size:13px;font-weight:600;color:var(--ink)}
.gbn small{font-size:11.5px;color:var(--muted)}
.gblang{flex:none;font-size:11px;color:var(--gs-ink);border:1px solid var(--gs-l);border-radius:999px;padding:2px 8px}
.gbr{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12.5px;color:var(--ink)}
.gbr>span:nth-child(2){flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gbr .pill{flex:none;font-size:11px;border-radius:999px;padding:2px 8px}
.gbdot{flex:none;width:7px;height:7px;border-radius:50%}
.gbdot.p-d{background:#3F9A62}.gbdot.p-r{background:#E3B568}.gbdot.p-b{background:#D0574A}
.gbrisk{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding:9px 10px;border-radius:10px;background:#FBF1DF;color:#8A5A12;font-size:11.5px;line-height:1.4}
.gbrisk svg{flex:none;margin-top:1px}
.gbsync{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gs-ink)}
.gbsync i{display:none}
.gbsync span{display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;padding:5px 11px;box-shadow:0 8px 20px rgba(15,27,51,.08);font-size:11.5px;white-space:nowrap}
.gbsync b{font-weight:500}
@media (min-width:900px){.gbsync{flex-direction:column}.gbsync i{display:block;width:1px;height:28px;background:linear-gradient(180deg,transparent,var(--gs))}.gbsync i:last-child{background:linear-gradient(180deg,var(--gs),transparent)}}
.gbtl{margin-top:8px;font-size:14px;color:var(--ink2)}
.gbtiles{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:-10px}
@media (min-width:900px){.gbtiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.gbt{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:14px;padding:16px}
.gbi{flex:none;width:38px;height:38px;border-radius:11px;background:var(--gs-ll);color:var(--gs-ink);display:grid;place-items:center}
.gbt b{display:block;font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.3}
.gbt p{margin-top:4px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.gbcta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gbcta small{font-size:13px;color:var(--muted)}
/* brand HQ card, Alven style: one white card on the grey panel, one toast, almost no color */
.frcard{align-items:center;justify-content:center;gap:0!important}
.frui{max-width:420px;padding:16px 18px 6px}
.frui .frs{display:grid;grid-template-columns:7px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0}
.frd{width:7px;height:7px;border-radius:50%}
.frd.g{background:#3F9A62}.frd.a{background:#D9932B}.frd.b{background:#4A73B5}
.frs .st{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12.5px;color:var(--ink2);text-align:right}
.frp{display:block;width:96px;height:4px;border-radius:999px;background:#E9EDF3;overflow:hidden}
.frp i{display:block;height:100%;border-radius:inherit;background:#4A73B5}
.frt{position:relative;z-index:2;align-self:center;margin-bottom:-18px;transform:translateX(110px)}
@media (max-width:767px){.frt{margin-bottom:-4px;transform:translateX(12px)}}
@media (max-width:480px){.frui .frs{grid-template-columns:7px minmax(0,1fr);row-gap:4px;align-items:start}.frui .frd{margin-top:6px}.frs .st{grid-column:2;align-items:flex-start;text-align:left}}

/* going global, laid out like the in-the-loop section */
#cn .cnq{display:flex;flex-direction:column;gap:6px}
#cn .cnq p{font-family:var(--serif);font-size:20px;line-height:1.3;color:var(--ink)}
html[lang^="zh"] #cn .cnq p{font-family:var(--zh);letter-spacing:.08em}
#cn .cnq span{font-size:13px;color:var(--muted)}
#cn .cnlp{font-size:15px;line-height:1.5;color:var(--ink2)}
#cn .icol{max-width:360px}
#cn .dash{width:100%;border:0;box-shadow:0 18px 44px rgba(15,27,51,.08),0 1px 2px rgba(15,27,51,.04)}
#cn .cntrust{margin-top:56px}
#cn .dash .dh{border-bottom:0;padding-bottom:2px}
#cn .cntiles{margin-top:0;gap:12px}
#cn .cntiles{flex-wrap:nowrap;width:100%;gap:24px}
@media (min-width:1280px){#cn .cntiles{width:850px}}
#cn .cntiles .tile{flex:1 1 0;min-width:0;width:auto;min-height:200px;background:var(--card)}
#cn .icard{height:auto;padding:32px 20px}
@media (max-width:767px){#cn .cntiles{flex-direction:column}}
@media (max-width:767px){#cn .cntiles .tile{min-height:0}#cn .cntiles .tile div{padding-top:12px}}
/* franchise table, same build as Alven's "Just add Alven" panel */
.frc .frsub{margin-top:12px;max-width:560px;padding-inline:16px;text-align:center;font-size:15px;line-height:1.5;color:var(--ink2)}
@media (min-width:1024px){.ox .addc.frc{height:714px}}
.tr.frsk i{display:block;height:14px;max-width:100%;border-radius:999px;background:#F0F1F3}
.ox .nr .pill{display:inline-block;line-height:1.5}

#cn .cnc{position:relative;isolation:isolate;flex-direction:column;justify-content:flex-start;padding-bottom:250px}
#cn .cnland{position:absolute;left:0;right:0;bottom:0;width:100%;height:230px;color:var(--gs-d);z-index:-1}
#cn .cnc .icol{position:relative;z-index:1}
#cn .cnlm{position:absolute;left:16px;right:16px;bottom:12px;width:max-content;max-width:calc(100% - 32px);font-size:11.5px;color:var(--gs-ink);background:rgba(255,255,255,.75);border-radius:999px;padding:3px 10px}
.frme{display:flex!important;align-items:center;gap:8px}.frme .orb{flex:none;width:20px;height:20px}
#frNew p{color:var(--ink)}

/* pricing math: one big number per side, the second line quieter, no rules */
.pmc{padding:22px 24px 14px}
.pml{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:500;color:var(--ink2);background:#fff;border-radius:999px;padding:5px 12px 5px 6px;margin-bottom:4px}
.pmc.us .pml{background:var(--gs-ll);color:var(--gs-ink)}
.pml .orb{width:20px;height:20px}
.pmx{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#F6E3E0;color:#B3473B;font-style:normal;font-size:13px;line-height:1}
.pms{border-top:0;padding:14px 0}
.pms.pmain{padding-top:16px}
.pms.pmain b{font-family:var(--serif);font-size:clamp(40px,4.4vw,56px);letter-spacing:-1px}
.pmc:not(.us) .pms.pmain b{color:#9A3B30}
.pms:not(.pmain) b{font-size:22px;color:var(--ink2)}
.pmc.us .pms:not(.pmain) b{color:var(--gs-ink)}
.pms:not(.pmain) span{font-size:13.5px;color:var(--muted)}
.pmbar{display:block;height:8px;border-radius:999px;background:rgba(15,27,51,.06);overflow:hidden}
.pmbar i{display:block;height:100%;border-radius:999px}
.pmbar.bad i{width:100%;background:linear-gradient(90deg,#E9A79E,#C9574A)}
.pmbar.good i{width:55%;min-width:8px;background:var(--gs)}
.frcap{margin-top:14px;text-align:center;font-size:14px;color:var(--ink2)}
.frcap.frhq{margin-top:4px;color:var(--ink)}
/* industries: Alven's "does what property managers do" sticky list + grey panel */
.insec{margin-top:160px}
@media (min-width:1024px){.inscroll{height:185vh}.instick{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}}
.inrow{display:flex;flex-direction:column;gap:24px}
@media (min-width:1024px){.inrow{flex-direction:row;justify-content:space-between;align-items:stretch;gap:40px;height:min(719px,calc(100vh - 120px))}}
.inl{display:flex;flex-direction:column;gap:24px}
@media (min-width:1024px){.inl{width:303px;flex:none;justify-content:space-between;padding:8px 0}}
.inl .t28{max-width:300px}
.insub{margin-top:12px;font-size:14px;line-height:1.45;color:var(--ink2);max-width:300px}
.inb{display:flex;align-items:center;gap:16px;width:100%;height:50px;padding:10px 0;border:0;background:none;font:inherit;font-size:18px;line-height:1.2;color:#9D9D9C;text-align:left;cursor:pointer;transition:color .3s}
.inb:last-child{border-bottom:0}
.inb svg{flex:none;width:24px;height:24px}
.inb.on,.inb:hover{color:var(--ink)}
.inb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inpanel{position:relative;flex:1;min-width:0;max-width:852px;min-height:420px;border-radius:16px;background:var(--card);overflow:hidden;display:grid;place-items:center;padding:28px 16px}
.inv{display:flex;flex-direction:column;align-items:center;width:100%}
.inv.in{animation:infade .45s ease-out}
@keyframes infade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.incard{width:min(500px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:6px 20px}
.inhd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.inhd b{font-size:15px;font-weight:500;color:var(--ink)}
.inhd span{font-size:12.5px;color:var(--muted);white-space:nowrap}
.inr{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid #F1F2F4}
.inr:last-child{border-bottom:0}
.inr .nm{display:flex;flex-direction:column;min-width:0}
.inr .nm b{font-size:14px;font-weight:400;color:var(--ink)}
.inr .nm small{font-size:12px;color:var(--muted)}
.inr .st{flex:none;font-size:13px;color:var(--ink2)}
.inr .st.s-d{color:#2F7A4C}.inr .st.s-r{color:#8A5A12}
.intoast{align-self:center;margin-top:-14px;transform:translateX(70px);position:relative}
@media (max-width:767px){.intoast{transform:none;margin-top:12px}.inb{font-size:16px;height:48px}}

.pmath .pmhd{display:flex;flex-direction:column;gap:12px}
.pmath .pmsub{font-size:15px;line-height:1.5;color:var(--ink2);max-width:320px}
.pmath .pmper{margin-left:8px;font-family:var(--sans,inherit);font-size:.3em;letter-spacing:0;color:var(--ink2)}
@media (min-width:1024px){.instick{padding-top:72px}.inrow{height:min(719px,calc(100vh - 150px))!important}}
@media (min-width:1024px) and (max-height:860px){.insub{display:none}.inb{height:42px;font-size:16px}.inb svg{width:22px;height:22px}.inl .t28{font-size:24px}}
/* industry scene: the sector's key permit behind its checklist */
.inscene{position:relative;display:flex;align-items:center;justify-content:center;width:100%}
.indoc{display:none}
@media (min-width:768px){
.indoc{display:block;position:relative;flex:none;width:272px;margin-right:-6px;padding:20px 20px 26px;background:#FDFCF9;border:1px solid #E7E3DA;border-radius:6px;box-shadow:0 24px 50px rgba(15,27,51,.12),0 1px 2px rgba(15,27,51,.05);transform:translateY(-18px) rotate(-3deg)}
.incard{position:relative;z-index:1;width:min(350px,100%)!important;transform:translateY(18px)}
.intoast{z-index:2;margin-top:4px!important}
}
.indh{display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid #E7E3DA}
.indi{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff}
.indi svg{width:15px;height:15px}
.indh small{font-size:10px;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.indt{margin:14px 0 10px;font-family:var(--serif);font-size:21px;line-height:1.15;color:var(--ink)}
.indf{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed #E7E3DA;font-size:11.5px}
.indf small{color:var(--muted)}
.indf b{font-weight:500;color:var(--ink);text-align:right}
.instamp{position:absolute;right:16px;bottom:-14px;padding:5px 10px;border:1.5px solid currentColor;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#FDFCF9;transform:rotate(-6deg)}
.instamp.st-g{color:#2F7A4C}.instamp.st-a{color:#9A6512}

.tr.frr p{font-size:13px;color:var(--ink2)}
.tr.frr p:first-child{color:var(--ink)}
.frpill{display:inline-block;font-size:11.5px;border-radius:999px;padding:2px 9px;white-space:nowrap}
.frpill.fr-ok{background:var(--okbg);color:#2F7A4C}.frpill.fr-w{background:#FBF1DF;color:#8A5A12}.frpill.fr-b{background:var(--gs-ll);color:var(--gs-ink)}
/* pricing: comparison straight into the plans */
.pmath{margin-bottom:24px}
/* work together: readable on the blue */
.ox .wtc>svg rect:last-of-type{fill:rgba(15,27,51,.5)}
/* industries art panel: navy, like the whale */
.inpanel.inart{display:block;padding:0;background:#0F1B33}
.inart canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.incap{position:absolute;left:28px;right:28px;bottom:24px;color:#fff;pointer-events:none}
.inart .incap{z-index:2}.inart .incap::before{content:"";position:absolute;inset:-34px -28px -24px;z-index:-1;background:linear-gradient(to bottom,rgba(15,27,51,0),rgba(15,27,51,.78) 38%,rgba(15,27,51,.92));pointer-events:none}
.incap b{display:block;font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.15;letter-spacing:-.3px}
.incap p{margin-top:6px;max-width:520px;font-size:14px;line-height:1.45;color:rgba(220,232,245,.75)}
/* Oct 18: the chosen sector's permits, named */
.inpm{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;list-style:none;padding:0}
.inpm li.inpmh{flex-basis:100%;padding:0;border:0;background:none;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:rgba(220,232,245,.6)}
html[lang="zh-CN"] .inpm li.inpmh{letter-spacing:.02em}
.inpm li{padding:6px 11px;border:1px solid rgba(220,232,245,.24);border-radius:8px;background:rgba(255,255,255,.06);font-size:13px;line-height:1.25;color:#fff}
@media (max-width:1023px){.inpm{gap:6px;margin-top:10px}.inpm li{font-size:12px;padding:5px 9px}
  /* phones: the picture keeps the top of the panel and the caption sits under it, so the permits never cover it */
  .inpanel.inart{min-height:0;padding-top:212px}
  .inart canvas{bottom:auto;height:220px}
  .inart .incap{position:relative;left:auto;right:auto;bottom:auto;padding:0 18px 18px}
  .inart .incap::before{inset:-36px 0 0}
  .inphoto{top:110px;height:180px}
  .inphoto.incover{top:0;height:228px}}
@media (max-width:1023px){.inpanel.inart{min-height:360px}.incap{left:18px;right:18px;bottom:16px}.incap b{font-size:20px}.incap p{font-size:13px}}
.inphoto{position:absolute;left:50%;top:44%;height:74%;width:auto;max-width:86%;object-fit:contain;transform:translate(-50%,-50%) scale(.96);opacity:0;transition:opacity .6s ease,transform .8s cubic-bezier(.22,1,.36,1);pointer-events:none;-webkit-user-drag:none;user-select:none;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.inphoto.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (max-width:1023px){.inphoto{height:70%;top:42%}}
@media (max-width:1023px){.inlist .inpanel{margin:4px 0 12px;min-height:300px;max-width:none;width:100%}}
.inphoto.incover{left:0;top:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 40%;transform:scale(1.04);filter:none}
.inphoto.incover.on{transform:scale(1)}
@media (max-width:1023px){.inphoto.incover{height:100%;top:0}}
/* the twin dashboards as Alven's in-the-loop cards */
#cn .dash{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;box-shadow:none}
#cn .dtask{padding:14px 14px 8px}
#cn .dth{display:flex;align-items:center;gap:8px;padding-bottom:8px}
#cn .dav{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#F5F5F5;color:#1a1816;font-size:10px;font-weight:600}
#cn .dth b{flex:1;font-size:12px;font-weight:510;color:#1a1816}
#cn .dth small{font-size:11px;color:#9D9D9C}
#cn .dtr{display:flex;align-items:center;gap:8px;padding:7px 0;border-top:1px solid #F3F3F3;font-size:11.5px;line-height:1.3;color:#1a1816}
#cn .dtr>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#cn .dtr svg{flex:none}
#cn .dtr em{flex:none;font-style:normal;font-size:10.5px;color:#9D9D9C}
#cn .dtr em.s-b{color:#B8483B}
#cn .dspin{animation:dspin 1.6s linear infinite}
@keyframes dspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#cn .dspin{animation:none}}
#cn .dconn{display:block}
#cn .dchip{align-self:flex-end;color:#9D9D9C}
#cn .dchip span{font-size:12px;letter-spacing:-.12px;font-weight:510}

/* nine pass: experts calmer, going-global cards layered, trust tiles icon-first, monitor stats quieter */
#monitor .mnkpi strong{font-size:44px}
@media (max-width:639px){#monitor .mnkpi{grid-template-columns:repeat(2,minmax(0,1fr))}#monitor .mnkpi strong{font-size:34px}}
.xprow{border-top:0;padding-top:0}
.xpart{gap:22px}
.xpflow{font-size:20px;line-height:1.7}
.xpcat{padding-top:6px}
@media (min-width:1024px){.xpart{gap:26px}.xpflow{font-size:26px;line-height:1.62}.xprow{grid-template-columns:240px minmax(0,1fr)}.xpcat{padding-top:12px}}
.xpf{width:1em;height:1em;margin:0 .3em;border-radius:50%}
#cn .cnc{padding-bottom:160px}
#cn .cnlm{top:auto;bottom:14px;left:16px}
#cn .cntrust{margin-top:72px}
#cn .cntiles .tile{min-height:0;gap:6px}
#cn .cntiles .tile div{order:-1;flex:none;justify-content:flex-start;padding:0 0 18px}
#cn .cntiles .tile svg{width:40px;height:40px}
#cn .cntiles .tile p:not(.tsub){font-size:16px;font-weight:500}
@media (min-width:1024px){#cn .cntiles .tile{padding:28px}}
@media (max-width:767px){#cn .cntiles .tile{flex:none;padding:20px}}
#cn .dchip{position:relative;z-index:1;background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 10px}
/* works where you work: Odelia in a permit portal */
.ptrow{display:flex;flex-direction:column;gap:28px}
@media (min-width:1024px){.ptrow{flex-direction:row;justify-content:space-between;align-items:stretch;gap:40px}}
.ptl{display:flex;flex-direction:column;gap:18px}
@media (min-width:1024px){.ptl{width:340px;flex:none;padding:24px 0}}
.ptsub{font-size:15px;line-height:1.5;color:var(--ink2)}
.ptsteps{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column}
.ptsteps li{display:flex;flex-direction:column;gap:3px;padding:14px 0 14px 16px;border-left:2px solid var(--line);transition:border-color .4s,opacity .4s;opacity:.55}
.ptsteps li.on{border-left-color:var(--ink);opacity:1}
.ptsteps b{font-size:15px;font-weight:500;color:var(--ink)}
.ptsteps span{font-size:13.5px;line-height:1.45;color:var(--ink2)}
.ptpanel{position:relative;flex:1;min-width:0;max-width:852px;min-height:420px;border-radius:16px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px 56px;overflow:hidden}
.ptwin{position:relative;width:min(520px,100%);background:#fff;border:1px solid #EBEBEB;border-radius:14px;overflow:hidden}
.ptbar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #F0F0F0;background:#FAFAFA}
.ptbar>i{width:9px;height:9px;border-radius:50%;background:#E3E5E8}
.ptaddr{flex:1;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:7px;background:#F1F2F4;font-size:11.5px;color:var(--ink2)}
.ptbody{padding:18px 20px 20px}
.ptform{font-size:14px;font-weight:600;color:var(--ink)}
.ptsign{display:flex;align-items:center;gap:7px;margin:8px 0 12px;font-size:11.5px;color:#2F7A4C;opacity:0;transition:opacity .4s}
.ptsign .orb{width:14px;height:14px}
.ptwin.s1 .ptsign{opacity:1}
.ptf{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.ptf small{font-size:11px;color:var(--muted)}
.ptv,.ptfile{display:flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #E6E8EC;border-radius:8px;font-size:13px;color:var(--ink);background:#fff;transition:border-color .3s,box-shadow .3s}
.ptf.on .ptv,.ptf.on .ptfile{border-color:#9DB3D3;box-shadow:0 0 0 3px rgba(115,153,198,.18)}
.ptv::after{content:"";width:1px;height:15px;background:var(--ink);opacity:0}
.ptf.on .ptv::after{opacity:1;animation:ptblink 1s steps(2) infinite}
@keyframes ptblink{50%{opacity:0}}
.ptfile{color:var(--ink2);opacity:.35}
.ptf.done .ptfile,.ptf.on .ptfile{opacity:1;color:var(--ink)}
.ptact{display:flex;justify-content:flex-end;margin-top:16px}
/* Oct 18: an answer given in Chinese lands in English, then the agency's receipt */
.ptask{display:flex;align-items:center;gap:8px;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s,margin .4s;font-size:12px}
.ptzh.ask .ptask{max-height:40px;opacity:1;margin:2px 0 4px}
.ptwho{color:var(--muted);white-space:nowrap}
.ptzhb{padding:5px 10px;border-radius:10px 10px 10px 3px;background:#E9F6EE;color:#1F5A36;font-size:12.5px}
.pttr{font-style:normal;font-size:11px;color:var(--gs-d);opacity:0;transition:opacity .4s}
.ptzh.done .pttr{opacity:1}
.ptrc{position:absolute;left:0;right:0;top:41px;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;background:#fff;text-align:center;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.ptwin.s2 .ptrc{opacity:1;visibility:visible}
.ptrc b{font-size:16px;font-weight:600;color:var(--ink)}
.ptrc dl{width:min(340px,100%);margin:4px 0 0;border-top:1px solid #F0F2F5}
.ptrc dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #F0F2F5;font-size:12.5px;text-align:left}
.ptrc dt{color:var(--muted)}
.ptrc dd{margin:0;color:var(--ink);text-align:right}
.ptrc small{font-size:11px;color:var(--muted)}
.ptwin.s2 .ptcur{opacity:0}
#portal .ptpanel{padding-bottom:92px}
@media (max-width:767px){#portal .ptpanel{padding-bottom:100px}}
.ptbtn{padding:8px 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:13px;transition:transform .15s}
.ptbtn.press{transform:scale(.94)}
.ptcur{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:2px;pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1);transform:translate(460px,40px)}
.ptcur em{margin-top:12px;padding:2px 7px;border-radius:999px;background:var(--ink);color:#fff;font-size:10.5px;font-style:normal}
.pttoast{position:absolute!important;bottom:22px;left:50%;transform:translate(-50%,12px);opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}
.pttoast.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:767px){.ptpanel{padding:24px 12px 72px;min-height:0}.ptcur{display:none}}
/* give Odelia a job */
.jbgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:768px){.jbgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.jbgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.jb{display:flex;flex-direction:column;gap:8px;min-height:188px;padding:22px 22px 20px;border-radius:16px;background:var(--card)}
.jb b{font-size:17px;font-weight:500;letter-spacing:-.2px;color:var(--ink)}
.jb p{flex:1;font-size:14px;line-height:1.5;color:var(--ink2)}
.jbchip{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;border:1px solid #EBEBEB;border-radius:999px;background:#fff;font-size:12px;color:var(--ink)}
.jbchip i{width:7px;height:7px;border-radius:50%}
.jbchip i.g{background:#3F9A62}.jbchip i.a{background:#D9932B}
.jbf{background:var(--ink);color:#fff}
.jbf b{color:#fff}.jbf p{color:rgba(220,232,245,.75)}
.jbt{background:#fff;border:1px dashed #D3D9E3}
.tstab .tsres{display:block;margin-top:2px;font-style:normal;font-size:12px;font-weight:600;color:var(--ink);letter-spacing:-.1px}
.tstab[aria-selected="false"] .tsres{color:var(--ink2)}

/* proof band: the team's record as Alven-style numbers above the stories, no rules */
.pfrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;margin:4px 0 40px}
@media (min-width:1024px){.pfrow{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:8px 0 56px}}
.pfrow div{display:flex;flex-direction:column;gap:8px;min-width:0}
.pfrow b{font-family:var(--serif);font-weight:300;font-size:40px;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
@media (min-width:1024px){.pfrow b{font-size:56px}}
html[lang="zh-CN"] .pfrow b{font-family:var(--zhserif);font-weight:400}
.pfrow span{max-width:230px;font-size:13.5px;line-height:1.4;color:var(--ink2)}
/* security: what is true today, in plain words */
#cn .cnsec{margin-top:72px}
#cn .cnsec .il{gap:14px}
#cn .seclink{display:inline-block;margin-top:0;font-size:14px;color:var(--gs-d,#3B5F8E);text-decoration:underline;text-underline-offset:3px}
#cn .secl{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin:0;padding:0;list-style:none}
@media (min-width:768px){#cn .secl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (min-width:1280px){#cn .secl{width:850px}}
#cn .secl li{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-radius:12px;background:var(--card);font-size:14.5px;line-height:1.4;color:var(--ink)}
#cn .secl svg{flex:none;margin-top:1px}
@media (max-width:1023px){#cn .cnsec{margin-top:48px}}
/* no pills: every badge becomes plain text, statuses keep a small coloured dot (Alven-quiet) */
body .pill,body .asx,body .agt,body .ty,body .frpill,body .jbchip,body .mnlive,body .pml,body .ptag,body .atag,body .cnlm,body .dchip,body .fchips li{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;backdrop-filter:none!important}
body .pill,body .asx,body .agt,body .ty,body .frpill{display:inline-flex!important;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:1.2}
body .pill::before,body .asx::before,body .agt::before,body .ty::before,body .frpill::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
body .p-d,body .p-o,body .asx.d,body .agt-f,body .fr-ok{color:#2F7A4C!important}
body .p-r,body .asx.r,body .fr-w{color:#93651E!important}
body .p-b,body .asx.b{color:#A9473B!important}
body .p-q,body .asx.q,body .agt-m,body .ty.y-r{color:#6B7385!important}
body .p-m,body .agt-p,body .ty.y-f,body .fr-b{color:var(--gs-ink)!important}
body .jbchip{gap:8px;font-size:13px;color:var(--ink2)}
body .jbf .jbchip{color:rgba(220,232,245,.85)}
body .mnlive{gap:8px}
body .pml{gap:8px;font-size:13px;font-weight:500}
body .ptag{font-size:12px;font-weight:600;color:var(--gs-ink)}
body .plan.pfeat .ptag{color:var(--gs-d)}
body .atag{font-size:11.5px;color:var(--muted)}
body .cnlm{font-size:12px;font-weight:600;color:var(--gs-ink);text-shadow:0 1px 8px rgba(244,245,247,.95),0 0 2px rgba(244,245,247,.9)}
body .dchip{text-shadow:0 1px 8px rgba(244,245,247,.95)}
body .fchips li{font-size:12.5px}
body .ptcur em{border-radius:4px}
body .agi .agk-f .agt{color:#fff!important}
body .agi .agk-p .agt,body .agi .agk-m .agt{color:#24406F!important}
.lg.big img{height:54px!important;margin:-9px 0}

/* backed by operators: a quiet wall of marks, ink on the card grey, no rules */
.bkh{margin-bottom:28px}
#backers{padding-top:136px}@media (max-width:767px){#backers{padding-top:88px}}
@media (min-width:1024px){.bkh{margin-bottom:40px}}
.bkg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}
@media (min-width:640px){.bkg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1024px){.bkg{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}}
.bkg li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:112px;padding:18px 12px;border-radius:14px;background:var(--card);text-align:center;transition:background .25s}
@media (min-width:1024px){.bkg li{min-height:132px}}
.bkg li:hover{background:#E8ECF2}
.bkg img{display:block;width:30px;height:30px;object-fit:contain;opacity:.82;-webkit-user-drag:none;user-select:none}
.bkg span{font-size:14px;line-height:1.25;letter-spacing:-.14px;color:var(--ink);font-weight:500}
.bkg li.nm span{font-family:var(--serif);font-weight:400;font-size:19px;letter-spacing:-.2px}
.bkg li.wm img{width:104px;height:104px;margin:-37px 0}.bkg li.wm span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media (max-width:767px){.bkg li.wm img{width:76px;height:76px;margin:-26px 0}}
html[lang="zh-CN"] .bkg li.nm span{font-family:var(--zhserif)}

.hbk{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:22px;font-size:13.5px;line-height:1.35;color:rgba(255,255,255,.86);text-decoration:none}
.hbk:hover{color:#fff}
.hbkm{display:inline-flex;align-items:center;gap:10px}
.hbkm img{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
@media (max-width:639px){.bkg{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bkg li{min-height:92px;padding:12px 6px;gap:8px;border-radius:12px}.bkg img{width:24px;height:24px}.bkg span{font-size:12px}.bkg li.nm span{font-size:15px}.hbk{font-size:12.5px;margin-top:16px}}
@media (min-width:1024px) and (max-height:820px){.hbk{margin-top:12px}.hero h1{font-size:54px;line-height:1.02}.hsub{font-size:17px}}
@media (min-width:1024px) and (max-height:740px){.hero h1{font-size:48px}.hsub{font-size:16px;line-height:1.42}.hbk{margin-top:10px}}

/* no status dots, no circled ticks, no bullet markers: status is said in words */
.arow .pill::before,.ox .arow .pill::before,.arow.ox .pill::before,body .pill::before,body .asx::before,body .agt::before,body .ty::before,body .frpill::before,
.mnlive i,.fcrow .dot,.tmlive i,.gbdot,.frd,.ptbar>i,.jbchip i,.qnext li::before{display:none!important}
.ast{display:none!important}
.arow,#vcard .arow{grid-template-columns:minmax(0,1fr) auto!important}
.pmx{background:none!important;width:auto!important;height:auto!important;font-size:15px!important}
.ftoast .tick,#vcard .vfl .tick,.aglog li i,.mndone svg{background:none!important;box-shadow:none!important}
.ftoast .tick svg *,#vcard .vfl .tick svg *{stroke:#2F6B40!important}
.plist li>svg,#cn .secl li>svg{display:none!important}
.pmbar.good i{min-width:4px;border-radius:2px}
.lg.big img{height:46px!important;margin:-3px 0!important}
@media (max-width:767px){.lg.big img{height:36px!important;margin:-2px 0!important}}

.ox .qr,.qr.ox{text-decoration:none;z-index:3}
.ox .qr .qrimg,.qr.ox .qrimg{display:block;width:64px;height:64px;border-radius:6px;background:#fff;padding:3px;image-rendering:pixelated}
@media (max-width:639px){.ox .qr .qrimg,.qr.ox .qrimg{width:52px;height:52px}.ox .qr,.qr.ox{right:12px;bottom:12px}}

/* agencies: we file in dark blue, with partners in light blue, we monitor in pale blue */
#agencies .agk-f{background:#1F3F6B;color:#fff;box-shadow:none}
#agencies .agk-p{background:#A4C8E1}
#agencies .agk-m{background:#EEF3F8;box-shadow:inset 0 0 0 1px #DCE6F0}
#agencies .agk-f .agh b,#agencies .agk-f small{color:#fff}
#agencies .agk-f span{color:rgba(255,255,255,.7)}
#agencies .agk-p .agh b,#agencies .agk-p small,#agencies .agk-m .agh b,#agencies .agk-m small{color:#0F1B33}
#agencies .agk-p span,#agencies .agk-m span{color:rgba(15,27,51,.62)}
#agencies .agi li:hover{filter:none}
#agencies .agi .agh b{font-size:32px}
@media (min-width:1024px){#agencies .agi .agh b{font-size:38px}}
#agencies .agi li:nth-child(7n+1) .agh b{font-size:44px}
@media (min-width:1024px){#agencies .agi li:nth-child(7n+1) .agh b{font-size:56px}}
#agencies .agi li .agt,#agencies .agk-p .agt,#agencies .agk-m .agt{background:none!important;backdrop-filter:none;padding:0;font-size:11.5px;font-weight:500;letter-spacing:.02em;color:#0F1B33!important}
#agencies .agk-f .agt{color:rgba(255,255,255,.85)!important}
#agencies .agkey .agt{background:none!important;padding:0;font-weight:600;color:var(--ink)!important}
#agencies .agwh .agt,#agencies .agws .agt{color:var(--ink2)!important}
#agencies .agkey .agt::after{content:"";display:inline-block;width:12px;height:12px;margin-left:8px;vertical-align:-1px;border-radius:3px}
#agencies .agkey .agt-f::after{background:#1F3F6B}
#agencies .agkey .agt-p::after{background:#A4C8E1}
#agencies .agkey .agt-m::after{background:#E2EDF5;box-shadow:inset 0 0 0 1px #C9D6E4}

body #agencies .agt-f{color:#1F3F6B!important}
#agencies .agk-f .agt{color:rgba(255,255,255,.85)!important}
body #agencies .agk-f .agt{color:rgba(255,255,255,.85)!important}
/* Oct 18: lighter tiles. We file is the strongest tone but still light, with partners lighter, we monitor white;
   ink text throughout, so the section no longer reads as a wall of navy */
#agencies .agk-f{background:#D5E3F2;color:var(--ink);box-shadow:none}
#agencies .agk-p{background:#EAF1F8}
#agencies .agk-m{background:#fff;box-shadow:inset 0 0 0 1px #DCE6F0}
#agencies .agk-f .agh b,#agencies .agk-f small{color:var(--ink)}
#agencies .agk-f span{color:rgba(15,27,51,.62)}
body #agencies .agi .agk-f .agt,body #agencies .agk-f .agt{color:#1F3F6B!important}
#agencies .agkey .agt-f::after{background:#D5E3F2;box-shadow:inset 0 0 0 1px #B9CDE4}
#agencies .agkey .agt-p::after{background:#EAF1F8;box-shadow:inset 0 0 0 1px #D3E0EE}
#agencies .agkey .agt-m::after{background:#fff;box-shadow:inset 0 0 0 1px #C9D6E4}
#mpsvg .mpfoc [data-city]{pointer-events:auto;cursor:pointer}
.mpcnt{flex-basis:100%;margin:2px 0 0;font-size:14px;line-height:1.45;color:var(--ink2)}
.mpcnt b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
#cn .dash .dchip{position:relative;z-index:1;background:rgba(255,255,255,.88)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px!important;padding:5px 11px!important}
#cn .cnc .cnlm{background:rgba(255,255,255,.85)!important;border-radius:999px!important;padding:4px 11px!important}
/* testimonials: the large portrait on the right; no small round photo by the name */
.tsx .tsp .tsav{display:none}

/* rhythm: one section gap on desktop, a tighter one on phones; long card sets swipe sideways on phones instead of stacking */
@media (min-width:1024px){#case,#how,#portal,#monitor,#jobs,#franchise,#pricing,#faq{margin-top:112px!important}#industries,#agencies,#cn,#experts{margin-top:120px!important}}
@media (max-width:1023px){#case,#how,#portal,#monitor,#jobs,#franchise,#pricing,#faq,#experts{margin-top:64px!important}#industries,#agencies,#cn{margin-top:80px!important}}
@media (max-width:767px){
  .feat,.jbgrid,#tiers,#cn .cnc-row{display:flex!important;flex-direction:row!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-16px;margin-right:-16px;padding:2px 16px 8px;scroll-padding:0 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .feat::-webkit-scrollbar,.jbgrid::-webkit-scrollbar,#tiers::-webkit-scrollbar,#cn .cnc-row::-webkit-scrollbar{display:none}
  .feat>*,.jbgrid>*,#tiers>*,#cn .cnc-row>*{flex:0 0 86%;min-width:0;scroll-snap-align:start}
  .jbgrid>*{flex-basis:78%}
  #cn .cntiles .tile{display:block;padding:16px 18px;min-height:0}#cn .cntiles .tile .tsub{margin-top:4px}#cn .cntiles .tile svg{display:none}
  #cn .secl li{padding:12px 16px}
}

/* customer and case-study selectors, Alven style: one grey track, the chosen tab a white card, the others quiet grey */
#case .tstabs{display:inline-flex!important;flex-wrap:nowrap;gap:2px;padding:4px;border-radius:14px;background:#f0f0f0;max-width:100%;overflow-x:auto;scrollbar-width:none}
#case .tstabs::-webkit-scrollbar{display:none}
#case .tstab,#case .cstabs .tstab{flex:none;min-width:0;padding:9px 16px 12px;border-radius:10px;background:transparent;box-shadow:none;color:#9d9d9c;transition:background .2s,color .2s,box-shadow .2s}
#case .tstab:hover{color:#1a1816}
#case .tstab b{font-size:14px;font-weight:500;letter-spacing:-.14px;color:inherit}
#case .tstab span{font-size:11.5px;color:#9d9d9c}
#case .tstab[aria-selected="true"]{background:#fff;color:#1a1816;box-shadow:0 1px 2px rgba(26,24,22,.06),0 1px 1px rgba(26,24,22,.04)}
#case .tstab[aria-selected="true"] span{color:#6b6966}
#case .tstab i{left:16px;right:16px;bottom:5px;height:2px;background:transparent}
#case .tstab[aria-selected="true"] i{background:#ebebeb}
#case .tstab i b{background:#1a1816}
@media (max-width:767px){#case .tstabs{display:flex!important;width:100%}#case .tstab,#case .cstabs .tstab{padding:8px 13px 11px}}

/* the nav bar lines up with the content edges at every width (24px gutter like the sections) */
.hwrap{padding-inline:24px}

/* Wakimasu's signature on sumi, as its case-study mark */
.wklogo{display:inline-flex;align-items:center;justify-content:center;background:#0C0C0B;border-radius:12px;padding:14px 20px}
.wklogo svg{display:block;height:132px;width:auto}
@media (max-width:767px){.wklogo svg{height:108px}}

/* UI pass: every section at the same finish */
/* work together: deep navy, full-contrast type */
.ox .wtc>svg rect:last-of-type{fill:rgba(15,27,51,.76)}
.wtc .wtw .t28{color:#fff}
.wtc .rotl{color:#fff}
/* testimonials: the quote and name sit together in the middle of the white side, no dead gap */
@media (min-width:900px){#case .tsx .tsl{justify-content:center}#case .tsx .tsp{margin-top:8px}#case .tsx .tslgs,#case .tsx .tswm{margin-bottom:8px}}
@media (min-width:1024px){#case .tsq{font-size:36px;line-height:1.22;letter-spacing:-.8px}}
/* Oct 18 pricing, from 601282ab: one price up front, the waiting math, every other plan one tap away under "More plans" */
#pricing .prrow{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
@media (min-width:1024px){#pricing .prrow{grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:48px;align-items:start}#pricing .prl{margin-bottom:0;padding-top:24px}}
#pricing .srcl{display:block;margin-top:-2px;font-size:12px;line-height:1.4;color:var(--muted)}
#pricing .srcl a{color:inherit;text-underline-offset:2px}
.prcard{min-width:0;border-radius:20px;background:#fff;padding:26px 22px;box-shadow:0 0 0 1px #ebebeb,0 28px 70px rgba(15,27,51,.07)}
@media (min-width:1024px){.prcard{padding:40px 44px}}
.prone{margin-bottom:18px;font-size:14px;font-weight:500;color:var(--ink2)}
.prv{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.prv b{font-family:var(--serif);font-weight:300;font-size:76px;line-height:.95;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
@media (min-width:1024px){.prv b{font-size:104px}}
html[lang="zh-CN"] .prv b{font-family:var(--serif);letter-spacing:-.02em}
.prv span{font-size:17px;line-height:1.3;color:var(--ink2)}
.prps{margin-top:12px;font-size:14px;font-weight:500;color:var(--gs-ink)}
/* the store plan's Yearly and Monthly choice, in the comparison's Placetta column (Oct 23) */
.print{display:inline-flex;margin:14px 0 0;background:rgba(255,255,255,.1)}
.print[hidden]{display:none}
.print button{cursor:pointer;min-height:36px;color:rgba(255,255,255,.78)}
.print button:hover{color:#fff}
.print button[aria-pressed="true"]{background:#fff;color:var(--ink)}
.print button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.prbtn{display:flex;width:100%;margin-top:24px;padding:14px 18px;font-size:15px;line-height:18px;border-radius:10px}
.princ{margin-top:28px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
html[lang="zh-CN"] .princ{letter-spacing:.2em}
.prlist{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
@media (min-width:640px){.prlist{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}}
.prlist li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.4;color:var(--ink)}
.prlist svg{flex:none;margin-top:2px;color:var(--ok)}
#pricing .pmath{margin-top:48px}
.prmore{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prmore summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 2px;cursor:pointer;list-style:none}
.prmore summary::-webkit-details-marker{display:none}
.prmore summary>span{display:flex;flex-direction:column;gap:4px;min-width:0}
.prmore summary b{font-size:18px;font-weight:500;letter-spacing:-.2px;color:var(--ink)}
.prmore summary small{font-size:14px;line-height:1.4;color:var(--muted)}
.prmore summary svg{flex:none;color:var(--ink2);transition:transform .3s}
.prmore[open] summary svg{transform:rotate(180deg)}
.prmore summary:focus-visible{outline:2px solid var(--gs-d);outline-offset:2px;border-radius:8px}
.prmb{padding:4px 0 28px}
.prmb>.sub{margin-bottom:20px}
/* work together as the channels section, from 601282ab */
#together .wtc{height:auto!important}
#together .wtc>svg{inset:-3%;height:106%}
#together .wti{position:relative;inset:auto;flex-direction:column;gap:36px;padding:64px 20px 56px}
@media (min-width:1024px){#together .wti{gap:48px;padding:120px 40px 88px}}
#together .chbox{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:760px}
#together .chl{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;margin:0;padding:0;list-style:none}
#together .chl li{display:inline-flex;align-items:center;gap:8px;font-size:15px;line-height:1.2;color:#fff;white-space:nowrap}
#together .chl svg{flex:none;width:18px;height:18px;color:#fff;opacity:.85}
#together .chn{max-width:520px;text-align:center;font-size:14px;line-height:1.5;color:rgba(255,255,255,.74);text-wrap:pretty}
#together .chwc{display:flex;flex-direction:column;align-items:center;gap:12px}
#together .chadd{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:0;border-radius:10px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3);color:#fff;font-size:14px;line-height:16px}
#together .chadd:hover{background:rgba(255,255,255,.2)}
#together .chadd svg{width:16px;height:16px}
#together .chqr{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:14px;background:#fff}
#together .chqr img{display:block;width:132px;height:132px}
#together .chqr p{font-size:12px;color:var(--ink2)}
/* the QR placeholder stays on phones too, under the channels */
@media (max-width:1023px){.ox #together .wti,#together .wti{padding-bottom:124px}}
#together .wtw.wtq{flex-direction:column;justify-content:center;align-items:center;gap:10px}
#together .wtq .wth{flex:none;color:#fff;text-align:center;max-width:760px;text-wrap:balance}
#together .wtq .rot{width:300px}
/* Oct 20, cleaner hierarchy (Alven, Town): heading, one rotating line under it, then the channels as one quiet row, the note, and the QR in the flow */
#together .wtw.wtq{gap:22px}
#together .wtc>svg use{opacity:.35}
#together .chbox{gap:14px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14)}
#together .chl{gap:10px 22px}
#together .chl li{font-size:14px;color:rgba(255,255,255,.9)}
#together .chl svg{width:16px;height:16px;opacity:.75}
#together .chn{font-size:13px;color:rgba(255,255,255,.62)}
#together .qr{position:static;margin:6px auto 0;width:max-content;max-width:100%}
@media (max-width:1023px){.ox #together .wti,#together .wti{padding-bottom:56px}}
/* customer stories, Alven style (from 601282ab): a heading, one tab per person (name, then role and company), and the chosen
   story leading with the job Placetta took off them in serif, their quote under it, and one result over the portrait */
#case .tssec{margin-top:72px}
#case .tsh3{margin:0 0 20px;font-family:var(--serif);font-weight:300;font-optical-sizing:auto;font-size:30px;line-height:1.1;letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
@media (min-width:1024px){#case .tssec{margin-top:96px}#case .tsh3{font-size:44px;letter-spacing:-.022em;margin-bottom:28px}}
html[lang="zh-CN"] #case .tsh3{font-family:var(--zhserif);font-weight:500;letter-spacing:.01em}
#case .tsbar,#case .tsbar.tsbar{justify-content:flex-start;margin:0 0 16px}
#case #tsTabs .tstab{min-width:0;max-width:240px}
#case #tsTabs .tstab span{white-space:nowrap}
#case #tsGrid:focus-visible,#case #tsTabs .tstab:focus-visible{outline:2px solid var(--gs-d);outline-offset:2px}
#case .tsx .tspain{margin:0;font-family:var(--serif);font-weight:300;font-optical-sizing:auto;font-size:28px;line-height:1.12;letter-spacing:-.018em;color:var(--ink);text-wrap:balance}
html[lang="zh-CN"] #case .tsx .tspain{font-family:var(--zhserif);font-weight:500;letter-spacing:.01em;line-height:1.3}
#case .tsx .tspain+.tsq{font-size:18px;line-height:1.45;letter-spacing:-.1px;color:var(--ink2)}
@media (min-width:1024px){#case .tsx .tspain{font-size:44px;letter-spacing:-.022em}#case .tsx .tspain+.tsq{font-size:20px}}
@media (min-width:900px){#case .tsx .tsl{gap:22px;padding:44px 48px}#case .tsx .tspain{margin-top:12px}}
@media (max-width:767px){#case #tsTabs{margin-inline:0}#case .tsx .tsl{gap:18px}html[lang="zh-CN"] #case .tsrs strong{font-size:34px}}
/* built for trust and security: Alven cards, white with a hairline, no grey slabs */
#cn .cntiles .tile{background:#fff;border:1px solid #ebebeb;border-radius:20px;box-shadow:none}
#cn .secl{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
@media (min-width:768px){#cn .secl{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
#cn .secl li{border-radius:14px;background:#fff;border:1px solid #ebebeb;padding:18px 20px}
/* Oct 18, Harvey and Vanta style: the controls as a quiet checklist, one honest audit status line, the trust center link */
#cn .cnsec .ir{display:flex;flex-direction:column;align-items:flex-start}
#cn .cnsec .secl{gap:0 32px}
#cn .cnsec .secl li{padding:14px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;font-size:15px}
#cn .secsoc{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:20px;font-size:14px;line-height:1.45;color:var(--ink2)}
#cn .secsoc b{font-weight:500;color:var(--ink)}
#cn .secsoc span{flex:1;min-width:240px}
#cn .secsoc a{color:var(--gs-d);text-decoration:none;white-space:nowrap}
#cn .secsoc a:hover{text-decoration:underline;text-underline-offset:3px}
@media (min-width:1280px){#cn .secsoc{width:850px}}
/* trust and security as one block (Oct 18): one heading and the Trust Center links on the left; the three people-and-approval tiles, then the security checklist, on the right */
#cn .trustblk .il{gap:14px}
#cn .trustblk .il h2{margin-bottom:6px}
#cn .trustr{flex-direction:column;gap:40px}
#cn .trustr .cntiles{width:100%}
#cn .trustr .cnsec{margin-top:0;display:flex;flex-direction:column;align-items:stretch;width:100%}
#cn .trustr .secl{width:100%}
#cn .trustr .secsoc{width:100%}
#cn .sech{margin-bottom:4px;font-size:16px;font-weight:500;line-height:1.3;color:var(--ink)}
@media (max-width:1279px){#cn .trustblk .il{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:10px 20px}#cn .trustblk .il h2{flex-basis:100%;margin-bottom:0}}
@media (max-width:767px){#cn .trustr{gap:32px}}
/* backers without a mark file: set as a wordmark, not a serif caption */
.bkg li.nm span{font-family:var(--sans,inherit)!important;font-weight:650;font-size:17px;letter-spacing:-.4px;color:var(--ink)}
/* experts: clean names, no small photos breaking each line */
#experts .xpf,#experts .xps{display:none}
#experts .xpflow{display:flex;flex-wrap:wrap;gap:2px 26px}
/* give Odelia a job: the first role is a white card like the rest, not a dark slab */
.jbf{background:#fff;color:var(--ink);border:1px solid #ebebeb;box-shadow:none}
.jbf b{color:var(--ink)}
.jbf p{color:var(--muted)}
body .jbf .jbchip{color:var(--ink2)}

/* pricing, lighter: the waiting math is two numbers, the second rows go */
#pricing .pmc .pms:not(.pmain){display:none}
#pricing .pmc{padding-bottom:20px}

/* backers whose file is the full wordmark: drawn at their own proportions, the label hidden */
.bkg li.wl img{width:auto;height:var(--h);max-width:82%;object-fit:contain}
.bkg li.wl span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:767px){.bkg li.wl img{height:calc(var(--h) * .8)}}

/* hero, cleaned up: a scrim behind the copy so it reads on the photo, one headline measure, quieter proof line */
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,19,36,.78) 0%,rgba(9,19,36,.5) 38%,rgba(9,19,36,.08) 68%,rgba(9,19,36,0) 100%),linear-gradient(0deg,rgba(9,19,36,.55) 0%,rgba(9,19,36,0) 30%)}
.hero .hin{z-index:2}
@media (min-width:1024px){
  .hero h1{font-size:min(4.7vw,7.6vh,72px)!important;line-height:1!important;max-width:min(760px,58vw)}
  .hsub{font-size:18px!important;line-height:1.45;max-width:500px;margin-top:-6px!important}
  .hstack{gap:28px}
  .hbk{margin-top:6px!important;font-size:13px!important;color:rgba(255,255,255,.72)}
  .hbkm img{width:16px;height:16px;opacity:.75}
}
@media (max-width:1023px){
  .hero::after{background:linear-gradient(180deg,rgba(9,19,36,.58) 0%,rgba(9,19,36,.5) 45%,rgba(9,19,36,.72) 100%)}
  .hero h1{font-size:min(9.6vw,40px)!important;line-height:1.02!important}
  .hsub{font-size:15px!important;line-height:1.45;max-width:34em}
  .hbk{font-size:12px!important;color:rgba(255,255,255,.72);margin-top:4px!important}
  .hbkm{display:none!important}
}
.psub2{margin-top:8px!important}
.sh p.sub:has(+ .psub2){margin-bottom:0!important}
/* PROOF switchboard: backers as a typographic list, example labels, notes */
.bkg.bkt{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
@media (min-width:640px){.bkg.bkt{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}}
@media (min-width:1024px){.bkg.bkt{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 40px}}
.bkg.bkt li{display:block;min-height:0;padding:12px 0 14px;border-radius:0;background:none;border:0;text-align:left}
.bkg.bkt li:hover{background:none}
.bkg.bkt span{font-family:var(--serif);font-weight:300;font-size:20px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
@media (min-width:1024px){.bkg.bkt li{padding:20px 0 22px}.bkg.bkt span{font-size:26px}}
html[lang="zh-CN"] .bkg.bkt span{font-family:var(--zhserif);font-weight:400}
.bknote{margin-top:24px;font-size:12.5px;line-height:1.45;color:var(--muted);max-width:720px}
.exlab{font-family:var(--serif);font-size:21px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
html[lang="zh-CN"] .exlab{font-family:var(--zhserif)}
.pmgrid .pmcalc{grid-column:1/-1;margin-top:4px;border-radius:16px;padding:18px 24px}
.pmgrid .pmnote{grid-column:1/-1;margin:6px 4px 0;font-size:12.5px;line-height:1.45;color:var(--muted)}
.xpl{display:inline-block;height:.72em;width:auto;margin-right:.28em;vertical-align:-.02em;opacity:.8}
.tsmc{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
/* backed by: investors behind the brands we serve */
.inv{padding:44px 0 4px}
@media (min-width:1024px){.inv{padding:88px 0 24px}.invr{max-width:1288px;margin-inline:auto}}
.invl{text-align:center;font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
html[lang="zh-CN"] .invl{letter-spacing:.2em}
.invr{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:26px 40px;margin-top:22px}
@media (min-width:1024px){.invr{gap:30px 44px;margin-top:28px}}
.invr img{display:block;width:auto;height:calc(var(--h) * .85);opacity:.8;filter:saturate(0) brightness(.55);transition:opacity .2s,filter .2s}
@media (min-width:1024px){.invr img{height:calc(var(--h) * 1.08)}}
.invr img:hover{opacity:1;filter:none}
/* one backers section (Oct 18): the operators who back us, then, under a hairline, the funds behind the brands we serve */
.bkinv{margin-top:48px;padding-top:36px;border-top:1px solid var(--line,#E3E7EE)}
.bkinv .invl{text-align:left}
.bkinv .invr{justify-content:flex-start;max-width:none;margin-inline:0}
@media (min-width:1024px){.bkinv .invr{gap:28px 48px}.bkinv .invr img{height:calc(var(--h) * .9)}}
@media (max-width:639px){.bkinv{margin-top:36px;padding-top:28px}.bkinv .invr{gap:20px 28px}}

/* plan steps: a numbered timeline (step, kind, the step that sets the date, the detail) */
.belrows.st2{display:block;gap:0;padding:6px 4px;background:#fff;border-radius:20px;box-shadow:0 18px 44px rgba(15,27,51,.10),0 1px 2px rgba(15,27,51,.04);overflow:hidden}
.belrows.st2 li{position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);gap:14px;padding:14px 18px 14px 16px;background:none;border-radius:0;box-shadow:none}
.belrows.st2 li+li{border-top:1px solid #F1F3F6}
.belrows.st2 li::before{content:"";position:absolute;left:28.5px;top:0;bottom:0;width:1px;background:#E6EAF0}
.belrows.st2 li:first-child::before{top:26px}.belrows.st2 li:last-child::before{bottom:calc(100% - 26px)}
.belrows.st2 .sn{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px #CBD5E3;color:#3B5F8E;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.belrows.st2 li.crit .sn{background:#0F1B33;box-shadow:none;color:#fff}
.belrows.st2 .sb{min-width:0;padding-top:3px}
.belrows.st2 .sh2{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.belrows.st2 .sh2 b{display:block;font-size:14px;font-weight:600;letter-spacing:-.1px;line-height:1.35;color:var(--ink)}
.belrows.st2 .sk{flex:none;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8A93A3}
.belrows.st2 .sk.y-f{color:#4F78A8}.belrows.st2 .sk.y-a{color:#2E7149}.belrows.st2 .sk.y-r{color:#8A93A3}
html[lang="zh-CN"] .belrows.st2 .sk{letter-spacing:.02em}
.belrows.st2 .sc{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:6px;background:#FDF1E7;color:#A0521D;font-size:11.5px;font-weight:600}
.belrows.st2 p{margin-top:5px;font-size:13px;line-height:1.5;color:#5B6578}
@media (max-width:639px){.belrows.st2 li{padding:12px 14px 12px 12px;gap:12px}.belrows.st2 li::before{left:24.5px}}
.xpl.xfav{width:.78em;height:.78em;margin-right:.32em;vertical-align:-.06em;border-radius:4px;opacity:1;object-fit:contain}
#bkG.fold li:nth-child(n+7){display:none}
.bkmore{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.08),inset 0 0 0 1px rgba(15,27,51,.06);font:inherit;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer}
.bkmore:hover{box-shadow:0 2px 8px rgba(15,27,51,.10),inset 0 0 0 1px rgba(15,27,51,.08)}
.bkmore i{width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);transition:transform .2s}
.bkmore[aria-expanded="true"] i{transform:rotate(225deg) translate(-1px,-1px)}

/* plan steps in Alven's in-the-loop style: Odelia's message cards, a kind chip, connectors between */
.belrows.st3{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;background:none;border-radius:0;box-shadow:none;overflow:visible}
.belrows.st3 li{display:block;padding:0;background:none;border-radius:0;box-shadow:none}
.belrows.st3 li.scn{display:flex;justify-content:flex-start;padding-left:24px;line-height:0}
.belrows.st3 li.sbub{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:20px;background:#fff;border:1px solid rgba(15,27,51,.06);box-shadow:0 14px 34px rgba(15,27,51,.08),0 1px 2px rgba(15,27,51,.04)}
.belrows.st3 .sorb{flex:none;width:32px;height:32px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#FFFFFF 0 3%,#EAF1F9 12%,#B9CFE8 30%,#7399C6 52%,#4D73A3 76%,#2A4A74 100%);box-shadow:0 0 6px rgba(77,115,163,.25)}
.belrows.st3 .sbc{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding-top:2px}
.belrows.st3 .sbc>b{display:block;font-size:14px;font-weight:600;letter-spacing:-.1px;line-height:1.35;color:var(--ink)}
.belrows.st3 .sbc>p{margin:0;font-size:13px;line-height:1.5;color:#5B6578}
.belrows.st3 .schips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.belrows.st3 .sfile{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:9px;background:#F1F3F6}
.belrows.st3 .sfi{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#fff}
.belrows.st3 .sfile b{display:block;font-size:12px;font-weight:600;line-height:1.3;color:var(--ink)}
.belrows.st3 .sfile small{display:block;font-size:11px;line-height:1.3;color:#8A93A3}
.belrows.st3 .scrit{display:inline-flex;align-items:center;padding:6px 10px;border-radius:9px;background:#FDF1E7;color:#A0521D;font-size:11.5px;font-weight:600}
.belrows.st3.sw li.sbub{animation:tsin .4s cubic-bezier(.2,.8,.2,1) both}
@media (max-width:639px){.belrows.st3 li.sbub{padding:12px 13px}.belrows.st3 li.scn{padding-left:21px}}
.disc .fmade,.fmade{display:flex!important;align-items:center;gap:8px;margin-top:14px!important;font-size:12.5px!important;line-height:1.4!important;color:var(--muted)}
.fmade .ffr{width:18px;height:12px;border-radius:2px;box-shadow:0 0 0 .5px rgba(15,27,51,.18)}
/* Oct 20: the official-site card, centered above the fine print */
.offsite{--offbg:#E9ECF2;display:flex;flex-direction:column;align-items:center;gap:14px;margin:40px auto 32px;padding:28px 24px;max-width:640px;border-radius:24px;background:var(--offbg);text-align:center}
.offsite .offlag{width:46px;height:24px;color:#5B6475}
.offsite p{margin:0;font-size:18px;line-height:1.45;color:#5B6475;max-width:300px;text-wrap:balance}
@media (min-width:1024px){.offsite p{font-size:21px;max-width:340px}}

/* Oct 21: named proof right under the hero, three customers with one hard number each */
.nproof{background:var(--bg,#F3F4F6);padding-inline:max(16px,env(safe-area-inset-left,0px))}
.nproof .npi{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:40px 0 8px}
.nproof .npc{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:4px 20px;border-left:1px solid var(--line,#E3E6EC)}
.nproof .npc:first-child{border-left:0}
.nproof img{display:block;height:40px;width:150px;object-fit:contain;filter:grayscale(1);opacity:.8}
.nproof .npw{margin:0;height:40px;display:flex;align-items:center;font-family:var(--serif);font-size:20px;letter-spacing:-.01em;color:#5B6475}
.nproof b{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--ink,#0F1B33)}
.nproof span{font-size:13.5px;line-height:1.4;color:var(--muted,#6B7280);max-width:220px}
@media (max-width:639px){.nproof .npi{grid-template-columns:minmax(0,1fr);gap:22px;padding-top:28px}.nproof .npc{border-left:0;padding:0}.nproof b{font-size:30px}}
/* hero buttons and the before and after section, from the Oct 17 redesign */
/* hero: one primary and one secondary button */
.hcta{display:flex;flex-wrap:wrap;gap:10px}
.hbtn{padding:12px 18px;font-size:15px;line-height:18px;letter-spacing:-.2px;border-radius:10px}
.b-glass{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.34);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.b-glass:hover{background:rgba(255,255,255,.22)}
/* before and after: seven people you hire and chase, then one employee with Odelia */
#diff .bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}
@media (min-width:640px){#diff .bgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
#diff .per{width:100%;max-width:124px}
#diff .tag{width:100%;max-width:none}
@media (max-width:639px){#diff .tag{height:38px;font-size:11px}#diff .pain{font-size:10.5px}#diff .per svg.sil{width:24px;height:72px}#diff .aft .with{font-size:11px}#diff .aft .orb{width:34px;height:34px}#diff .aft .orbw{height:72px}#diff .bal p{font-size:12px}}
#diff .aft .per{flex:0 0 auto;width:112px}
@media (min-width:1024px){#diff .aft .per{width:124px}}
#diff .bag{gap:16px}
/* Oct 18: heading and stats sit together at the top instead of being pushed apart; each person's cost, sourced */
@media (min-width:1280px){#diff .dl{justify-content:flex-start;gap:48px}}
#diff .pcost{display:block;margin-top:2px;font-size:11px;line-height:1.3;color:#5B6475;text-align:center;font-variant-numeric:tabular-nums}
@media (min-width:1024px){#diff .pcost{font-size:12.5px}}
#diff .dsrc{margin:4px 0 0;font-size:10px;line-height:1.45;color:var(--muted);opacity:.75;text-align:left;max-width:640px}
#diff .dsrc a{color:inherit;text-underline-offset:2px}
/* second pass: once in view, the four people fade back one by one and the owner with Odelia steps forward (motion allowed only) */
@media (prefers-reduced-motion:no-preference){
  #diff #before .per .sil,#diff #before .per .tag{transition:opacity .6s ease,filter .6s ease}
  #diff.dgo #before .per .sil,#diff.dgo #before .per .tag{opacity:.45;filter:grayscale(1)}
  #diff.dgo #before .per:nth-child(2) .sil,#diff.dgo #before .per:nth-child(2) .tag{transition-delay:.15s}
  #diff.dgo #before .per:nth-child(3) .sil,#diff.dgo #before .per:nth-child(3) .tag{transition-delay:.3s}
  #diff.dgo #before .per:nth-child(4) .sil,#diff.dgo #before .per:nth-child(4) .tag{transition-delay:.45s}
  #diff .aft .per{transition:transform .7s cubic-bezier(.2,.9,.3,1.2) .8s}
  #diff.dgo .aft .per{transform:translateY(-4px) scale(1.03)}
}
@media (min-width:1024px){#diff .dsrc{font-size:10.5px}}
@media (min-width:1024px){#diff .bag{gap:24px}}
.hnote{margin-top:-6px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.74);text-shadow:0 1px 8px rgba(0,0,0,.3)}
@media (min-width:1024px){.hnote{margin-top:-12px}}
.hst .hnote,.hst .hnote.hnote{margin-top:-2px;text-wrap:pretty}
@media (min-width:1024px){.stwrap.hst{max-width:520px}}
/* length pass (Oct 18): one tighter rhythm between sections, 96px on desktop and 64px on phones; the showcase rows and the hero hand-off keep a little more */
@media (min-width:1024px){
  #case,#industries,#teammate,#cost,#how,#portal,#agencies,#monitor,#jobs,#cn,#experts,#franchise,#compare,#pricing,#faq{margin-top:96px!important}
  #diff,#itl,#together{margin-top:112px!important}
  #backers{padding-top:96px}
  .ctas{margin-top:48px;padding:72px 16px 96px}
}
@media (max-width:1023px){
  #case,#industries,#teammate,#cost,#how,#portal,#agencies,#monitor,#jobs,#cn,#experts,#franchise,#compare,#pricing,#faq{margin-top:64px!important}
  #diff,#itl,#together{margin-top:88px!important}
  #backers{padding-top:64px}
  .ctas{margin-top:64px;padding:64px 24px 88px}
}

/* furniture variant (/furniture): what a furniture brand files */
.fu{display:none}.ind-furniture .fu{display:block}
.fug{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
@media (max-width:1023px){.fug{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.fug{grid-template-columns:minmax(0,1fr)}}
.fuc{border:1px solid rgba(15,27,51,.1);border-radius:16px;padding:22px 22px 20px;background:#fff;min-width:0}
.fuc h3{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.2px;color:var(--ink);margin:0 0 14px}
.fuc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.fuc li{font-size:14px;line-height:1.45;color:var(--ink2)}
.fuc li b{display:block;color:var(--ink);font-weight:600;margin-bottom:2px}
.fuc li a{color:var(--ink2);text-decoration:underline;text-underline-offset:2px;font-size:12px}
.funote{margin-top:18px;font-size:12px;color:var(--muted)}

/* demo: shorter frame, value up front (Oct 21) */
@media (min-width:768px){.vcard{aspect-ratio:auto;padding:24px 16px 56px}.vdemo .arow{padding-block:4px}.vdemo .alist{padding-block:12px 14px}}
@media (max-width:767px){.vcard{aspect-ratio:auto;padding:16px 12px 52px}.vdemo #appRows .arow:nth-child(n+6){display:none}.vdemo .ahead em{font-size:12px}}
/* market tracker: shorter on phones (Oct 21) */
@media (max-width:767px){#monitor .mndone,#monitor .mnst,#monitor .mnside .mnsc:not(.mnsc2){display:none}#monitor .mnls>*:nth-child(n+5){display:none}}
/* land95:css */
/* land95 (Oct 21): a shorter page. Built for trust in alven.ai's card layout, security in devin.ai's enterprise layout,
   folds and tabs instead of long stacks, and space, tone and card shapes instead of horizontal rules */

/* industries: a list and a panel, as on alven.ai, with no scroll track (the track was 185vh of empty scrolling) */
@media (min-width:1024px){.inscroll{height:auto}.instick{position:static;height:auto;display:block;padding-top:0}.inrow{height:640px!important}}

/* ---------- built for trust: alven.ai's cards. Heading in a 336px column, 102px gap, three #F0-tone cards (16px radius,
   24px padding, 264px tall, 24px apart), a 16/1.2 title top left, a 56px grey line icon centred below. Phones: two
   cards a row, 206px tall, 8px radius, 16px padding, 8px apart, the third centred ---------- */
.tr95r{display:flex;flex-direction:column;gap:24px}
@media (min-width:1024px){.tr95r{flex-direction:row;gap:102px;align-items:flex-start}}
.tr95h{flex:none;width:336px;max-width:100%}
.tr95c{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%}
@media (min-width:1024px){.tr95c{flex-wrap:nowrap;gap:24px;flex:1;min-width:0}}
.tr95k{display:flex;flex-direction:column;gap:10px;width:calc(50% - 4px);min-height:206px;padding:16px;border-radius:8px;background:var(--card);overflow:clip}
@media (min-width:1024px){.tr95k{flex:1;width:auto;height:264px;padding:24px;border-radius:16px}}
.tr95k p{font-size:14px;line-height:1.2;letter-spacing:-.14px;color:var(--ink)}
@media (min-width:1024px){.tr95k p{font-size:16px;letter-spacing:-.16px}}
.tr95k small{display:block;margin-top:6px;font-size:12px;line-height:1.35;letter-spacing:0;color:var(--muted)}
@media (min-width:1024px){.tr95k small{font-size:13px}}
.tr95i{margin-top:auto;display:flex;justify-content:center;padding:16px 0 12px;color:#A9AEB8}
@media (min-width:1024px){.tr95i{padding:0 0 36px}}
.tr95i svg{width:56px;height:56px;flex:none}

/* ---------- security: devin.ai's "Enterprise security" block. One column for the two-tone heading, two for the
   proof: a row of three cells split by hairline verticals (no seals: Placetta holds no certificate), then the controls
   in two columns of grey 16/24 type. Rows are spaced, not ruled ---------- */
.sc95{margin-top:96px}
@media (min-width:1024px){.sc95{margin-top:120px}}
.sc95g{display:grid;gap:40px}
@media (min-width:1024px){.sc95g{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media (min-width:1024px){.sc95r{grid-column:span 2}}
.sc95h{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.04;letter-spacing:-.9px;color:var(--ink);max-width:361px}
@media (min-width:1024px){.sc95h{font-size:40px;letter-spacing:-1.2px}}
html[lang="zh-CN"] .sc95h{font-family:var(--zhserif);letter-spacing:0;line-height:1.2}
.sc95h span{display:block}
.sc95t{color:rgba(15,27,51,.4)}
.sc95a{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:14px}
.sc95a a{color:var(--gs-ink);text-decoration:none}
.sc95a a:hover{text-decoration:underline}
.sc95b{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.sc95b>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:132px;padding:24px 16px;text-align:center;border-left:1px solid rgba(15,27,51,.08)}
.sc95b>div:first-child{border-left:0}
.sc95b b{font-family:var(--serif);font-weight:300;font-size:22px;line-height:1.1;letter-spacing:-.4px;color:rgba(15,27,51,.62)}
@media (min-width:1024px){.sc95b b{font-size:26px}}
html[lang="zh-CN"] .sc95b b{font-family:var(--zhserif);letter-spacing:0;font-size:20px}
.sc95b small{font-size:12px;line-height:1.3;color:var(--muted);letter-spacing:.2px}
.sc95lists{display:grid;gap:0 16px;margin-top:36px}
@media (min-width:768px){.sc95lists{grid-template-columns:1fr 1fr}}
.sc95lists ul{list-style:none;margin:0;padding:0}
.sc95lists li{padding:12px 0;font-size:16px;line-height:24px;color:rgba(15,27,51,.45)}
@media (min-width:768px){.sc95lists ul li:first-child{padding-top:0}}
.sc95lists ul:first-child li:first-child{padding-top:0}
.sc95n{margin-top:20px;font-size:13px;line-height:1.45;color:var(--muted);max-width:640px}

/* ---------- product shot (vdemo): devin.ai's hero framing. A pale photographic ground with an 8px radius (alven.ai),
   a desktop window with a quiet title bar, a 10px radius, a hairline edge and a soft two-layer shadow, small dense type,
   and the projected opening floated as a second card over the window's right edge. Same rows, same timing ---------- */
#vcard.vcard{aspect-ratio:auto;height:613px;padding:0;display:block;border-radius:8px;clip-path:inset(0 round 8px);background:#E8EDF3;overflow:hidden}
@media (min-width:768px){#vcard.vcard{height:680px}}
#vcard .vph{inset:-2%;width:104%;height:104%;filter:blur(2px) saturate(.35) brightness(1.9) contrast(.55);opacity:.85}
#vcard::before{background:radial-gradient(60% 50% at 15% 10%,rgba(255,244,230,.45),transparent 70%),linear-gradient(180deg,rgba(246,248,251,.5),rgba(236,240,246,.72) 70%,rgba(228,234,242,.85))}
#vcard .astage{position:absolute;z-index:2;left:12px;right:12px;top:24px;width:auto;margin:0}
@media (min-width:768px){#vcard .astage{left:50%;right:auto;top:56px;width:min(1100px,calc(100% - 96px));transform:translateX(-50%)}}
#vcard .app{width:100%;border:1px solid rgba(15,27,51,.09);border-radius:10px;box-shadow:0 1px 2px rgba(15,27,51,.05),0 18px 48px rgba(15,27,51,.12);overflow:visible;padding-top:34px;background:#fff}
#vcard .app::before{content:"";position:absolute;left:0;right:0;top:0;height:34px;border-radius:10px 10px 0 0;background:radial-gradient(circle at 18px 17px,#D9DDE4 4.5px,transparent 5px),radial-gradient(circle at 34px 17px,#D9DDE4 4.5px,transparent 5px),radial-gradient(circle at 50px 17px,#D9DDE4 4.5px,transparent 5px),#F7F8FA}
#vcard .atop{padding:14px 20px 4px}
#vcard .alogo.hplogo{width:32px;height:32px;border-radius:8px!important}
#vcard .aid b{font-size:13.5px}
#vcard .aid small{font-size:11.5px}
#vcard .alist{padding:10px 20px 16px}
#vcard .aask{font-size:13px;padding:6px 6px 6px 12px;border-radius:8px;margin-bottom:12px;background:#FAFBFC}
#vcard .asend{width:24px;height:24px;border-radius:6px}
#vcard .ahead b{font-size:12.5px}
#vcard .aprog{height:4px;margin-bottom:8px}
#vcard .arow{padding:6px 10px;border-radius:8px}
#vcard .arow .n{font-size:13px}
#vcard .arow .a{font-size:11.5px}
#vcard .asx{font-size:11px;padding:3px 9px}
@media (min-width:1024px){
  #vcard .app{width:720px;margin-right:auto}
  #vcard .abody{display:block}
  #vcard .alist{padding-right:96px}
  #vcard .aside{display:flex;position:absolute;left:650px;top:72px;width:380px;margin:0;background:#fff;border:1px solid rgba(15,27,51,.09);border-radius:10px;box-shadow:0 2px 4px rgba(15,27,51,.05),0 28px 64px rgba(15,27,51,.18);padding:20px;gap:16px}
  #vcard .proj strong{font-size:34px}
}
@media (min-width:1200px){#vcard .aside{left:670px}}
#vcard .vctl{bottom:18px;right:16px}
#vcard .vprog{height:2px}

/* ---------- tabs (.seg95): alven.ai's segmented control, a #F0-tone track with a white pill for the open tab ---------- */
.seg95{display:inline-flex;gap:2px;padding:4px;border-radius:10px;background:var(--card);margin:0 0 24px;max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg95::-webkit-scrollbar{display:none}
.seg95 button{flex:none;border:0;background:none;padding:8px 14px;border-radius:7px;font-size:14px;line-height:16px;letter-spacing:-.2px;color:var(--ink2);white-space:nowrap;transition:background-color .2s,color .2s}
.seg95 button:hover{color:var(--ink)}
.seg95 button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(15,27,51,.06)}
@media (min-width:1024px){.seg95{margin-bottom:32px}}
@media (max-width:767px){.seg95{display:flex;flex-wrap:wrap;width:100%;overflow:visible}.seg95 button{flex:1 1 auto;padding:8px 10px;font-size:13px}}
/* folded panels sit flush under their tabs */
#how .p95,#pricing .p95{margin-top:0!important;padding-top:0}
#how .p95h.h2{font-size:24px;line-height:1.2;letter-spacing:-.24px}
@media (min-width:1024px){#how .p95h.h2{font-size:28px;letter-spacing:-.28px}}
#how .sh + .seg95{margin-top:8px}
#how #teammate .sh{margin-bottom:24px}
#how #portal .ptrow{margin-top:0}
#how #itl .irow{margin-top:0}

/* ---------- folds: "Show all" in the page's own pill button; the list keeps its first few ---------- */
.more95{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:9px 16px;border:0;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.08),inset 0 0 0 1px rgba(15,27,51,.06);font-size:14px;font-weight:500;color:var(--ink);justify-self:start;align-self:start}
.more95:hover{box-shadow:0 2px 8px rgba(15,27,51,.10),inset 0 0 0 1px rgba(15,27,51,.08)}
.more95::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);transition:transform .2s}
.more95[aria-expanded="true"]::after{transform:rotate(225deg) translate(-1px,-1px)}
@media (min-width:1024px){.faqrow>.more95{grid-column:2}}

/* industries: phones keep six (and whichever is open); desktop shows the whole list beside the panel */
@media (max-width:1023px){.inlist.fold95:not(.open95)>.inb:nth-of-type(n+7):not(.on){display:none}.inlist+.more95{margin-top:4px}}
@media (min-width:1024px){.inlist+.more95{display:none}}
/* rule changes: phones show the featured change first; the deadlines and all markets open from a button */
@media (max-width:767px){#monitor .mnside.fold95:not(.open95){display:none}#monitor .mngrid>.more95{margin:16px 16px 4px}}
@media (min-width:768px){#monitor .mngrid>.more95{display:none}}

/* ---------- one rhythm: 96px between sections on desktop, 64px on phones; security sits closer under trust ---------- */
@media (min-width:1024px){
  #diff,#case,#industries,#cost,#how,#agencies,#cn,#trust,#backers,#experts,#franchise,#pricing,#faq,#together{margin-top:96px!important}
  #security{margin-top:72px!important}
  #backers{padding-top:0}
  .ctas{padding:64px 16px 72px}
}
@media (max-width:1023px){
  #diff,#case,#industries,#cost,#how,#agencies,#cn,#trust,#backers,#experts,#franchise,#pricing,#faq,#together{margin-top:64px!important}
  #security{margin-top:56px!important}
  #backers{padding-top:0}
  .ctas{padding:56px 24px 72px}
}
/* security on phones: shorter cells, tighter rows */
@media (max-width:767px){.sc95b>div{min-height:104px;padding:16px 8px}.sc95lists{margin-top:24px}.sc95lists li{padding:8px 0;font-size:15px;line-height:22px}}

/* ---------- fit: blocks that now open under a tab lose the gap they had as stand-alone blocks ---------- */
#pricing #p95a .pmath{margin-top:0}
#pricing .pr95{margin-top:48px}
@media (max-width:1023px){#pricing .pr95{margin-top:32px}}
#case .pfrow{margin-bottom:32px}
/* industries: the row is as tall as its list, so the eleven industries never run into the next section */
@media (min-width:1024px){.inrow{height:auto!important;min-height:600px}}
/* the open tab already names the math on waiting; its heading stays for screen readers only */
#p95a .pmhd h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- phone folds: included list, the rent calculator, the region list, the brands' backers ---------- */
@media (max-width:767px){
  #pricing .prlist.fold95:not(.open95)>li:nth-child(n+4){display:none}
  #pmCalc.fold95:not(.open95){display:none}
  #invR.fold95:not(.open95)>:nth-child(n+7){display:none}
}
@media (min-width:768px){#pricing .prlist+.more95,#pmCalc+.more95,#invR+.more95{display:none}}
@media (max-width:1023px){#agTabs.fold95:not(.open95)>.agb:nth-of-type(n+5):not([aria-selected="true"]){display:none}}
@media (min-width:1024px){#agTabs+.more95{display:none}}
#pricing .prlist+.more95{margin-top:4px}
#pmCalc+.more95{justify-self:start}
@media (max-width:767px){#invR+.more95{display:flex;margin:16px auto 0}}

/* ---------- compaction on desktop: the same content with less padding ---------- */
@media (min-width:1024px){
  #diff .dcard{padding:40px 44px;gap:32px}
  .ox .addc.frc{height:620px;padding-top:88px}
}

/* ---------- no horizontal rules: rows and blocks are separated by space, tone or a card shape instead ----------
   Kept on purpose: the demo's playback bar (#vBar) and the story tabs' timer bar, which show progress, not divisions;
   vertical hairlines (the named proof strip, the security cells) are not horizontal rules */
#diff .ds,#diff .bal{border-bottom:0!important}
#diff .ds{padding-bottom:8px}
#diff .bal{padding-bottom:0}
#how .hwr,#how .hwmore,#how .fcrow,#how .tmrow,#how .tmapps,#how .tmcal{border-top:0!important}
#how .ptbar{border-bottom:0!important;background:#F4F5F7}
#monitor .mnside{border-top:0!important}
#cn .dtr{border-top:0!important}
#backers .bkinv{border-top:0!important;padding-top:8px}
#franchise .tdv{display:none!important}
#franchise .tr{border-bottom:0!important}
#franchise .tr.th{background:#F6F7F9;border-radius:8px}
#pricing .wres{border-top:0!important}
#pricing .prmore{border-top:0!important;border-bottom:0!important;background:var(--card);border-radius:16px;padding-inline:24px}
#together .chbox{border-top:0!important}

/* phones: tabs stay on one row and scroll inside the bar when there are more than fit (the page itself never scrolls sideways) */
@media (max-width:767px){
  .seg95{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .seg95 button{flex:1 0 auto!important}
  #h95{-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent);padding-right:40px}
  /* pricing: the promise line repeats the first included item right below it */
  #pricing .psub2{display:none}
}

/* final call to action: devin.ai sets its closing line in two lines at about 64px */
@media (min-width:1024px){.ctas .ctah,.ctas p.ctah{font-size:clamp(40px,4.4vw,64px)}}
/* /land95:css */
/* phone95:css (Oct 21): the phone pass. Every tap target is 44px, reading text is 16px, nothing fixed sits on the
   page while you read, tab bars that run past the screen say so, and the menu and language sit one tap away */
.mnb,.msheet{display:none}
@media (max-width:1023px){
  .mnb{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:10px;background:none;color:#fff;transition:color .3s}
  .hdr.light .mnb{color:var(--ink)}
  .mnb svg{overflow:visible}
.mnb path{transition:transform .25s;transform-box:view-box;transform-origin:10px 10px}
  .mnb[aria-expanded="true"] .mn1{transform:rotate(45deg) translateY(3px)}
  .mnb[aria-expanded="true"] .mn2{transform:rotate(-45deg) translateY(-3px)}
  .hwrap{flex-direction:column;align-items:center;gap:8px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .msheet:not([hidden]){pointer-events:auto;display:flex;flex-direction:column;gap:16px;width:100%;padding:12px 16px 16px;border-radius:16px;background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(10,23,48,.22);animation:pop .25s cubic-bezier(.16,1,.3,1)}
  .msheet nav{display:flex;flex-direction:column}
  .msheet nav a{display:flex;align-items:center;min-height:48px;font-size:18px;letter-spacing:-.2px;color:var(--ink);text-decoration:none}
  .msheet .mslang{gap:8px;color:var(--ink)}
  .msheet .mslang button{flex:1;min-height:44px;padding:0 12px;border-radius:10px;font-size:15px;opacity:1;background:var(--card);color:var(--ink2)}
  .msheet .mslang button[aria-pressed="true"]{background:var(--ink);color:#fff}
  .msheet>.btn{min-height:48px;font-size:16px}
  /* hidden while you read down the page, back as soon as you scroll up */
  html.p95hide .hwrap{transform:translateY(calc(-100% - 24px - env(safe-area-inset-top,0px)))}
  html.p95hide .mbar{transform:translateY(110%)!important;visibility:hidden!important;transition:transform .3s,visibility 0s .3s!important}
  html{scroll-padding-top:88px}
}
@media (max-width:767px){
  /* nav: the language that is not showing, one tap; the full pair is in the menu */
  .hdr{padding:4px 4px 4px 6px}
  .hdr .right{gap:2px}
  .hdr .lgt>span,.hdr .lgt>button[aria-pressed="true"]{display:none}
  .hdr .lgt>button{min-width:44px;min-height:44px;padding:0 8px;font-size:15px;opacity:.9}
  .hdr .login{min-height:44px;display:inline-flex;align-items:center;font-size:15px;padding:0 14px}

  /* tap targets: 44px */
  .btn,.more95,.seg95 button,.bkmore,.mpddb{min-height:44px}
  .btn{font-size:15px}
  .starter{padding:4px 4px 4px 14px}
  .starter input{padding:12px 0}
  .vctl button{width:44px;height:44px}
  .vctl{right:6px;bottom:14px;gap:0}
  .howtry,.sc95a a{min-height:44px;display:inline-flex;align-items:center}
  #hBk,.stalt a{padding-block:11px;margin-block:-11px}
  .hero .hbtn2,.hero a[data-open],.hero .hlink{min-height:44px;display:inline-flex;align-items:center}
  .xpmore{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:16px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.08),inset 0 0 0 1px rgba(15,27,51,.06);font-size:14px;font-weight:500;color:var(--ink);text-decoration:none}
  .xpmore::after{content:"";width:7px;height:7px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-1px,-2px);transition:transform .2s}
  .xpmore[aria-expanded="true"]::after{transform:rotate(225deg) translate(-1px,-1px)}
  /* footer links: two even columns of 44px rows */
  .flinks{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:0 16px!important;align-items:center;font-size:15px}
  .flinks .col>*{min-height:44px;display:inline-flex;align-items:center}
  .flinks .pair,.flinks .col{display:contents}
  .flinks a,.flinks button{min-height:44px;display:inline-flex;align-items:center}
  .srcl a{display:inline-block;padding-block:14px;margin-block:-14px}
  .hdr .logo{min-height:44px}
  .stalt a{padding-block:13px;margin-block:-13px}

  /* reading text: 16px; sources, notes and mock screens keep their small size */
  .hsub{font-size:16px!important}
  .insub,.cnlp,#pricing .pmsub{font-size:16px!important;line-height:1.5!important}
  .nproof .npc span,#diff .ds span{font-size:15px!important}
  .sc95lists li{font-size:16px!important}
  #franchise .frcap{font-size:16px!important}
  #pricing .pms span,#pricing .pn{font-size:15px!important}
  #together .chn{font-size:15px!important}
  #mpinfo{font-size:15px!important}
  #mpddq{font-size:16px!important}

  .wtabs button,.mptabs button,#lBtn{min-height:44px}
  .stnote a{display:inline-block;padding-block:13px;margin-block:-13px}
  .flinks a,.flinks button{min-width:44px}
  .feat .fct p,.faqcta p{font-size:16px!important}
  #caseSt span,#cost .ds span,.plist li p,#pfRow span{font-size:15px!important}
  .hnote,.hero .badge p{font-size:14px!important}
  /* trust: one row per promise, its mark beside it */
  .tr95c{flex-direction:column;flex-wrap:nowrap;gap:8px}
  .tr95k{width:100%;min-height:0;flex-direction:row;align-items:center;gap:16px;padding:16px;border-radius:12px}
  .tr95k p{flex:1;font-size:17px;line-height:1.25}
  .tr95k small{font-size:15px;line-height:1.4;margin-top:4px}
  .tr95i{order:-1;margin:0;padding:0;align-self:flex-start}
  .tr95i svg{width:36px;height:36px}

  /* security: the first four controls, the rest behind "Show all" */
  .sc95lists.p95f:not(.p95o)>.scg:nth-child(n+2),.sc95lists.p95f:not(.p95o)>.scg:first-child li:nth-child(n+5){display:none}

  /* tabs that run past the screen: the last one fades and an arrow says there is more */
  #case #tsBar{position:relative}
  #case #tsTabs{-webkit-mask-image:linear-gradient(90deg,#000 80%,transparent);mask-image:linear-gradient(90deg,#000 80%,transparent);scroll-snap-type:x proximity}
  #case #tsTabs.p95end{-webkit-mask-image:none;mask-image:none}
  #case #tsTabs .tstab{scroll-snap-align:start}
  .p95arr{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--ink);z-index:2}
  .p95arr[hidden]{display:none}
  #case #tsTabs .tstab i{display:none}
  /* rhythm: 56px between sections on phones (96 on desktop) */
  #diff,#case,#industries,#cost,#how,#agencies,#cn,#trust,#backers,#experts,#franchise,#pricing,#faq,#together{margin-top:56px!important}
  #security{margin-top:48px!important}
  .ctas{padding:48px 16px 56px!important}
  .nproof .npi{padding-top:32px!important}
  .ctas .ctah,.ctas p.ctah{text-wrap:balance}
  #cost .cbig{gap:24px!important}#cost .cbig>.cbn{padding-bottom:8px!important}#cost .cbig>.ds{padding-top:8px!important}
  #diff .dl{row-gap:32px!important}
  /* case studies: every tab in view as wrapping pills */
  #case .cstabs{display:flex!important;flex-wrap:wrap!important;gap:6px;overflow:visible!important;margin:0!important;padding:0!important;background:none!important;border-radius:0!important}
  #case .cstabs .tstab{flex:0 0 auto!important;min-width:0!important;min-height:44px;display:flex;flex-direction:column;justify-content:center;padding:0 16px!important;border-radius:999px!important;background:var(--card)!important;color:var(--ink2)!important}
  #case .cstabs .tstab[aria-selected="true"]{background:var(--ink)!important;color:#fff!important}
  #case .cstabs .tstab[aria-selected="true"] span{color:rgba(255,255,255,.7)!important}
  #case .cstabs .tstab b{font-weight:500;font-size:14px}
  #case .cstabs .tstab span{font-size:11.5px;line-height:1.2}
  #case .cstabs .tstab span.p95dup,#case .cstabs .tstab i{display:none}
  /* how it works: five tabs as wrapping pills, every one in view */
  #h95{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;padding:0!important;gap:6px;background:none}
  #h95 button{flex:0 0 auto!important;background:var(--card);border-radius:999px;padding:0 12px!important;font-size:13px!important}
  #h95 button[aria-selected="true"]{background:var(--ink);color:#fff}
}
@media (min-width:768px){.p95fb{display:none!important}}
/* short phones (iPhone SE and the like): the hero keeps its first screen clear of the nav */
@media (max-width:767px) and (max-height:740px){.hsub{font-size:15px!important}.hero .hstack{gap:14px!important}}
/* /phone95:css */
/* trust95 (Oct 21): trust and security read like a trust page. Every control carries its status in words (In place,
   Rolling out, In progress), the main subprocessors and the security contact are named, and nothing claims a certificate */
.tr95p{margin-top:12px;font-size:16px;line-height:1.5;color:var(--ink2);max-width:336px}
@media (min-width:1024px){
  .tr95k{height:auto;min-height:0;gap:16px;padding:24px 24px 28px}
  .tr95k p{font-size:17px;line-height:1.3}
  .tr95k small{margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink2)}
  .tr95i{order:-1;margin:0;padding:0;justify-content:flex-start}
  .tr95i svg{width:32px;height:32px}
}
.tr95i{color:var(--gs-d)}
.tr95k small{color:var(--ink2)!important}
.sc95i{margin-top:16px;font-size:15px;line-height:1.5;color:var(--ink2);max-width:361px}
.sc95c{margin-top:20px;display:flex;flex-direction:column;gap:2px;font-size:14px;color:var(--muted)}
.sc95c a{color:var(--ink);text-decoration:none;font-size:15px}
.sc95c a:hover{text-decoration:underline}
.sc95lists .scg ul{list-style:none;margin:0;padding:0}
.sc95lists .scg li{padding:7px 0!important;font-size:15px;line-height:22px;color:var(--ink)}
.sc95lists .scg+.scg{margin-top:0}
.sct{display:inline-flex;align-items:center;height:24px;padding:0 9px;margin-bottom:8px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:.2px}
.sct-ok{background:#E3F1E7;color:#256B3C}
.sct-ro{background:var(--gs-ll);color:var(--gs-ink)}
.sct-pr{background:#F6EEDD;color:#7A5410}
@media (min-width:768px){.sc95lists{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:20px 32px}.sc95lists .scg:first-child{grid-row:span 2}}
@media (max-width:767px){.sc95lists{gap:20px}}
.scsub{margin-top:40px}
.scsubh{font-size:15px;font-weight:500;color:var(--ink);margin-bottom:12px}
.scsubl{display:grid;grid-template-columns:1fr;gap:8px;margin:0}
@media (min-width:560px){.scsubl{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.scsubl{grid-template-columns:repeat(3,minmax(0,1fr))}}
.scsubl>div{padding:14px 16px;border-radius:12px;background:var(--card)}
.scsubl dt{font-size:15px;font-weight:500;color:var(--ink)}
.scsubl dd{margin:2px 0 0;font-size:14px;line-height:1.4;color:var(--ink2)}
.scsuba{display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;color:var(--gs-ink);text-decoration:none}
.scsuba:hover{text-decoration:underline}
.sc95b b{color:var(--ink)}
@media (max-width:767px){
  .sc95c a{min-height:44px;display:inline-flex;align-items:center}
  .sc95lists .scg li{font-size:16px!important;line-height:24px}
  .scsubl{gap:0;padding:6px 16px;border-radius:12px;background:var(--card)}
  .scsubl>div{display:flex;gap:12px;padding:9px 0;background:none;border-radius:0}
  .scsubl dt{flex:none;width:88px}
  .scsubl dd{margin:0}
  .scsubl dd{font-size:15px}
}
/* /trust95 */

/* pricing: the two plans up front, the rest on demand (Oct 22) */
#pricing .prcard{display:none}
#pricing .plans.two95{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:36px;max-width:880px}
@media (max-width:767px){#pricing .plans.two95{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}}
#pricing .prdet{margin-top:28px}
#pricing .prdet .prmb{padding-top:8px}
#faqList.fold95:not(.open95)>:nth-child(n+5){display:none}

/* security, laid out like devin.ai (Oct 22) */
.dv95{margin-top:96px}
.dvf{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:56px 16px 56px 16px}
.dvg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.05fr);gap:48px}
@media (max-width:899px){.dvg{grid-template-columns:minmax(0,1fr);gap:32px}.dv95{margin-top:64px}.dvf{border:0;padding:0}}
.dvh h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3vw,42px);line-height:1.08;letter-spacing:-.02em;margin:0;color:var(--ink)}
.dvh h2 em{font-style:normal;color:var(--muted);display:block}
.dvb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.dvb>div{display:flex;align-items:center;justify-content:center;min-height:132px;border-left:1px solid var(--line)}
.dvm{display:flex;flex-direction:column;align-items:center;gap:0;color:#8A92A3;text-align:center}
.dvm img{display:block;width:84px;height:84px}
.dvb>div:nth-child(3n+1){border-left:0}.dvb>div:nth-child(n+4){border-top:1px solid var(--line)}
.dvm b{font-size:17px;font-weight:500;letter-spacing:.02em;color:#7C8494}
.dvm i{font-style:normal;font-size:11px;line-height:1.2;color:#9AA1AE}
.dvl{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.dvl li{font-size:15px;line-height:1.4;color:var(--muted);padding:16px 0;border-bottom:1px solid var(--line)}
.dvl li:nth-last-child(-n+2){border-bottom:0}
@media (max-width:599px){.dvm img{width:64px;height:64px}.dvb>div{min-height:104px}.dvl{grid-template-columns:minmax(0,1fr)}.dvl li:nth-last-child(2){border-bottom:1px solid var(--line)}}

/* cleaner hero (Oct 22): the plan box speaks for itself */
.hero .hnote{display:none}

/* phone top bar like devin.ai and alven.ai (Oct 22): logo left, menu right; language and log in live in the menu */
@media (max-width:767px){.hdr .right .lgt,.hdr .right .login{display:none!important}}

/* brand backers as a logo marquee (Oct 22) */
#invR.invr{display:block;overflow:hidden;max-width:1288px;margin-inline:auto;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
#invR .ivt{display:flex;align-items:center;gap:56px;width:max-content;padding-right:56px;animation:ivmq 48s linear infinite;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}
#invR:hover .ivt{animation-play-state:paused}
#invR .ivt img{flex:none}
@keyframes ivmq{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (max-width:767px){#invR .ivt{gap:36px;padding-right:36px;animation-duration:36s}#invR+.more95{display:none!important}}
@media (prefers-reduced-motion:reduce){#invR .ivt{animation:none;flex-wrap:wrap;justify-content:center;width:auto;gap:24px 36px}#invR .ivt img[aria-hidden]{display:none}}

/* the menu never runs off a short screen, and nothing sits on top of it (Oct 22) */
@media (max-width:1023px){.msheet:not([hidden]){max-height:calc(100dvh - 104px - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain}}
.menu-open .mbar,.menu-open .resume{display:none!important}

/* the top bar stays readable over any section, and solid while the menu is open (Oct 22) */
.hdr.light{background:rgba(247,248,250,.985);-webkit-backdrop-filter:blur(24px) saturate(1.2);backdrop-filter:blur(24px) saturate(1.2);border-color:rgba(15,27,51,.07);box-shadow:0 1px 2px rgba(15,27,51,.05),0 6px 20px -12px rgba(15,27,51,.18)}   /* solid like devin.ai: nothing behind shows through */
.menu-open .hdr.light{background:rgba(255,255,255,.98)}
.menu-open .hdr:not(.light){background:rgba(15,27,51,.92)}

/* menu96 (Oct 22): the phone menu fills the screen like devin.ai's. The page behind is dimmed and blurred, links
   sit on hairlines, and language and the plan button stay pinned at the bottom. */
@media (max-width:1023px){
  .menu-open body{overflow:hidden}
  .menu-open .hwrap{bottom:0;pointer-events:auto}
  .menu-open .hwrap::before{content:"";position:fixed;inset:0;z-index:-1;background:rgba(10,20,40,.55);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:fadeIn96 .2s ease}
  .msheet:not([hidden]){flex:1;min-height:0;max-height:none;margin-bottom:calc(16px + env(safe-area-inset-bottom,0px));padding:8px 20px 20px;gap:12px;background:#fff}
  .msheet nav a{min-height:56px;border-bottom:1px solid var(--line);font-size:19px}
  .msheet nav a:last-child{border-bottom:0}
  .msheet .mslang{margin-top:auto}
}
/* tablets keep EN/中文 and the plan button in the bar, so the sheet holds just the links */
@media (min-width:600px) and (max-width:1023px){.menu-open .hwrap{bottom:auto}.msheet:not([hidden]){flex:none}.msheet .mslang,.msheet>.btn{display:none}}
@keyframes fadeIn96{from{opacity:0}to{opacity:1}}

/* final call: more air between the two lines */
.ctas .ctah .l2{margin-top:.32em}
/* cleaner hero (Oct 22): the backers line lives in its own marquee further down */
.hero .hbk{display:none!important}
/* land96:css (Oct 23): pricing leads with a numbers-first comparison, the phone opens on the headline, and the page says
   each idea once: hero, live demo, proof, how it works, pricing, trust, FAQ, the last call. */
/* the comparison: three columns, four rows, Placetta's column tinted */
#pricing .c96h{margin-bottom:28px;max-width:860px}
.cmp96{display:flex;flex-direction:column;gap:14px;margin-bottom:44px}
/* one card: the visitor's own price next to the expediter's range, then the two-field calculator */
.c96calc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;align-items:end;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ebebeb}
.c96calc>p{display:flex;flex-direction:column;gap:5px;margin:0;min-width:0}
.c96p{grid-column:1/3;align-self:stretch;padding:18px 20px;border-radius:14px;background:var(--gs-ll)}
#c96You.mine{box-shadow:inset 0 0 0 2px var(--gs)}
.c96x{grid-column:3/5;align-self:stretch;padding:18px 20px;border-radius:14px;background:var(--card)}
.c96o{grid-column:3/5;padding:0 20px}
.c96calc small{font-size:14px;line-height:1.35;color:var(--ink2)}
.c96calc b{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.08;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.c96x b{color:var(--ink2)}
html[lang="zh-CN"] .c96calc b{font-family:var(--zhserif);font-weight:500;font-size:26px;letter-spacing:0}
.c96calc span{font-size:13px;line-height:1.45;color:var(--muted)}
.c96f{display:flex;flex-direction:column;gap:6px;min-width:0}
.c96f label{font-size:13px;line-height:1.3;color:var(--ink2)}
.c96f input{width:100%;height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);font:inherit;font-size:17px;color:var(--ink);font-variant-numeric:tabular-nums}
.c96f input:focus{outline:2px solid var(--gs-d);outline-offset:1px}
@media (max-width:767px){
  .c96calc{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px;gap:14px 12px}
  .c96p,.c96x,.c96o{grid-column:1/-1}
  .c96p,.c96x{padding:16px}
  .c96o{padding:0 4px}
  .c96calc b{font-size:28px}
}
.c96src{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}
.c96src a{color:inherit;text-underline-offset:2px}
/* c96v (Oct 23): the value calculator. The visitor's rent, sales and weeks sooner on the left, the live result and its
   Stripe-style breakdown on the right; the chain math under it. Every number is the visitor's input or a published price. */
.c96calc>p.c96fair{display:block;grid-column:1/-1;margin:-4px 0 0;padding:0 4px;font-size:15px;line-height:1.5;color:var(--ink2)}
#cmpCalc .c96fair b{display:inline;font:inherit;font-weight:600;letter-spacing:0;color:var(--ink)}
.c96v{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ebebeb,0 28px 70px rgba(15,27,51,.06);overflow:hidden}
.c96vin{display:flex;flex-direction:column;gap:18px;padding:32px}
.c96vh{margin:0 0 4px;font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.3px;color:var(--ink)}
.c96f label i{font-style:normal;color:var(--muted);margin-left:6px}
.c96m{position:relative}
.c96m>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:17px;color:var(--ink2);pointer-events:none}
.c96m input{padding-left:30px}
.c96f input::placeholder{color:var(--faint)}
.c96w{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px}
.c96w label,.c96w>span{font-size:17px;line-height:1.3;color:var(--ink)}
.c96f select{height:48px;min-width:132px;padding:0 40px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235B6378' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;font:inherit;font-size:17px;font-weight:500;color:var(--ink)}
.c96f select:focus{outline:2px solid var(--gs-d);outline-offset:1px}
.c96note{margin:0;font-size:13px;line-height:1.5;color:var(--ink2)}
.c96vout{display:flex;flex-direction:column;padding:32px 36px;background:var(--gs-ll)}
.c96lede{margin:0;font-size:17px;line-height:1.4;color:var(--ink2)}
.c96big{display:block;margin-top:6px;font-family:var(--serif);font-weight:300;font-size:72px;line-height:1;letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums}
.c96big small{font-family:inherit;font-size:22px;letter-spacing:0;color:var(--ink2);margin-left:8px}
html[lang="zh-CN"] .c96big{font-family:var(--zhserif);font-weight:500;font-size:56px;letter-spacing:0}
.c96pay{align-self:flex-start;margin-top:14px;padding:5px 12px;border-radius:8px;background:#fff;font-size:14px;font-weight:500;color:var(--gs-ink)}
.c96bd{display:flex;flex-direction:column;margin:22px 0 0}
.c96bd>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:3px 20px;padding:14px 0;border-top:1px solid #D6E2F0}
.c96bd dt{font-size:15px;line-height:1.35;color:var(--ink)}
.c96bd dd{margin:0;font-size:18px;font-weight:500;text-align:right;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.c96bd small{grid-column:1/-1;font-size:13px;line-height:1.45;color:var(--ink2)}
.c96bd .net{border-top:1.5px solid var(--ink)}
.c96bd .net dt{font-weight:600}
.c96bd .net dd{font-size:22px;font-weight:600}
.c96chg{grid-column:1/-1;justify-self:start;min-height:44px;margin:0 0 -10px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:500;color:var(--gs-ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.c96sl{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.c96sl[hidden]{display:none}
.c96sl input{background:#fff}
.c96ch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;padding:28px 32px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ebebeb}
.c96ch h3{grid-column:1/-1;margin:0;font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.3px;color:var(--ink)}
.c96ch p{display:flex;flex-direction:column;gap:6px;margin:0;padding:18px 20px;border-radius:14px;background:var(--card)}
.c96ch p.us{background:var(--gs-ll)}
.c96ch p.sv{background:var(--ink)}
.c96ch small{font-size:14px;line-height:1.35;color:var(--ink2)}
.c96ch b{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.1;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
html[lang="zh-CN"] .c96ch b{font-family:var(--zhserif);font-weight:500;font-size:26px;letter-spacing:0}
.c96ch span{font-size:13px;line-height:1.45;color:var(--ink2)}
.c96ch p.sv small,.c96ch p.sv span{color:#C9D3E3}
.c96ch p.sv b{color:#fff}
.c96ch .c96chg{margin:-6px 0 -8px}
@media (max-width:767px){
  .c96v{grid-template-columns:minmax(0,1fr)}
  .c96vin{padding:20px 16px;gap:16px}
  .c96vout{padding:20px 16px}
  .c96vh,.c96ch h3{font-size:19px}
  .c96big{font-size:52px}
  html[lang="zh-CN"] .c96big{font-size:42px}
  .c96bd dt{font-size:14px}
  .c96bd dd{font-size:16px}
  .c96bd .net dd{font-size:19px}
  .c96ch{grid-template-columns:minmax(0,1fr);padding:20px 16px;gap:12px}
  .c96ch p{padding:16px}
  .c96ch b{font-size:28px}
  .c96calc>p.c96fair{font-size:14px;margin:0}
}
@media (min-width:1024px){main>section[id]:not(#top){margin-top:72px!important}main>section#agencies:not(#top),main>section#together:not(#top){margin-top:40px!important}}
#together{margin-top:40px}
.wt96 .wtc{margin-bottom:24px}
/* coverage: the map and every agency fold behind one line */
#agencies.mt160{margin-top:56px}
.ag96{margin-top:0;border-top:0;border-bottom:0;background:var(--card);border-radius:16px;padding-inline:24px}
.ag96 summary{min-height:44px}
.ag96 summary h2{margin:0;font-size:24px}
.ag96[open] .agrow{padding-bottom:28px}
#agencies .agnote{margin-top:12px}
/* franchise: now the last part of "More plans" */
.fr96{margin-top:36px}
.fr96 .addb{min-height:44px;padding-inline:14px}
/* industries: one row of sector tabs, the picture under it */
#industries.insec{margin-top:128px}
#industries .inrow{flex-direction:column!important;height:auto!important;min-height:0!important;gap:20px}
#industries .inl{width:auto!important;gap:18px;padding:0;justify-content:flex-start}
#industries .inl .t28{max-width:none}
#industries .insub{display:block!important;max-width:640px}
#industries .inlist{display:flex!important;flex-wrap:nowrap;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -24px;padding:2px 24px;scroll-snap-type:x proximity}
#industries .inlist::-webkit-scrollbar{display:none}
@media (min-width:768px){#industries .inlist{margin:0;padding:2px 2px;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}}
#industries .inb{flex:none;display:flex!important;width:auto;height:44px!important;padding:0 16px 0 12px;gap:8px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:15px!important;color:var(--ink2);scroll-snap-align:start}
#industries .inb span{overflow:visible}
#industries .inb svg{width:18px!important;height:18px!important}
#industries .inb.on{background:var(--ink);border-color:var(--ink);color:#fff}
#industries .inlist+.more95{display:none!important}
#industries .inpanel{flex:none;max-width:none;width:100%;min-height:400px!important;margin:0}
@media (max-width:767px){#industries .inpanel.inart{min-height:340px!important}}
/* the phone: the headline right under the menu, the city box and a thumb-reach "Get my plan" low on the first screen,
   then the brands. The video stays behind it all */
@media (max-width:767px){
  .hero{height:auto!important;min-height:100svh}
  .hero .hin{position:relative;top:auto;bottom:auto;left:auto;transform:none;display:flex;flex-direction:column;min-height:100svh;padding:84px 0 18px}
  .hero .hl{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;flex:1;padding:0 20px;gap:12px!important}
  .hero .hstack{flex:1;gap:14px!important}
  .hero .hst{margin-top:auto;max-width:none}
  .hero .starter{flex-direction:column;align-items:stretch;gap:6px;padding:6px!important}
  .hero .starter input{min-height:48px;padding:12px 10px!important}
  .hero .starter .btn{min-height:52px;font-size:16px;border-radius:10px}
  .hero .stalt a{min-height:44px}
  .hero .hbk{margin-top:0!important}
  .hero .hbot{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;padding:14px 20px 0}
  .hero::after{background:linear-gradient(180deg,rgba(9,19,36,.74) 0%,rgba(9,19,36,.42) 42%,rgba(9,19,36,.5) 66%,rgba(9,19,36,.82) 100%)}
  /* the live demo as a phone */
  .vdemo .sample{width:100%;max-width:344px;margin:0 auto}
  #vcard.vcard{height:660px;border:9px solid var(--ink);border-radius:46px;clip-path:none;box-shadow:0 30px 60px rgba(15,27,51,.18)}
  #vcard::after{content:"";position:absolute;z-index:4;top:8px;left:50%;width:84px;height:22px;border-radius:12px;background:var(--ink);transform:translateX(-50%)}
  #vcard .astage{left:8px;right:8px;top:38px}
  .vctl button{min-width:44px;min-height:44px}
  main .btn{min-height:44px}
  /* links inside running text get a 44px tap height without moving the text */
  #faq a,.c96src a{display:inline-block;padding-block:13px;margin-block:-13px}
}

/* the phone, Tesla and SpaceX style: one image, one headline, one line, one action. Headline centered in the upper
   third with room to breathe, the city box and "Get my plan" at the bottom, nothing else on the first screen */
.hsubm{display:none}
@media (max-width:767px){
  .hero .badge,.hero .hsub,.hero .hnote{display:none!important}
  .hero .hsubm{display:block;margin:0;font-size:17px;line-height:1.45;color:rgba(255,255,255,.88);max-width:30ch;margin-inline:auto}
  .hero .hin{padding:112px 0 22px!important}
  .hero .hl{text-align:center;gap:0!important;padding:0 24px!important}
  .hero .hstack{gap:16px!important}
  .hero h1{font-size:44px!important;line-height:1.04!important;letter-spacing:-.01em;max-width:none!important;margin-inline:auto}
  .hero .hst{margin-top:auto;padding-top:40px}
  .hero .starter{background:rgba(255,255,255,.1)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .hero .stalt{display:flex;justify-content:center;margin-top:10px}
  .hero .hbot{padding:22px 24px 0!important;text-align:center}
  .hero .hbot p{margin-bottom:6px;text-align:center;width:100%}
}
/* hero95 (Oct 23): Tesla's buttons on the phone. One clean city field, then "Get my plan" solid white and "Book a demo"
   as its matching secondary, both full width and 54px tall, the way Tesla pairs Order Now and Demo Drive. The logo row is
   one short line, and short screens (667 to 740) tighten so the whole first screen fits from 667 to 932 */
@media (max-width:767px){
  .hero .hin{padding:104px 0 18px!important}
  .hero h1{font-size:44px!important;line-height:1.04!important}
  .hero .hsubm{font-size:17px;line-height:1.45}
  .hero .starter,.hero .starter:focus-within{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0!important;padding:0!important;border:0;border-radius:0;background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  .hero .starter input{height:54px;min-height:54px;padding:0 16px!important;border:1px solid rgba(255,255,255,.42);border-radius:10px;background:rgba(255,255,255,.12);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:17px;color:#fff;text-align:center}
  .hero .starter input:focus{border-color:#fff;background:rgba(255,255,255,.2)}
  .hero .starter input::placeholder{color:rgba(255,255,255,.82)}
  .hero .starter .btn{height:54px;min-height:54px;padding:0 16px;border-radius:10px;background:#fff;color:var(--ink);font-size:17px;font-weight:600;letter-spacing:-.1px;box-shadow:0 6px 20px rgba(9,19,36,.28)}
  .hero .stalt{display:block;margin:0;padding:0}
  .hero .stalt a{margin-block:0!important;padding-block:0!important}
  .hero .stalt a{display:flex;align-items:center;justify-content:center;width:100%;height:54px;min-height:54px;margin:0;padding:0 16px;border:1.5px solid #fff;border-radius:10px;background:rgba(9,19,36,.38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:17px;line-height:1;font-weight:600;letter-spacing:-.1px;text-decoration:none}
  .hero .stalt a:hover{text-decoration:none;background:rgba(9,19,36,.5)}
  .hero .stalt i{display:none}
  .hero .hbot{padding:18px 20px 0!important;gap:4px}
  .hero .hbot p{margin-bottom:0;font-size:12px;color:rgba(255,255,255,.72)}
  .hero .mq{padding-block:4px}
  .hero .mqt span{padding-right:26px}
  .hero .mqt span.lg img{height:18px}
  .hero .mqt span.lg.tall img{height:22px}
  .hero .mqt span.lg.mid img{height:13px}
  .hero .mqt span.lg.thin img{height:9px}
  .hero .mqt span.lg.mq img{height:15px}
  .hero .mqt span:not(.lg){font-size:13px}
}
@media (max-width:767px) and (max-height:740px){
  .hero .hin{padding:88px 0 12px!important}
  .hero h1{font-size:40px!important}
  .hero .hsubm{font-size:16px}
  .hero .hstack{gap:12px!important}
  .hero .hst{padding-top:20px}
  .hero .starter,.hero .starter:focus-within{gap:8px}
  .hero .starter input,.hero .starter .btn,.hero .stalt a{height:52px;min-height:52px}
  .hero .hst{gap:8px}
  .hero .hbot{padding-top:12px!important}
}
@media (max-width:767px) and (min-height:900px){
  .hero .hin{padding-top:128px!important}
  .hero h1{font-size:48px!important}
  .hero .hsubm{font-size:18px}
}
/* ======================= v95 (Oct 23): the 9.5 pass ======================= */
/* desktop: the hero gives up its last 150px so the live demo sits right under the headline, its top edge on the first
   screen, overlapping the film's bottom edge the way Linear and Stripe put the product under the headline */
@media (min-width:1024px){
  .hero{height:calc(100vh - 150px);height:calc(100svh - 150px);min-height:620px}
  .hero .hl{bottom:156px}
  .hero .hbot{bottom:84px}
  .vdemo{position:relative;z-index:3;margin-top:-56px}
  .vdemo #vcard{box-shadow:0 30px 80px -30px rgba(9,19,36,.45)}
  /* how it works: two cards, now that the live demo above shows the mapping */
  .feat.feat2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* backers: one row of marks with the heading, "See all" opens the rest */
.bkhd{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.bkhd .bkh{margin:0}
.bkmore.bklink{margin:0;padding:0;min-height:0;background:none;box-shadow:none;border-radius:0;font-size:15px;color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;white-space:nowrap}
.bkmore.bklink:hover{box-shadow:none;text-decoration-thickness:2px}
#bkG.bkrow li{min-height:76px;padding:10px 6px;gap:10px;background:none}
#bkG.bkrow li:hover{background:none}
#bkG.bkrow img{width:26px;height:26px}
#bkG.bkrow li.wl img{height:calc(var(--h) * .8)}
#backers .bknote{margin-top:12px}
#backers .bkinv{margin-top:24px!important;padding-top:20px!important}
@media (max-width:767px){
  #bkG.fold.bkrow li:nth-child(n+4){display:none}
  .bkmore.bklink{min-height:44px;display:inline-flex;align-items:center}
  .bkhd{margin-bottom:8px}
}
/* security: the six marks on one row, the six controls in three columns */
@media (min-width:1024px){
  #security .dvf{padding-block:40px}
  #security .dvb{grid-template-columns:repeat(6,minmax(0,1fr))}
  #security .dvb>div{min-height:100px;border-top:0!important;border-left:1px solid var(--line)}
  #security .dvb>div:first-child{border-left:0}
  #security .dvm img{width:60px;height:60px}
  #security .dvl{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px}
  #security .dvl li{padding:12px 0}
  #security .dvl li:nth-last-child(-n+3){border-bottom:0}
}
/* Shenzhen and New York: folded like the coverage map; the dashboards open on tap */
.cn96[open] .irow{padding:8px 0 28px}
.cn96 .il .cnq{margin-top:0}
/* desktop rhythm: the big gaps between sections come down to the page's 72px step */
@media (min-width:1024px){
  main>section.mt160{margin-top:96px!important}
  #cn.mt160,#agencies.mt160{margin-top:56px!important}
  .ctas{padding:72px 16px 88px!important;margin-top:40px!important}
}
/* testimonial portraits wait for the stories to come near (the script adds .near at 600px) */
#tsSec:not(.near) .tsbg,#tsSec:not(.near) .tsav{background-image:none!important}
/* the phone film is its own portrait crop of the store front (media/hero-open-m.mp4) */
@media (max-width:767px){.hvid{object-position:50% 55%}}
/* phones: the live demo is the product card itself, full width, one surface. No phone drawn inside the phone, no
   browser dots, no blurred photo behind it, no grey band under it: the plan fills in where you read it, and the
   replay and pause controls sit small in the card's own top corner. */
@media (max-width:639px){
  .vdemo .sample{max-width:none}
  #vcard.vcard{height:auto;border:0;border-radius:18px;clip-path:none;box-shadow:none;background:none;padding:0;overflow:visible}
  #vcard::after,#vcard::before,#vcard .vph,#vcard .vprog{display:none}
  #vcard .astage{position:relative;left:auto;right:auto;top:auto;width:100%}
  #vcard .app{padding-top:4px;border:1px solid rgba(15,27,51,.08);border-radius:18px;box-shadow:0 1px 2px rgba(15,27,51,.04),0 24px 48px -24px rgba(15,27,51,.22)}
  #vcard .app::before{display:none}
  #vcard .atop{padding-right:76px}
  #vcard .vctl{top:12px;right:10px;bottom:auto;gap:0}
  #vcard .vctl button{min-width:36px;min-height:36px;width:36px;height:36px;color:rgba(15,27,51,.32)}
  #vcard .vctl svg{filter:none}
}
/* hero 9.5 (Oct 23), taking what the best do best.
   Phone: Alven's one block over the film (the store front shows at the top, the headline, line and action sit together
   at the bottom, nothing split by an empty middle); Vanta's field and button in one bar; Devin's quiet second action, a
   text link; Stripe's logos big enough to read.
   Laptop: x.ai's small pill above the headline; Devin's two-line subhead; logos that fade at the edges, never cut. */
@media (max-width:767px){
  .hero::after{background:linear-gradient(180deg,rgba(9,19,36,.42) 0%,rgba(9,19,36,.08) 26%,rgba(9,19,36,.38) 48%,rgba(9,19,36,.86) 72%,rgba(9,19,36,.96) 100%)}
  .hero .hstack{justify-content:flex-end;gap:14px!important}
  .hero .hst{margin-top:6px!important;padding-top:0!important;gap:4px}
  .hero h1{font-size:42px!important}
  .hero .starter,.hero .starter:focus-within{flex-direction:row!important;align-items:center;gap:6px;padding:5px!important;border:1px solid rgba(255,255,255,.38);border-radius:14px;background:rgba(255,255,255,.12)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  .hero .starter:focus-within{border-color:#fff}
  .hero .starter input{flex:1;min-width:0;height:48px!important;min-height:48px!important;padding:0 10px!important;border:0!important;background:none!important;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;font-size:16px}
  .hero .starter input:focus{background:none!important}
  .hero .starter .btn{flex:none;height:48px!important;min-height:48px!important;padding:0 18px;border-radius:10px;font-size:16px;box-shadow:none}
  .hero .stalt a{height:44px!important;min-height:44px!important;width:auto;margin-inline:auto;padding:0 8px;border:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:15px;font-weight:500;color:rgba(255,255,255,.88)}
  .hero .stalt a:hover{background:none;text-decoration:underline;text-underline-offset:3px}
  .hero .stalt i{display:inline;margin-left:4px}
  .hero .hbot{padding-top:10px!important;gap:6px}
  .hero .hbot p{font-size:12px;letter-spacing:.02em;color:rgba(255,255,255,.6)}
  .hero .mqt span{padding-right:30px}
  .hero .mqt span.lg img{height:26px}
  .hero .mqt span.lg.tall img{height:32px}
  .hero .mqt span.lg.mid img{height:19px}
  .hero .mqt span.lg.thin img{height:13px}
  .hero .mqt span.lg.mq img{height:21px}
  .hero .mqt span:not(.lg){font-size:16px}
}
.hero .mq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
/* hero 9.5, second pass. Phone: the film is enlarged from its bottom edge so the lit shop window fills the top half
   (no dim empty band), a touch brighter, with the shade only where the words are. Laptop: "Book a demo" sits beside
   "Get my plan" as its secondary button, Devin's pair; the live demo rises 40px so more of the product is on the first
   screen, as on Stripe and Devin. */
@media (max-width:767px){
  .hero .hvid{transform-origin:50% 100%;transform:scale(1.35);filter:brightness(1.12) saturate(1.1)}
  .hero::after{background:linear-gradient(180deg,rgba(9,19,36,.30) 0%,rgba(9,19,36,0) 18%,rgba(9,19,36,.1) 40%,rgba(9,19,36,.78) 62%,rgba(9,19,36,.96) 100%)!important}
}
@media (min-width:1024px){
  .hero .hst{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 12px;width:700px!important;max-width:calc(100vw - 160px)!important}
  .hero .hst .starter{flex:0 1 520px;width:520px;max-width:520px;margin-bottom:0!important}
  .hero .hst .hnote{flex-basis:100%;order:3}
  .hero .stalt{display:flex;align-self:center;margin:0!important;padding:0}
  .hero .hl{bottom:176px!important}
  .hero .stalt a{margin-block:0!important;padding-block:0!important;height:50px;padding:0 20px;border:1px solid rgba(255,255,255,.45);border-radius:12px;background:rgba(9,19,36,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:15px;font-weight:500;color:#fff}
  .hero .stalt a:hover{text-decoration:none;background:rgba(9,19,36,.45);border-color:#fff}
  .hero .stalt i{display:none}
  .vdemo{margin-top:-80px!important}
  .hero .hbot{bottom:104px!important}
}
/* the comparison, Oct 27: Placetta is a raised ink card over the right column (one shape behind the cells, so the
   card has no seams), the attorney and the expediter recede in lighter ink. Every row asks one question. On a phone
   Placetta comes first as one card, the attorney and the expediter side by side under it with their rows lined up by
   question: the same table, placed on a grid. No motion of its own; the section's reveal is the one entrance. */
.c98w{position:relative;margin:26px 0 24px}
.c98w::before{content:"";position:absolute;inset:0;border-radius:20px;background:#fff;box-shadow:0 0 0 1px #ebebeb,0 28px 70px rgba(15,27,51,.06)}
.c98w::after{content:"";position:absolute;top:-24px;bottom:-24px;left:66%;right:-14px;border-radius:24px;background:radial-gradient(140% 55% at 50% 0%,rgba(155,190,203,.2),rgba(155,190,203,0) 70%),linear-gradient(180deg,#14244A,#0F1B33 60%);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px #0F1B33,0 40px 80px -28px rgba(15,27,51,.55),0 0 90px -24px rgba(115,153,198,.6)}
.c98w .c96t{position:relative;z-index:1;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;background:none}
.c98k{width:17%}.c98a,.c98b{width:24.5%}.c98u{width:34%}
.c98 th,.c98 td{text-align:left;vertical-align:top}
.c98 thead th{padding:30px 28px 18px;font-size:14px;line-height:1.3;font-weight:500;color:var(--ink2);vertical-align:bottom}
.c98 thead th.us{padding:8px 28px 18px;color:#fff}
.c98h{display:flex;align-items:center;gap:10px;font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.3px}
.c98h svg{flex:none;width:26px;height:26px;fill:#fff}
.c98 tbody th{padding:24px 28px;font-size:15px;line-height:1.4;font-weight:500;color:var(--ink);border-top:1px solid var(--line)}
.c98 tbody td{padding:24px 28px;border-top:1px solid var(--line)}
.c98 tbody td.us{border-top-color:rgba(255,255,255,.09)}
.c98 tbody tr:last-child th,.c98 tbody tr:last-child td{padding-bottom:30px}
.c98q{display:none;font-style:normal}
.c98v{display:flex;align-items:flex-start;gap:10px}
.c98v>svg{flex:none}
.c98t{min-width:0}
.c98 td b{display:block;font-size:16px;line-height:1.4;font-weight:400;letter-spacing:-.1px;color:var(--ink2)}
.c98 td small{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:var(--ink2)}
.c98x{width:14px;height:14px;margin-top:4px;color:#C4867D}
.c98c{width:18px;height:18px;margin-top:2px;color:#9BBECB}
.c98 td.us b{font-size:17px;font-weight:600;color:#fff}
.c98 td.us small{color:rgba(255,255,255,.68)}
.c98 .r1 td:not(.us) .c98x{margin-top:12px}
.c98 .r1 td.us .c98c{margin-top:17px}
.c98 .r1 td b{font-family:var(--serif);font-size:28px;line-height:1.1;font-weight:300;letter-spacing:-.02em}
.c98 .r1 td.us b{font-family:var(--sans);font-size:16px;line-height:1.2;font-weight:500;letter-spacing:-.1px;color:rgba(255,255,255,.82)}
.c98 .r1 td.us b em{font-style:normal;font-family:var(--serif);font-size:clamp(40px,3.9vw,56px);line-height:1;font-weight:400;letter-spacing:-.03em;color:#fff;margin-right:4px;white-space:nowrap}
.c98 .r1 td.us .c98c{width:22px;height:22px}
html[lang="zh-CN"] .c98 .r1 td:not(.us) b{font-family:var(--zhserif);font-size:22px;font-weight:500;letter-spacing:0}
html[lang="zh-CN"] .c98 .r1 td.us b em{margin:0 0 0 4px}
.c98 td.us .print{margin:16px 0 0}
.c98 td.ab b{font-weight:500;color:var(--ink)}
.c98k2{width:16px;height:16px;margin-top:3px;color:var(--ink2)}
@media (max-width:767px){
  .c98w{margin:8px 0 18px}
  .c98w::before,.c98w::after{display:none}
  .c98w .c96t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px}
  .c98 colgroup,.c98 thead td,.c98 tbody th{display:none}
  .c98 thead,.c98 tbody,.c98 tr{display:contents}
  .c98 thead th,.c98 tbody td,.c98 tbody tr:last-child td{padding:12px 14px;border:0}
  .c98 .us{grid-column:1/-1;background:var(--ink)}
  .c98 thead th.us{grid-row:1;padding:22px 20px 8px;border-radius:22px 22px 0 0;background:radial-gradient(120% 140% at 50% 0%,rgba(155,190,203,.22),rgba(155,190,203,0) 70%),#14244A}
  .c98 .r1 td.us{grid-row:2;background:linear-gradient(180deg,#14244A,#0F1B33)}
  .c98 .r2 td.us{grid-row:3}.c98 .r3 td.us{grid-row:4}.c98 .r4 td.us{grid-row:5}
  .c98 .r5 td.us{grid-row:6;padding-bottom:22px;border-radius:0 0 22px 22px}
  .c98 tbody td.us{padding:14px 20px;border-top:1px solid rgba(255,255,255,.09)}
  .c98 .r1 td.us{border-top:0;padding-top:10px}
  .c98 tbody tr.r5 td.us{padding:14px 20px 22px;border-top:1px solid rgba(255,255,255,.09)}
  .c98 .r1 td:not(.us) .c98x{margin-top:7px}
  .c98 .r1 td.us .c98c{margin-top:13px}
  .c98 thead th.a,.c98 thead th.b{grid-row:7;margin-top:12px;padding:14px 14px 2px;border-radius:16px 16px 0 0;background:#fff;font-size:13px;font-weight:600;color:var(--ink)}
  .c98 th.a,.c98 td.a{grid-column:1}.c98 th.b,.c98 td.b{grid-column:2}
  .c98 td.a,.c98 td.b{background:#fff;padding:10px 14px}
  .c98 .r1 td.a,.c98 .r1 td.b{grid-row:8}.c98 .r2 td.a,.c98 .r2 td.b{grid-row:9}.c98 .r3 td.a,.c98 .r3 td.b{grid-row:10}
  .c98 .r4 td.a,.c98 .r4 td.b{grid-row:11;padding-bottom:16px;border-radius:0 0 16px 16px}
  .c98 td.ab{grid-column:1/-1;grid-row:12;margin-top:10px;padding:16px;border-radius:16px;background:var(--gs-ll)}
  .c98q{display:block;margin-bottom:5px;font-size:11px;line-height:1.3;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
  .c98 td.us .c98q{font-size:12px;color:rgba(255,255,255,.5)}
  .c98 td.a .c98v,.c98 td.b .c98v{gap:7px}
  .c98x{width:12px;height:12px;margin-top:3px}
  .c98 td b{font-size:14px;line-height:1.35}
  .c98 td small{font-size:12px;margin-top:3px}
  .c98 td.us b{font-size:16px}
  .c98 .r1 td:not(.us) b{font-size:18px}
  html[lang="zh-CN"] .c98 .r1 td:not(.us) b{font-size:16px}
  .c98 .r1 td.us b em{font-size:46px}
  html[lang="zh-CN"] .c98 .r1 td.us b em{font-size:38px}
  .c98h{font-size:20px}
}
/* c99 (Oct 27): read like Linear, Stripe and Vercel's pricing tables. One short line a cell, any note on a muted line
   under it; every cell in a row shares the first line's baseline (the icon hangs in the left gutter, out of the flow);
   the same padding on every row; competitor text in full ink, notes in ink2 (6:1 on white, AA). The billing toggle
   sits in Placetta's header, so the price row is no taller than its neighbours. On a phone: Placetta's card, then the
   attorney and the expediter as full-width cards, one under the other, their rows in the same order. */
.c98k{width:19%}.c98a{width:24%}.c98b{width:22%}.c98u{width:35%}
.c98w::after{left:65%}
.c98 thead th{padding:28px 24px 16px;font-size:15px;line-height:1.3;font-weight:600;color:var(--ink);vertical-align:bottom}
.c98 thead th.us{padding:6px 24px 16px;white-space:nowrap}
.c98 thead th.us .c98h{display:inline-flex;vertical-align:middle;line-height:40px}
.c98 thead th.us .print{float:right;margin:0}
.c98 tbody th,.c98 tbody td{padding:22px 24px;vertical-align:baseline}
.c98 tbody tr:last-child th,.c98 tbody tr:last-child td{padding-bottom:28px}
.c98 tbody th{font-size:14px;line-height:1.5;font-weight:500;color:var(--ink)}
.c98v{display:block;position:relative;padding-left:26px}
.c98v>svg{position:absolute;left:0;top:5px;margin:0!important}
.c98 td .c98v>.c98c{top:3px}
.c98 td b{font-size:16px;line-height:1.5;font-weight:400;letter-spacing:-.1px;color:var(--ink)}
.c98 td small{margin-top:2px;font-size:13px;line-height:1.45;color:var(--ink2)}
.c98 td.us b{font-size:16px;line-height:1.5;font-weight:600;color:#fff}
.c98 td.us small{color:rgba(255,255,255,.72)}
.c98 .r1 td b{font-size:28px;line-height:1.15}
.c98 .r1 td .c98v>.c98x{top:11px}
.c98 .r1 td.us b{font-size:16px;line-height:1.2;font-weight:500;color:rgba(255,255,255,.86)}
.c98 .r1 td.us b em{font-size:48px}
.c98 .r1 td.us .c98v>.c98c{top:20px;width:20px;height:20px}
.c98 .r1 td small{margin-top:6px}
html[lang="zh-CN"] .c98 .r1 td:not(.us) b{font-size:24px;line-height:1.3}
html[lang="zh-CN"] .c98 .r1 td .c98v>.c98x{top:10px}
@media (min-width:1200px){.c98 tbody th,.c98 .r1 td b{white-space:nowrap}html[lang="zh-CN"] .c98 .r1 td:not(.us) b{font-size:22px}}
.c98 td.ab b{font-weight:500}
.c98 td .c98v>.c98k2{top:4px}
@media (max-width:767px){
  .c98 thead th.us{padding:20px 20px 10px;white-space:normal}
  .c98 thead th.us .c98h{line-height:40px}
  .c98 th.a,.c98 td.a,.c98 th.b,.c98 td.b{grid-column:1/-1}
  .c98 thead th.a,.c98 thead th.b{margin-top:14px;padding:18px 20px 4px;font-size:15px}
  .c98 thead th.b{grid-row:12}
  .c98 td.a,.c98 td.b{padding:12px 20px;border-top:1px solid var(--line)}
  .c98 .r1 td.a,.c98 .r1 td.b{border-top:0}
  .c98 .r1 td.b{grid-row:13}.c98 .r2 td.b{grid-row:14}.c98 .r3 td.b{grid-row:15}
  .c98 .r4 td.a,.c98 .r4 td.b{padding-bottom:18px}
  .c98 .r4 td.b{grid-row:16}
  .c98 td.ab{grid-row:17;margin-top:14px;padding:16px 20px}
  .c98 tbody td.us{padding:14px 20px}
  .c98 tbody tr.r5 td.us{padding:14px 20px 22px}
  .c98q{margin-bottom:4px;font-size:11px;color:var(--ink2)}
  .c98 td.us .c98q{color:rgba(255,255,255,.66)}
  .c98v{padding-left:24px}
  .c98 td b{font-size:15px;line-height:1.45}
  .c98 td.us b{font-size:16px;line-height:1.45}
  .c98 td small{font-size:12.5px}
  .c98 .r1 td:not(.us) b{font-size:22px;line-height:1.2}
  .c98 .r1 td .c98v>.c98x{top:8px}
  html[lang="zh-CN"] .c98 .r1 td:not(.us) b{font-size:18px}
  .c98 .r1 td.us b em{font-size:44px}
  html[lang="zh-CN"] .c98 .r1 td.us b em{font-size:36px}
  .c98 .r1 td.us .c98v>.c98c{top:16px}
}
.c96p{background:var(--ink)!important}
.c96p small,.c96p span{color:rgba(255,255,255,.66)!important}
.c96p b{color:#fff!important}
@media (max-width:767px) and (max-height:740px){.hero h1{font-size:38px!important}.hero .mqt span.lg img{height:22px}.hero .mqt span.lg.tall img{height:27px}}
@media (min-width:1024px){
  .hero .badge{display:inline-flex;align-self:flex-start;width:auto;gap:8px;padding:6px 14px 6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .hero .badge p{font-size:14px;text-shadow:none}
  .hero .hsub{max-width:620px!important}
  .mq{-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
}
/* land97 (Oct 24): the page at about five screens (Superhuman, Stripe, Linear). What used to run it long is folded near
   the end and still in the HTML; security and legal are one strip with the Trust Center a click away (Vanta, Ramp) */
body #case .cs97{margin-top:40px}
body #case .cs97 summary h3{margin:0;font-size:24px}
body #case .cs97[open]{padding-bottom:24px}
body #case .cs97 .cshd{margin-top:8px}
body .calc97{margin-top:16px}
body .calc97 .c96calc{margin-top:4px}
body #case .tssec{margin-top:56px}
body #case #tsBar{display:none}
body #case .tsh3{margin-bottom:20px}
.tq97g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:0!important}
.tq97{display:flex;flex-direction:column;gap:14px;margin:0;padding:22px 22px 20px;border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(15,27,51,.06),0 0 0 1px rgba(15,27,51,.05)}
.tq97l{height:var(--lh);width:auto;max-width:120px;align-self:flex-start;object-fit:contain}
/* every card's logo in one 32px slot, centred in it: the marks, the numbers under them and every row below line up across the cards */
.tq97lb{display:flex;align-items:center;height:32px;flex:none}.tq97lb .tq97l{align-self:center}
.tq97r{margin:0;display:flex;flex-direction:column;gap:2px}
.tq97r strong{font-family:var(--serif);font-weight:300;font-size:34px;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}
html[lang="zh-CN"] .tq97r strong{font-family:var(--zhserif);font-weight:500;font-size:28px}
.tq97r small{font-size:13px;line-height:1.4;color:var(--ink2)}
.tq97 blockquote{margin:0;flex:1;font-size:15px;line-height:1.5;color:var(--ink)}
.tq97 figcaption{display:flex;align-items:center;gap:10px}
.tq97 figcaption .tsav{width:36px;height:36px;border-radius:50%;background:#C9DAEE center/cover no-repeat;flex:none;pointer-events:none;-webkit-user-select:none;user-select:none}
.tq97 figcaption b{display:block;font-size:14px;font-weight:500;color:var(--ink)}
.tq97 figcaption small{display:block;font-size:12.5px;line-height:1.35;color:var(--muted)}
@media (max-width:1023px){.tq97g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.tq97g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -16px!important;padding:2px 16px 8px;scrollbar-width:none}.tq97g::-webkit-scrollbar{display:none}.tq97{flex:0 0 82%;scroll-snap-align:start;padding:18px}.tq97r strong{font-size:28px}}
body #how95a .hwcal{display:none}
body .calc97 .c96vh{display:none}
body .calc97[open]{padding-bottom:24px}
.more97{margin-top:96px}
.more97>.m97{margin:0!important;padding:0!important}
body .more97>#cost{margin-top:0!important}
body .more97>#industries,body .more97>#together,body .more97>#agencies,body .more97>#cn,body .more97>#experts{margin-top:12px!important}
.more97 .ctr{padding:0;max-width:none;width:auto}
.more97 .agnote{display:none}
body #how95a .feat2 .fcv{flex:1 1 auto}
body .ctas>div{gap:22px!important}
@media (max-width:639px){.tr97g{gap:14px}body .tr97g li span{display:none!important}.more97 details.fold97 summary small{display:none}.more97 details.fold97 summary{padding-block:14px}body #faq .faqcta{display:none}}
.more97 details.fold97{margin:0}
.more97 details.fold97 summary{padding-block:18px}
.more97 details.fold97 summary h2{margin:0;font-size:22px;line-height:1.25}
.more97 #cost details[open]{padding-bottom:24px}
.more97 #cost .drow{margin-top:8px}
.more97 #industries .inscroll{margin-bottom:24px}
.more97 #experts details[open]{padding-bottom:24px}
.more97 .agnote{margin-top:8px}
@media (max-width:1023px){.more97{margin-top:72px}.more97 details.fold97{padding-inline:18px}.more97 details.fold97 summary h2{font-size:19px}.more97 details.fold97 summary small{font-size:13px}}
.tr97{margin-top:96px}
.tr97 .ctr{display:grid;gap:28px}
@media (min-width:1024px){.tr97 .ctr{grid-template-columns:280px 1fr;column-gap:64px;row-gap:32px}}
.tr97h h2{margin:0}
.tr97h p{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink2)}
.tr97a{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;font-weight:500;color:var(--gs-ink);text-decoration:none}
.tr97a:hover{text-decoration:underline;text-underline-offset:3px}
.tr97a i{font-style:normal}
.tr97g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:20px 32px}
@media (min-width:640px){.tr97g{grid-template-columns:1fr 1fr}}
@media (min-width:1024px){.tr97g{grid-template-columns:repeat(3,1fr)}}
.tr97g li{display:flex;gap:12px;align-items:flex-start;margin:0;padding:0}
.tr97g li::before{content:none}
.tr97g svg{flex:none;margin-top:1px;color:var(--ink)}
.tr97g p{margin:0}
.tr97g b{display:block;font-size:15px;font-weight:500;line-height:1.35;color:var(--ink)}
.tr97g span{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.tr97l{grid-column:1/-1;margin:0;padding-top:18px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
.tr97l a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media (max-width:1023px){.tr97{margin-top:72px}.tr97 .ctr{gap:22px}}
body #backers.mt160{margin-top:88px}
@media (max-width:1023px){body #backers.mt160{margin-top:64px}}
body .ctas{margin-top:48px!important;padding:72px 16px 80px!important;height:auto!important}
body .ctas>div{gap:28px}
.ctas .ctab{margin:0}
.ctas .ctab .btn{padding:12px 20px;font-size:15px;border-radius:10px}
footer .fwm{font-size:9vw;margin-top:24px}
body .ctas .ctah{font-size:clamp(34px,4vw,56px)!important}
@media (min-width:1024px){
  body main>#case,body main>#how,body main>#pricing,body main>#trust,body main>#backers,body main>#faq{margin-top:72px!important}
  .more97{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:72px}
  body .more97>section{margin:0!important}
  .more97>section:has(details[open]){grid-column:1/-1}
}
@media (max-width:1023px){body main>#case,body main>#how,body main>#pricing,body main>#trust,body main>#backers,body main>#faq{margin-top:56px!important}}
@media (max-width:1023px){body .ctas{margin-top:32px!important;padding:56px 16px 64px!important}footer .fwm{margin-top:32px}}
/* ======================= land98 (Oct 28): the polish pass =======================
   One set of tokens for every surface, one type scale, one section rhythm. The live sample plan is the hero's subject:
   the film behind the headline is quieted to a navy wash, and the plan sits on plan paper (a faint drafting grid), not
   on a second blurred photo. Proof reads like a record: stats in a ruled row, each quote under its own result with its
   person, role and organization on one line; backers set out like a cap-table credit; logos in one ink at one height. */
:root{
  --r-lg:20px; --r-md:14px; --r-sm:10px;
  --bd:rgba(15,27,51,.08); --bd2:rgba(15,27,51,.14);
  --sh-1:0 1px 2px rgba(15,27,51,.05),0 0 0 1px var(--bd);
  --sh-2:0 1px 2px rgba(15,27,51,.05),0 0 0 1px var(--bd),0 18px 40px -18px rgba(15,27,51,.18);
  --ease:cubic-bezier(.2,.7,.2,1);
  --sec:104px;
  --fs-h2:clamp(34px,4.2vw,54px); --fs-h3:clamp(24px,2.4vw,30px); --fs-t:20px; --fs-b:16px; --fs-s:14px; --fs-c:13px;
}
@media (max-width:1023px){:root{--sec:72px}}

/* rhythm: every top-level block is one step apart */
@media (min-width:1024px){body main>#case,body main>#how,body main>#pricing,body main>#trust,body main>#backers,body main>#faq,body main>.more97{margin-top:var(--sec)!important}}
@media (max-width:1023px){body main>#case,body main>#how,body main>#pricing,body main>#trust,body main>#backers,body main>#faq,body main>.more97{margin-top:var(--sec)!important}}
body main>#case{margin-top:calc(var(--sec) - 8px)!important}
.sh{margin-bottom:32px}
@media (min-width:1024px){.sh{margin-bottom:44px}}
.h2{font-size:var(--fs-h2)}
.sub{font-size:17px;line-height:1.55;max-width:60ch}
@media (max-width:639px){.sub{font-size:16px}}
#trH,#bkH,body #faq .h2{font-size:var(--fs-h3)!important;line-height:1.15;letter-spacing:-.015em}
html[lang="zh-CN"] #trH,html[lang="zh-CN"] #bkH{letter-spacing:0}

/* ---------- hero: quiet film, product first ---------- */
.hero .hvid{filter:saturate(.55) brightness(.92) contrast(1.02)!important}
@media (min-width:768px){
  .hero::after{background:linear-gradient(90deg,rgba(9,19,36,.88) 0%,rgba(9,19,36,.66) 42%,rgba(9,19,36,.42) 100%),linear-gradient(0deg,rgba(9,19,36,.7) 0%,rgba(9,19,36,0) 36%)!important}
}
@media (max-width:767px){
  .hero{min-height:0!important}
  .hero .hin{min-height:0!important;padding:132px 0 92px!important}
  .hero .hvid{transform:none!important;object-position:50% 40%!important}
  .hero::after{background:linear-gradient(180deg,rgba(9,19,36,.62) 0%,rgba(9,19,36,.72) 50%,rgba(9,19,36,.94) 100%)!important}
  .vdemo{position:relative;z-index:3;margin-top:-64px!important}
}
@media (max-width:767px) and (max-height:740px){.hero .hin{padding:116px 0 84px!important}}
/* logos in the hero strip: one optical height, one white */
.hero .mqt span.lg img{filter:brightness(0) invert(1);opacity:.86}

/* the plan on plan paper */
#vcard .vph{display:none!important}
@media (min-width:640px){
  #vcard.vcard{background:
    radial-gradient(70% 60% at 30% 0%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),
    linear-gradient(rgba(19,42,85,.055) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(90deg,rgba(19,42,85,.055) 1px,transparent 1px) 0 0/32px 32px,
    linear-gradient(180deg,#EEF2F7,#E3E9F1)!important;
    border-radius:var(--r-lg)!important;clip-path:inset(0 round var(--r-lg))!important;box-shadow:0 0 0 1px var(--bd),0 40px 80px -36px rgba(9,19,36,.45)!important}
  #vcard .app{border-radius:var(--r-md)!important;box-shadow:0 0 0 1px var(--bd),0 24px 56px -20px rgba(15,27,51,.24)!important;border:0!important}
  #vcard .aside{border-radius:var(--r-md)!important;border:0!important;box-shadow:0 0 0 1px var(--bd),0 28px 64px -20px rgba(15,27,51,.28)!important}
  #vcard .vctl button{color:var(--ink2)}
}

/* ---------- proof: stats as a ruled row ---------- */
#case .pfrow{gap:0;margin:0 0 56px;border-top:1px solid var(--bd2)}
#case .pfrow>div{padding:22px 24px 0 0;gap:10px}
@media (min-width:1024px){#case .pfrow>div+div{padding-left:24px;border-left:1px solid var(--bd)}}
@media (max-width:1023px){#case .pfrow{row-gap:0}#case .pfrow>div{padding:18px 12px 18px 0;border-bottom:1px solid var(--bd)}#case .pfrow>div:nth-child(even){padding-left:16px;border-left:1px solid var(--bd)}#case .pfrow>div:nth-last-child(-n+2){border-bottom:0}}
#case .pfrow b{font-size:clamp(40px,4.4vw,56px)}
#case .pfrow span{font-size:var(--fs-s);line-height:1.45;color:var(--ink2)}
body #case .tssec{margin-top:0}
body #case .tsh3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}

/* testimonials: logo, result, quote, person; one card shape */
.tq97g{gap:16px}
.tq97{gap:0;padding:24px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh-1);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.tq97l{height:26px!important;max-width:132px;object-fit:contain;object-position:left center;filter:brightness(0);opacity:.82;margin-bottom:22px}
.tq97r{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--bd)}
.tq97r strong{font-size:40px}
.tq97r small{font-size:var(--fs-c);color:var(--ink2);margin-top:4px}
.tq97 blockquote{font-size:15px;line-height:1.55;margin-bottom:20px}
.tq97 figcaption{gap:12px;padding-top:16px;border-top:1px solid var(--bd)}
.tq97 figcaption .tsav{width:40px;height:40px}
.tq97 figcaption b{font-size:var(--fs-s)}
.tq97 figcaption small{font-size:var(--fs-c);color:var(--ink2)}
.tq97 figcaption small+small{margin-top:1px}
@media (hover:hover){.tq97:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}}
@media (max-width:639px){.tq97{flex:0 0 84%;padding:20px}.tq97r strong{font-size:34px}}

/* folds: one quiet row shape for every "more" */
body .prmore.ag96,#pricing .prmore{background:#fff!important;border-radius:var(--r-md)!important;box-shadow:var(--sh-1);transition:box-shadow .25s var(--ease)}
body .prmore.ag96:hover,#pricing .prmore:hover{box-shadow:0 0 0 1px var(--bd2)}
body .prmore summary small{color:var(--ink2)!important}
body .prmore summary svg{transition:transform .3s var(--ease)}
.more97 details.fold97 summary h2,body #case .cs97 summary h3{font-size:var(--fs-t)!important;line-height:1.3}
@media (min-width:1024px){.more97{gap:12px;align-items:stretch}.more97>section>.ctr,.more97>section>.ctr>details{height:100%}}

/* ---------- trust ---------- */
@media (min-width:1024px){.tr97 .ctr{grid-template-columns:300px 1fr;column-gap:72px}}

/* ---------- backers: a cap-table credit ---------- */
#backers .ctr{display:grid;gap:20px}
@media (min-width:1024px){#backers .ctr{grid-template-columns:300px 1fr;column-gap:72px;row-gap:0}}
#backers .bkhd{grid-column:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0}
#backers .bknote{grid-column:1;margin:12px 0 0!important;max-width:34ch;font-size:var(--fs-c);line-height:1.5;color:var(--ink2)}
@media (min-width:1024px){#backers #bkG{grid-column:2;grid-row:1/span 2}}
#backers #bkG.bkg{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--bd2)}
@media (min-width:640px){#backers #bkG.bkg{grid-template-columns:repeat(3,minmax(0,1fr))}}
#backers #bkG.bkg li,#backers #bkG.bkrow li{position:relative;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;min-height:64px;padding:0 12px 0 0;border-bottom:1px solid var(--bd);border-radius:0;background:none;text-align:left}
#backers #bkG.bkg li img,#backers #bkG.bkrow li img{width:22px;height:22px;flex:none;object-fit:contain}
#backers #bkG.bkg li span{position:static;width:auto;height:auto;overflow:visible;clip:auto;font-family:var(--sans)!important;font-size:15px!important;font-weight:500!important;letter-spacing:-.1px;color:var(--ink)}
html[lang="zh-CN"] #backers #bkG.bkg li span{font-family:var(--zh)!important}
#backers #bkG.bkg li.wl img{width:auto;height:min(calc(var(--h) * .62),18px)}
#backers #bkG.bkg li.wl span,#backers #bkG.bkg li.wm span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#backers #bkG.bkg li.wm img{width:64px;height:64px;margin:-21px -12px}
#backers #bkG.bkg li.nm::before{content:"";width:22px;flex:none}
#backers #bkG.fold li:nth-child(n+7){display:none!important}
#backers #bkG.fold li:nth-child(-n+6){display:flex!important}
#backers .bkmore.bklink{font-size:var(--fs-s);color:var(--gs-ink);text-decoration:none;font-weight:500}
#backers .bkmore.bklink:hover{text-decoration:underline;text-underline-offset:3px}
/* the investors behind the brands we serve: a still wall, every mark in one grey at its own optical height */
#backers .bkinv{grid-column:1/-1;margin-top:56px!important;padding-top:0!important;border:0!important;display:grid;gap:16px}
@media (min-width:1024px){#backers .bkinv{grid-template-columns:300px 1fr;column-gap:72px;align-items:start}}
#backers .invl{margin:0;text-align:left;text-transform:none;letter-spacing:-.1px;font-size:15px;font-weight:500;color:var(--ink);padding-top:20px}
/* the investors behind the brands we serve: one line that drifts (founder, Oct 29), every mark in one grey, each centered
   in a slot of one height so the line reads level; it pauses on hover, and stands still in one scrollable row with motion off */
#invR.invr{display:block;overflow:hidden;max-width:none;margin:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#invR .ivt{display:flex!important;flex-wrap:nowrap!important;align-items:center;gap:56px!important;width:max-content!important;padding:8px 56px 8px 0!important;border:0!important;animation:ivmq 48s linear infinite!important}
#invR:hover .ivt{animation-play-state:paused!important}
#invR .ivt img{flex:none;display:block;align-self:center;height:calc(var(--h) * .82);max-width:none;width:auto;margin:0;filter:grayscale(1) contrast(.9);opacity:.62;transition:opacity .25s var(--ease)}
#invR .ivt img:hover{opacity:1}
#invR .ivt img[aria-hidden]{display:block!important}
@media (max-width:767px){#invR .ivt{gap:36px!important;padding-right:36px!important;animation-duration:36s!important}#invR .ivt img{height:calc(var(--h) * .66)}}
@media (prefers-reduced-motion:reduce){#invR.invr{overflow-x:auto;-webkit-mask-image:none;mask-image:none}#invR .ivt{animation:none!important}#invR .ivt img[aria-hidden]{display:none!important}}

/* ---------- faq and close ---------- */
.fq{border-radius:var(--r-md)}
.fq.on{box-shadow:var(--sh-1)!important}
body .ctas{margin-top:var(--sec)!important}

/* ---------- motion: one gentle entrance, hover answers the pointer, nothing for reduced motion ---------- */
.rv,.rv>*{transition-duration:.6s!important;transition-timing-function:var(--ease)!important}
.rv.pre[data-rv="up"]>*{transform:translateY(16px)!important}
.btn{transition:background-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}
@media (hover:hover){.btn:active{transform:translateY(1px)}}
@media (prefers-reduced-motion:reduce){
  .rv,.rv>*,.tq97,.btn,.prmore,#invR .ivt img{transition:none!important}
  .rv.pre[data-rv="up"],.rv.pre[data-rv="up"]>*{opacity:1!important;transform:none!important}
  .tq97:hover{transform:none}
}

/* land98, second pass */
.tq97l[src$=".svg"]{height:19px!important;margin-top:4px;margin-bottom:25px}
.prmore summary h2,.prmore summary h3,.prmore summary b,.more97 details.fold97 summary h2,body #case .cs97 summary h3{font-family:var(--sans)!important;font-size:17px!important;font-weight:500!important;letter-spacing:-.15px!important;line-height:1.35!important;color:var(--ink)}
html[lang="zh-CN"] .prmore summary h2,html[lang="zh-CN"] .prmore summary h3,html[lang="zh-CN"] .prmore summary b{font-family:var(--zh)!important;letter-spacing:0!important}
.prmore summary small{font-size:var(--fs-c)!important;line-height:1.45}
@media (min-width:1024px){body main .more97>#cost,body main .more97>#industries,body main .more97>#together,body main .more97>#agencies,body main .more97>#cn,body main .more97>#experts{margin:0!important}}
/* phones: the six folds are one grouped list, a hairline between rows */
@media (max-width:1023px){
  .more97{background:#fff;border-radius:var(--r-md);box-shadow:var(--sh-1);overflow:hidden}
  body main .more97>#cost,body main .more97>#industries,body main .more97>#together,body main .more97>#agencies,body main .more97>#cn,body main .more97>#experts{margin:0!important}
  .more97>section+section{border-top:1px solid var(--bd)}
  .more97 details.prmore.ag96{box-shadow:none!important;border-radius:0!important;background:none!important}
  #backers .bkinv{margin-top:40px!important}
  #trust #security{margin-top:0!important}
}
@media (max-width:767px){
  #how #h95.seg95{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;width:auto!important;max-width:none!important;margin:0 -24px 24px!important;padding:2px 24px!important;background:none!important;gap:6px!important;scrollbar-width:none}
  #how #h95 button{min-height:40px}
  .seg95::-webkit-scrollbar{display:none}
  .seg95 button{flex:none!important}
}
.fq{background:#fff;box-shadow:var(--sh-1)}
.fq.on{box-shadow:var(--sh-2)!important}

/* land98: hero live count, pay-and-safety band */
.hero .hcity{order:3;flex-basis:100%;margin:2px 0 0;font-size:14px;line-height:1.45;color:rgba(255,255,255,.74);text-wrap:pretty;transition:color .25s var(--ease)}
.hero .hcity b{font-weight:600;color:#fff}
.hero .hcity.on{color:rgba(255,255,255,.92)}
@media (max-width:767px){.hero .hcity{margin:10px auto 0;max-width:32ch;font-size:13.5px;text-align:center}}
.pb98{display:grid;gap:12px;margin:24px 0 16px}
@media (min-width:900px){.pb98{grid-template-columns:1fr 1fr}}
.pb98c{padding:24px 28px 8px;border-radius:var(--r-md);background:#fff;box-shadow:var(--sh-1)}
.pb98h{margin:0 0 6px;font-size:var(--fs-c);line-height:1.4;font-weight:500;color:var(--ink2)}
.pb98 ul{list-style:none;margin:0;padding:0}
.pb98 li{display:flex;flex-direction:column;gap:3px;padding:14px 0;border-top:1px solid var(--bd)}
.pb98 li:first-child{border-top:0}
.pb98 li b{font-size:var(--fs-b);line-height:1.4;font-weight:500;color:var(--ink)}
.pb98 li span{font-size:var(--fs-c);line-height:1.5;color:var(--ink2)}
@media (max-width:639px){.pb98c{padding:20px 20px 6px}}

/* land98: Odelia's steps beside the sample plan */
.vsteps{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--bd)}
.vstm{display:none;margin-top:12px}
@media (max-width:859px){.vstm{display:flex}}
.vsh{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--ink)}
.vsh .orb{width:16px;height:16px}
.vsh b{font-weight:600}
.vsh em{font-style:normal;color:var(--muted)}
.vsteps ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.vsteps li{position:relative;display:flex;align-items:center;gap:9px;font-size:12.5px;line-height:1.35;color:var(--muted);transition:color .3s var(--ease)}
.vsteps li i{flex:none;width:14px;height:14px;border-radius:4px;border:1.5px solid #D5DBE4;transition:background-color .3s var(--ease),border-color .3s var(--ease)}
.vsteps li.d{color:var(--ink)}
.vsteps li.d i{border-color:var(--gs-d);background:var(--gs-d) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E") center/10px no-repeat}
.vsteps li.w{color:var(--ink);font-weight:500}
.vsteps li.w i{border-color:#E9C47F;background:#FBF3E2}
.vpk{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:var(--bg)}
.vpf{display:flex;color:#C4574A}
.vpt{flex:1;min-width:0;display:flex;flex-direction:column}
.vpt b{font-size:12.5px;font-weight:500;color:var(--ink)}
.vpt small{font-size:11px;color:var(--muted)}
.vok{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:7px;background:var(--ink);color:#fff;font-size:12px;font-weight:500;transition:background-color .3s var(--ease)}
.vok svg{display:none}
.vsteps.ok .vok{background:var(--ok)}
.vsteps.ok .vok svg{display:block}
.vsteps:not(.on){opacity:.5}
@media (min-width:860px){#vcard .aside{gap:14px!important}#vcard .proj strong{font-size:30px}}
@media (prefers-reduced-motion:reduce){.vsteps li,.vsteps li i,.vok{transition:none}}

@media (min-width:1024px){
  .hero .hst{width:800px!important}
  #vcard.vcard{height:724px}
}
@media (min-width:1024px) and (max-height:880px){.hero .hl{gap:16px!important}.hero .hstack{gap:18px!important}}
body #faq .faqcta{background:#fff;box-shadow:var(--sh-1);border-radius:var(--r-md)}

/* land98: how it works on the same card as the rest of the page, its product scenes on the hero's plan paper */
#how .fcard{background:#fff!important;border-radius:var(--r-md)!important;box-shadow:var(--sh-1);transition:box-shadow .3s var(--ease)}
@media (hover:hover){#how .fcard:hover{box-shadow:var(--sh-2)}}
#how .fcv{margin:20px 12px 12px;border-radius:var(--r-sm);background:
  linear-gradient(rgba(19,42,85,.05) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(90deg,rgba(19,42,85,.05) 1px,transparent 1px) 0 0/28px 28px,
  linear-gradient(180deg,#F1F4F8,#E5EBF2)!important}
#how .fui{border-radius:var(--r-sm);box-shadow:0 0 0 1px var(--bd),0 18px 40px -16px rgba(15,27,51,.22)}
#how .seg95{background:#fff;box-shadow:var(--sh-1)}
@media (max-width:767px){#how .seg95{box-shadow:none}}

/* land99 (Oct 29): less is more. No decorative rules, no bento boxes; whitespace and type do the separating.
   Every row lines up: numbers on one baseline, icons centred on their line, logos in one 32px slot. */
/* proof stats: four numbers on one line, no rules between them */
body #case .pfrow{gap:28px 32px!important;border:0!important;margin-bottom:72px!important;align-items:start}
body #case .pfrow>div{padding:0!important;border:0!important}
body #case .pfrow b{line-height:1!important;height:1em}
/* testimonials: four quotes, no card, no lines inside */
body .tq97g{gap:40px!important}
body .tq97{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;transform:none!important}
@media (hover:hover){body .tq97:hover{box-shadow:none!important;transform:none!important}}
body .tq97r{padding-bottom:0!important;margin-bottom:18px!important;border:0!important}
body .tq97 figcaption{padding-top:0!important;border:0!important}
@media (max-width:639px){body .tq97g{gap:28px!important;margin-inline:0!important;padding-inline:0!important}body .tq97{flex:0 0 80%!important}}
/* folds: a plain disclosure row, no box */
body .prmore,body .prmore.ag96,body #pricing .prmore,body .more97 details.prmore.ag96{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-inline:0!important}
body .prmore:hover,body .prmore.ag96:hover,body #pricing .prmore:hover{box-shadow:none!important}
body .prmore summary{justify-content:space-between!important;gap:24px!important;max-width:760px;padding-inline:0!important}
body .prmore summary>span{flex:1 1 auto}
body .prmore summary svg{align-self:center}
/* the six "more" folds: one quiet column */
@media (min-width:1024px){body .more97{display:flex!important;flex-direction:column!important;gap:8px!important}}
@media (max-width:1023px){body .more97{background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}body .more97>section+section{border:0!important}}
/* how it works: scenes on their own paper, no card around them */
body #how .seg95{background:none!important;box-shadow:none!important;padding-inline:0}
@media (min-width:768px){body #how .seg95 button[aria-selected="true"]{background:var(--card)!important;box-shadow:none!important}}
body #how .fcard{background:none!important;box-shadow:none!important;border-radius:0!important}
@media (hover:hover){body #how .fcard:hover{box-shadow:none!important}}
body #how .fct{padding:0!important}
body #how .feat{gap:40px!important}
body #how .fcv{margin:20px 0 0!important;background:linear-gradient(180deg,#F1F4F8,#E7ECF2)!important}
/* pricing: the table without its panel, row lines kept and faint */
@media (min-width:768px){body .c98w::before{display:none}body .c98 tbody th,body .c98 tbody td{border-top-color:rgba(15,27,51,.06)!important}body .c98 tbody td.us{border-top-color:transparent!important}}
/* what you pay, never without you: two columns of text */
body .pb98{gap:24px 56px!important;margin:56px 0 32px!important}
body .pb98c{padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
body .pb98h{margin-bottom:14px!important}
body .pb98 ul{display:flex;flex-direction:column;gap:18px}
body .pb98 li{padding:0!important;border:0!important}
/* trust: two columns of text, each icon centred on its title line */
@media (min-width:1024px){body .tr97g{grid-template-columns:1fr 1fr!important;gap:32px 56px!important}}
body .tr97g li{align-items:flex-start}
body .tr97g svg{margin-top:0!important;width:22px;height:22px}
body .tr97g b{line-height:22px!important}
/* backers: names and marks on whitespace, no ruled rows */
body #backers #bkG.bkg{border:0!important;row-gap:4px!important}
body #backers #bkG.bkg li,body #backers #bkG.bkrow li{border:0!important;min-height:56px}
body #invR .ivt{border:0!important}
/* FAQ: questions on the page, not in cards */
body #faq .fq,body #faq .fq.on{background:none!important;box-shadow:none!important;border-radius:0!important;padding-inline:0!important}
body #faq .faq{gap:0!important}
body #faq .fq button{padding:18px 0!important}
body #faq .faqcta{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important}

/* ===================== land9 (Oct 29): one home page, one scale ===================== */
/* The home page is the hero, the proof (numbers, four quotes, backers), how it works, the price, the FAQ and the last
   call. Everything else is on /more.html, one quiet row of links away. One type scale (--fs-*), one rhythm (--sec, and
   --sec-in inside a section), one size of button outside the starter field. */
:root{--sec-in:56px}
@media (max-width:1023px){:root{--sec-in:40px}}
/* the proof reads as one block: the backers follow the quotes closely */
body main>#backers{margin-top:var(--sec-in)!important;padding-top:0!important}
body main>#case .tssec{margin-top:var(--sec-in)}
/* headings: section titles at --fs-h2, the secondary titles (backers, questions) at --fs-h3 */
body main .bkh,body #faq .h2{font-size:var(--fs-h3)!important;line-height:1.2}
/* buttons: outside the starter field, every button is one height, one padding, one size of type */
body main .faqcta .btn,body main .ctab .btn,body main .prbtn,body .hdr .btn{min-height:40px;padding:0 16px;font-size:15px;line-height:20px;border-radius:8px}
/* the investors: one grey, one optical size (h in INV), every mark on the row's center */
#invR .ivt{align-items:center!important}
#invR .ivt img{height:calc(var(--h) * .8)!important;filter:brightness(0)!important;opacity:.42!important}
#invR .ivt img:hover{opacity:.7!important}
@media (max-width:767px){#invR .ivt img{height:calc(var(--h) * .64)!important}}
/* the quiet row of links to /more.html */
.lrow{padding:var(--sec-in) 0 0}
.lrow .ctr{display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.lrow a{font-size:var(--fs-s);line-height:20px;color:var(--ink2);text-decoration:none;transition:color .2s}
.lrow a:hover{color:var(--ink)}
@media (max-width:639px){.lrow .ctr{gap:10px 20px}}

/* /more.html: the same sections, open, as a plain page */
.mhd{padding-top:152px}
.mhd .sub{margin-top:16px;max-width:640px}
@media (max-width:1023px){.mhd{padding-top:112px}}
.pgm>section{margin-top:var(--sec)!important;scroll-margin-top:96px}
.pgm details.prmore>summary{pointer-events:none;cursor:default;list-style:none}
.pgm details.prmore>summary::-webkit-details-marker{display:none}
.pgm details.prmore>summary>svg{display:none!important}
.pgm details.prmore>summary h2{font-family:var(--serif)!important;font-size:var(--fs-h3)!important;font-weight:400!important;line-height:1.2;margin:0}
.pgm details.prmore>summary small{display:block!important;margin-top:8px;font-size:var(--fs-b)!important}
.pgm details.prmore{padding-inline:0!important}
.pgm #trust{padding-top:0}
/* rows share one center (LESSONS): the plan price and its unit, and the experts' marks on their names */
.plan .pv{align-items:center!important}
.xpl.xfav{vertical-align:middle!important;position:relative;top:-.04em}
.cshd{align-items:center!important}
.pgm>section:first-child{margin-top:var(--sec-in)!important}
/* land9: the trust points under the price band, one quiet line, plain icons on their words */
.trl{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin:var(--sec-in) 0 0;padding:0;list-style:none}
.trl li{display:flex;align-items:center;gap:8px;font-size:var(--fs-s);line-height:20px;color:var(--ink2)}
.trl svg{flex:none;display:block;color:var(--gs-ink)}
.trl a{display:inline-flex;align-items:center;gap:6px;color:var(--gs-ink);text-decoration:none}
.trl a:hover{color:var(--ink)}
@media (max-width:639px){.trl{gap:12px 20px}}
@media (min-width:1024px){.trl{flex-wrap:nowrap;gap:22px;justify-content:space-between}.trl li{font-size:var(--fs-c);white-space:nowrap}}
.trl{margin-bottom:24px}
/* land99: city suggestions under the "Where are you opening?" boxes, one row per city, icon centered with its two lines */
.cpkw{position:relative}
.cpk{position:fixed;z-index:60;box-sizing:border-box;max-height:420px;overflow-y:auto;padding:8px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 12px 40px rgba(15,27,51,.16),0 2px 6px rgba(15,27,51,.06);text-align:left}
.cpkh{margin:0;padding:8px 12px 6px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.cpko{display:flex;align-items:center;gap:14px;min-height:60px;padding:6px 12px;border-radius:12px;cursor:pointer}
.cpko.on,.cpko:hover{background:var(--bg)}
.cpki{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;overflow:hidden}
.cpki svg{display:block}
.cpkt{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.cpkn{font-size:15px;line-height:20px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpkn b{font-weight:600}
.cpks{font-size:13px;line-height:18px;color:var(--muted)}

/* photos and the hero video: no drag out, no long-press save sheet, no selection; a clear layer over each slideshow photo
   so a right-click or long-press lands on it, not the image, and the browser offers no "Save image" or "Open in new tab" */
img,video{-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.show-ph{position:relative}.show-ph::after{content:"";position:absolute;inset:0;z-index:1}