html.site {

  --brand:#2380D6; --brand-btn:#1E72C4; --brand-deep:#1B67B4;
  --sky:#6FB4F4; --ice:#DFF0FD;
  --ink:#13324E; --muted:#516576; --white:#FFFFFF;
  --mist:#F0F7FD; --band:#E2F0FB; --sand:#FDF3E5;
  --night-line:rgba(122,180,235,.15); --night-text:#BDD5EC;
  --sunset:#FF9E4A; --sunset-text:#A0632E; --sunset-tint:#FDECDC;
  --mint:#2EC27E; --mint-text:#1C7A4F; --mint-tint:#DCF5E8;

  --violet:#7A5CF0; --violet-text:#4B3FA8; --violet-tint:#E7E4FB;
  --coral-text:#A32B60; --coral-tint:#FBE3EC;
  --rose:#E0568F;

  --font-display:'Onest', ui-sans-serif, system-ui, sans-serif;
  --font-body:'Golos Text', ui-sans-serif, system-ui, -apple-system, sans-serif;

  --font-ui: var(--font-body);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --dur:.65s;
  --sheet-r:clamp(26px,4vw,44px);

  --r-md:15px; --r-lg:22px;
  --r-xs:4px; --r-sm:10px;

  --shadow-lg:0 24px 60px -18px rgba(11,44,84,.20);
  --shadow-md:0 12px 32px -12px rgba(11,44,84,.14);
  --shadow-sm:0 4px 14px -4px rgba(11,44,84,.10);

  --dev-bezel:linear-gradient(145deg,#454a52,#1b1e24 30%,#0e1013 60%,#2b2f36 85%,#0e1013);
  --dev-shadow:0 55px 110px -34px rgba(7,30,56,.5),0 22px 42px -26px rgba(7,30,56,.42);
  --dev-btn:#15181d; --dev-rim:#06080b;
  --dev-gloss:linear-gradient(130deg,rgba(255,255,255,.22),rgba(255,255,255,0) 32%);

  --fs-micro:10px; --fs-tiny:11px; --fs-caption:12px; --fs-small:13px;
  --fs-body:14px; --fs-body-lg:15px; --fs-lead:16px; --fs-lead-lg:17px;
  --fs-h4:18px; --fs-h3:21px; --fs-h2:30px;

  --fs-hero-h1: clamp(2.55rem,1.45rem + 3.9vw,3.9rem);

  --fs-hero-h1-mobile: clamp(1.55rem,7.7vw,2.15rem);
  --fs-hero-sub: clamp(1rem,.94rem + .35vw,1.11rem);
  --fs-hero-sub-mobile: clamp(.82rem,3.35vw,1rem);
  --fs-section-h2: clamp(1.85rem,1.2rem + 2.7vw,2.9rem);
  --fs-final-h2: clamp(2.1rem,1.4rem + 3.4vw,3.4rem);

  --fs-pt-hero-h1: clamp(1.85rem,1.15rem + 3.3vw,3.7rem);
  --fs-pt-stat: clamp(1.3rem,1.05rem + .9vw,1.75rem);

  --fs-doc-title: clamp(1.9rem,1.4rem + 2vw,2.9rem);

  --fs-doc-h2: clamp(1.12rem,1.02rem + .4vw,1.32rem);
}

html.site[data-theme] {
  --brand:#2380D6;
  --ink:#13324E;
  --muted:#516576;
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip;scroll-padding-top:86px}

body{
  font-family:var(--font-body);color:var(--ink);background:var(--white);
  line-height:1.6;font-size: var(--fs-lead);overflow-x:clip;

  font-weight:400;

  font-variant-numeric:normal;

  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
}

html.site main{opacity:0;animation:stepIn .3s var(--ease-out) forwards}

html[data-prerendered].site main{opacity:1;animation:none}

img,svg,canvas{display:block;max-width:100%}

a{color:inherit;text-decoration:none}

button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}

::selection{background:var(--brand);color:var(--white)}

:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}

:focus:not(:focus-visible){outline:none}

.final :focus-visible{outline-color:var(--white)}

html.site h1, html.site h2, html.site h3, html.site h4{color:inherit;text-wrap:wrap}

h1,h2,h3{font-family:var(--font-display);line-height:1.12;letter-spacing:-.025em;font-weight:800}

h2{font-size: var(--fs-section-h2);font-weight:800}

h3{font-size: var(--fs-h4);font-weight:700}

.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}

.hero > .wrap,.site-header > .wrap{box-sizing:border-box;width:100%;padding-inline:clamp(24px,5vw,80px);margin-inline:0}

@media (max-width:640px){.wrap{width:calc(100% - 40px)}}

section{position:relative}

.section-pad{padding:clamp(68px,7.5vw,104px) 0}

.sheet-pane{border-radius:var(--sheet-r) var(--sheet-r) 0 0;margin-top:calc(var(--sheet-r)*-1);position:relative;z-index:3}

.brow{
  display:inline-flex;align-items:center;gap:9px;
  font-size: var(--fs-caption);font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--brand-deep);
}

.brow::before{content:"";width:24px;height:2px;border-radius: var(--r-xs);background:var(--sunset)}

.dark .brow{color:var(--white)}

.dark .brow::before{background:rgba(255,255,255,.7)}

.section-head{max-width:660px;margin-bottom:clamp(34px,4vw,52px)}

.section-head.centered{margin-inline:auto;text-align:center}

.section-head.centered .brow{justify-content:center}

.section-head h2{margin:14px 0 14px}

.section-head p{color:var(--muted);font-size: var(--fs-lead-lg);max-width:58ch}

.section-head.centered p{margin-inline:auto}

.dark .section-head p{color:var(--night-text)}

.accent{color:var(--brand)}

.dark .accent{color:var(--sky)}

html[data-reveal] .rv{opacity:0;transform:translateY(30px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}

html[data-reveal] .rv.in{opacity:1;transform:none}

html[data-reveal] .rv-l{opacity:0;transform:translateX(-36px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}

html[data-reveal] .rv-r{opacity:0;transform:translateX(36px);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out)}

html[data-reveal] .rv-l.in,html[data-reveal] .rv-r.in{opacity:1;transform:none}

@media (max-width:760px){
  html[data-reveal] .rv-l,html[data-reveal] .rv-r{transform:translateY(30px)}
}

[data-stagger]>*{transition-delay:calc(var(--i,0)*70ms)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001s!important;transition-delay:0s!important}
  html[data-reveal] .rv,html[data-reveal] .rv-l,html[data-reveal] .rv-r{opacity:1;transform:none}
}

.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:background .35s,box-shadow .35s}

.site-header .wrap{display:flex;align-items:center;gap:26px;height:70px}

.site-header.scrolled{
  background:rgba(6,18,31,.78);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:0 1px 0 var(--night-line);
}

.site-header.on-light.scrolled{background:rgba(255,255,255,.82);box-shadow:0 1px 0 rgba(11,44,84,.08)}

.site-header.on-accent.scrolled{background:rgba(196,74,52,.42);box-shadow:0 1px 0 rgba(255,255,255,.18)}

.on-accent .brand{color:var(--white)}

.on-accent .main-nav a{color:var(--white)}

.on-accent .main-nav a:hover{color:var(--white);background:rgba(255,255,255,.16)}

.on-accent .lang-btn{color:var(--white);border-color:transparent}

.on-accent .lang-btn:hover{background:rgba(255,255,255,.14)}

.on-accent .burger{color:var(--white)}

.on-accent .header-cta{background:var(--white);color:#C9481F;box-shadow:0 10px 26px -8px rgba(120,40,20,.45)}

.on-accent .header-cta:hover{background:var(--white);color:#B84019}

.brand{display:flex;align-items:center;min-height:44px;gap:10px;font-family:var(--font-display);font-weight:800;font-size: var(--fs-h4);letter-spacing:-.02em;color:var(--white)}

.on-light .brand{color:var(--ink)}

.brand .logo{width:33px;height:33px;border-radius: var(--r-sm);box-shadow:0 4px 12px rgba(33,115,200,.4)}

.main-nav{display:flex;gap:2px}

.main-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 13px;border-radius:99px;font-size: var(--fs-body);font-weight:500;color:rgba(255,255,255,.75);transition:color .2s,background .2s}

.on-light .main-nav a{color:var(--muted)}

.main-nav a:hover{color:var(--white);background:rgba(255,255,255,.1)}

.on-light .main-nav a:hover{color:var(--ink);background:rgba(11,44,84,.06)}

.header-actions{display:flex;align-items:center;gap:11px;margin-left:auto}

.lang{position:relative}

.lang-btn{
  display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:99px;
  font-size: var(--fs-body);font-weight:500;color:rgba(255,255,255,.85);
  border:1px solid transparent;transition:border-color .2s,background .2s;min-height:44px;
}

.on-light .lang-btn{color:var(--ink);border-color:transparent}

.lang-btn:hover{background:rgba(255,255,255,.1)}

.on-light .lang-btn:hover{background:rgba(11,44,84,.05)}

.lang-btn svg{transition:transform .25s}

.lang.open .lang-btn svg{transform:rotate(180deg)}

.lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;min-width:168px;
  background:var(--white);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;
  opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;

  visibility:hidden;
  transition:opacity .22s var(--ease-out),transform .22s var(--ease-out),visibility .22s;
}

.lang.open .lang-menu,.mobile-open .mobile-menu{opacity:1;transform:none;pointer-events:auto;visibility:visible}

.lang-menu button{display:flex;align-items:center;min-height:44px;gap:10px;width:100%;padding:9px 12px;border-radius: var(--r-sm);font-size: var(--fs-body-lg);color:var(--ink);transition:background .15s;text-align:left}

.lang-menu button:hover{background:var(--ice)}

.lang-menu button.active{background:var(--ice);font-weight:600;color:var(--brand-deep)}

.lang-menu .code{font-size: var(--fs-tiny);font-weight:700;letter-spacing:.06em;color:var(--brand-deep);background:var(--ice);border-radius: var(--r-xs);padding:2px 6px;min-width:32px;text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 24px;border-radius:99px;font-weight:600;font-size: var(--fs-body-lg);transition:transform .2s var(--ease-out),box-shadow .25s,background .2s;min-height:46px;

  border:0;

  line-height:1.6; letter-spacing:normal}

.btn:active{transform:scale(.97)}

.btn-primary{background:var(--brand-btn);color:var(--white);box-shadow:0 10px 26px -8px rgba(33,115,200,.55)}

.btn-primary:hover{background:var(--brand-deep);transform:translateY(-2px);box-shadow:0 16px 32px -10px rgba(33,115,200,.6)}

.btn-ghost{color:var(--ink);border:1px solid rgba(19,50,78,.22);background:rgba(255,255,255,.6)}

.btn-ghost:hover{background:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-sm)}

.dark .btn-ghost{color:var(--white);border-color:rgba(255,255,255,.45);background:transparent}

.dark .btn-ghost:hover{background:rgba(255,255,255,.14);box-shadow:none}

.btn-light{background:var(--white);color:var(--ink);box-shadow:var(--shadow-md)}

.btn-light:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}

.btn-sm{padding:9px 18px;font-size: var(--fs-body);min-height:44px}

@media (max-width:900px){.main-nav{display:none}}

.burger{display:none;width:44px;height:44px;border-radius: var(--r-sm);place-items:center;color:var(--white)}

.on-light .burger{color:var(--ink)}

@media (max-width:900px){
  .burger{display:grid}
  .header-cta{display:none}
  .site-header .wrap{gap:10px}
  .brand{font-size: var(--fs-lead);gap:8px}
  .header-actions{gap:8px}
}

.burger svg .l2{transition:opacity .2s}

.burger svg .l1,.burger svg .l3{transition:transform .3s var(--ease-out);transform-origin:12px 12px}

.mobile-open .burger .l1{transform:translateY(6px) rotate(45deg)}

.mobile-open .burger .l3{transform:translateY(-6px) rotate(-45deg)}

.mobile-open .burger .l2{opacity:0}

.mobile-menu{
  position:fixed;inset:70px 0 auto 0;z-index:99;padding:10px 24px 28px;
  background:rgba(255,255,255,.96);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  display:flex;flex-direction:column;transform:translateY(-12px);opacity:0;pointer-events:none;

  visibility:hidden;
  transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),visibility .3s;
  border-bottom:1px solid rgba(19,50,78,.1);box-shadow:0 24px 48px -24px rgba(11,44,84,.18);
}

.mobile-menu a{padding:14px 4px;font-size: var(--fs-lead);font-weight:500;color:var(--ink);border-bottom:1px solid rgba(19,50,78,.08)}

.mobile-menu a:last-child{border-bottom:0}

.hero{

  --hero-a:-webkit-image-set(url("/hero/desk-flatlay.webp") 1x, url("/hero/desk-flatlay@2x.webp") 2x);
  --hero-a:image-set(url("/hero/desk-flatlay.webp") 1x, url("/hero/desk-flatlay@2x.webp") 2x);
  --hero-b:-webkit-image-set(url("/hero/desk-app.webp") 1x, url("/hero/desk-app@2x.webp") 2x);
  --hero-b:image-set(url("/hero/desk-app.webp") 1x, url("/hero/desk-app@2x.webp") 2x);

  --hero-m:-webkit-image-set(url("/site/hero-mobile.webp") 1x, url("/site/hero-mobile@2x.webp") 2x),url("data:image/webp;base64,UklGRnoDAABXRUJQVlA4WAoAAAAwAAAAHwAAFgAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIFQAAAAEP0P+ICBBI2mx//+DnBSL6n4zlCwBWUDggbgEAAFAHAJ0BKiAAFwA+bSySRiQioaEoDVCADYlkAJ0yhHyfGKgCwnHgJmIwu7BFlDWsqXEYX2dxuWBiV9Js1c9cc7bbC0AA/vmpchMjLd3J9VpkX81+zIqAa7s8qa49FrCK91gk9llfg7gIBfv7cJxfZ0rzG8sfQE9+B3PHqXtragI5yLRfxW5D2elc138i83cjpzMe0cxoeuTOwuph2ry+VPF0FkNOyG57bEFARYQjUOykh5IeEbFQnZBXsn0AtI8PH6RE8yq8EfV4erFhsv/zZe0/f1RiRoe+G7ZfixQ6vmEmzNruNjZInfd+H7fH9xDh0IfYHX9Rkr5d1wF4/SLkhhHKMiHmi7lsezWa3q/7Rv/Wn0H5W/tG3y4xR6Xyq4aN3+2FqfNE4l/YhF7P/6sz6HwiHmu20pKWa6MTOrFl5Epdewod6NPwiKGJ1el79q7nVP/tYso+XiTXX/EsCFPfcJ49dLkdgtf+0dy9jWgAAA==");

  --hero-m:image-set(url("/site/hero-mobile.avif") type("image/avif") 1x,url("/site/hero-mobile@2x.avif") type("image/avif") 2x,url("/site/hero-mobile.webp") type("image/webp") 1x,url("/site/hero-mobile@2x.webp") type("image/webp") 2x),url("data:image/webp;base64,UklGRnoDAABXRUJQVlA4WAoAAAAwAAAAHwAAFgAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIFQAAAAEP0P+ICBBI2mx//+DnBSL6n4zlCwBWUDggbgEAAFAHAJ0BKiAAFwA+bSySRiQioaEoDVCADYlkAJ0yhHyfGKgCwnHgJmIwu7BFlDWsqXEYX2dxuWBiV9Js1c9cc7bbC0AA/vmpchMjLd3J9VpkX81+zIqAa7s8qa49FrCK91gk9llfg7gIBfv7cJxfZ0rzG8sfQE9+B3PHqXtragI5yLRfxW5D2elc138i83cjpzMe0cxoeuTOwuph2ry+VPF0FkNOyG57bEFARYQjUOykh5IeEbFQnZBXsn0AtI8PH6RE8yq8EfV4erFhsv/zZe0/f1RiRoe+G7ZfixQ6vmEmzNruNjZInfd+H7fH9xDh0IfYHX9Rkr5d1wF4/SLkhhHKMiHmi7lsezWa3q/7Rv/Wn0H5W/tG3y4xR6Xyq4aN3+2FqfNE4l/YhF7P/6sz6HwiHmu20pKWa6MTOrFl5Epdewod6NPwiKGJ1el79q7nVP/tYso+XiTXX/EsCFPfcJ49dLkdgtf+0dy9jWgAAA==");
  --hero-m-blur:url("data:image/webp;base64,UklGRnoDAABXRUJQVlA4WAoAAAAwAAAAHwAAFgAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZBTFBIFQAAAAEP0P+ICBBI2mx//+DnBSL6n4zlCwBWUDggbgEAAFAHAJ0BKiAAFwA+bSySRiQioaEoDVCADYlkAJ0yhHyfGKgCwnHgJmIwu7BFlDWsqXEYX2dxuWBiV9Js1c9cc7bbC0AA/vmpchMjLd3J9VpkX81+zIqAa7s8qa49FrCK91gk9llfg7gIBfv7cJxfZ0rzG8sfQE9+B3PHqXtragI5yLRfxW5D2elc138i83cjpzMe0cxoeuTOwuph2ry+VPF0FkNOyG57bEFARYQjUOykh5IeEbFQnZBXsn0AtI8PH6RE8yq8EfV4erFhsv/zZe0/f1RiRoe+G7ZfixQ6vmEmzNruNjZInfd+H7fH9xDh0IfYHX9Rkr5d1wF4/SLkhhHKMiHmi7lsezWa3q/7Rv/Wn0H5W/tG3y4xR6Xyq4aN3+2FqfNE4l/YhF7P/6sz6HwiHmu20pKWa6MTOrFl5Epdewod6NPwiKGJ1el79q7nVP/tYso+XiTXX/EsCFPfcJ49dLkdgtf+0dy9jWgAAA==");
  --hero-veil:236,246,253;

  --hero-ch:calc(100svh + var(--sheet-r));
  --hero-fh:calc(var(--hero-ch) * 1.08);
  --hero-fw:calc(var(--hero-fh) * 1.77638);
  background:#7FA9C4;color:var(--ink);overflow:hidden;
  padding-bottom:var(--sheet-r);

  min-height:calc(100vh + var(--sheet-r));

  min-height:calc(100svh + var(--sheet-r));

  display:flex;align-items:stretch;
}

.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;background:#7FA9C4}

.hero-fill{
  position:absolute;inset:-8%;

  background-image:var(--hero-m-blur);background-size:cover;background-position:center;
  filter:blur(30px) saturate(1.06) brightness(1.02);
  transform:scale(1.06);
}

@media (min-width:981px){
  .hero-fill{background-image:var(--hero-a);filter:blur(54px) brightness(1.02) saturate(1.02);transform:scale(1.04)}
}

.hero-layer{
  position:absolute;inset:0;
  background-repeat:no-repeat;background-size:cover;background-position:center;
  backface-visibility:hidden;
}

.hero-layer.la{opacity:1;background-image:var(--hero-m);background-size:var(--fw) auto;background-position:50% calc(var(--fw) * var(--frame-y));
  -webkit-mask:linear-gradient(180deg,transparent calc(var(--fw) * var(--frame-y)),#000 calc(var(--fw) * var(--frame-y) + 60px),#000 100%);mask:linear-gradient(180deg,transparent calc(var(--fw) * var(--frame-y)),#000 calc(var(--fw) * var(--frame-y) + 60px),#000 100%)}

@media (min-width:981px){
  .hero-layer.la{background-image:var(--hero-a)}
  .hero-layer.la,.hero-layer.lb{
    background-size:var(--hero-fw) var(--hero-fh);
    background-position:calc(68% + var(--hero-fw) * .1774) calc(45.2% - var(--hero-fh) * .0313);

    --hero-edge:max(0px, 68% - var(--hero-fw) * .5026);
    -webkit-mask:linear-gradient(90deg,transparent var(--hero-edge),
      #000 calc(var(--hero-edge) + min(var(--hero-edge), 220px)));
    mask:linear-gradient(90deg,transparent var(--hero-edge),
      #000 calc(var(--hero-edge) + min(var(--hero-edge), 220px)))}
}

.hero-layer.lb{opacity:0;transition:opacity .5s var(--ease-out);will-change:opacity}

@media (min-width:981px){.hero-layer.lb{background-image:var(--hero-b)}}

.hero.is-zoom .hero-layer.lb{opacity:1}

.hero-scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(101deg,rgba(var(--hero-veil),.80) 0%,rgba(var(--hero-veil),.84) 26%,rgba(var(--hero-veil),.80) 42%,rgba(var(--hero-veil),.54) 53%,rgba(var(--hero-veil),.2) 63%,rgba(var(--hero-veil),0) 73%),
    linear-gradient(180deg,rgba(var(--hero-veil),.38) 0%,rgba(var(--hero-veil),.08) 18%,rgba(var(--hero-veil),0) 32%),
    linear-gradient(0deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 20%);
}

.hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.3;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

.hero-hot{position:absolute;z-index:2;display:none}

@media (min-width:981px){
  .hero-hot{display:block;
    left:calc(68% - var(--hero-fw) * .0729);
    top:calc(45.2% - var(--hero-fh) * .2926);
    width:calc(var(--hero-fw) * .1459);
    height:calc(var(--hero-fh) * .5852)}
}

.hero-grid{
  position:relative;z-index:3;pointer-events:none;
  display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-content:center;
  padding:70px 0 var(--sheet-r);
}

.hero-copy{pointer-events:auto;max-width:min(620px,52%)}

.hero h1{font-size: var(--fs-hero-h1);font-weight:800;margin:0 0 20px;color:var(--ink)}

.hero h1 .line{display:block}

.hero h1 .grad{
  background:linear-gradient(98deg,#2A86DE 0%,#2173C8 56%,#1B5FA8 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.hero-sub{
  color:#33536F;font-size: var(--fs-hero-sub);
  max-width:43ch;margin-bottom:30px;
}

.hero-ctas{display:flex;flex-wrap:wrap;gap:13px;align-items:center}

.hero .btn-ghost{
  color:var(--ink);border:1px solid rgba(19,50,78,.2);background:rgba(255,255,255,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}

.hero .btn-ghost:hover{background:var(--white);box-shadow:var(--shadow-sm)}

@media (max-width:600px){
  .hero h1{font-size: var(--fs-hero-h1-mobile)}
}

@media (max-width:520px){
  .hero-ctas{flex-direction:column;align-items:center}
  .hero-ctas .btn{width:min(320px,100%)}
}

.hero-anim{opacity:0;transform:translateY(26px);animation:heroIn .9s var(--ease-out) forwards}

html[data-prerendered] .hero-anim{opacity:1;transform:none;animation:none}

@keyframes heroIn{to{opacity:1;transform:none}}

.hero-anim:nth-child(1){animation-delay:.05s}

.hero-anim:nth-child(2){animation-delay:.15s}

.hero-anim:nth-child(3){animation-delay:.28s}

.hero-anim:nth-child(4){animation-delay:.4s}

.hero-anim:nth-child(5){animation-delay:.5s}

@media (max-width:980px){
  .hero{

    --photo-aspect: 1.3829;
    --phone-bottom: 0.763;
    --frame-y: 0.0518;
    --copy-h: 237px;

    --fw: min(245vw, 1000px);
    --frame-h: calc(var(--fw) / var(--photo-aspect));

    min-height: calc(var(--fw) * var(--frame-y) + var(--frame-h));
    align-items:stretch;
  }

  .hero-grid{align-content:normal;align-items:stretch;text-align:center;padding:80px 0 clamp(44px,5.2vh,72px)}

  .hero-copy{max-width:none;margin-inline:auto;display:flex;flex-direction:column}

  .hero h1{line-height:1.1}

  .hero-sub{
    margin-top:2px;margin-bottom:18px;margin-inline:auto;max-width:none;
    font-size: var(--fs-hero-sub-mobile);line-height:1.5;color:var(--ink);
  }

  .hero-sub b{color:#2173C8;font-weight:700}

  .hero-ctas{flex:none;justify-content:center;flex-direction:column;gap:10px;margin-top:calc(var(--fw) * var(--frame-y) + var(--phone-bottom) * var(--frame-h) - var(--copy-h))}

  .hero-ctas .btn{width:min(288px,100%);min-height:40px;padding:11px 22px;font-size:var(--fs-body)}
  .hero .btn-ghost{display:inline-flex;background:var(--white);color:var(--ink);border:1px solid rgba(19,50,78,.14)}

  .hero-scrim{
    background:
      linear-gradient(180deg,rgba(var(--hero-veil),.30) 0%,rgba(var(--hero-veil),.24) 12%,rgba(var(--hero-veil),.08) 20%,rgba(var(--hero-veil),0) 28%,rgba(var(--hero-veil),0) 100%);
  }
}

.pain{background:var(--white)}

.pain .section-head{max-width:640px}

.pain-stage{position:relative;max-width:1000px;margin-inline:auto}

.scrap-strip{position:absolute;inset:-6px;z-index:3;pointer-events:none}

@media (min-width:760px){.scrap-strip{height:clamp(210px,26vw,240px)}}

.scrapv3{
  position:absolute;background:var(--white);border-radius: var(--r-md);
  box-shadow:0 6px 18px rgba(16,32,60,.10);border:1px solid rgba(11,44,84,.06);
  opacity:0;transform:translateY(30px) rotate(0deg);
  will-change:transform;
}

.msg-row{display:flex;align-items:center;gap:11px;padding:11px 14px}

.msg-row .mic{width:32px;height:32px;flex:none}

.msg-row .mbody{min-width:0;flex:1}

.msg-row .mtop{display:flex;justify-content:space-between;gap:8px;font-weight:600;font-size: var(--fs-small)}

.msg-row .mtop time{color:#9AA3B5;font-size: var(--fs-tiny);font-weight:400;flex:none}

.msg-row .mprev{font-size: var(--fs-caption);color:#66738D;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:5px}

.msg-row .ftag{font-size: var(--fs-micro);font-weight:700;background:#F1F3F6;border-radius: var(--r-xs);padding:1px 5px;color:#B04A3A;flex:none}

.msg-row .badge{flex:none;color:var(--white);border-radius:99px;min-width:20px;height:20px;display:grid;place-items:center;font-size: var(--fs-tiny);font-weight:700;padding:0 5px;line-height:1.6;letter-spacing:normal}

.p1{left:12%;top:2%;width:min(300px,34%);z-index:4;--rot:-5deg;--cx:220px;--cy:250px}

.p2{right:10%;top:6%;width:min(300px,34%);z-index:4;--rot:4deg;--cx:-220px;--cy:235px}

.p3{left:17%;top:42%;width:min(250px,28%);z-index:5;--rot:-4deg;--cx:150px;--cy:140px}

.p4{right:13%;top:48%;width:min(250px,28%);z-index:5;--rot:5deg;--cx:-160px;--cy:130px}

.p5{left:37%;top:19%;width:min(260px,30%);z-index:6;--rot:2deg;--cx:-10px;--cy:210px}

@media (max-width:759px){
  .p1{left:2%;top:3%;width:min(230px,64%);--cx:110px;--cy:170px}.p2{right:2%;top:9%;width:min(215px,60%);--cx:-110px;--cy:160px}.p3{left:7%;top:43%;width:min(198px,55%);--cx:80px;--cy:95px}.p4{right:5%;top:50%;width:min(185px,52%);--cx:-90px;--cy:85px}.p5{display:none}
}

.bpass{overflow:hidden}

.bpass .bp-head{background:#10203C;color:var(--white);padding:10px 13px}

.bpass .bp-route{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-weight:700;font-size: var(--fs-body)}

.bpass .bp-route span{opacity:.7;font-size: var(--fs-caption);font-weight:500}

.bpass .bp-meta{font-size: var(--fs-micro);opacity:.7;margin-top:3px;letter-spacing:.09em}

.bpass .bp-code{height:24px;margin:9px 13px 4px;background:repeating-linear-gradient(90deg,#10203C 0 2px,transparent 2px 5px,#10203C 5px 6px,transparent 6px 10px)}

.bpass .bp-file{font-size: var(--fs-micro);color:#9AA3B5;padding:0 13px 9px}

.snote{background:#FFF7DE;padding:11px 14px}

.snote b{display:block;font-size: var(--fs-caption);color:#8A6A1E;border-bottom:1px solid rgba(138,106,30,.2);padding-bottom:6px;margin-bottom:7px}

.snote p{font-size: var(--fs-caption);color:#6E6142;line-height:1.7}

.ssheet{overflow:hidden;font-size: var(--fs-caption)}

.ssheet .sh-row{display:grid;grid-template-columns:30px 1fr 66px 56px}

.ssheet .sh-row>div{padding:6px 9px;border-top:1px solid #E4E7EC;border-right:1px solid #E4E7EC;white-space:nowrap;overflow:hidden}

.ssheet .sh-row>div:last-child{border-right:none}

.ssheet .sh-row.hd>div{background:#EDF2ED;border-top:none;font-weight:700;color:#3E7A3E}

.ssheet .err{color:#B04A3A;font-weight:600;font-size:inherit;line-height:1.6;letter-spacing:normal}

.ssheet .idx{color:#9AA3B5;font-size: var(--fs-micro)}

.pain-divider{
  display:flex;align-items:center;justify-content:center;gap:12px;

  max-width:1000px;margin:28px auto 20px;color:var(--muted);font-size: var(--fs-lead-lg);font-weight:600;text-align:center;
}

.pain-divider::before,.pain-divider::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(11,44,84,.16))}

.pain-divider::after{background:linear-gradient(90deg,rgba(11,44,84,.16),transparent)}

.pain-divider svg{color:var(--brand);flex:none}

.pain-divider .dv-brand{display:inline-flex;align-items:center;gap:.3em;white-space:nowrap}

.pain-divider .dv-name{color:var(--brand-deep)}

.dv-logo{width:1.05em;height:1.05em;border-radius: var(--r-xs);flex:none}

.appwin{z-index:1;max-width:1000px}

.aw-screen{background:var(--white)}

.aw-head{display:flex;align-items:center;gap:12px;padding:15px 22px;border-bottom:1px solid #EEF3F9}

.aw-head .logo{width:32px;height:32px;border-radius: var(--r-sm)}

.aw-head b{font-family:var(--font-display);font-size: var(--fs-lead);display:block;line-height:1.25}

.aw-head small{color:var(--muted);font-size: var(--fs-tiny);letter-spacing:.08em}

.aw-head .avs{display:flex;margin-left:auto}

.aw-head .avs span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--white);font-size: var(--fs-tiny);font-weight:700;border:2px solid var(--white)}

.aw-head .avs span + span{margin-left:-8px}

.aw-grid{display:grid;grid-template-columns:1.08fr 1fr}

.aw-col{padding:16px 22px 20px;min-width:0;display:flex;flex-direction:column}

.aw-col > [data-step]:first-child{display:flex;flex-direction:column;flex:1;min-height:0}

.aw-col + .aw-col{border-left:1px solid #EEF3F9}

@media (max-width:760px){.aw-grid{grid-template-columns:1fr}.aw-col + .aw-col{border-left:none;border-top:1px solid #EEF3F9}}

.aw-label{font-size: var(--fs-tiny);font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}

.aw-row{display:flex;align-items:baseline;gap:10px}

.aw-row .aw-more{margin-left:auto;font-size: var(--fs-small);font-weight:600;color:var(--brand-deep)}

.aw-row .aw-total{margin-left:auto;font-family:var(--font-display);font-weight:800;font-size: var(--fs-h3)}

.aw-map{position:relative;border-radius: var(--r-md);flex:1;min-height:clamp(150px,20vw,196px);overflow:hidden;margin-top:10px;background:#CFE4F7}

.aw-map svg,.bb-map svg,.mapviz svg{position:absolute;inset:0;width:100%;height:100%}

.aw-map,.bb-map{background:#CFE4F7}

.aw-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:auto;padding-top:12px}

.aw-stat{background:var(--mist);border-radius: var(--r-sm);padding:10px 6px;text-align:center}

.aw-stat b{font-family:var(--font-display);font-size: var(--fs-lead-lg);display:block;letter-spacing:-.02em;white-space:nowrap}

.aw-stat span{font-size: var(--fs-tiny);color:var(--muted)}

.aw-bbar{height:8px;border-radius:99px;background:#EDF1F9;margin:10px 0 12px;overflow:hidden;display:flex}

.aw-bbar span{height:100%}

.aw-brows{display:grid;gap:8px}

.aw-brow{display:flex;align-items:center;gap:9px;font-size: var(--fs-small);font-weight:500}

.aw-brow i{width:9px;height:9px;border-radius: var(--r-xs);flex:none}

.aw-brow em{margin-left:auto;font-style:normal;font-weight:600;font-size: var(--fs-small)}

.aw-ready{margin-top:15px}

.aw-ready > .aw-row{margin-bottom:9px}

.aw-ready-n{margin-left:auto;font-size: var(--fs-caption);font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}

.aw-ready-n b{font-family:var(--font-display);font-size: var(--fs-body-lg);color:var(--mint-text)}

.aw-ready .stat-rows{gap:5px;margin-top:0}

.aw-ready .stat-row{font-size: var(--fs-caption);padding:6px 10px;gap:8px;border-radius: var(--r-sm)}

.aw-ready .stat-row .pill{font-size: var(--fs-micro);padding:2px 7px}

[data-step]{opacity:0;transform:translateY(14px)}

@keyframes stepIn{to{opacity:1;transform:none}}

.in .appwin{animation:winPop .5s var(--ease-out) 2.15s both}

@keyframes winPop{0%{transform:scale(.985)}60%{transform:scale(1.005)}100%{transform:scale(1)}}

.aw-route{clip-path:inset(-6px -6px -6px 100%)}

.pain.scrub .pain-pin{height:var(--pin-h,150vh);position:relative}

.pain.scrub{padding-top:clamp(24px,3vh,44px)}

.pain.scrub .pain-pin-inner{position:sticky;top:var(--pin-top,0px);height:auto;padding:0;display:flow-root}

.pain.scrub .section-head{margin-bottom:clamp(16px,2.4vh,32px)}

.pain.scrub .pain-stage{position:relative;width:min(1000px,94vw);max-width:none;margin:0 auto;flex:none;transform:scale(var(--fit,1));transform-origin:top center;margin-bottom:calc(var(--needpx,0px) * (var(--fit,1) - 1))}

.pain.scrub .pain-stage{--rp:clamp(0, calc((var(--p,0) - .02)/.94), 1);--rpe:calc(1 - (1 - var(--rp)) * (1 - var(--rp)))}

.pain.scrub .scrap-strip{
  animation:none!important;opacity:1;
  top:0;bottom:auto;height:clamp(200px,25vw,236px);
  --c:clamp(0, calc((var(--p,0) - .04)/.62), 1);
  transform:translateY(calc(var(--c) * 96px));
  will-change:transform;
}

.pain.scrub .p1{--cy:74px}

.pain.scrub .p2{--cy:65px}

.pain.scrub .p3{--cy:-51px}

.pain.scrub .p4{--cy:-48px}

.pain.scrub .p5{--cy:28px}

@media (max-width:759px){
  .pain.scrub .p1{--cy:55px}
  .pain.scrub .p2{--cy:46px}
  .pain.scrub .p3{--cy:-56px}
  .pain.scrub .p4{--cy:-53px}
}

.pain.scrub .scrapv3{
  animation:none!important;
  --c:clamp(0, calc((var(--p,0) - .04)/.46), 1);
  --e:calc(var(--c) * var(--c) * (3 - 2 * var(--c)));
  opacity:calc(1 - clamp(0, calc((var(--p,0) - .36)/.14), 1));
  transform:
    translate(calc(var(--cx,0px) * var(--e)), calc(var(--cy,0px) * var(--e)))
    rotate(calc(var(--rot,0deg) * (1 - var(--e))))
    scale(calc(1 - .5 * var(--e)));
}

.pain.scrub .pain-divider{
  --d:clamp(0, calc((var(--p,0) - .10)/.16), 1);
  opacity:var(--d);
  transform:translateY(calc(-8px * (1 - var(--d))));
}

.pain.scrub .appwin{
  animation:none!important;
  opacity:1;
  transform:translateY(calc(var(--rise,340px) * (1 - var(--rpe,0))));
  transform-origin:center top;
}

.pain.scrub .aw-grid{filter:saturate(.05);transition:filter .9s var(--ease-out)}

.pain.scrub.filled .aw-grid{filter:saturate(1)}

.pain.scrub .aw-head > div,.pain.scrub .aw-head .avs{opacity:0}

.pain.scrub.filled .aw-head > div{animation:stepIn .5s var(--ease-out) both;animation-delay:.06s}

.pain.scrub.filled .aw-head .avs{animation:stepIn .5s var(--ease-out) both;animation-delay:.2s}

.pain.scrub [data-step]{animation:none!important;opacity:.1;transform:none}

.pain.scrub.filled [data-step]{
  animation:stepIn .55s var(--ease-out) both!important;

  animation-delay:calc(.12s + var(--s,0) * .17s)!important;
}

.pain.scrub .aw-route{animation:none!important}

.pain.scrub .aw-pin{animation:none!important;opacity:0}

.pain.scrub .aw-bbar span{animation:none!important;transform:scaleX(0)}

.pain.scrub.filled .aw-route{animation:routeDraw .8s ease-out both!important;animation-delay:.3s!important}

.pain.scrub.filled .aw-pin{animation:pinPop .45s var(--ease-out) both!important;animation-delay:calc(.55s + var(--p,0)*.15s)!important}

.pain.scrub.filled .aw-bbar span{animation:growX .55s var(--ease-out) both!important}

.pain.scrub.filled .aw-bbar span:nth-child(1){animation-delay:.4s!important}

.pain.scrub.filled .aw-bbar span:nth-child(2){animation-delay:.5s!important}

.pain.scrub.filled .aw-bbar span:nth-child(3){animation-delay:.6s!important}

.pain.scrub.filled .aw-bbar span:nth-child(4){animation-delay:.7s!important}

.pain:not(.scrub) .scrap-strip{display:none}

.pain:not(.scrub) .pain-divider{display:none}

.pain:not(.scrub) .appwin{opacity:1;transform:none}

.pain:not(.scrub) [data-step]{opacity:1;transform:none;animation:none}

.in .aw-route{animation:routeDraw .9s ease-out both;animation-delay:2.75s}

@keyframes routeDraw{to{clip-path:inset(-6px)}}

.aw-pin{opacity:0;transform-origin:center;transform-box:fill-box}

.in .aw-pin{animation:pinPop .45s var(--ease-out) both;animation-delay:calc(2.85s + var(--p,0)*.18s)}

@keyframes pinPop{0%{opacity:0;transform:scale(.3)}70%{transform:scale(1.15)}100%{opacity:1;transform:scale(1)}}

.aw-bbar span{transform:scaleX(0);transform-origin:left}

@media (max-width:760px){
  .aw-route{clip-path:inset(-6px)}
  .aw-pin{opacity:1}
  .aw-bbar span{transform:scaleX(1)}
}

.in .aw-bbar span{animation:growX .55s var(--ease-out) both}

.in .aw-bbar span:nth-child(1){animation-delay:3.35s}

.in .aw-bbar span:nth-child(2){animation-delay:3.47s}

.in .aw-bbar span:nth-child(3){animation-delay:3.59s}

.in .aw-bbar span:nth-child(4){animation-delay:3.71s}

@keyframes growX{to{transform:scaleX(1)}}

.aw-browserbar{display:flex;align-items:center;gap:10px;background:#F1F6FB;border-bottom:1px solid rgba(11,44,84,.07);padding:10px 16px}

.wdots{display:flex;gap:5px}

.wdots i{width:9px;height:9px;border-radius:50%;background:#D6E2EE}

.aw-browserbar .aw-url{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--white);border:1px solid rgba(11,44,84,.1);border-radius:99px;padding:6px 14px;font-size: var(--fs-caption);color:var(--muted);max-width:380px;margin-inline:auto}

.aw-browserbar .aw-url svg{color:var(--mint);flex:none}

.aw-phonebar{display:none}

@media (max-width:760px){
  .aw-browserbar{display:none}
  .aw-phonebar{display:grid;place-items:center;padding:9px 0 3px;position:relative;z-index:2}
  .aw-phonebar i{width:82px;height:23px;border-radius:99px;background:#05070a}

  .aw-head{padding:11px 14px;gap:10px}
  .aw-head b{font-size: var(--fs-body-lg)}
  .aw-head small{font-size: var(--fs-micro)}
  .aw-head .logo{width:28px;height:28px}
  .aw-head .avs span{width:24px;height:24px;font-size: var(--fs-micro)}
  .aw-col{padding:12px 14px 14px}
  .aw-col:last-child{padding-bottom:20px}
  .aw-map{min-height:116px;margin-top:8px}
  .aw-stats{gap:6px;padding-top:10px}
  .aw-stat{padding:5px 4px;border-radius: var(--r-sm)}
  .aw-stat b{font-size: var(--fs-body)}
  .aw-stat span{font-size: var(--fs-micro)}
  .aw-row .aw-total{font-size: var(--fs-h4)}
  .aw-bbar{margin:8px 0 9px}
  .aw-brows{gap:5px}
  .aw-brow{font-size: var(--fs-caption)}
  .aw-ready{margin-top:11px}
  .aw-ready > .aw-row{margin-bottom:7px}
  .aw-ready .stat-rows{gap:4px}
  .aw-ready .stat-row{font-size: var(--fs-caption);padding:3px 9px}
}

.map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.map-cred{position:absolute;right:7px;bottom:5px;z-index:2;font-size: var(--fs-micro);line-height:1;color:rgba(19,50,78,.6);background:rgba(255,255,255,.6);padding:2px 6px;border-radius: var(--r-xs);pointer-events:none}

.npin-t{font-family:var(--font-display);font-size: var(--fs-caption);font-weight:800;fill:var(--brand);text-anchor:middle}

.email-card{position:relative;overflow:hidden}

.email-card .scan{position:absolute;left:0;right:0;top:-22%;height:54px;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(33,115,200,.15) 55%,transparent);
  border-bottom:1.5px solid rgba(33,115,200,.4);
  animation:scan 7s ease-in-out infinite}

@keyframes scan{0%,4%{top:-22%;opacity:1}34%{top:112%;opacity:1}35%,100%{top:112%;opacity:0}}

.hl{border-radius: var(--r-xs);padding:0 3px;font-weight:500;white-space:nowrap;animation:hlCycle 7s infinite}

.hl-b{--hbg:rgba(33,115,200,.13);--hcol:#185EA8;--hline:rgba(33,115,200,.5)}

.hl-o{--hbg:rgba(255,158,74,.16);--hcol:#A85A14;--hline:rgba(255,158,74,.6);animation-delay:.32s}

.hl-g{--hbg:rgba(46,194,126,.13);--hcol:#177A4D;--hline:rgba(46,194,126,.55);animation-delay:.55s}

@keyframes hlCycle{
  0%,19%{background:transparent;box-shadow:none;color:inherit;font-weight:500}
  22%,88%{background:var(--hbg);box-shadow:inset 0 -2px 0 var(--hline);color:var(--hcol);font-weight:600}
  93%,100%{background:transparent;box-shadow:none;color:inherit;font-weight:500}
}

.parsed-card .pfield{animation:fieldCycle 7s infinite}

.parsed-card .pfield:nth-child(2){animation-delay:.12s}

.parsed-card .pfield:nth-child(3){animation-delay:.24s}

.parsed-card .pfield:nth-child(4){animation-delay:.36s}

.parsed-card .pfield:nth-child(5){animation-delay:.48s}

@keyframes fieldCycle{
  0%,27%{opacity:0;transform:translateY(9px)}
  33%,88%{opacity:1;transform:none}
  93%,100%{opacity:0;transform:translateY(9px)}
}

.pcheck{animation:checkCycle 7s infinite}

@keyframes checkCycle{
  0%,38%{opacity:0;transform:translateY(6px)}
  44%,88%{opacity:1;transform:none}
  93%,100%{opacity:0;transform:translateY(6px)}
}

@media (prefers-reduced-motion:reduce){
  .email-card .scan{display:none}
  .hl,.parsed-card .pfield,.pcheck{animation:none!important}
  .hl{background:var(--hbg);box-shadow:inset 0 -2px 0 var(--hline);color:var(--hcol)}
  .parsed-card .pfield,.pcheck{opacity:1;transform:none}
}

.ai-node{display:flex;flex-direction:column;align-items:center}

.ai-node .beam{width:2px;height:22px;background:linear-gradient(rgba(33,115,200,.5),transparent)}

.ai-node .beam.up{background:linear-gradient(transparent,rgba(33,115,200,.5))}

.ai-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:99px;

  background:linear-gradient(120deg,#1D6CB5,#674ECC);color:var(--white);font-weight:600;font-size: var(--fs-small);
  box-shadow:0 12px 30px -10px rgba(101,92,240,.55)}

.ai-chip svg{flex:none}

.ai-chip .th{display:inline-flex;gap:3px;margin-left:2px}

.ai-chip .th i{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.9);animation:think 1.2s infinite}

.ai-chip .th i:nth-child(2){animation-delay:.2s}

.ai-chip .th i:nth-child(3){animation-delay:.4s}

@keyframes think{0%,60%,100%{opacity:.25}30%{opacity:1}}

.cdot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:1px}

.bb-map{position:relative;border-radius: var(--r-sm);height:118px;overflow:hidden;margin-bottom:10px;background:#CFE4F7}

.world-card{background:var(--white);border:1px solid rgba(19,50,78,.08);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-lg)}

.world-svg{width:100%;height:auto;display:block}

.world-svg path{fill:#E2ECF5;stroke:var(--white);stroke-width:.45}

.world-svg [data-v]{fill:var(--brand)}

.world-svg [data-v] path{fill:var(--brand)}

.world-foot{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:12px;font-size: var(--fs-caption);color:var(--muted)}

.world-foot .lg{display:inline-flex;align-items:center;gap:7px}

.world-foot .lg i{width:9px;height:9px;border-radius:50%}

.trip-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}

.trip-chip{display:inline-flex;align-items:center;gap:8px;background:var(--mist);border:1px solid rgba(19,50,78,.07);border-radius:99px;padding:7px 13px;font-size: var(--fs-caption);color:var(--muted)}

.trip-chip b{color:var(--ink);font-weight:600}

.trip-chip .yc{color:var(--muted);font-weight:700}

.bento-sec{
  background:
    radial-gradient(rgba(33,115,200,.09) 1px, transparent 1.4px) 0 0/26px 26px,
    var(--mist);
}

.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;align-items:stretch}

.bcard{
  background:var(--white);border-radius:var(--r-lg);padding:24px;
  border:1px solid rgba(11,44,84,.07);box-shadow:var(--shadow-sm);
  overflow:hidden;position:relative;
  transition:transform .35s var(--ease-out),box-shadow .35s;
}

.bcard:hover,.aud-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}

.bcard h3{margin:13px 0 7px}

.bcard>p{color:var(--muted);font-size: var(--fs-body);max-width:44ch}

.bic{width:42px;height:42px;border-radius: var(--r-sm);display:grid;place-items:center;color:var(--white);--bic:var(--brand);background:var(--bic);box-shadow:0 8px 18px -6px color-mix(in srgb, var(--bic) 50%, transparent)}

.bic.warm{--bic:var(--sunset)}

.bic.mint{--bic:var(--mint)}

.b-map{grid-column:span 8;display:flex;flex-direction:column}

.b-map .mapviz{flex:none;margin-top:18px;position:relative;border-radius:var(--r-md);background:linear-gradient(150deg,#E0EEFA,#EFF6FD);overflow:hidden;aspect-ratio:640/230}

.b-status{grid-column:span 4}

.b-budget{grid-column:span 4}

.b-timeline{grid-column:span 4}

.b-docs{grid-column:span 4}

.doc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}

.doc-chip{display:flex;align-items:center;gap:7px;font-size: var(--fs-small);font-weight:600;background:var(--mist);border:1px solid rgba(11,44,84,.08);border-radius:99px;padding:7px 13px}

@media (max-width:980px){
  .b-map{grid-column:span 12}
  .b-status,.b-budget{grid-column:span 6}
  .b-timeline,.b-docs{grid-column:span 6}
}

@media (max-width:640px){.b-status,.b-budget,.b-timeline,.b-docs{grid-column:span 12}.bcard{padding:21px}}

.stat-rows{display:grid;gap:8px;margin-top:16px}

.stat-row{display:flex;align-items:center;gap:10px;font-size: var(--fs-body);background:var(--mist);border-radius: var(--r-sm);padding:10px 13px}

.stat-row svg{flex:none}

.stat-row .ok-ic{color:var(--mint-text)}

.stat-row .todo-ic{color:var(--sunset)}

.stat-row s{color:#65727E;text-decoration-color:rgba(11,44,84,.28)}

.stat-row .pill{margin-left:auto;font-size: var(--fs-tiny);font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}

.pill.done{background:#DCF5E9;color:#177A4D}

.pill.todo{background:#FFEEDD;color:#96500E}

.bud-sum{font-family:var(--font-display);font-size: var(--fs-h2);font-weight:800;margin-top:12px}

.bud-sum small{font-size: var(--fs-small);font-weight:500;color:var(--muted);font-family:var(--font-body)}

.bud-bars{display:grid;gap:9px;margin-top:12px}

.bud-row .lbl{display:flex;justify-content:space-between;font-size: var(--fs-small);color:var(--muted);margin-bottom:4px}

.bud-row .track{height:9px;border-radius: var(--r-xs);background:#E3EDF7;overflow:hidden}

.bud-row .fill{height:100%;border-radius: var(--r-xs);width:0;transition:width 1.1s var(--ease-out)}

.in .bud-row .fill{width:var(--w)}

.bud-row:nth-child(1) .fill{background:var(--brand)}

.bud-row:nth-child(2) .fill{background:var(--sky)}

.bud-row:nth-child(3) .fill{background:var(--sunset)}

.bud-row:nth-child(4) .fill{background:var(--mint)}

.tl{margin-top:16px;display:grid;position:relative}

.tl::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--brand),var(--ice))}

.tl-item{display:flex;gap:14px;padding:7px 0;font-size: var(--fs-small);align-items:center}

.tl-item .nd{width:15px;height:15px;border-radius:50%;border:3px solid var(--brand);background:var(--white);flex:none;position:relative;z-index:1}

.tl-item b{color:var(--ink)}

.tl-item span{color:var(--muted)}

.recognize{background:var(--white)}

.rec-grid,.tg-grid,.share-grid,.collab-grid,.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,68px);align-items:center}

.collab-grid,.archive-grid{position:relative}

.email-card,.parsed-card{
  background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
  border:1px solid rgba(11,44,84,.08);padding:22px;
}

.email-card{font-size: var(--fs-body);color:var(--muted);transform:rotate(-2deg)}

.email-card .eh{display:flex;gap:10px;align-items:center;margin-bottom:12px}

.email-card .eh .av{width:34px;height:34px;border-radius:50%;background:var(--coral-tint);display:grid;place-items:center;color:var(--coral-text);font-weight:700;font-size: var(--fs-small)}

.email-card .eh b{display:block;color:var(--ink);font-size: var(--fs-body)}

.email-card .eh small{color:var(--muted);font-size: var(--fs-caption)}

.email-card .subject{font-weight:600;color:var(--ink);margin-bottom:6px}

.rec-flow{display:flex;flex-direction:column;gap:14px}

.parsed-card{transform:rotate(1.5deg)}

.parsed-card .ph,.bb-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}

.parsed-card .ph .pic{width:38px;height:38px;border-radius: var(--r-sm);background:var(--brand);display:grid;place-items:center;color:var(--white)}

.parsed-card .ph b{font-family:var(--font-display)}

.parsed-card .ph small{display:block;color:var(--muted);font-size: var(--fs-caption)}

.pfields{display:grid;grid-template-columns:1fr 1fr;gap:9px}

.pfield{background:var(--mist);border-radius: var(--r-sm);padding:9px 12px;font-size: var(--fs-small)}

.pfield small{display:block;color:var(--muted);font-size: var(--fs-tiny);letter-spacing:.05em;text-transform:uppercase;margin-bottom:2px}

.pfield b{color:var(--ink)}

.pfield.full{grid-column:1/-1}

.pcheck{display:flex;align-items:center;gap:8px;margin-top:14px;font-size: var(--fs-small);font-weight:600;color:var(--mint-text)}

.rec-points{list-style:none;display:grid;gap:16px;margin-top:28px}

.rec-points li{display:flex;gap:14px;align-items:flex-start}

.rec-points .n{width:34px;height:34px;border-radius: var(--r-sm);background:var(--ice);color:var(--brand-deep);display:grid;place-items:center;font-weight:700;font-family:var(--font-display);flex:none}

.rec-points b{display:block;margin-bottom:2px}

.rec-points p{color:var(--muted);font-size: var(--fs-body-lg)}

@media (max-width:900px){.rec-grid{grid-template-columns:1fr}.rec-demo{order:2}}

.audience{background:linear-gradient(180deg,var(--sand),#FBF6ED)}

.aud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}

.aud-card{
  background:var(--white);border-radius:var(--r-lg);padding:28px 24px;
  border:1px solid rgba(11,44,84,.07);box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease-out),box-shadow .35s;position:relative;overflow:hidden;
;display:flex;flex-direction:column}

.aud-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--grad,linear-gradient(90deg,var(--brand),var(--sky)))}

.aud-card.duo{--grad:linear-gradient(90deg,var(--sunset),#FFC38A)}

.aud-card.group{--grad:linear-gradient(90deg,var(--mint),#7FE0B4)}

.aud-avatars{display:flex;margin-bottom:16px}

.aud-avatars .av{width:42px;height:42px;border-radius:50%;border:3px solid var(--white);display:grid;place-items:center;font-weight:700;font-size: var(--fs-body);color:var(--white);box-shadow:var(--shadow-sm)}

.aud-avatars .av + .av{margin-left:-12px}

.aud-card h3{margin-bottom:7px}

.aud-card p{color:var(--muted);font-size: var(--fs-body-lg)}

.aud-card .tagline{align-self:flex-start;margin-top:auto;padding-top:14px;font-size: var(--fs-small);font-weight:600;color:var(--brand-deep);transition:opacity .2s}

.aud-card .tagline:hover{opacity:.72}

@media (max-width:900px){.aud-grid{grid-template-columns:1fr}}

.collab{background:linear-gradient(180deg,var(--band),#EDF6FC);overflow:hidden;padding-bottom:calc(clamp(68px,7.5vw,104px) + var(--sheet-r))}

.collab::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 480px at 85% 18%,rgba(255,205,130,.22),transparent 60%)}

.feed-card{
  background:var(--white);border:1px solid rgba(19,50,78,.08);border-radius:var(--r-lg);
  padding:20px;
  box-shadow:var(--shadow-lg);
}

.feed-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(19,50,78,.08);margin-bottom:13px}

.feed-head b{font-family:var(--font-display);font-size: var(--fs-body-lg);color:var(--ink)}

.feed-head small,.bb-head small{display:block;color:var(--muted);font-size: var(--fs-caption)}

.feed-head .avs{display:flex;margin-left:auto}

.feed-head .avs .av{width:27px;height:27px;border-radius:50%;border:2px solid var(--white);display:grid;place-items:center;font-size: var(--fs-micro);font-weight:700;color:var(--white)}

.feed-head .avs .av + .av{margin-left:-8px}

.feed{display:grid;gap:9px}

.feed-item{display:flex;gap:11px;align-items:flex-start;background:var(--mist);border:1px solid rgba(19,50,78,.05);border-radius: var(--r-md);padding:11px 13px;font-size: var(--fs-small);color:var(--muted)}

.feed-item .av{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size: var(--fs-micro);font-weight:700;color:var(--white);flex:none}

.feed-item b{color:var(--ink)}

.feed-item small{display:block;color:var(--muted);font-size: var(--fs-tiny);margin-top:2px}

.feed-item.ai-msg{background:var(--ice);border-color:rgba(35,128,214,.25)}

.feed-item.ai-msg .av{background:linear-gradient(140deg,var(--brand),#7A5CF0);color:var(--white)}

.collab-points,.tg-points{list-style:none;display:grid;gap:18px;margin-top:28px}

.collab-points li,.tg-points li{display:flex;gap:15px}

.collab-points .cic{width:42px;height:42px;border-radius: var(--r-md);background:var(--white);border:1px solid rgba(35,128,214,.2);color:var(--brand);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm)}

.collab-points b{display:block;color:var(--ink);margin-bottom:3px}

.collab-points p,.tg-points p{color:var(--muted);font-size: var(--fs-body-lg)}

@media (max-width:900px){.collab-grid{grid-template-columns:1fr}}

.tg-sec{background:var(--white)}

.device{
  position:relative;width:min(322px,100%);margin-inline:auto;
  padding:11px;border-radius:56px;
  background:var(--dev-bezel);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.22),inset 0 0 0 1px rgba(0,0,0,.6),var(--dev-shadow);
}

.device::before{content:"";position:absolute;left:-2px;top:23%;width:3px;height:12%;border-radius:3px 0 0 3px;background:var(--dev-btn)}

.device::after{content:"";position:absolute;right:-2px;top:30%;width:3px;height:13%;border-radius:0 3px 3px 0;background:var(--dev-btn)}

.device-screen{position:relative;border:3px solid var(--dev-rim);border-radius:46px;overflow:hidden}

.device-screen::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:var(--dev-gloss);z-index:6}

@media (min-width:761px){
  .appwin.device{width:auto;max-width:1000px;padding:0;border-radius: var(--r-lg);background:var(--white);
    border:1px solid rgba(11,44,84,.08);box-shadow:0 30px 80px -20px rgba(16,32,60,.18);overflow:hidden}
  .appwin.device::before,.appwin.device::after{display:none}

  .aw-screen.device-screen{position:static;background:none;border:0;border-radius:0;overflow:visible}
  .aw-screen.device-screen::after{display:none}
}

.phone-screen{background:#EDF2F5}

.tg-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:9px 20px 4px;background:var(--white);color:var(--ink);font-weight:600;font-size: var(--fs-caption);line-height:1;z-index:4}

.tg-time{font-variant-numeric:tabular-nums;letter-spacing:.02em}

.tg-island{position:absolute;left:50%;top:7px;transform:translateX(-50%);width:82px;height:23px;border-radius:99px;background:#05070a}

.tg-sys{display:flex;align-items:center;gap:5px}

.tg-sys svg{display:block}

.tg-head{display:flex;align-items:center;gap:10px;padding:13px 16px;background:var(--white);border-bottom:1px solid rgba(19,50,78,.08)}

.tg-hicons{margin-left:auto;display:flex;gap:15px;color:#8AA0B4}

.tg-head .tav{width:34px;height:34px;border-radius:50%;background:#4AA3E8;display:grid;place-items:center;flex:none}

.tg-head b{color:var(--ink);font-size: var(--fs-body);display:block;line-height:1.2}

.tg-head small{color:#318455;font-size: var(--fs-caption)}

.tg-chat{padding:14px 12px 16px;display:grid;gap:8px;min-height:360px;align-content:end;
  background:radial-gradient(420px 300px at 80% 10%,rgba(120,170,220,.16),transparent 60%),#DBE6F0}

.tg-date{justify-self:center;background:rgba(255,255,255,.75);color:#5B7085;font-size: var(--fs-tiny);font-weight:600;padding:3px 11px;border-radius:99px;opacity:0;transition:opacity .4s}

.in .tg-date{opacity:1;transition-delay:.05s}

.ticks{display:inline-block;width:16px;height:11px;margin-left:3px;vertical-align:-1px;color:#4FADEC}

.tg-doc{display:flex;gap:10px;margin-top:8px;background:#F3F8FC;border:1px solid rgba(19,50,78,.1);border-radius: var(--r-sm);padding:9px 11px;align-items:center}

.tg-doc .dic{width:34px;height:34px;border-radius:50%;background:#5EB5F7;display:grid;place-items:center;color:var(--white);flex:none}

.tg-doc .dmeta b{display:block;font-size: var(--fs-caption);color:var(--ink);line-height:1.3}

.tg-doc .dmeta span{font-size: var(--fs-micro);color:#5B7085}

.tg-msg{max-width:88%;padding:9px 13px;border-radius: var(--r-md);font-size: var(--fs-small);line-height:1.45;color:var(--ink)}

.tg-msg.bot{background:var(--white);border-bottom-left-radius:5px;justify-self:start;box-shadow:0 1px 2px rgba(11,44,84,.08)}

.tg-msg.user{background:#EFFDDE;border-bottom-right-radius:5px;justify-self:end}

.tg-msg small{display:block;font-size: var(--fs-micro);color:rgba(19,50,78,.42);margin-top:4px;text-align:right}

.tg-msg .loc-card{display:flex;gap:9px;align-items:flex-start;margin-top:8px;background:#F3F7FB;border:1px solid rgba(19,50,78,.1);border-radius: var(--r-sm);padding:9px 10px;font-size: var(--fs-caption)}

.tg-msg .loc-pin{flex:none;width:26px;height:26px;border-radius: var(--r-sm);display:grid;place-items:center;background:var(--brand);color:var(--white)}

.tg-msg .loc-txt{min-width:0;display:block}

.tg-msg .loc-txt b{color:var(--ink);display:block}

.tg-msg .loc-txt > span{display:block;color:#5B7085}

.tg-msg .loc-open{margin-top:3px;color:var(--brand-deep);font-weight:600}

.tg-msg{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}

.in .tg-msg{opacity:1;transform:none}

.in .tg-msg:nth-child(2){transition-delay:.25s}

.in .tg-msg:nth-child(3){transition-delay:.6s}

.in .tg-msg:nth-child(4){transition-delay:.95s}

.in .tg-msg:nth-child(5){transition-delay:1.3s}

.in .tg-msg:nth-child(6){transition-delay:1.65s}

.tg-points .cic{width:42px;height:42px;border-radius: var(--r-md);background:var(--ice);color:var(--brand);display:grid;place-items:center;flex:none}

.tg-points b{display:block;margin-bottom:3px}

@media (max-width:900px){.tg-grid{grid-template-columns:1fr}.tg-demo{order:2}}

.share{background:var(--mist);padding-bottom:calc(clamp(68px,7.5vw,104px) + var(--sheet-r))}

.browser{
  background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
  border:1px solid rgba(11,44,84,.08);overflow:hidden;
}

.browser-bar{display:flex;align-items:center;gap:10px;background:#F1F6FB;border-bottom:1px solid rgba(11,44,84,.07);padding:11px 14px}

.browser-bar .url{
  flex:1;display:flex;align-items:center;gap:7px;background:var(--white);border:1px solid rgba(11,44,84,.1);
  border-radius:99px;padding:6px 13px;font-size: var(--fs-caption);color:var(--muted);
}

.browser-bar .url svg{color:var(--mint);flex:none}

.browser-body{padding:18px}

.bb-head .logo{width:30px;height:30px;border-radius: var(--r-sm)}

.bb-head b{font-family:var(--font-display);font-size: var(--fs-body-lg)}

.bb-head .viewer{margin-left:auto;font-size: var(--fs-tiny);font-weight:700;color:var(--brand-deep);background:var(--ice);border-radius:99px;padding:4px 11px;white-space:nowrap}

.bb-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

.bb-day{background:var(--mist);border-radius: var(--r-sm);padding:10px;font-size: var(--fs-caption);color:var(--muted)}

.bb-day b{display:block;color:var(--ink);font-size: var(--fs-caption);margin-bottom:4px}

.share-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px}

.link-pill{
  display:flex;align-items:center;gap:10px;background:var(--white);
  border:1px dashed rgba(33,115,200,.45);border-radius:99px;padding:11px 18px;
  font-size: var(--fs-small);color:var(--brand-deep);font-weight:600;max-width:100%;
}

.link-pill svg{flex:none}

.link-pill .copy{margin-left:6px;background:var(--brand-btn);color:var(--white);border-radius:99px;padding:5px 13px;font-size: var(--fs-caption);font-weight:600;transition:background .2s;white-space:nowrap}

.link-pill .copy:hover{background:var(--brand-deep)}

@media (max-width:900px){.share-grid{grid-template-columns:1fr}}

.archive{background:linear-gradient(180deg,var(--band),#EDF6FC);overflow:hidden}

.archive::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 420px at 12% 80%,rgba(255,158,74,.12),transparent 60%)}

.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}

.stat-box{background:var(--white);border:1px solid rgba(19,50,78,.08);border-radius:var(--r-md);padding:18px 14px;text-align:center;box-shadow:var(--shadow-sm)}

.stat-box .num{font-family:var(--font-display);font-weight:800;font-size: var(--fs-h2);color:var(--brand);font-variant-numeric:normal}

.stat-box small{color:var(--muted);font-size: var(--fs-caption)}

@media (max-width:900px){.archive-grid{grid-template-columns:1fr}.archive-grid > :first-child{order:2}}

.faq-sec{background:var(--white);padding-bottom:calc(clamp(68px,7.5vw,104px) + var(--sheet-r))}

.faq-list{max-width:740px;margin-inline:auto;display:grid;gap:11px}

.faq-item{background:var(--white);border-radius:var(--r-md);border:1px solid rgba(11,44,84,.09);overflow:hidden;transition:box-shadow .3s}

.faq-item[open]{box-shadow:var(--shadow-md)}

.faq-item summary{
  list-style:none;display:flex;align-items:center;gap:14px;justify-content:space-between;
  padding:19px 22px;font-weight:600;font-size: var(--fs-lead);cursor:pointer;
  font-family:var(--font-display);letter-spacing:-.01em;
}

.faq-item summary::-webkit-details-marker{display:none}

.faq-item summary .fx{
  width:29px;height:29px;border-radius:50%;background:var(--ice);color:var(--brand-deep);
  display:grid;place-items:center;flex:none;transition:transform .3s var(--ease-out),background .3s;
  font-weight:500;
}

.faq-item[open] summary .fx{transform:rotate(45deg);background:var(--brand);color:var(--white)}

.faq-item .faq-body{padding:0 22px 20px;color:var(--muted);font-size: var(--fs-body-lg);max-width:64ch}

.final{

  background:
    radial-gradient(860px 480px at 50% 118%,rgba(255,235,190,.5),transparent 64%),
    linear-gradient(165deg,#FFAE5C 0%,#FF8A50 48%,#EE6A72 100%);
  color:var(--white);text-align:center;overflow:hidden;
}

.final .inner{position:relative;z-index:2;max-width:700px;margin-inline:auto}

.final h2{font-size: var(--fs-final-h2);font-weight:800;margin-top:14px;margin-bottom:16px}

.final .brow{justify-content:center}

.final p{color:rgba(255,255,255,.92);font-size: var(--fs-lead-lg);margin-bottom:30px}

.final .ctas{display:flex;flex-wrap:wrap;gap:13px;justify-content:center}

.final .btn-light{color:#C95029}

.final .horizon{
  position:absolute;left:50%;bottom:-46vw;transform:translateX(-50%);
  width:130vw;height:64vw;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,244,214,.5),rgba(255,244,214,.12) 62%,transparent 70%);
  pointer-events:none;
}

.site-footer{background:#FBFDFF;color:var(--muted);border-top:1px solid rgba(19,50,78,.08)}

.site-footer .brand{font-size: var(--fs-lead-lg);color:var(--ink)}

.site-footer .brand .logo{width:29px;height:29px}

.footer-tag{margin-top:13px;font-size: var(--fs-body);max-width:30ch;line-height:1.5}

.footer-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid rgba(19,50,78,.08);padding:20px 0 28px;font-size: var(--fs-small)}

.footer-min{display:flex;flex-wrap:wrap;gap:26px 48px;align-items:flex-start;justify-content:space-between;padding:50px 0 34px}

.footer-brandcol{max-width:36ch}

.footer-links{display:flex;flex-wrap:wrap;gap:10px 30px;align-items:center;padding-top:6px}

.footer-links > *,.copy,.aud-card .tagline,.share-url,.doc-print{position:relative}

.footer-links > *::after,.copy::after,.aud-card .tagline::after,.share-url::after,.doc-print::after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}

.footer-links > *{font-size: var(--fs-body);color:inherit;transition:color .2s}

.footer-links > *:hover{color:var(--ink)}

@media (max-width:560px){.footer-min{flex-direction:column;gap:20px}}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes alertIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes artDrift{to{transform:scale(1.07) translate3d(-1.2%,-.8%,0)}}
.authv{
  font-family:var(--font-body);
  line-height:1.55;

  --form-bg:var(--white); --pop-bg:var(--white); --field-bg-f:var(--white);
  --art-base:var(--white); --social-bg:var(--white);
  --muted:#5B7085; --faint:#59728D; --placeholder:#5E768D;
  --accent:var(--sunset); --accent-text:var(--sunset-text); --soft:#F4F9FD;
  --pop-bd:var(--hair); --art-kicker:var(--brand-text); --art-grain-op:.3;
  --label:#274762; --field-bg:#F8FBFE; --field-bd:#DBE8F2; --field-bd-h:#BDD3E6;
  --ring:rgba(35,128,214,.18); --ring-danger:rgba(224,70,75,.16); --focus:#1668BC;
  --hair:#E2ECF5; --hair-strong:#C4D7E8; --brand-text:#1668BC; --brand-deep-text:#0F5290;
  --ok:#17A366; --ok-text:#0E7A4A; --ok-bd:rgba(23,163,102,.45);
  --warn:#E08600; --warn-text:#8F5500;
  --danger:#E0464B; --danger-text:#B0272C; --danger-bg:#FEF2F2; --danger-bd:#F5CFD0; --danger-field:#FFF8F8;
  --social-bg-h:#F8FBFE; --social-bd:#DDE9F3; --social-bd-h:#C1D6E9; --apple-mark:#000;
  --bar-bg:#E6EEF6; --icon-bg:#EAF4FE; --icon-bd:#CEE5FA;
  --logo-shadow:0 4px 14px rgba(35,128,214,.34);
  --btn-shadow:0 10px 26px -10px rgba(30,114,196,.5); --btn-shadow-h:0 16px 32px -12px rgba(30,114,196,.55);
  --form-wash:radial-gradient(720px 440px at 90% -12%,rgba(255,195,160,.24),transparent 62%),radial-gradient(600px 420px at -14% 94%,rgba(35,128,214,.09),transparent 62%);
  --grain-op:.32; --art-ink:#12314C; --art-sub:#3B586F;
  --art-scrim:linear-gradient(180deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.34) 52%,rgba(255,255,255,.82) 78%,rgba(255,255,255,.97) 100%);

  --fs-auth-h1:clamp(1.2rem,.98rem + 1.2vw,1.5rem);
  --fs-auth-h2:clamp(1.3rem,1.02rem + 1.5vw,1.62rem);
  --fs-auth-h3:clamp(1.55rem,1.24rem + 1vw,1.92rem);
  --fs-auth-h4:clamp(1.7rem,1.05rem + 1.7vw,2.45rem);
  height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)
}
.authv .pane-form{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;height:100svh;
  background:var(--form-bg);
  padding:clamp(16px,2vw,24px) clamp(20px,4vw,60px) clamp(14px,1.8vw,20px);}
.authv .pane-form::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:var(--form-wash)}
.authv .pane-form::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:var(--grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");}
.authv .pane-top{display:flex;align-items:center;gap:14px;flex:none;min-height:70px;position:relative;z-index:40}
.authv .av-brand{display:inline-flex;align-items:center;gap:10px;padding:6px;margin:-6px;border-radius:12px;
  font-family:var(--font-display);font-weight:800;font-size:var(--fs-h4);letter-spacing:-.02em;color:var(--ink)}
.authv .av-brand .av-logo{width:33px;height:33px;border-radius:9px;box-shadow:var(--logo-shadow)}
@media(max-width:900px){
  .authv .av-brand{font-size:var(--fs-lead);gap:8px}
}
.authv .top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}

.authv .form-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;align-items:center;align-items:safe center;justify-content:center;padding:clamp(12px,2vh,28px) 0}
.authv .screen .av-brow{display:none}
.authv .screen[data-screen="join-signin"] .av-brow{display:inline-flex}
.authv .form-wrap{position:relative;width:min(424px,100%);transition:height .34s var(--ease-out)}
.authv .screen{position:absolute;top:0;left:0;width:100%;height:0;overflow:hidden;pointer-events:none;
  opacity:0;visibility:hidden;transform:translateY(10px);
  transition:opacity .24s ease,transform .32s var(--ease-out),visibility .32s;}
.authv .screen.av-is-leaving{height:auto;overflow:visible}
.authv .screen.av-is-active{position:relative;height:auto;overflow:visible;pointer-events:auto;opacity:1;visibility:visible;transform:none}
.authv .screen-head{margin-bottom:14px}
.authv .av-brow{display:inline-flex;align-items:center;gap:9px;margin-bottom:13px;
  font-size:var(--fs-caption);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--brand-text);}
.authv .av-brow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}
.authv .screen h1{font-size:var(--fs-auth-h3);margin-bottom:8px}
.authv .screen h1 .grad{background:linear-gradient(98deg,#2A86DE 0%,#2173C8 56%,#1B5FA8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.authv .av-sub{color:var(--muted);font-size:var(--fs-lead);max-width:42ch}
.authv .av-sub b{color:var(--ink);font-weight:600}
.authv .alert{display:none;gap:11px;align-items:flex-start;margin-bottom:14px;padding:11px 14px;border-radius:var(--r-md);
  background:var(--danger-bg);border:1px solid var(--danger-bd);color:var(--danger-text);font-size:var(--fs-body);}
.authv .alert.show{display:flex;animation:alertIn .3s var(--ease-out)}
.authv .alert svg{width:19px;height:19px;flex:none;margin-top:1px;color:var(--danger)}
.authv .alert b{display:block;font-weight:600;margin-bottom:2px}
.authv .alert a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.authv .social{display:grid;gap:8px;margin-bottom:12px}
.authv .av-btn-social{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;width:100%;min-height:44px;
  padding:10px 18px;border-radius:var(--r-md);font-size:var(--fs-body-lg);font-weight:600;
  background:var(--social-bg);border:1px solid var(--social-bd);color:var(--ink);
  transition:background .18s ease,border-color .18s ease,transform .16s var(--ease-out),box-shadow .2s ease;}
.authv .av-btn-social:hover{background:var(--social-bg-h);border-color:var(--social-bd-h);box-shadow:var(--shadow-sm)}
.authv .av-btn-social:active{transform:scale(.985)}
.authv .av-btn-social svg{width:20px;height:20px;flex:none}
.authv .av-btn-social .apple-mark{color:var(--apple-mark)}
.authv .or{display:flex;align-items:center;gap:14px;margin:0 0 12px;color:var(--faint);font-size:var(--fs-small);font-weight:500}
.authv .or::before, .authv .or::after{content:"";flex:1;height:1px;background:var(--hair)}
.authv .av-field{margin-bottom:10px}
.authv .field-top{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}
.authv .av-field label{font-size:var(--fs-small);font-weight:600;color:var(--label)}
.authv .field-top .aux{margin-left:auto;font-size:var(--fs-body);font-weight:600;color:var(--brand-text);padding:6px 4px;margin:-6px -4px;border-radius:8px;text-underline-offset:3px;transition:color .16s ease}
.authv .field-top .aux:hover{color:var(--brand-deep-text);text-decoration:underline}
.authv .control{position:relative;display:flex;align-items:center}
.authv .control>.lead{position:absolute;left:15px;width:19px;height:19px;color:var(--faint);pointer-events:none;transition:color .18s ease}
.authv .control:focus-within>.lead{color:var(--brand-text)}
.authv .av-input{width:100%;min-height:46px;padding:11px 16px 11px 45px;border-radius:var(--r-md);
  background:var(--field-bg);border:1px solid var(--field-bd);color:var(--ink);font-size:var(--fs-lead);
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.authv .av-input::placeholder{color:var(--placeholder)}
.authv .av-input:hover{border-color:var(--field-bd-h)}
.authv .av-input:focus{outline:none;border-color:var(--brand);background:var(--field-bg-f);box-shadow:0 0 0 4px var(--ring)}
.authv .av-input.has-toggle{padding-right:52px}
.authv .pw-toggle{position:absolute;right:6px;width:44px;height:44px;display:grid;place-items:center;border-radius:11px;
  color:var(--faint);transition:color .16s ease,background .16s ease;}
.authv .pw-toggle:hover{color:var(--ink);background:var(--soft)}
.authv .pw-toggle svg{width:19px;height:19px}
.authv .av-field.valid .av-input{border-color:var(--ok-bd)}
.authv .av-field.invalid .av-input{border-color:var(--danger);background:var(--danger-field)}
.authv .av-field.invalid .av-input:focus{box-shadow:0 0 0 4px var(--ring-danger)}
.authv .av-field.invalid .control>.lead{color:var(--danger)}
.authv .err-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s var(--ease-out)}
.authv .av-field.invalid .err-slot{grid-template-rows:1fr}
.authv .err-slot>div{overflow:hidden;min-height:0}
.authv .av-err{display:flex;align-items:flex-start;gap:6px;padding-top:7px;font-size:var(--fs-small);color:var(--danger-text)}
.authv .av-err svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--danger)}
.authv .caps{display:none;align-items:center;gap:6px;padding-top:7px;font-size:var(--fs-small);color:var(--warn-text)}
.authv .caps.show{display:flex}
.authv .caps svg{width:14px;height:14px;color:var(--warn)}
.authv .strength{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding-top:6px}
.authv .strength i{height:4px;border-radius:99px;background:var(--bar-bg);transition:background .3s ease}
.authv .strength-row{display:flex;align-items:center;gap:8px;padding-top:5px;font-size:var(--fs-small);color:var(--faint)}
.authv .strength-row b{font-weight:600;margin-left:auto;transition:color .3s ease}
.authv [data-strength="1"] .strength i:nth-child(-n+1){background:var(--danger)}
.authv [data-strength="2"] .strength i:nth-child(-n+2){background:var(--warn)}
.authv [data-strength="3"] .strength i:nth-child(-n+3){background:var(--accent)}
.authv [data-strength="4"] .strength i{background:var(--ok)}
.authv [data-strength="1"] .strength-row b{color:var(--danger-text)}
.authv [data-strength="2"] .strength-row b{color:var(--warn-text)}
.authv [data-strength="3"] .strength-row b{color:var(--accent-text)}
.authv [data-strength="4"] .strength-row b{color:var(--ok-text)}
.authv .rules{display:grid;gap:6px;padding-top:10px}
.authv .rule{display:flex;align-items:center;gap:9px;font-size:var(--fs-small);color:var(--faint);transition:color .22s ease}
.authv .rule i{width:18px;height:18px;flex:none;border-radius:50%;border:1.5px solid var(--hair-strong);
  display:grid;place-items:center;transition:background .22s ease,border-color .22s ease,transform .28s var(--ease-out);}
.authv .rule i svg{width:11px;height:11px;color:var(--white);opacity:0;transition:opacity .18s ease}
.authv .rule.ok{color:var(--ok-text)}
.authv .rule.ok i{background:var(--ok);border-color:var(--ok);transform:scale(1.06)}
.authv .rule.ok i svg{opacity:1}
.authv .av-check{display:flex;align-items:flex-start;gap:11px;margin:0 0 12px;cursor:pointer;padding:4px;margin-left:-4px;border-radius:10px}
.authv .av-check input{position:absolute;opacity:0;width:0;height:0}
.authv .av-check .box{width:21px;height:21px;flex:none;margin-top:1px;border-radius:7px;border:1.5px solid var(--hair-strong);
  background:var(--field-bg);display:grid;place-items:center;
  transition:background .18s ease,border-color .18s ease,transform .2s var(--ease-out);}
.authv .av-check .box svg{width:13px;height:13px;color:var(--white);opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .2s var(--ease-out)}
.authv .av-check input:checked + .box{background:var(--brand-btn);border-color:var(--brand-btn)}
.authv .av-check input:checked + .box svg{opacity:1;transform:none}
.authv .av-check input:focus-visible + .box{outline:2px solid var(--focus);outline-offset:2px}
.authv .av-check .txt{font-size:var(--fs-body);color:var(--muted)}
.authv .av-check:active .box{transform:scale(.94)}
.authv .av-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:12px 26px;border-radius:var(--r-md);font-size:var(--fs-lead);font-weight:600;
  transition:background .18s ease,box-shadow .22s ease,transform .16s var(--ease-out),opacity .18s ease;}
.authv .av-btn-block{display:flex;width:100%}
.authv .av-btn:active{transform:scale(.978)}
.authv .av-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.authv .av-btn-primary{background:var(--brand-btn);color:var(--white);box-shadow:var(--btn-shadow)}
.authv .av-btn-primary:hover:not(:disabled){background:var(--brand-deep);box-shadow:var(--btn-shadow-h)}
.authv .av-btn-quiet{background:var(--social-bg);border:1px solid var(--social-bd);color:var(--ink)}
.authv .av-btn-quiet:hover:not(:disabled){background:var(--social-bg-h);border-color:var(--social-bd-h)}
.authv .av-btn .av-btn-label{display:inline-flex;align-items:center;gap:9px;transition:filter .22s ease,opacity .22s ease,transform .24s var(--ease-out)}
.authv .av-btn .av-btn-label svg{width:18px;height:18px}
.authv .av-btn .av-spin{position:absolute;width:21px;height:21px;border-radius:50%;
  border:2.2px solid rgba(255,255,255,.32);border-top-color:var(--white);
  opacity:0;filter:blur(3px);transition:opacity .2s ease,filter .22s ease;}
.authv .av-btn-quiet .av-spin{border-color:var(--hair-strong);border-top-color:var(--ink)}
.authv .av-btn.loading{cursor:progress}
.authv .av-btn.loading .av-btn-label{filter:blur(4px);opacity:0;transform:scale(.97)}
.authv .av-btn.loading .av-spin{opacity:1;filter:none;animation:spin .7s linear infinite}
.authv .av-btn-row{display:flex;flex-direction:column;gap:9px;margin-top:2px}
.authv .alt{margin-top:12px;text-align:center;font-size:var(--fs-body-lg);color:var(--muted)}
.authv .alt a{font-weight:600;color:var(--brand-text);padding:11px 5px;margin-block:-11px;display:inline-block;border-radius:8px}
.authv .alt a:hover{color:var(--brand-deep-text);text-decoration:underline;text-underline-offset:3px}
.authv .legal{margin-top:10px;font-size:var(--fs-caption);line-height:1.45;color:var(--faint);text-align:center}
.authv .legal a{color:var(--muted);text-decoration:underline;text-underline-offset:3px;padding:8px 2px;margin-block:-8px;display:inline-block}
.authv .legal a:hover{color:var(--ink)}
.authv .status-icon{width:60px;height:60px;border-radius:var(--r-lg);display:grid;place-items:center;margin-bottom:18px;
  background:var(--icon-bg);border:1px solid var(--icon-bd);color:var(--brand-text);}
.authv .status-icon svg{width:29px;height:29px}
.authv .tick{width:68px;height:68px;margin-bottom:20px}
.authv .tick circle{fill:none;stroke:var(--ok);stroke-width:2.4;stroke-dasharray:207;stroke-dashoffset:207;animation:draw .62s var(--ease-out) forwards}
.authv .tick path{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:44;stroke-dashoffset:44;animation:draw .38s var(--ease-out) .34s forwards}
.authv .mailto{display:flex;align-items:center;gap:11px;margin:14px 0 16px;padding:12px 16px;border-radius:var(--r-md);
  background:var(--soft);border:1px solid var(--hair);font-size:var(--fs-body-lg);}
.authv .mailto svg{width:18px;height:18px;color:var(--faint);flex:none}
.authv .mailto b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.authv .timer{margin-top:13px;text-align:center;font-size:var(--fs-body);color:var(--faint)}
.authv .timer b{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}
.authv .join-spin{width:56px;height:56px;margin:2px auto 20px;border-radius:50%;
  border:4px solid var(--hair);border-top-color:var(--brand);animation:spin .8s linear infinite}
.authv .join-badge{width:64px;height:64px;margin:2px auto 20px;border-radius:50%;display:grid;place-items:center;
  background:var(--danger-bg);border:1px solid var(--danger-bd)}
.authv .join-badge svg{width:30px;height:30px;color:var(--danger-text)}
.authv .pane-foot{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px;padding-top:14px;font-size:var(--fs-small);color:var(--faint)}
.authv .pane-foot a{padding:9px 2px;margin-block:-9px;display:inline-block;transition:color .16s ease}
.authv .pane-foot a:hover{color:var(--ink)}
.authv .pane-foot .secure{display:inline-flex;align-items:center;gap:7px;margin-left:auto}
.authv .pane-foot .secure svg{width:15px;height:15px;color:var(--ok)}
@media(max-width:560px){
  .authv .pane-foot .secure{margin-left:0}
}
.authv .pane-art{position:sticky;top:0;height:100svh;align-self:start;overflow:hidden;background:var(--art-base);isolation:isolate}
.authv .art{position:absolute;inset:0;
  background-image:url('/auth/pane.webp');
  background-size:cover;background-position:54% 44%;
  transform:scale(1.02);
  animation:artDrift 26s ease-in-out infinite alternate;

  -webkit-mask-image:none;
  mask-image:none;}
.authv .pane-art::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(760px 460px at -6% -12%,rgba(255,195,160,.2),transparent 62%),
    radial-gradient(420px 380px at -12% 108%,rgba(35,128,214,.07),transparent 66%);}
.authv .form-area{scrollbar-width:none;-ms-overflow-style:none}
.authv .form-area::-webkit-scrollbar{width:0;height:0;display:none}
.authv .art-scrim{position:absolute;inset:0;z-index:4;pointer-events:none;background:var(--art-scrim)}
.authv .art-grain{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:var(--art-grain-op);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");}
.authv .art-copy{position:absolute;left:clamp(54px,6.4vw,104px);right:clamp(30px,4.6vw,64px);bottom:clamp(30px,4.6vh,58px);
  z-index:5;color:var(--art-ink);max-width:32ch;}
.authv .art-copy .kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;
  font-size:var(--fs-caption);font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--art-kicker);}
.authv .art-copy .kicker::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--accent)}
.authv .art-copy h2{font-size:var(--fs-auth-h4);letter-spacing:-.03em}
.authv .art-copy h2 .grad{background:linear-gradient(98deg,#2A86DE 0%,#2173C8 56%,#1B5FA8 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.authv .rotator{position:relative;margin-top:14px;height:3.2em}
.authv .rotator span{position:absolute;inset:0;font-size:var(--fs-lead);line-height:1.55;color:var(--art-sub);
  opacity:0;transform:translateY(9px);filter:blur(3px);
  transition:opacity .55s ease,transform .6s var(--ease-out),filter .55s ease;}
.authv .rotator span.av-on{opacity:1;transform:none;filter:none}
@media(max-width:1020px){
  .authv{grid-template-columns:1fr}
  .authv .pane-art{display:none}
}
.authv .chips button.av-on{background:#2173C8;border-color:#4E9BE8;color:var(--white)}
@media (prefers-reduced-motion:reduce){
  .authv .rotator span{opacity:0}
  .authv .rotator span.av-on{opacity:1}
}
@media(max-width:600px){
  .authv .pane-form{padding:8px 18px 10px}
  .authv .pane-top{min-height:54px}
  .authv .av-brand{font-size:var(--fs-lead)}
  .authv .av-brand .av-logo{width:29px;height:29px}
  .authv .form-area{padding:4px 0}
  .authv .screen h1{font-size:var(--fs-auth-h2);margin-bottom:5px}
  .authv .screen-head{margin-bottom:9px}
  .authv .av-sub{font-size:var(--fs-body);line-height:1.45}
  .authv .social{gap:7px;margin-bottom:9px}
  .authv .av-btn-social{min-height:42px;padding:9px 16px;font-size:var(--fs-body-lg)}
  .authv .av-btn-social svg{width:18px;height:18px}
  .authv .or{margin-bottom:9px;font-size:var(--fs-small)}
  .authv .av-field{margin-bottom:8px}
  .authv .field-top{margin-bottom:4px}
  .authv .av-field label{font-size:var(--fs-small)}
  .authv .field-top .aux{font-size:var(--fs-body)}
  .authv .av-input{min-height:42px;padding:9px 14px 9px 42px}
  .authv .av-input.has-toggle{padding-right:48px}
  .authv .control>.lead{left:13px;width:18px;height:18px}
  .authv .pw-toggle{width:40px;height:40px}
  .authv .av-check{margin-bottom:10px;gap:9px;padding:2px}
  .authv .av-check .box{width:19px;height:19px}
  .authv .av-check .txt{font-size:var(--fs-body)}
  .authv .av-btn{min-height:44px;padding:10px 22px;font-size:var(--fs-body-lg)}
  .authv .av-btn-row{gap:8px}
  .authv .alt{margin-top:9px;font-size:var(--fs-body)}
  .authv .alt a{padding:8px 5px;margin-block:-8px}
  .authv .legal{margin-top:8px;font-size:var(--fs-caption);line-height:1.4}
  .authv .rules{gap:5px;padding-top:8px}
  .authv .rule{font-size:var(--fs-small)}
  .authv .rule i{width:16px;height:16px}
  .authv .mailto{margin:10px 0 12px;padding:10px 14px;font-size:var(--fs-body)}
  .authv .status-icon{width:50px;height:50px;margin-bottom:14px}
  .authv .join-spin, .authv .join-badge{width:52px;height:52px;margin-bottom:14px}
  .authv .tick{width:56px;height:56px;margin-bottom:14px}
  .authv .timer{margin-top:10px;font-size:var(--fs-small)}
  .authv .pane-foot{gap:4px 16px;padding-top:10px;font-size:var(--fs-caption)}
  .authv .pane-foot a{padding:7px 2px;margin-block:-7px}
}
@media(max-height:720px){
  .authv .pane-form{padding-top:6px;padding-bottom:8px}
  .authv .pane-top{min-height:48px}
  .authv .form-area{padding:2px 0}
  .authv .screen h1{font-size:var(--fs-auth-h1);margin-bottom:4px}
  .authv .screen-head{margin-bottom:7px}
  .authv .av-sub{font-size:var(--fs-body);line-height:1.4}
  .authv .social{gap:6px;margin-bottom:8px}
  .authv .av-btn-social{min-height:40px;padding:8px 14px}
  .authv .or{margin-bottom:8px}
  .authv .av-field{margin-bottom:6px}
  .authv .field-top{margin-bottom:3px}
  .authv .av-input{min-height:40px;padding-top:8px;padding-bottom:8px}
  .authv .pw-toggle{width:38px;height:38px}
  .authv .av-check{margin-bottom:8px}
  .authv .av-btn{min-height:42px;padding-top:9px;padding-bottom:9px}
  .authv .alt{margin-top:6px}
  .authv .legal{margin-top:5px;line-height:1.35}
  .authv .strength{padding-top:5px}
  .authv .strength-row{padding-top:3px;font-size:var(--fs-caption)}
  .authv .av-btn-row{gap:7px}
  .authv .rules{padding-top:6px;gap:4px 10px;grid-template-columns:1fr 1fr}
  .authv .legal{font-size:var(--fs-caption)}
  .authv .pane-foot{padding-top:8px;font-size:var(--fs-caption)}
}
@media(max-height:660px){
  .authv .screen[data-screen="signup"] .av-sub, .authv .screen-head{margin-bottom:6px}
}

.pt-hero{position:relative;isolation:isolate;min-height:clamp(380px,44vw,560px);
  display:flex;align-items:flex-end;padding-bottom:clamp(40px,4.6vw,64px);background:#0B2136}
.pt-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%;z-index:-2}
.pt-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(7,25,44,.62) 0%,rgba(7,25,44,.16) 32%,rgba(7,25,44,.34) 58%,rgba(7,25,44,.88) 100%)}
.pt-hero .wrap{color:var(--white)}
.pt-hero .brow{color:var(--white);margin-bottom:14px}
.pt-hero .brow::before{background:var(--sunset)}
.pt-hero h1{font-size:var(--fs-pt-hero-h1);font-weight:800;max-width:18ch;
  letter-spacing:-.025em;line-height:1.14;text-shadow:0 2px 24px rgba(4,16,30,.4)}
.pt-dates{margin-top:16px;font-size:var(--fs-lead-lg);font-weight:600;color:var(--white)}

.pt-summary{position:relative;z-index:3;margin-top:clamp(-56px,-4vw,-40px)}
.pt-card{background:var(--white);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
  border:1px solid rgba(19,50,78,.10);padding:clamp(16px,1.8vw,22px)}
.pt-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,1vw,14px)}
.pt-stat{display:flex;align-items:center;gap:12px;padding:10px 12px}
.pt-stat-ic{width:42px;height:42px;flex:none;border-radius:13px;display:grid;place-items:center;
  background:var(--brand);color:var(--white);box-shadow:0 6px 14px -6px rgba(35,128,214,.6)}
.pt-stat-ic svg{width:20px;height:20px}
.pt-n{display:block;font-family:var(--font-display);font-weight:800;
  font-size:var(--fs-pt-stat);line-height:1.1;letter-spacing:-.02em}
.pt-n small{font-size:var(--fs-caption);font-weight:700;margin-left:4px;color:var(--muted)}
.pt-k{display:block;font-size:var(--fs-small);color:var(--muted);line-height:1.3}
@media (max-width:1020px){.pt-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){
  .pt-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .pt-stat{padding:8px 6px;gap:10px}
  .pt-stat-ic{width:36px;height:36px;border-radius:11px}
  .pt-stat:last-child{grid-column:1/-1}
}

.pt-people{margin-top:clamp(20px,2.4vw,30px)}
.pt-people-hd{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.pt-people-hd h2{font-size:var(--fs-body-lg);font-weight:700;letter-spacing:-.01em}
.pt-people-hd .pt-c{font-size:var(--fs-body);color:var(--muted)}
.pt-plist{display:flex;gap:14px;list-style:none;margin:0 -4px;padding:2px 4px 6px;
  overflow-x:auto;scrollbar-width:none}
.pt-plist::-webkit-scrollbar{display:none}
.pt-person{display:flex;flex-direction:column;align-items:center;gap:7px;flex:none;width:72px;text-align:center}
.pt-av{position:relative;width:46px;height:46px;flex:none;border-radius:50%;overflow:hidden;
  display:grid;place-items:center;
  font-family:var(--font-display);font-weight:700;font-size:var(--fs-lead);
  box-shadow:0 4px 12px -5px rgba(11,44,84,.35)}
.pt-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.pt-person span:last-child{max-width:100%;font-size:var(--fs-small);line-height:1.25;font-weight:500;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px){
  .pt-plist{gap:13px;margin:0 -16px;padding:2px 16px 6px}
  .pt-person{width:68px}
}

.pt-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,2.2vw,28px);
  padding:clamp(18px,2.2vw,28px) 0 clamp(52px,6vw,84px)}
@media (min-width:981px){
  .pt-grid{grid-template-columns:minmax(0,1fr) minmax(370px,43%);align-items:start;gap:clamp(26px,3vw,44px)}
  .pt-mapcol{position:sticky;top:calc(70px + 18px)}
}
@media (max-width:980px){.pt-mapcol{order:-1}}
.pt-colh{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.pt-colh h2{font-size:var(--fs-lead-lg);font-weight:700;letter-spacing:-.01em}
.pt-colh .pt-c{font-size:var(--fs-body);color:var(--muted)}

.pt-mapbox{position:relative;border-radius:var(--r-lg);overflow:hidden;border:2px solid var(--white);
  box-shadow:var(--shadow-md);background:var(--band);
  height:clamp(320px,calc(100vh - 220px),640px)}
@media (max-width:980px){.pt-mapbox{height:min(66vw,400px)}}
.pt-mapbox > *{position:absolute;inset:0}

.pt-route{position:relative;padding-left:38px}

.pt-route::before{content:"";position:absolute;left:15px;top:var(--pt-rail-top,31px);
  height:var(--pt-rail-h,calc(100% - 45px));width:2px;border-radius:2px;
  background:linear-gradient(180deg,var(--sky),rgba(111,180,244,.22))}
.pt-stop{position:relative;margin-bottom:9px;padding:14px 18px;border-radius:var(--r-md);
  background:var(--white);border:1px solid rgba(19,50,78,.10);box-shadow:var(--shadow-sm);
  scroll-margin-top:88px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.pt-stop:hover{border-color:rgba(35,128,214,.35);box-shadow:var(--shadow-md)}
.pt-stop.is-on{border-color:var(--brand);box-shadow:0 0 0 3px rgba(35,128,214,.18),var(--shadow-md)}
.pt-pin{position:absolute;left:-38px;top:15px;width:32px;height:32px;border-radius:50%;
  display:grid;place-items:center;color:var(--white);font-family:var(--font-display);font-weight:700;font-size:var(--fs-small);
  background:var(--brand);box-shadow:0 0 0 4px var(--mist),0 3px 9px -3px rgba(35,128,214,.55)}
.pt-stop--anchor .pt-pin{background:var(--ink)}
.pt-pin svg{width:16px;height:16px}
.pt-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.pt-city{font-family:var(--font-display);font-size:var(--fs-h4);font-weight:700;letter-spacing:-.018em}
.pt-tag{margin-left:auto;padding:3px 10px;border-radius:99px;font-size:var(--fs-tiny);font-weight:700;
  letter-spacing:.06em;text-transform:uppercase}
.pt-tag--start{color:var(--brand-deep);background:var(--ice)}
.pt-tag--end{color:var(--sunset-text);background:var(--sunset-tint)}
.pt-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:6px;
  font-size:var(--fs-body);color:var(--muted)}
.pt-meta .pt-country{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
  color:var(--ink);font-weight:500}
.pt-meta .pt-when{white-space:nowrap}
.pt-dot{width:3px;height:3px;border-radius:50%;background:rgba(19,50,78,.24);flex:none}
.pt-nights{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:2px 10px;
  border-radius:99px;background:var(--ice);color:var(--ink);font-size:var(--fs-small);font-weight:600;white-space:nowrap}
.pt-nights svg{width:13px;height:13px;color:var(--brand)}
@media (max-width:620px){.pt-nights{margin-left:0}}

.pt-stop--wp{padding:8px 16px;background:var(--sunset-tint);border:1px dashed rgba(160,99,46,.32);
  box-shadow:none;display:flex;align-items:center;gap:9px;flex-wrap:wrap}

.pt-stop--wp .pt-pin{left:-29.5px;top:50%;transform:translateY(-50%);width:15px;height:15px;
  background:var(--white);border:3px solid var(--sunset);box-shadow:0 0 0 4px var(--mist)}
.pt-stop--wp.is-on .pt-pin{background:var(--sunset)}
.pt-stop--wp .pt-city{font-size:var(--fs-lead)}
.pt-wptag{margin-left:auto;font-size:var(--fs-caption);font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--sunset-text)}

.pt-leg{position:relative;display:flex;align-items:center;gap:9px;margin:0 0 9px;padding:3px 0 11px;
  font-size:var(--fs-body);color:var(--muted)}
.pt-legic{position:absolute;left:-38px;top:0;width:32px;height:32px;border-radius:11px;
  display:grid;place-items:center;background:var(--white);color:var(--brand-deep);
  border:1px solid rgba(19,50,78,.10);box-shadow:0 0 0 4px var(--mist)}
.pt-legic svg{width:16px;height:16px}
.pt-leg b{color:var(--ink);font-weight:600}

body.pt-open{background:var(--mist)}

body.pt-open .main-nav,
body.pt-open .mobile-menu a[href^="#"]{display:none}

.pt-center{min-height:70vh;display:grid;place-items:center;text-align:center;padding:24px}

.pt-center p{color:var(--muted)}

.pt-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line,rgba(19,50,78,.14));
  border-top-color:var(--brand);animation:pt-spin .8s linear infinite}
@keyframes pt-spin{to{transform:rotate(360deg)}}

.pt-av--0{background:var(--ice);color:var(--brand-deep)}
.pt-av--1{background:var(--sunset-tint);color:var(--sunset-text)}
.pt-av--2{background:var(--mint-tint);color:var(--mint-text)}
.pt-av--3{background:var(--violet-tint);color:var(--violet-text)}
.pt-av--4{background:var(--coral-tint);color:var(--coral-text)}
.pt-av--5{background:#E3F1F6;color:#1F6478}

.demo{
  --dc-rome:#E0568F;
  --dc-milan:#7A5CF0;
  --dc-barcelona:#2380D6;
  --dc-valencia:#2EC27E;
  --dc-madrid:#FF9E4A;
  --dc-porto:#EE6A72;
  --dc-lisbon:#6FB4F4;
  --dc-stay-s:#EFEAFE;
  --dc-stay-k:#5B45C4;
  --dc-act-s:#FDEBF2;
  --dc-act-k:#B8306B;
  --dc-food-s:#FFF0DF;
  --dc-food-k:#A0632E;
  --dc-move-s:#E4F7EE;
  --dc-move-k:#1C7A4F;
  --dc-warn-s:#FFE7CC;
  --dc-shop-s:#EAF3FC;
  --dc-shop-k:#1B67B4;

  --dc-doc-pdf:#E5484D;
  --dc-doc-doc:#2380D6;
  --dc-doc-xls:#1F9D57;
  --dc-doc-jpg:#7A5CF0;
}

.btn-glass{background:rgba(255,255,255,.16);color:var(--white);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.btn-glass:hover{background:rgba(255,255,255,.26);transform:translateY(-2px)}

.demo{--violet-soft:#F0EBFE; --rose-soft:#FDEBF2; --coral:#EE6A72}

.demo .dm-pill{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-tiny);font-weight:700;padding:3px 9px;
  border-radius:99px;white-space:nowrap}
.demo .dm-pill.done{background:#DCF5E9;color:#177A4D}
.demo .dm-pill.todo{background:#FFEEDD;color:#96500E}
.demo .dm-pill.auto{background:var(--ice);color:var(--brand-deep)}
.demo .dm-pill.hand{background:#EEF1F6;color:#4E5E70}
.demo .dm-pill.ai{background:linear-gradient(120deg,var(--brand),var(--violet));color:var(--white)}
.demo .dm-pill.pro{background:linear-gradient(120deg,#F7C86B,#E9A02F);color:#4A3000}

.demo .dm-bic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--white);--bic:var(--brand);background:var(--bic);
  box-shadow:0 8px 18px -6px color-mix(in srgb, var(--bic) 50%, transparent);flex:none}
.demo .dm-bic.dm-warm{--bic:var(--sunset)}
.demo .dm-bic.dm-mint{--bic:var(--mint)}
.demo .dm-bic.vio{--bic:var(--violet)}
.demo .dm-bic.rose{--bic:var(--rose)}
.demo .dm-bic.sm{width:34px;height:34px;border-radius:10px}
.demo .dm-av{border-radius:50%;display:grid;place-items:center;color:var(--white);font-weight:700;flex:none;font-family:var(--font-display)}
.demo .dm-avs{display:flex}
.demo .dm-avs .dm-av{width:38px;height:38px;font-size:var(--fs-small);border:3px solid var(--white);box-shadow:var(--shadow-sm)}
.demo .dm-avs .dm-av + .dm-av, .demo .dm-avs .more{margin-left:-10px}
.demo .dm-avs .more{width:38px;height:38px;border-radius:50%;border:3px solid var(--white);background:#E7EFF7;color:var(--muted);
  display:grid;place-items:center;font-size:var(--fs-caption);font-weight:700;flex:none;box-shadow:var(--shadow-sm)}
.demo .dm-hero{position:relative;isolation:isolate;min-height:clamp(380px,44vw,560px);display:flex;align-items:flex-end;
  padding:96px 0 clamp(40px,4.6vw,64px);background:#0B2136;color:var(--white)}
.demo .dm-hero-bg{position:absolute;inset:0;z-index:-2}
.demo .dm-hero-bg svg{position:absolute;inset:0;width:100%;height:100%}

.demo .dm-hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(100deg,rgba(7,25,44,.58) 0%,rgba(7,25,44,.52) 30%,rgba(7,25,44,.26) 46%,rgba(7,25,44,0) 62%),
    linear-gradient(180deg,rgba(7,25,44,.62) 0%,rgba(7,25,44,.16) 32%,rgba(7,25,44,.34) 58%,rgba(7,25,44,.88) 100%)}
.demo .dm-hero h1{font-size:var(--fs-pt-hero-h1);font-weight:800;max-width:18ch;letter-spacing:-.025em;
  line-height:1.14;text-shadow:0 2px 24px rgba(4,16,30,.4);overflow-wrap:break-word}
.demo .dm-hero-sub{margin-top:12px;font-size:var(--fs-lead);color:rgba(255,255,255,.88);max-width:58ch;
  text-shadow:0 2px 16px rgba(4,16,30,.35)}
.demo .hero-people{display:flex;align-items:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.demo .hero-people .dm-avs .dm-av{border-color:rgba(255,255,255,.92)}
.demo .hero-people .dm-txt{font-size:var(--fs-body);color:rgba(255,255,255,.9)}
.demo .hero-people .dm-txt b{font-weight:600}
.demo .route-sec{background:var(--white);padding-top:clamp(46px,5vw,72px)}
.demo .mapcard{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-lg);
  border:1px solid rgba(11,44,84,.07);background:linear-gradient(150deg,#E0EEFA,#EFF6FD);aspect-ratio:16/8;min-height:320px}
.demo .mapcard > *{position:absolute;inset:0}
@media (max-width:700px){.demo .mapcard{aspect-ratio:4/5;min-height:340px}}
.demo .maplegend{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:16px;font-size:var(--fs-body);color:var(--muted)}
.demo .maplegend span{display:inline-flex;align-items:center;gap:9px}
.demo .maplegend i.ln{width:26px;height:3px;border-radius:2px;background:var(--brand);flex:none}
.demo .maplegend i.ln--d{height:3px;background:repeating-linear-gradient(90deg,var(--sunset) 0 5px,transparent 5px 10px)}
.demo .route{margin-top:clamp(34px,4vw,52px);display:flex;flex-direction:column}
.demo .tl-sec{background:radial-gradient(rgba(33,115,200,.09) 1px,transparent 1.4px) 0 0/26px 26px,var(--mist)}
.demo .tl-wrap{max-width:820px;margin-inline:auto}
.demo .tl-day{position:relative;padding-left:clamp(58px,7vw,86px)}
.demo .tl-day::before{content:"";position:absolute;left:clamp(22px,3vw,34px);top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,rgba(35,128,214,.28),rgba(35,128,214,.14))}
.demo .tl-day:last-child::before{bottom:auto;height:44px}
.demo .tl-dh{display:flex;align-items:center;gap:12px;padding:6px 0 12px;position:relative}
.demo .tl-dh .dm-dot{position:absolute;left:calc(-1 * clamp(58px,7vw,86px) + clamp(22px,3vw,34px) - 7px);top:11px;
  width:16px;height:16px;border-radius:50%;background:var(--white);border:4px solid var(--brand);box-shadow:0 0 0 5px var(--mist)}
.demo .tl-dh b{font-family:var(--font-display);font-size:var(--fs-lead-lg);font-weight:800}
.demo .tl-dh .dm-city{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--muted)}
.demo .tl-list{display:grid;gap:9px;padding-bottom:26px}
.demo .tlev{display:flex;align-items:center;gap:13px;background:var(--white);border:1px solid rgba(11,44,84,.07);
  border-radius:var(--r-md);padding:13px 16px;box-shadow:var(--shadow-sm);
  transition:transform .3s var(--ease-out),box-shadow .3s}
.demo .tlev:hover{transform:translateX(4px);box-shadow:var(--shadow-md)}
.demo .tlev .t{font-size:var(--fs-small);font-weight:700;color:var(--muted);width:44px;flex:none;font-variant-numeric:tabular-nums}

.demo .num{font-variant-numeric:normal}
.demo .tlev .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:var(--s,var(--ice));color:var(--k,var(--brand-deep))}
.demo .tlev .b{flex:1;min-width:0}
.demo .tlev .b b{display:block;font-size:var(--fs-body-lg);font-weight:600;line-height:1.35}
.demo .tlev .b span{font-size:var(--fs-small);color:var(--muted)}
.demo .tlev .pr{font-family:var(--font-display);font-weight:800;font-size:var(--fs-body-lg);white-space:nowrap}
.demo .tlev.hot{background:linear-gradient(0deg,rgba(224,86,143,.07),rgba(224,86,143,.07)),var(--white);border-color:rgba(224,86,143,.3)}
.demo .tlev.warn{background:#FFF6EC;border-color:rgba(255,158,74,.4);border-style:dashed}
.demo .tlev.trn{align-items:stretch;flex-direction:column;gap:0;padding:15px 16px}
.demo .trn-row{display:flex;align-items:center;gap:13px}
.demo .trn-row .dm-pt{font-size:var(--fs-body-lg);font-weight:700;font-family:var(--font-display)}
.demo .trn-row .dm-pt small{display:block;font-family:var(--font-body);font-size:var(--fs-caption);font-weight:400;color:var(--muted)}
.demo .trn-mid{display:flex;align-items:center;gap:12px;padding:9px 0 9px 57px;position:relative}
.demo .trn-mid::before{content:"";position:absolute;left:61px;top:0;bottom:0;width:2px;
  background:repeating-linear-gradient(180deg,var(--mint) 0 4px,transparent 4px 8px)}
.demo .trn-mid .dm-m{display:inline-flex;align-items:center;gap:9px;font-size:var(--fs-body);font-weight:600;color:var(--mint-text);
  background:#EAF9F1;border-radius:99px;padding:5px 13px;margin-left:8px}
.demo .trn-mid .dm-m em{font-style:normal;font-weight:500;color:var(--muted)}
@media (max-width:560px){
  .demo .tl-day{padding-left:44px}
  .demo .tl-day::before{left:16px}
  .demo .tl-dh .dm-dot{left:-36px;top:9px}
  .demo .tlev{gap:10px;padding:12px 13px;flex-wrap:wrap;row-gap:9px}
  .demo .tlev .t{width:auto;min-width:40px;font-size:var(--fs-caption)}
  .demo .tlev .b{flex:1 1 100%;order:3}
  .demo .tlev .pr, .demo .tlev .dm-pill{margin-left:auto}
  .demo .tlev.trn{flex-direction:column}
  .demo .tlev.trn .b{order:0}
  .demo .trn-row{flex-wrap:nowrap}
  .demo .trn-row .dm-pt{font-size:var(--fs-body)}
  .demo .trn-mid{padding-left:0}
  .demo .trn-mid::before{left:17px}
  .demo .trn-mid .dm-m{margin-left:40px}
}
.demo .bud-sec{background:linear-gradient(180deg,var(--band),#EDF6FC)}
.demo .bud-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:900px){
  .demo .bud-grid{grid-template-columns:1fr}
}
.demo .dm-card-h{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.demo .dm-card-h h3{margin-right:auto}
.demo .donutbox{position:relative;width:min(210px,56vw);aspect-ratio:1;margin-inline:auto}
.demo .dm-donut{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--g));
  mask:radial-gradient(circle,transparent 61%,#000 61.5%);-webkit-mask:radial-gradient(circle,transparent 61%,#000 61.5%)}
.demo .donut-c{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.demo .donut-c b{display:block;font-family:var(--font-display);font-size:var(--fs-pt-stat);font-weight:800;letter-spacing:-.03em}
.demo .donut-c span{font-size:var(--fs-caption);color:var(--muted)}
.demo .cats{display:grid;gap:11px;margin-top:22px}
.demo .cat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;font-size:var(--fs-body)}
.demo .cat i.dm-d{width:11px;height:11px;border-radius:4px;background:var(--c);flex:none}
.demo .cat .dm-nm{display:flex;align-items:center;gap:8px;min-width:0}
.demo .cat .dm-nm .t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo .cat .dm-v{font-family:var(--font-display);font-weight:800;font-size:var(--fs-body-lg)}
.demo .cat .dm-track{grid-column:2/4;height:6px;border-radius:99px;background:#E4EDF6;overflow:hidden;margin-top:-4px}
.demo .cat .dm-track i{display:block;height:100%;width:0;border-radius:99px;background:var(--c);transition:width 1s var(--ease-out)}
.demo .in .cat .dm-track i{width:var(--w)}
.demo .exp{display:grid}
.demo .exp .e{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:var(--fs-body)}
.demo .exp .e + .e{border-top:1px solid #E7EEF6}
.demo .exp .e .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none;
  background:var(--s,var(--mist));color:var(--k,var(--brand-deep))}
.demo .exp .e .dm-nm{flex:1;min-width:0}
.demo .exp .e .dm-nm b{display:block;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo .exp .e .dm-nm span{font-size:var(--fs-caption);color:var(--muted)}
.demo .exp .e .dm-v{font-family:var(--font-display);font-weight:800;white-space:nowrap}
.demo .perone{display:flex;align-items:center;gap:11px;margin-top:20px;padding:15px 18px;border-radius:var(--r-md);
  background:linear-gradient(120deg,var(--ice),#F2F9FF);font-size:var(--fs-body);color:var(--muted)}
.demo .perone b{margin-left:auto;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:800;color:var(--ink)}
.demo .more-sec{background:var(--white)}
.demo .b-cal{grid-column:span 7;display:flex;flex-direction:column}
.demo .dm-b-docs{grid-column:span 5}
.demo .b-svc{grid-column:span 5}
.demo .b-stats{grid-column:span 7}
@media (max-width:980px){
  .demo .b-cal, .demo .dm-b-docs, .demo .b-svc, .demo .b-stats{grid-column:span 12}
}
.demo .cal{margin-top:18px}
.demo .cal-top{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.demo .cal-top b{font-family:var(--font-display);font-size:var(--fs-lead);font-weight:700}
.demo .cal-top span{font-size:var(--fs-small);color:var(--muted)}
.demo .cal-wd{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:7px}
.demo .cal-wd span{text-align:center;font-size:var(--fs-tiny);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#9FB0C2}
.demo .cal-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.demo .cal-d{aspect-ratio:1;min-width:0;border-radius:12px;border:1px solid transparent;
  display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:6px 7px 7px}
.demo .cal-d .dm-n{font-family:var(--font-display);font-size:var(--fs-body);font-weight:700;color:#AEBCCB;text-align:center;line-height:1}
.demo .cal-d.trip{background:var(--white);border-color:rgba(11,44,84,.09);box-shadow:0 2px 8px -4px rgba(11,44,84,.18)}
.demo .cal-d.trip .dm-n{color:var(--ink)}
.demo .cal-dots{display:flex;justify-content:center;gap:3px;height:5px}
.demo .cal-dots i{width:4px;height:4px;border-radius:50%;background:var(--c);opacity:.85}
.demo .cal-bar{height:5px;border-radius:99px;overflow:hidden;display:flex;background:var(--c)}
.demo .cal-bar i{flex:1}
.demo .cal-legend{display:flex;flex-wrap:wrap;gap:7px 14px;margin-top:16px;font-size:var(--fs-caption);color:var(--muted)}
.demo .cal-legend span{display:inline-flex;align-items:center;gap:7px}
.demo .cal-legend i{width:14px;height:5px;border-radius:99px;flex:none}
@media (max-width:520px){
  .demo .cal-g, .demo .cal-wd{gap:4px}
  .demo .cal-d{border-radius:9px;padding:4px 4px 5px}
  .demo .cal-d .dm-n{font-size:var(--fs-caption)}
  .demo .cal-dots{display:none}
}
.demo .doc-list{display:grid;gap:9px;margin-top:16px}
.demo .dm-doc-row{display:flex;align-items:center;gap:12px;background:var(--mist);border-radius:13px;padding:11px 13px;font-size:var(--fs-body)}
.demo .dm-doc-row .ft{width:34px;height:42px;border-radius:8px;flex:none;display:grid;place-items:center;color:var(--white);
  font-size:var(--fs-micro);font-weight:800;letter-spacing:.04em;background:var(--c,var(--brand));
  box-shadow:0 6px 14px -7px rgba(11,44,84,.6);position:relative}
.demo .dm-doc-row .ft::after{content:"";position:absolute;right:0;top:0;border-width:0 9px 9px 0;border-style:solid;
  border-color:rgba(255,255,255,.5) var(--white)}
.demo .dm-doc-row .tx{min-width:0;flex:1}
.demo .dm-doc-row .tx b{display:block;font-weight:600;line-height:1.3}
.demo .dm-doc-row .tx span{font-size:var(--fs-caption);color:var(--muted)}
.demo .svc-list{display:grid;gap:10px;margin-top:16px}
.demo .svc{display:flex;align-items:center;gap:12px;border:1px solid rgba(11,44,84,.08);border-radius:13px;padding:12px 14px;font-size:var(--fs-body)}
.demo .svc .tx{flex:1;min-width:0}
.demo .svc .tx b{display:block;font-weight:600}
.demo .svc .tx span{font-size:var(--fs-caption);color:var(--muted)}
.demo .svc.add{border-style:dashed;background:#FBFDFF;color:var(--muted)}
.demo .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}
@media (max-width:620px){
  .demo .stats-grid{grid-template-columns:repeat(2,1fr)}
}
.demo .stat-t{background:var(--mist);border-radius:14px;padding:15px 14px;text-align:center}
.demo .stat-t b{display:block;font-family:var(--font-display);font-size:var(--fs-h3);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.demo .stat-t span{font-size:var(--fs-caption);color:var(--muted)}
.demo .stat-lines{display:grid;gap:9px;margin-top:12px}
.demo .stat-line{display:flex;align-items:center;gap:11px;font-size:var(--fs-body);background:var(--white);border:1px solid rgba(11,44,84,.07);
  border-radius:12px;padding:10px 13px}
.demo .stat-line em{margin-left:auto;font-style:normal;font-weight:700;font-family:var(--font-display)}
.demo .team-sec{background:linear-gradient(180deg,var(--sand),#FBF6ED);overflow:hidden}
.demo .team-sec::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(720px 460px at 88% 14%,rgba(255,205,130,.3),transparent 62%)}
.demo .team-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;align-items:start}
@media (max-width:940px){
  .demo .team-grid{grid-template-columns:1fr}
}
.demo .mem{display:flex;align-items:center;gap:13px;padding:13px 0}
.demo .mem + .mem{border-top:1px solid rgba(11,44,84,.08)}
.demo .mem .dm-av{width:44px;height:44px;font-size:var(--fs-body);box-shadow:var(--shadow-sm)}
.demo .mem .dm-nm{flex:1;min-width:0}
.demo .mem .dm-nm b{display:block;font-size:var(--fs-body-lg);font-weight:600}
.demo .mem .dm-nm span{font-size:var(--fs-small);color:var(--muted)}
.demo .mem.pending .dm-av{background:#EFE4D3;color:#9C8464}
.demo .role-note{margin-top:16px;display:grid;gap:7px;font-size:var(--fs-small);color:var(--muted)}
.demo .role-note b{color:var(--ink)}
.demo .chat{background:var(--white);border-radius:var(--r-lg);border:1px solid rgba(11,44,84,.07);box-shadow:var(--shadow-lg);overflow:hidden}
.demo .chat-h{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #EEF3F9}
.demo .chat-h b{display:block;font-family:var(--font-display);font-size:var(--fs-lead)}
.demo .chat-h small{color:var(--muted);font-size:var(--fs-caption)}
.demo .chat-b{padding:20px;display:flex;flex-direction:column;gap:14px;background:#FCFDFF}
.demo .msg{display:flex;gap:11px;align-items:flex-start;max-width:86%}
.demo .msg .dm-av{width:34px;height:34px;font-size:var(--fs-caption)}
.demo .msg .bub{background:var(--mist);border:1px solid rgba(11,44,84,.05);border-radius:16px;border-top-left-radius:6px;
  padding:11px 14px;font-size:var(--fs-body);min-width:0}
.demo .msg .who{display:flex;align-items:baseline;gap:9px;margin-bottom:3px}
.demo .msg .who b{font-size:var(--fs-small);font-family:var(--font-display);font-weight:700}
.demo .msg .who time{font-size:var(--fs-tiny);color:var(--muted)}
.demo .msg.dm-me{margin-left:auto;flex-direction:row-reverse}
.demo .msg.dm-me .bub{background:#E9F7EF;border-color:rgba(46,194,126,.18);border-top-left-radius:16px;border-top-right-radius:6px}
.demo .msg.ai{max-width:94%}
.demo .msg.ai .dm-av{background:linear-gradient(140deg,var(--brand),var(--violet))}
.demo .msg.ai .bub{background:linear-gradient(180deg,#F5F1FE,#EFF6FE);border-color:rgba(122,92,240,.24)}
.demo .mention{color:var(--brand-deep);font-weight:600}
.demo .typing{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-small);font-weight:700;color:var(--violet);padding-left:45px}
.demo .typing span{margin-right:5px}
.demo .typing i{width:5px;height:5px;border-radius:50%;background:var(--violet);animation:think 1.2s infinite}
.demo .typing i:nth-child(2){animation-delay:.2s}
.demo .typing i:nth-child(3){animation-delay:.4s}
.demo .chat-c{display:flex;align-items:center;gap:11px;padding:13px 20px;border-top:1px solid #EEF3F9}
.demo .chat-c .fake{flex:1;background:var(--mist);border:1px solid rgba(11,44,84,.07);border-radius:99px;padding:11px 16px;
  font-size:var(--fs-body);color:#93A4B5}
.demo .chat-c .snd{width:42px;height:42px;border-radius:50%;background:var(--brand-btn);color:var(--white);display:grid;place-items:center;flex:none;
  box-shadow:0 8px 18px -8px rgba(33,115,200,.7)}

@media (min-width:901px){
  .demo .tg-grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:clamp(28px,5vw,64px)}
}

.demo .tg-h2{margin:14px 0 14px}
.demo .tg-lede{color:var(--muted);font-size:var(--fs-lead)}

.demo .pr--push{margin-left:auto}
.demo .chat-h .avs--push{margin-left:auto}
.demo .chat-h .av--xs{width:32px;height:32px;font-size:var(--fs-tiny)}
.demo .msg>.av--sm{width:34px;height:34px}

.demo .dm-bic svg{width:20px;height:20px}
.demo .dm-bic.sm svg{width:16px;height:16px}
.demo .dm-av svg{width:18px;height:18px}
.demo .ic svg{width:18px;height:18px}
.demo .dm-city svg{width:13px;height:13px}
.demo .dm-pill svg{width:11px;height:11px}
.demo .dm-m svg{width:14px;height:14px}
.demo .perone svg{width:17px;height:17px}
.demo .snd svg{width:17px;height:17px}
.demo .maplegend svg{width:16px;height:16px}
.demo .svc > svg{width:16px;height:16px}

.doc{padding:calc(70px + clamp(26px,3.4vw,48px)) 0 clamp(56px,7vw,96px)}
.doc-head{max-width:70ch;margin-bottom:clamp(26px,3.4vw,40px)}
.doc-title{font-size:var(--fs-doc-title);letter-spacing:-.02em;margin-bottom:12px}
.doc-lede{color:var(--muted);font-size:var(--fs-lead);max-width:60ch}
.doc-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:18px;font-size:var(--fs-small);color:var(--muted)}
.doc-meta > span + span::before,.doc-meta .doc-print::before{content:"·";margin-right:10px;color:rgba(19,50,78,.3)}
.doc-print{display:inline-flex;align-items:center;gap:7px;color:var(--brand-deep);font-size:var(--fs-small);font-weight:600;cursor:pointer}
.doc-print svg{width:15px;height:15px}
.doc-print:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:600px){.doc-meta{gap:6px 16px}
  .doc-meta > span + span::before,.doc-meta .doc-print::before{content:none}}
.doc-tabs{display:inline-flex;gap:3px;margin-top:24px;padding:4px;border-radius:999px;background:var(--mist);border:1px solid rgba(19,50,78,.07)}
.doc-tabs a{padding:9px 18px;border-radius:999px;font-size:var(--fs-body);font-weight:600;color:var(--muted);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.doc-tabs a:hover{color:var(--ink)}
.doc-tabs a[aria-current="page"]{background:var(--white);color:var(--ink);box-shadow:var(--shadow-sm)}
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:981px){
  .doc-grid{grid-template-columns:240px minmax(0,1fr);gap:clamp(34px,4.5vw,72px);align-items:start}
}

.doc-toc{border:1px solid rgba(19,50,78,.09);border-radius:var(--r-md);background:var(--white)}
.doc-toc > summary{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 16px;cursor:pointer;font-weight:600;font-size:var(--fs-body);list-style:none}
.doc-toc > summary::-webkit-details-marker{display:none}
.doc-toc > summary svg{width:15px;height:15px;color:var(--muted);transition:transform .22s var(--ease-out)}
.doc-toc[open] > summary svg{transform:rotate(180deg)}
.doc-toc-list{padding:2px 8px 10px}
.doc-toc-list a{display:flex;gap:9px;padding:7px 10px;border-radius:9px;font-size:var(--fs-body);line-height:1.35;color:var(--muted);transition:background .18s,color .18s}
.doc-toc-list a:hover{background:var(--mist);color:var(--ink)}

.doc-toc-list a.doc-on{background:var(--ice);color:var(--brand-deep);font-weight:600}

.doc-toc-list .doc-n{flex:none;width:1.6em;font-variant-numeric:tabular-nums;color:rgba(19,50,78,.42)}
.doc-toc-list a.doc-on .doc-n{color:var(--brand-deep)}
@media (min-width:981px){
  .doc-toc{position:sticky;top:92px;max-height:calc(100vh - 128px);overflow:auto;
    border:0;border-left:1px solid rgba(19,50,78,.1);border-radius:0;background:none}
  .doc-toc > summary{display:none}
  .doc-toc-list{padding:0 0 0 4px}
  .doc-toc-list a{border-radius:0 9px 9px 0}
}

.doc-body{max-width:74ch;counter-reset:sec}
.doc-body section{padding-top:8px;margin-bottom:34px;scroll-margin-top:96px}
.doc-body h2{counter-increment:sec;font-size:var(--fs-doc-h2);margin-bottom:12px;letter-spacing:-.01em}
.doc-body h2::before{content:counter(sec) ". ";color:var(--brand);font-variant-numeric:tabular-nums}
.doc-body p{color:#2C4A66;line-height:1.68;margin-bottom:13px}
.doc-body p:last-child,.doc-body ul:last-child,.doc-body dl:last-child{margin-bottom:0}
.doc-body ul{margin:0 0 13px;padding-left:0;list-style:none}
.doc-body ul li{position:relative;padding-left:20px;color:#2C4A66;line-height:1.62;margin-bottom:7px}
.doc-body ul li::before{content:"";position:absolute;left:4px;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--sky)}
.doc-body dl{display:grid;gap:0;margin:0 0 13px;border-top:1px solid rgba(19,50,78,.08)}
.doc-body dt{padding:11px 0 3px;font-weight:600;font-size:var(--fs-body-lg)}
.doc-body dd{padding:0 0 11px;margin:0;color:var(--muted);font-size:var(--fs-body-lg);line-height:1.6;border-bottom:1px solid rgba(19,50,78,.08)}
@media (min-width:620px){
  .doc-body dl{grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);column-gap:22px}
  .doc-body dt{padding:12px 0}
  .doc-body dd{padding:12px 0;border-bottom:1px solid rgba(19,50,78,.08)}
  .doc-body dt{border-bottom:1px solid rgba(19,50,78,.08)}
}
.doc-note{margin:0 0 15px;padding:15px 17px;border-radius:var(--r-md);background:var(--mist);border:1px solid rgba(35,128,214,.14)}
.doc-note p{margin:0;color:var(--ink)}
.doc-foot{margin-top:26px;padding-top:18px;border-top:1px solid rgba(19,50,78,.1);font-size:var(--fs-small);color:var(--muted)}
.doc-foot a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px}

@media print{
  .site-header,.mobile-menu,.site-footer,.doc-tabs,.doc-toc,.doc-print{display:none!important}
  .doc{padding:0}
  .doc-body{max-width:none}
  .doc-body section{page-break-inside:avoid}
}