@font-face{
  font-family:'Outfit';
  font-style:normal;font-weight:500 800;font-display:swap;
  src:url('../webfonts/outfit-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Outfit';
  font-style:normal;font-weight:500 800;font-display:swap;
  src:url('../webfonts/outfit-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

:root{
  --base-oxford:#08132e;
  --base-oxford-x:#131f46;
  --base-brand:#1e5dff;
  --base-brand-dark:#164dd7;
  --base-brand-light:#edf1ff;
  --base-aqua:#7da4fd;
  --base-aqua-light:#dbe6fd;
  --base-page:#f6f5fc;
  --base-sheet:#fffdff;
  --base-foreground:#11182c;
  --base-foreground-x:#343f56;
  --base-quiet:#5c6679;
  --base-border:#e2e8f4;
  --base-border-x:#eef2fb;
  --base-go:#09783a; --base-go-wash:#e5f9ec; --base-go-bd:#c0e9cd;
  --base-red:#c32120;   --base-red-wash:#fbe8e9;   --base-red-bd:#f2c8c9;
  --base-gold:#1e5dff;

  --base-sz-1:4px; --base-sz-2:8px; --base-sz-3:12px; --base-sz-4:16px; --base-sz-6:24px;
  --base-sz-8:32px; --base-sz-10:40px; --base-sz-12:48px; --base-sz-16:64px;

  --base-ro-sm:12px; --base-ro-md:16px; --base-ro-lg:20px; --base-ro-xl:24px; --base-ro-2xl:28px; --base-ro-pill:999px;

  --base-elev-sm:0 1px 2px rgba(8,19,46,.07),0 4px 14px rgba(30,93,255,.04);
  --base-elev-md:0 8px 30px rgba(30,93,255,.14),0 2px 6px rgba(8,19,46,.07);
  --base-elev-lg:0 24px 60px rgba(8,19,46,.19);

  --base-sans:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --base-font-head:'Outfit',system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  --base-wrap:1200px;
  --base-inset:clamp(16px,4vw,24px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--base-page);font-family:var(--base-sans);line-height:1.55;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(rgba(30,93,255,.08) 1px,transparent 1.2px);background-size:24px 24px;
  text-rendering:optimizeLegibility;color:var(--base-foreground);margin:0;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:var(--base-brand)}
a:hover{color:var(--base-brand-dark)}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{letter-spacing:-.02em;line-height:1.12;font-family:var(--base-font-head)}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:3px solid var(--base-aqua-light);border-radius:6px;outline-offset:2px}

.run-a{display:inline-flex;font-weight:600;font-size:15px;color:#fffdff;align-items:center;gap:12px}
.run-a:hover{color:#fffdff}
.run-a .run{background:rgba(255,253,255,.15);width:46px;border-radius:50%;justify-content:center;
  align-items:center;height:46px;display:inline-flex;transition:background .18s,transform .18s;
  border:1px solid rgba(255,253,255,.28)}
.run-a:hover .run{background:rgba(255,253,255,.24);transform:scale(1.06)}
.run-a .run::after{width:0;border-left:10px solid var(--base-aqua);margin-left:3px;border-top:7px solid transparent;
  border-bottom:7px solid transparent;content:"";height:0}

.menu-btn{border:none;background:none;padding:6px;z-index:1105;gap:5px;
  cursor:pointer;display:none;flex-direction:column}
.menu-btn span{background:var(--base-oxford);display:block;transition:transform .3s ease,opacity .3s ease;border-radius:2px;width:26px;
  height:3px}
.menu-btn.shown span:nth-child(1){transform:rotate(45deg) translate(7px,7px)}
.menu-btn.shown span:nth-child(2){opacity:0}
.menu-btn.shown span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}
.face{width:36px;box-shadow:0 1px 3px rgba(8,19,46,.14);border-radius:50%;border:2px solid #fffdff;height:36px}
.face+.face{margin-left:-10px}
img.face{display:block;object-fit:cover;background:var(--base-brand-light)}
.face-plus{display:flex;font-size:12px;align-items:center;justify-content:center;
  background:var(--base-oxford);color:#fffdff;font-weight:700}
.page-bar .action{margin-left:8px}
.chip{cursor:pointer;font:inherit;font-size:14px;font-weight:500;border-radius:var(--base-ro-pill);border:1px solid var(--base-border);padding:8px 14px;
  color:var(--base-foreground);justify-content:center;align-items:center;display:inline-flex;white-space:nowrap;transition:.15s;background:#fffdff}
.h2{letter-spacing:-.025em;font-size:clamp(28px,3.4vw,42px);font-weight:700}

.where-box{border-radius:var(--base-ro-2xl);overflow:hidden;cursor:pointer;aspect-ratio:1/.9;
  border:1px solid var(--base-aqua-light);position:relative;box-shadow:var(--base-elev-md);background:var(--base-brand-light)}
.where-placeholder{inset:0;justify-content:center;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 360' fill='none' stroke='%23b9cdff' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M-10 120C80 100 140 160 220 140S360 60 420 90'/%3E%3Cpath d='M60-10C90 80 40 160 110 240s60 130 40 140'/%3E%3Cpath d='M-10 260c90-30 170 10 250-20s120-90 180-60' stroke-width='10' stroke='%23dbe6ff'/%3E%3Cpath d='M300-10c-20 90 30 160-10 250s-40 80-30 130'/%3E%3C/svg%3E"),linear-gradient(var(--base-aqua-light) 1px,transparent 1px),linear-gradient(90deg,var(--base-aqua-light) 1px,transparent 1px);flex-direction:column;text-align:center;display:flex;padding:24px 24px 90px;background-size:cover,44px 44px,44px 44px;position:absolute;
  align-items:center;
  gap:16px}
.where-placeholder::before{left:50%;height:150px;border-radius:50%;position:absolute;animation:pulse 2.6s ease-out infinite;background:rgba(30,93,255,.17);width:150px;transform:translate(-50%,-50%);top:44%;content:""}
.where-pin{align-items:center;justify-content:center;background:var(--base-brand);width:56px;display:flex;height:56px;position:relative;border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);box-shadow:0 12px 30px rgba(30,93,255,.4)}
.where-pin::after{height:18px;content:"";border-radius:50%;background:#fffdff;width:18px}
.where-placeholder p{color:var(--base-foreground);left:18px;background:#fffdff;padding:14px 16px;text-align:left;box-shadow:var(--base-elev-md);right:18px;font-size:14px;border-radius:var(--base-ro-sm);
  margin:0;position:absolute;bottom:18px;font-weight:600}
.where-placeholder .action{position:relative}
.where-box iframe{height:100%;display:block;border:0;width:100%;position:absolute;inset:0}
.where-box.is-ready .where-placeholder{display:none}
.order-item-shut .ask-ctrl{border-color:#e4494d;box-shadow:0 0 0 3px rgba(228,73,77,.13)}
.order-item-shut .chip{border-color:#e4494d}
.order-tagline{margin-top:5px;font-size:12px;display:block;color:#e4494d;font-weight:600}
.order-tagline[hidden]{display:none}
.order-group{display:flex;gap:8px;flex-wrap:wrap}
.order-group label{margin:0;display:flex;position:relative;cursor:pointer}
.order-group input{height:0;opacity:0;position:absolute;width:0}
.order-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}
.order-item{margin-bottom:12px;display:block}

.action{
  transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s;text-align:center;font-weight:600;border:1px solid transparent;
  align-items:center;cursor:pointer;
  justify-content:center;font-size:15px;display:inline-flex;border-radius:var(--base-ro-pill);font-family:var(--base-font-head);
  letter-spacing:.005em;line-height:1.2;gap:8px;padding:13px 22px;
  white-space:nowrap;
}
.action-xs{font-size:14px;padding:9px 16px}
.action-lg{padding:16px 28px;font-size:17px}
.action-wide{width:100%}
.action-main{background:linear-gradient(180deg,#2d6dfd,var(--base-brand));box-shadow:0 6px 18px rgba(30,93,255,.32),inset 0 1px 0 rgba(255,253,255,.23);color:#fffdff}
.action-main:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(30,93,255,.35),inset 0 1px 0 rgba(255,253,255,.23);background:linear-gradient(180deg,var(--base-brand),var(--base-brand-dark));color:#fffdff}
.action-ghost{border-color:var(--base-border);background:transparent;color:var(--base-foreground)}
.action-ghost:hover{background:var(--base-brand-light);border-color:var(--base-brand);color:var(--base-brand)}
.action-inverse{color:#fffdff;background:var(--base-oxford)}
.action-inverse:hover{background:var(--base-oxford-x);color:#fffdff;transform:translateY(-1px)}
.action-accent{background:linear-gradient(180deg,#2d6dfd,var(--base-brand));color:#fffdff;box-shadow:0 8px 24px rgba(30,93,255,.4),inset 0 1px 0 rgba(255,253,255,.23)}
.action-accent:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--base-brand),var(--base-brand-dark));color:#fffdff}
.action-pale{color:var(--base-brand);background:#fffdff}
.action-pale:hover{color:var(--base-brand-dark);background:var(--base-brand-light);transform:translateY(-1px)}
.ic-square{justify-content:center;box-shadow:inset 0 0 0 1px var(--base-aqua-light);flex-shrink:0;color:var(--base-brand);background:var(--base-brand-light);
  display:flex;border-radius:14px;width:44px;height:44px;align-items:center}
.accent{color:var(--base-brand);background:linear-gradient(transparent 68%,var(--base-aqua-light) 68%)}

.trail{margin:0;display:flex;flex-wrap:wrap;padding:0 0 20px;list-style:none;
  align-items:center;color:rgba(255,253,255,.7);font-size:13px}
.trail li+li::before{opacity:.5;content:"/";margin-inline:8px}
.trail a{color:rgba(255,253,255,.7)}
.trail a:hover{color:#fffdff}
.trail li:last-child{font-weight:600;color:#fffdff}

.opinion-band{align-items:center;z-index:20;padding:22px 28px;grid-template-columns:1fr;
  border:1px solid var(--base-border);margin-top:20px;position:relative;border-radius:var(--base-ro-lg);display:grid;background:#fffdff;box-shadow:var(--base-elev-sm);gap:20px}
.opinion-item{display:flex;gap:14px;align-items:center}
.opinion-item strong{font-size:15px;font-family:var(--base-font-head);display:block}
.opinion-item span{font-size:13px;color:var(--base-quiet)}
.benefits-set{list-style:none;gap:12px;grid-template-columns:1fr;padding:0;display:grid;margin:0}
.benefits-set li{font-size:15px;gap:12px;display:flex;color:var(--base-foreground-x);align-items:flex-start}
.benefits-set li::before{width:22px;content:"✓";background:var(--base-brand);border-radius:50%;justify-content:center;box-shadow:0 4px 10px rgba(30,93,255,.32);font-size:12px;
  font-weight:800;margin-top:1px;align-items:center;color:#fffdff;height:22px;display:inline-flex;flex:none}
.done-ic{background:linear-gradient(135deg,#3c7cff,var(--base-brand-dark));border-radius:50%;font-size:31px;width:60px;height:60px;margin:4px auto 16px;place-items:center;display:grid;font-weight:800;box-shadow:0 10px 26px rgba(30,93,255,.32);color:#fffdff;line-height:1}
.pill-chip{gap:8px;font-size:13px;font-weight:600;border:1px solid rgba(255,253,255,.22);padding:7px 14px;
  color:#fffdff;border-radius:var(--base-ro-pill);display:inline-flex;background:rgba(255,253,255,.09);align-items:center}
.pill-chip::before{content:"";box-shadow:0 0 0 3px rgba(125,164,253,.27);background:var(--base-aqua);border-radius:50%;width:7px;height:7px}
.point{backdrop-filter:blur(10px);background:rgba(255,253,255,.08);align-items:flex-start;padding:14px;border:1px solid rgba(255,253,255,.17);
  transition:background .18s,border-color .18s;gap:12px;display:flex;border-radius:var(--base-ro-lg)}
.point:hover{border-color:rgba(125,164,253,.48);background:rgba(255,253,255,.13)}
.point .ic-square{color:#fffdff;width:36px;background:linear-gradient(135deg,#3c7cff,var(--base-brand));box-shadow:0 6px 14px rgba(30,93,255,.33);height:36px;border-radius:10px}
.point strong{font-size:15px;font-family:var(--base-font-head);color:#fffdff;display:block}
.point span{font-size:13px;color:rgba(255,253,255,.67)}
.order-h2{color:var(--base-foreground);margin:0 0 7px;font-size:20px;font-weight:700}
.order-text{color:var(--base-quiet);margin:0 auto;font-size:14.5px;max-width:340px;line-height:1.55}
.top-tagline{line-height:1.5;color:var(--base-quiet);font-size:14px;margin:0 0 14px}
.opinion-rating{align-items:center;gap:12px;display:flex}
.opinion-mention{gap:6px;display:flex;align-items:center;font-size:15px}
.opinion-a{font-size:13px;color:var(--base-quiet)}

.web-appbar{background:rgba(246,245,252,.84);z-index:100;top:0;border-bottom:1px solid var(--base-border);position:sticky;backdrop-filter:blur(12px)}
.web-appbar-inner{justify-content:space-between;gap:20px;display:flex;min-height:74px;align-items:center;padding-block:10px}
.wordmark{gap:10px;align-items:center;color:var(--base-foreground);display:flex;font-family:var(--base-font-head);font-weight:700;letter-spacing:-.02em;font-size:21px}
.wordmark:hover{color:var(--base-foreground)}
.wordmark-pic{border-radius:10px;box-shadow:0 4px 12px rgba(30,93,255,.32);align-items:center;justify-content:center;display:inline-flex;background:linear-gradient(135deg,#3c7cff,var(--base-brand-dark));flex-shrink:0;height:34px;width:34px;position:relative}
.wordmark-pic::after{transform:translateY(-5px);content:"";box-shadow:0 5px 0 0 #fffdff,0 10px 0 0 #fffdff;width:16px;background:#fffdff;border-radius:2px;height:2.5px}
.intro{color:var(--base-quiet);font-size:clamp(16px,2vw,18px)}
.overline{margin-bottom:16px;font-size:13px;align-items:center;background:var(--base-brand-light);font-weight:600;gap:8px;
  color:var(--base-brand-dark);border:1px solid var(--base-aqua-light);white-space:nowrap;display:inline-flex;border-radius:var(--base-ro-pill);padding:6px 14px}
.overline::before{border-radius:50%;height:7px;background:var(--base-brand);box-shadow:0 0 0 3px rgba(30,93,255,.19);width:7px;content:""}
.faces{display:flex}

.banner{overflow:hidden;scroll-margin-top:85px;position:relative;color:#fffdff}
.banner,.page-banner-ask{background:linear-gradient(160deg,rgba(8,19,46,.87),rgba(19,31,70,.91)),var(--hero-img,none),linear-gradient(160deg,var(--base-oxford),var(--base-oxford-x));
  background-size:cover,cover,cover;background-position:center}
.banner .wrap{z-index:1;position:relative;padding-block:clamp(36px,6vw,64px) clamp(40px,6vw,64px)}
.banner::before{inset:0;position:absolute;pointer-events:none;z-index:0;background:radial-gradient(60% 80% at 85% 10%,rgba(30,93,255,.6),transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(30,93,255,.3),transparent 60%);
  content:""}
.banner::after,.page-banner-ask::after{-webkit-mask-image:radial-gradient(70% 70% at 60% 40%,#000002,transparent);background-image:linear-gradient(rgba(255,253,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,253,255,.07) 1px,transparent 1px);content:"";mask-image:radial-gradient(70% 70% at 60% 40%,#000002,transparent);z-index:0;
  position:absolute;
  inset:0;pointer-events:none;background-size:64px 64px}
.banner-row{gap:28px;grid-template-columns:1fr;align-items:start;display:grid}
.banner-text{color:#fffdff}
.banner-name{margin:18px 0 18px;letter-spacing:-.03em;line-height:1.04;font-size:clamp(32px,4.6vw,56px);font-weight:700}
.banner-name .accent{background:none;box-shadow:none;color:var(--base-aqua);border-radius:0;padding:0}
.banner-intro{color:rgba(255,253,255,.82);max-width:560px;font-size:clamp(16px,2vw,18px);margin-bottom:22px}
.banner-actions{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:28px;gap:18px}
.banner-points{max-width:640px;gap:12px;display:grid;grid-template-columns:1fr 1fr}
.page-bar{display:flex;gap:6px;align-items:center}
.band{padding-block:clamp(52px,7vw,92px)}
.band-inv{position:relative;background:var(--base-sheet)}
.bar-a{border-radius:var(--base-ro-pill);transition:background .18s,color .18s;font-weight:500;font-size:15px;color:var(--base-foreground);padding:9px 14px}
.bar-a:hover{color:var(--base-brand-dark);background:var(--base-brand-light)}

.post{gap:40px;align-items:center;display:grid;grid-template-columns:1fr}
.post-text h2{margin-bottom:18px}
.post-text p{color:var(--base-foreground-x);margin-bottom:14px;font-size:16px}
.post-tagline{margin:10px 0 12px;font-size:17px;font-weight:700}

.wrap{margin-inline:auto;max-width:var(--base-wrap);padding-inline:var(--base-inset)}
.entry{width:100%;font:inherit;border:1px solid var(--base-border);transition:border-color .18s,box-shadow .18s;
  background:#fffdff;font-size:15px;border-radius:var(--base-ro-pill);padding:12px 16px}
.entry:hover{border-color:var(--base-aqua-light)}
.entry:focus{border-color:var(--base-brand);box-shadow:0 0 0 4px var(--base-aqua-light);outline:none}
textarea.entry{border-radius:var(--base-ro-sm);min-height:130px;resize:vertical}

.order-prompt{box-shadow:0 24px 60px rgba(8,19,46,.23);position:relative;background:#fffdff;color:var(--base-foreground);margin:0 auto;width:100%;
  padding:22px 22px 18px;max-width:560px;border-radius:var(--base-ro-lg)}
.order-top{justify-content:space-between;margin-bottom:12px;display:flex;align-items:center}
.order-wordmark{gap:10px;display:flex;align-items:center}
.order-wordmark b{font-size:15px;font-weight:700;color:var(--base-foreground);font-family:var(--base-font-head)}
.order-pic{box-shadow:0 4px 12px rgba(30,93,255,.32);display:grid;place-items:center;width:36px;line-height:1;border-radius:10px;color:#fffdff;font-weight:800;font-size:16px;height:36px;flex:none;background:linear-gradient(135deg,#3c7cff,var(--base-brand-dark))}
.order-pill{display:inline-flex;color:var(--base-brand-dark);gap:6px;border-radius:var(--base-ro-pill);padding:5px 10px;align-items:center;font-size:12px;white-space:nowrap;font-weight:700;background:var(--base-brand-light)}
.order-pill::before{border-radius:50%;background:var(--base-brand);height:6px;width:6px;content:""}
.order-name{color:var(--base-foreground);margin:0 0 4px;font-size:21px;letter-spacing:-.02em;line-height:1.2;font-weight:700}

.order-box{box-shadow:var(--base-elev-lg);background:#fffdff;border-radius:var(--base-ro-lg);color:var(--base-foreground);border:1px solid var(--base-border);padding:26px}
.order-box h2{font-size:22px;margin:10px 0 6px;font-weight:700}
.order-box p.tagline{margin-bottom:18px;color:var(--base-quiet);font-size:14px}
.order-view{border:0;display:block;width:100%;background:transparent}
.ask-name{display:block;color:var(--base-foreground);font-size:13px;font-weight:600;margin-bottom:6px}
.ask-name em{font-style:normal;color:var(--base-quiet);font-weight:500}
textarea.ask-ctrl{min-height:88px;border-radius:var(--base-ro-lg);resize:vertical}
.ask-ctrl{background:#fffdff;border:1px solid var(--base-border);font:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s;border-radius:var(--base-ro-pill);width:100%;outline:none;color:var(--base-foreground);padding:11px 16px;min-height:46px}
textarea.ask-ctrl{min-height:88px;resize:vertical;border-radius:var(--base-ro-sm)}
.ask-ctrl::placeholder{color:#a5aec4}
.ask-ctrl:hover{border-color:var(--base-aqua-light)}
.ask-ctrl:focus{border-color:var(--base-brand);box-shadow:0 0 0 4px var(--base-aqua-light)}
.intro-head{margin:0 0 clamp(28px,4vw,44px);position:relative;max-width:680px}
.intro-head .intro{margin-top:14px}
.intro-head .h2::after{margin-top:16px;height:4px;content:"";display:block;width:56px;border-radius:2px;background:linear-gradient(90deg,var(--base-brand),var(--base-aqua))}

.bar-veil{visibility:hidden;transition:opacity .3s ease;opacity:0;z-index:1090;background:rgba(8,19,46,.48);
  position:fixed;inset:0}
.bar-veil.shown{visibility:visible;opacity:1}
.order-group label:hover .chip{border-color:var(--base-aqua-light);background:var(--base-brand-light)}
.order-group input:checked+.chip{background:var(--base-brand);color:#fffdff;border-color:var(--base-brand);box-shadow:0 4px 12px rgba(30,93,255,.32)}
.order-group input:focus-visible+.chip{outline:3px solid var(--base-aqua-light);outline-offset:2px}
.order-promo{cursor:pointer;display:flex;box-shadow:0 8px 20px rgba(30,93,255,.32),inset 0 1px 0 rgba(255,253,255,.23);color:#fffdff;font:inherit;font-family:var(--base-font-head);border:0;align-items:center;margin-top:6px;min-height:50px;width:100%;gap:9px;
  background:linear-gradient(180deg,#2d6dfd,var(--base-brand));border-radius:var(--base-ro-pill);font-size:16px;justify-content:center;font-weight:600;transition:.15s}
.order-promo:hover{transform:translateY(-1px);background:linear-gradient(180deg,var(--base-brand),var(--base-brand-dark))}
.order-mention{line-height:1.5;margin:12px 0 0;color:var(--base-quiet);font-size:11.5px;text-align:center}
.order-full{text-align:center;padding:22px 6px 14px}

.aside-small{max-width:320px;height:100vh;background:#fffdff;top:0;z-index:1100;overflow-y:auto;right:-100%;
  width:80%;transition:right .3s ease;height:100dvh;
  box-shadow:-6px 0 30px rgba(8,19,46,.2);padding:84px var(--base-sz-6) var(--base-sz-6);position:fixed}
.aside-small.shown{right:0}
.aside-small nav{flex-direction:column;display:flex}
.aside-small a:not(.action){font-weight:600;font-size:15px;border-bottom:1px solid var(--base-border-x);color:var(--base-foreground-x);
  padding:14px 2px}
.aside-small a:not(.action):hover{color:var(--base-brand)}
.aside-small a.action{margin-top:var(--base-sz-6)}
.tagline{font-size:14px;color:var(--base-quiet)}
@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.4);opacity:.9}100%{transform:translate(-50%,-50%) scale(1.3);opacity:0}}

.pill{font-size:12px;padding:5px 11px;white-space:nowrap;font-weight:700;border-radius:var(--base-ro-pill);
  background:var(--base-brand-light);gap:6px;color:var(--base-brand-dark);border:1px solid transparent;display:inline-flex;align-items:center}
.offer-box{transition:box-shadow .2s,transform .2s,border-color .2s;flex-direction:column;padding:26px;background:#fffdff;overflow:hidden;border:1px solid var(--base-border);
  box-shadow:var(--base-elev-sm);position:relative;border-radius:var(--base-ro-lg);display:flex}
.offer-box::before{top:14px;font-family:var(--base-font-head);font-weight:800;font-size:44px;position:absolute;right:20px;letter-spacing:-.04em;line-height:1;transition:color .2s;content:"0" counter(svc);color:var(--base-brand-light);counter-increment:svc}
.offer-box::after{height:3px;left:0;right:0;transition:opacity .2s;content:"";opacity:0;position:absolute;top:0;background:linear-gradient(90deg,var(--base-brand),var(--base-aqua))}
.offer-box:hover{box-shadow:var(--base-elev-md);transform:translateY(-3px);border-color:var(--base-aqua-light)}
.offer-box:hover::before{color:var(--base-aqua-light)}
.offer-box:hover::after{opacity:1}
.offer-box .ic-square{border-radius:14px;height:48px;color:var(--base-brand);margin-bottom:16px;width:48px;background:linear-gradient(135deg,var(--base-brand-light),var(--base-aqua-light))}
.offer-box h3{margin-bottom:8px;font-size:18px;font-weight:700}
.offer-box p{color:var(--base-quiet);margin-bottom:16px;font-size:15px}
.ctrl-action{border-radius:50%;border:1px solid var(--base-border);align-items:center;justify-content:center;height:44px;font-size:22px;
  transition:border-color .18s,color .18s,transform .18s,background .18s;display:flex;width:44px;cursor:pointer;color:var(--base-foreground);
  background:#fffdff}
.ctrl-action:hover{color:var(--base-brand);border-color:var(--base-brand);transform:translateY(-2px)}
.gallery-right{color:#fffdff;border-color:var(--base-brand);box-shadow:0 6px 16px rgba(30,93,255,.32);background:var(--base-brand)}
.gallery-right:hover{background:var(--base-brand-dark);color:#fffdff}
.gallery-rail{margin-inline:-4px;gap:20px;display:flex;scroll-behavior:smooth;overflow-x:auto;
  padding:4px 4px 20px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none}
.gallery-rail::-webkit-scrollbar{display:none}
.gallery-item{scroll-snap-align:start;margin:0;max-width:380px;flex:0 0 82%}
.gallery-item .view{position:relative;box-shadow:var(--base-elev-md);border-radius:var(--base-ro-lg);overflow:hidden;padding:26px 10px 10px;transition:transform .2s,box-shadow .2s;background:var(--base-oxford)}
.gallery-item .view::before{background:rgba(255,253,255,.33);left:14px;box-shadow:12px 0 0 rgba(255,253,255,.33),24px 0 0 rgba(255,253,255,.33);height:7px;content:"";top:10px;border-radius:50%;position:absolute;width:7px}
.gallery-item:hover .view{box-shadow:var(--base-elev-lg);transform:translateY(-4px)}
.gallery-item img{width:100%;object-fit:cover;aspect-ratio:4/3;height:auto;border-radius:10px}
.gallery-item figcaption{margin-top:12px;gap:10px;display:flex;color:var(--base-foreground);padding:0 6px;align-items:flex-start;font-size:14px;font-weight:600}
.gallery-item figcaption::before{background:var(--base-brand);margin-top:7px;content:"";width:8px;border-radius:50%;flex:none;height:8px;box-shadow:0 0 0 3px var(--base-brand-light)}

.promo-zone{position:relative;border-radius:var(--base-ro-2xl);align-items:center;padding:clamp(36px,6vw,72px) clamp(24px,5vw,64px);gap:32px;
  overflow:hidden;isolation:isolate;display:flex;flex-wrap:wrap;background:linear-gradient(160deg,var(--base-oxford),var(--base-oxford-x));justify-content:space-between;color:#fffdff;box-shadow:var(--base-elev-lg)}
.promo-zone::before{z-index:-1;left:-8%;bottom:-60%;height:420px;width:420px;position:absolute;content:"";border-radius:50%;border:60px solid rgba(30,93,255,.19)}
.promo-zone::after{inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,253,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,253,255,.07) 1px,transparent 1px);-webkit-mask-image:radial-gradient(60% 80% at 70% 50%,#000002,transparent);position:absolute;
  mask-image:radial-gradient(60% 80% at 70% 50%,#000002,transparent);z-index:-1;
  content:"";background-size:64px 64px}
.promo-blob{width:520px;position:absolute;background:radial-gradient(circle,rgba(30,93,255,.7),transparent 65%);right:-10%;z-index:-1;top:-40%;border-radius:50%;height:520px}
.promo-text{position:relative;max-width:560px}
.promo-text h2{color:#fffdff;margin-bottom:12px}
.promo-text p{color:rgba(255,253,255,.77);font-size:17px}
.promo-zone .action{position:relative}
.promo-zone .tagline{margin-top:12px;font-size:13px;color:rgba(255,253,255,.6)}
.bottombar-row{grid-template-columns:1fr;display:grid;padding-bottom:36px;border-bottom:1px solid rgba(255,253,255,.14);gap:32px}
.bottombar-wordmark{display:flex;margin-bottom:14px;font-family:var(--base-font-head);color:#fffdff;align-items:center;font-weight:700;font-size:21px;gap:10px}
.bottombar-side .bottombar-name{margin-bottom:14px;color:#fffdff;font-size:15px;align-items:center;display:flex;font-weight:700;font-family:var(--base-font-head);gap:8px}
.bottombar-side .bottombar-name::before{background:var(--base-brand);height:3px;border-radius:2px;width:14px;content:""}
.bottombar-side p{color:rgba(255,253,255,.7);font-size:14px;max-width:320px}
.bottombar-side .order-group{margin-top:16px;gap:8px}
.bottombar-side .pill{color:rgba(255,253,255,.83);border-color:rgba(255,253,255,.15);background:rgba(255,253,255,.08)}
.bottombar-links{display:flex;font-size:14px;margin:0;padding:0;list-style:none;gap:9px;flex-direction:column}
.bottombar-links a{transition:color .15s,padding-left .15s;color:rgba(255,253,255,.71)}
.bottombar-links a:hover{padding-left:4px;color:#fffdff}

.sticky-promo{border:1px solid var(--base-border);background:#fffdff;right:20px;width:300px;position:fixed;box-shadow:var(--base-elev-lg);
  border-radius:var(--base-ro-lg);bottom:20px;max-width:calc(100vw - 40px);color:var(--base-foreground);animation:breathe 2.4s ease-out infinite;
  z-index:150;padding:18px 18px 16px}
.sticky-promo:hover{animation-play-state:paused}
.sticky-name{font-size:15px;padding-right:26px;line-height:1.3;font-weight:700;font-family:var(--base-font-head);margin-bottom:6px}
.sticky-text{color:var(--base-quiet);margin-bottom:12px;line-height:1.45;font-size:13px}
.sticky-promo .action{width:100%;background:linear-gradient(180deg,#2d6dfd,var(--base-brand));color:#fffdff;box-shadow:0 6px 18px rgba(30,93,255,.28)}
.sticky-promo .action:hover{background:linear-gradient(180deg,var(--base-brand),var(--base-brand-dark));color:#fffdff}
.sticky-x{transition:background .15s;line-height:1;border:none;display:flex;top:10px;background:var(--base-page);justify-content:center;
  align-items:center;width:28px;font-size:16px;height:28px;border-radius:50%;
  cursor:pointer;color:var(--base-quiet);position:absolute;right:10px}
.sticky-x:hover{background:var(--base-brand-light);color:var(--base-brand)}
.sticky-launcher{justify-content:center;z-index:150;transition:transform .22s ease-out;animation:breathe 2.4s ease-out infinite;background:linear-gradient(135deg,var(--base-brand),var(--base-brand-dark));border:none;color:#fffdff;
  position:fixed;display:none;height:60px;
  width:60px;box-shadow:0 16px 40px rgba(8,19,46,.28);border-radius:50%;align-items:center;
  right:20px;cursor:pointer;
  bottom:20px}
.sticky-launcher:hover{transform:scale(1.05);animation-play-state:paused}

.web-bottombar{position:relative;color:rgba(255,253,255,.71);overflow:hidden;background:linear-gradient(180deg,var(--base-oxford-x),var(--base-oxford));margin-top:clamp(24px,5vw,56px)}
.web-bottombar::before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 60% at 90% 0%,rgba(30,93,255,.33),transparent 60%),linear-gradient(rgba(255,253,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,253,255,.02) 1px,transparent 1px);
  content:"";
  background-size:cover,64px 64px,64px 64px}
.web-bottombar .wrap{position:relative;padding-block:56px 24px}

.local{flex-direction:column;gap:32px;display:flex}
.local-group h2{font-size:18px;margin-bottom:12px;font-weight:700}
.local-links{display:flex;flex-wrap:wrap;gap:8px 18px}
.local-links a{text-decoration:underline}

.gallery-top{justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:30px;display:flex}
.gallery-top .h2{margin-top:0}
.gallery-ctrl{gap:10px;display:flex}
.legal{padding-top:22px;font-size:13px;color:rgba(255,253,255,.48)}
.point-box{display:flex;position:relative;transition:box-shadow .2s,transform .2s,border-color .2s;background:#fffdff;align-items:flex-start;padding:28px 24px 24px;border:1px solid var(--base-border);flex-direction:column;border-radius:var(--base-ro-lg)}
.point-box:hover{transform:translateY(-3px);border-color:var(--base-aqua-light);box-shadow:var(--base-elev-md)}
.point-no{margin-bottom:18px;display:grid;font-family:var(--base-font-head);height:44px;color:#fffdff;width:44px;place-items:center;border-radius:50%;font-weight:700;box-shadow:0 6px 16px rgba(30,93,255,.32),0 0 0 6px var(--base-brand-light);background:linear-gradient(135deg,#3c7cff,var(--base-brand-dark));font-size:17px}
.point-name{font-size:18px;font-weight:700;margin-bottom:8px}
.point-text{font-size:15px;color:var(--base-quiet);margin-bottom:16px}
.point-box .pill{margin-top:auto}

.offers-row{grid-template-columns:1fr;gap:20px;display:grid;counter-reset:svc}
.done-set{list-style:none;display:flex;gap:9px;margin:auto 0 0;flex-direction:column;border-top:1px solid var(--base-border-x);
  padding-top:15px}
.done-set li{color:var(--base-foreground-x);font-size:14px;gap:9px;display:flex;align-items:flex-start}
.done-set li::before{color:var(--base-brand);content:"✓";font-weight:800}

.points-row{display:grid;grid-template-columns:1fr;gap:20px}

@keyframes breathe{
  0%{box-shadow:0 16px 40px rgba(8,19,46,.19), 0 0 0 0 rgba(30,93,255,.48)}
  70%{box-shadow:0 16px 40px rgba(8,19,46,.19), 0 0 0 16px rgba(30,93,255,0)}
  100%{box-shadow:0 16px 40px rgba(8,19,46,.19), 0 0 0 0 rgba(30,93,255,0)}}

.page-banner{position:relative;color:var(--base-foreground);overflow:hidden}
.page-banner::before{filter:blur(40px);background:radial-gradient(45% 60% at 20% 30%,var(--base-aqua-light),transparent 70%),radial-gradient(40% 55% at 80% 20%,rgba(30,93,255,.17),transparent 70%);z-index:0;pointer-events:none;inset:0;
  position:absolute;content:""}
.page-banner .wrap{z-index:1;padding-block:clamp(36px,6vw,64px) clamp(24px,3vw,40px);position:relative}
.page-banner h1{margin:8px 0 12px;letter-spacing:-.03em;font-size:clamp(30px,4.5vw,48px);font-weight:700}
.page-banner .wrap > p{color:var(--base-quiet);max-width:640px;font-size:17px}
.page-banner .trail{color:var(--base-quiet)}
.page-banner .trail a{color:var(--base-quiet)}
.page-banner .trail a:hover{color:var(--base-brand)}
.page-banner .trail li:last-child{color:var(--base-foreground)}
.page-banner .trail li+li::before{color:var(--base-border)}

.page-banner-ask{color:#fffdff}
.page-banner-ask::before{filter:none;background:radial-gradient(60% 80% at 85% 10%,rgba(30,93,255,.6),transparent 60%),radial-gradient(50% 60% at 10% 90%,rgba(30,93,255,.3),transparent 60%)}
.page-banner-ask .wrap{padding-bottom:clamp(40px,6vw,64px)}
.page-banner-ask h1{color:#fffdff;margin:14px 0 12px}
.page-banner-ask .banner-row{margin-top:var(--base-sz-2)}
.page-banner-ask .trail{color:rgba(255,253,255,.7)}
.page-banner-ask .trail a{color:rgba(255,253,255,.7)}
.page-banner-ask .trail li:last-child{color:#fffdff}
.page-banner-ask .trail li+li::before{color:rgba(255,253,255,.4)}

.rich-text{max-width:760px}
.rich-text h2{font-size:24px;margin:32px 0 12px;font-weight:700}
.rich-text p{color:var(--base-foreground-x);margin-bottom:16px;font-size:16px}
.rich-text ul{padding-left:20px;margin-bottom:16px;font-size:16px;color:var(--base-foreground-x)}
.rich-text li{margin-bottom:8px}

.page-post{display:flex;flex-direction:column}
.page-post > *{width:100%}
.query-count{margin-bottom:var(--base-sz-4);color:var(--base-quiet)}

.keep-prompt{display:none;inset:0;justify-content:center;background:rgba(8,19,46,.57);backdrop-filter:blur(3px);position:fixed;z-index:1200;padding:20px;align-items:center}
.keep-prompt.is-ready{display:flex}
.keep-prompt-box{overflow:hidden;background:var(--base-sheet);width:100%;color:var(--base-foreground);box-shadow:var(--base-elev-lg);position:relative;grid-template-columns:.8fr 1fr;display:grid;border-radius:var(--base-ro-2xl);max-width:860px}
.keep-prompt-aside{display:flex;flex-direction:column;overflow:hidden;position:relative;justify-content:center;background:linear-gradient(160deg,var(--base-oxford),var(--base-oxford-x));padding:clamp(28px,4vw,44px);color:#fffdff}
.keep-prompt-aside::after{right:-28%;height:86%;border-radius:50%;content:"";width:86%;border:20px solid rgba(30,93,255,.22);position:absolute;bottom:-28%}
.keep-prompt-no{letter-spacing:-.04em;font-family:var(--base-font-head);font-weight:800;font-size:clamp(56px,8vw,88px);position:relative;color:var(--base-aqua);line-height:.9}
.keep-prompt-aside p{font-size:17px;position:relative;max-width:200px;font-weight:600;margin-top:12px}
.keep-prompt-page{padding:clamp(28px,4vw,48px);position:relative}
.keep-prompt-page .overline{margin-bottom:14px}
.keep-prompt-page .h2{font-size:clamp(25px,3.2vw,36px)}
.keep-prompt-page .intro{margin-top:12px}
.keep-prompt-page .done-set{margin-top:20px;border-top:0;gap:12px;padding-top:0}
.keep-prompt-page .done-set li{font-size:15px}
.keep-prompt-page .action{margin-top:24px}
.keep-prompt-x{width:42px;height:42px;display:grid;background:var(--base-sheet);cursor:pointer;font-size:20px;top:16px;border-radius:50%;position:absolute;place-items:center;border:1px solid var(--base-border);color:var(--base-quiet);line-height:1;right:16px}
.keep-prompt-reject{background:none;border:0;text-decoration:underline;margin:14px auto 0;font-size:13.5px;display:block;cursor:pointer;color:var(--base-quiet)}
.ask-item{display:block;font-weight:600;color:var(--base-foreground);font-size:14px;margin-bottom:16px}
.ask-item .entry{display:block;font-weight:400;margin-top:6px}
.ask-mention{font-size:14px;border-radius:var(--base-ro-sm);padding:12px 16px;font-weight:600;margin-bottom:18px}
.ask-mention-full{color:var(--base-go);background:var(--base-go-wash)}
.ask-mention-shut{background:var(--base-red-wash);color:var(--base-red)}

.query-ask{gap:10px;display:flex;margin-bottom:var(--base-sz-6);flex-wrap:wrap}
.query-ask .entry{min-width:240px;flex:1}

@media (max-width:860px){
  .page-bar{display:none}
  .menu-btn{display:flex;position:fixed;top:20px;right:18px}
  .sticky-launcher{right:16px;bottom:16px}
}
@media (max-width:640px){
  .keep-prompt{display:none!important}
  .web-appbar-inner{min-height:64px;padding-block:8px}
  .menu-btn{top:15px}
  .order-prompt{padding:18px 16px 14px}
}
@media (max-width:520px){
  .sticky-promo{right:12px;left:12px;bottom:12px;width:auto;max-width:none}
  .banner-points{grid-template-columns:1fr}
  .gallery-top{flex-direction:column;align-items:flex-start}
}
@media (max-width:400px){
  .order-row{grid-template-columns:1fr}
}
@media (min-width:861px){
  .aside-small,.bar-veil{display:none}
}
@media (min-width:768px){
  .opinion-band{grid-template-columns:repeat(2,1fr)}
  .offers-row{grid-template-columns:repeat(2,1fr)}
  .points-row{grid-template-columns:repeat(2,1fr)}
  .bottombar-row{grid-template-columns:1.4fr 1fr 1fr 1.2fr}
  .gallery-item{flex-basis:380px}
  .benefits-set{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
  .banner-row{grid-template-columns:1.15fr .85fr;gap:clamp(28px,4vw,56px)}
  .opinion-band{grid-template-columns:repeat(3,1fr) auto}
  .opinion-rating{padding-left:20px;border-left:1px solid var(--base-border)}
  .post{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px)}
  .offers-row{grid-template-columns:repeat(3,1fr)}
  .points-row{grid-template-columns:repeat(4,1fr)}
  .point-box:not(:last-child)::after{content:"";position:absolute;top:50px;right:-20px;width:20px;border-top:2px dashed var(--base-aqua-light)}
}
@media (max-width:1023px){
  .banner-row>div:last-child{order:-1}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .sticky-promo,.sticky-launcher{animation:none}
  .sticky-launcher{transition:none}
  .where-placeholder::before{animation:none}
}