:root{
  --white:#FFFFFF; --warm:#F6F5F1; --ink:#0A0A0A; --gray:#6B6B6B; --line:#E5E5E3;
  --green:#0E4D3C; --green-2:#14664F; --green-soft:#E4EFE9; --cite:#D3EADD;
  --sans:"Geist",system-ui,-apple-system,"Segoe UI",sans-serif; --serif:"Source Serif 4",Georgia,serif; --mono:"Geist Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--ink);font:400 16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}
:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
h1,h2,h3,p,dl,dd,dt{margin:0}
h3{font-size:16px;font-weight:600;letter-spacing:-.01em}
code{font-family:var(--mono)}
.container{max-width:1120px;margin:0 auto;padding:0 28px}
.display{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4vw,46px);line-height:1.1;letter-spacing:-.02em;max-width:20ch}
.lead{margin-top:18px;color:var(--gray);font-size:18px;max-width:62ch}

/* nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:36px;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-.02em;text-decoration:none}
.nav-links{display:flex;gap:28px;margin-left:auto}
.nav-links a{color:var(--gray);font-size:14.5px;text-decoration:none;transition:color .15s}
.nav-links a:hover{color:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid transparent;transition:background .15s,border-color .15s}
.btn-sm{height:36px;padding:0 16px;font-size:14px}
.btn-green{background:var(--green);color:#fff}
.btn-green:hover{background:var(--green-2)}
.btn-line{border-color:var(--line);background:#fff}
.btn-line:hover{border-color:#BDBDB8}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* hero */
.hero{padding:96px 0 80px;background:radial-gradient(60% 50% at 50% 0%,#EEF4F0 0%,rgba(255,255,255,0) 100%)}
.hero-in{display:flex;flex-direction:column;align-items:center;text-align:center}
.hero .actions{justify-content:center}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:13.5px;color:var(--gray);text-decoration:none}
.pill:hover{color:var(--ink)}
.pill-dot{width:7px;height:7px;border-radius:50%;background:#2E9B6E}
.hero h1{margin-top:28px;font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.4vw,76px);line-height:1.02;letter-spacing:-.03em;max-width:14ch}
.hero-sub{margin-top:24px;font-size:19px;color:var(--gray);max-width:58ch}
.stats{display:flex;gap:56px;margin-top:56px;flex-wrap:wrap;justify-content:center}
.stats div{text-align:center}
.stats dt{font-family:var(--serif);font-size:34px;line-height:1;color:var(--green)}
.stats dd{margin-top:8px;font-size:14px;color:var(--gray)}

/* headline reveal: one moment on load */
.reveal .w{display:inline-block;white-space:pre}
@media (prefers-reduced-motion:no-preference){
  .reveal .w{opacity:0;filter:blur(6px);transform:translateY(8px);animation:word .7s cubic-bezier(.2,.7,.2,1) forwards}
  @keyframes word{to{opacity:1;filter:none;transform:none}}
  .hero-sub,.hero .actions,.stats,.window{opacity:0;animation:rise .8s .75s cubic-bezier(.2,.7,.2,1) forwards}
  .window{animation-delay:1s}
  @keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
}

/* product window */
.window{margin-top:72px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -30px rgba(10,30,20,.18)}
.window-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--warm)}
.window-bar span{width:10px;height:10px;border-radius:50%;background:#D8D7D2}
.window-bar p{margin-left:10px;font:13px var(--mono);color:var(--gray)}
.window-body{display:grid;grid-template-columns:1fr 1.2fr}
.window-body>*{min-width:0}
.doc{padding:30px;border-right:1px solid var(--line);font:13px/1.65 Georgia,serif;color:#333;background:#FCFCFA}
.doc-head{display:flex;justify-content:space-between;margin-bottom:16px}
.doc p{margin-bottom:10px}
.doc table{width:100%;border-collapse:collapse;margin:6px 0 12px}
.doc th{text-align:left;border-bottom:1px solid #999;padding:4px 0}
.doc td{padding:6px 0;border-bottom:1px dotted #ccc}
.doc th:last-child,.doc td:last-child{text-align:right}
.doc-total{text-align:right;font-weight:700}
.doc mark{background:var(--cite);color:inherit;padding:0 2px;border-radius:3px;outline:1.5px solid transparent;transition:outline-color .15s,background .15s}
.doc mark.on{background:#B5DCC6;outline-color:var(--green)}
.out{padding:26px 28px;display:flex;flex-direction:column;gap:14px}
.out-label{font:12.5px var(--mono);color:var(--gray)}
.out pre{margin:0;font:13px/1.85 var(--mono);overflow-x:auto}
.out pre span{border-radius:4px;transition:background .15s;cursor:default}
.out pre span.on{background:var(--green-soft)}
.out-note{font-size:13px;color:var(--gray)}

/* sections */
.section{padding:112px 0}
.section-warm{background:var(--warm);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:56px}
.three>div{border-top:1px solid var(--ink);padding-top:22px}
.three p{margin-top:10px;color:var(--gray)}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:56px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.features>div{background:#fff;padding:28px}
.features p{margin-top:8px;color:var(--gray);font-size:15px}

.table-wrap{margin-top:48px;overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.bench{width:100%;min-width:680px;border-collapse:collapse}
.bench th,.bench td{padding:18px 22px;text-align:right;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.bench th:first-child,.bench td:first-child{text-align:left}
.bench thead th{font-size:13.5px;font-weight:500;color:var(--gray);background:var(--warm)}
.bench thead small{display:block;font-size:12px}
.bench td{font-size:16px;color:var(--gray)}
.bench td:first-child{color:var(--ink)}
.bench td:first-child a{font-weight:500;text-decoration:underline;text-decoration-color:#C9C9C4;text-underline-offset:4px}
.bench td:first-child a:hover{text-decoration-color:var(--ink)}
.bench td small{display:block;margin-top:2px;font-size:13px;color:var(--gray)}
.bench td.best{color:var(--green);font-weight:600}
.bench tr.price td{border-bottom:none}
.bench-foot{margin-top:22px;color:var(--gray);max-width:72ch}
.links-row{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 28px}
.links-row a{color:var(--green);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(14,77,60,.3)}
.links-row a:hover{text-decoration-color:var(--green)}

.split{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}
.split>*{min-width:0}
.install{margin-top:30px;display:inline-flex;align-items:center;gap:14px;max-width:100%;padding:8px 8px 8px 18px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;color:var(--ink);cursor:pointer}
.install code{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.copy-state{font-size:12.5px;font-weight:500;color:var(--gray);background:var(--warm);padding:5px 10px;border-radius:999px}
.code{margin:0;background:#0F1D18;color:#E6EDE9;border-radius:14px;padding:26px 28px;font:13.5px/1.8 var(--mono);overflow-x:auto}
.code .k{color:#8FD3B4}.code .s{color:#F2D59B}.code .c{color:#6F8A80}

.timeline{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:n}
.timeline li{counter-increment:n;border-top:1px solid var(--line);padding-top:22px;position:relative}
.timeline li::before{content:counter(n,decimal-leading-zero);display:block;font:500 13px var(--mono);color:var(--green);margin-bottom:12px}
.timeline p{margin-top:8px;color:var(--gray);font-size:15px}
#story .links-row{margin-top:44px}

.faq{max-width:780px}
.faq .display{margin-bottom:28px}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-size:17px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--gray);font-size:22px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:12px;color:var(--gray);max-width:66ch}

.closing{padding:128px 0;text-align:center;background:radial-gradient(60% 60% at 50% 100%,#EEF4F0 0%,rgba(255,255,255,0) 100%)}
.closing-in{display:flex;flex-direction:column;align-items:center}
.closing .display{max-width:none}
.closing .actions{justify-content:center}

.footer{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--gray)}
.footer-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;gap:10px}
.footer nav{display:flex;gap:24px;flex-wrap:wrap}
.footer a{text-decoration:none}
.footer a:hover{color:var(--ink)}

@media (max-width:920px){
  .nav-links{display:none}
  .nav-in{justify-content:space-between}
  .three,.features{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .window-body,.split{grid-template-columns:1fr}
  .doc{border-right:none;border-bottom:1px solid var(--line)}
}
@media (max-width:600px){
  .section{padding:80px 0}
  .hero{padding:64px 0 56px}
  .container{padding:0 20px}
  .three,.features,.timeline{grid-template-columns:1fr}
  .stats{gap:28px}
  .hero-sub{font-size:17px}
}

/* ---- added structure and visuals ---- */
.hero{background:
  radial-gradient(60% 50% at 50% 0%,#EAF2EE 0%,rgba(255,255,255,0) 100%),
  linear-gradient(to right,rgba(14,77,60,.05) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(to bottom,rgba(14,77,60,.05) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask-image:none}
.works{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
.works p{font-size:14px;color:var(--gray)}
.works ul{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.works li{padding:7px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px;font-weight:500}

.section-dark{background:var(--green);color:#fff}
.section-dark .display{color:#fff}
.section-dark .three>div{border-top-color:rgba(255,255,255,.35)}
.section-dark .three p{color:rgba(255,255,255,.72)}

.pipe{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative}
.pipe li{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px}
.pipe li:not(:last-child)::after{content:"";position:absolute;top:44px;right:-17px;width:18px;height:2px;background:var(--green);opacity:.5}
.pipe svg{width:40px;height:40px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;background:var(--green-soft);border-radius:10px;padding:6px;box-sizing:content-box}
.pipe h3{margin-top:16px}
.pipe p{margin-top:6px;color:var(--gray);font-size:14.5px}

.charts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.chart{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}
.chart figcaption{display:flex;flex-direction:column;margin-bottom:18px}
.chart figcaption b{font-weight:600}
.chart figcaption span{font-size:13px;color:var(--gray)}
.bar{display:grid;grid-template-columns:84px 1fr 62px;align-items:center;gap:10px;margin-top:10px;font-size:13.5px}
.bar span{color:var(--gray)}
.bar i{display:block;height:10px;border-radius:999px;background:#D9D8D3;width:calc(var(--v) * 1%)}
.bar em{font-style:normal;font-variant-numeric:tabular-nums;text-align:right;color:var(--gray)}
.bar.us span,.bar.us em{color:var(--green);font-weight:600}
.bar.us i{background:var(--green)}
#benchmarks .table-wrap{background:#fff;margin-top:16px}
@media (prefers-reduced-motion:no-preference){
  .bar i{transform-origin:left;animation:grow 1s cubic-bezier(.2,.7,.2,1) both;animation-timeline:view();animation-range:entry 10% cover 35%}
  @keyframes grow{from{transform:scaleX(0)}}
}

.timeline.cards li{border:1px solid var(--line);border-radius:14px;padding:24px;background:#fff}
.timeline.cards li::before{margin-bottom:14px}

@media (max-width:920px){
  .pipe{grid-template-columns:1fr 1fr}
  .pipe li::after{display:none}
  .charts{grid-template-columns:1fr}
}
@media (max-width:600px){ .pipe{grid-template-columns:1fr} }

.checks{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px}
.checks li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 10px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:500}
.checks li::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2.2 2.2 4.8-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;flex:none}
@media (prefers-reduced-motion:no-preference){ .checks{opacity:0;animation:rise .8s .85s cubic-bezier(.2,.7,.2,1) forwards} }
.stats{margin-top:44px}

/* hero, left-aligned */
.hero-left{align-items:flex-start;text-align:left}
.hero-left h1{max-width:17ch}
.hero-left .hero-sub{max-width:60ch}
.hero-left .actions,.hero-left .checks,.hero-left .stats{justify-content:flex-start}
.hero-left .stats div{text-align:left}
.hero-left .checks{max-width:760px}
.hero{background:
  radial-gradient(50% 60% at 85% 10%,#E6F0EB 0%,rgba(255,255,255,0) 100%),
  linear-gradient(to right,rgba(14,77,60,.045) 1px,transparent 1px) 0 0/48px 48px,
  linear-gradient(to bottom,rgba(14,77,60,.045) 1px,transparent 1px) 0 0/48px 48px}
.hero .actions{justify-content:flex-start}

/* landing: chapters of the build */
.chapters{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.chapters a{display:block;height:100%;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;text-decoration:none;transition:border-color .15s}
.chapters a:hover{border-color:var(--green)}
.ch-n{font:500 12.5px var(--mono);color:var(--green)}
.chapters h3{margin-top:10px;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.25;letter-spacing:-.01em}
.chapters p{margin-top:8px;color:var(--gray);font-size:14.5px}
#story .actions{margin-top:36px}
@media (max-width:920px){.chapters{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.chapters{grid-template-columns:1fr}}

/* the build page */
.build{background:var(--white)}
.build-col{max-width:740px;margin:0 auto;padding:88px 24px 40px;font:18.5px/1.75 var(--serif);color:#1A1A1A}
.build-col header{padding-bottom:40px;border-bottom:1px solid var(--line)}
.build-col .kicker{font:500 13.5px var(--mono);color:var(--green)}
.build-col h1{margin-top:16px;font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.2vw,46px);line-height:1.12;letter-spacing:-.02em}
.build-col header p{margin-top:20px;color:var(--gray);font-size:20px}
.build-col .ch{padding:64px 0 0;scroll-margin-top:80px}
.build-col .num{font:500 13px var(--mono);color:var(--green)}
.build-col h2{margin:10px 0 18px;font-family:var(--serif);font-weight:500;font-size:30px;line-height:1.2;letter-spacing:-.015em}
.build-col p{margin:0 0 18px}
.build-col ul{padding-left:22px;margin:0 0 18px}
.build-col li{margin:8px 0}
.build-col a{color:var(--green)}
.build-col .beats{display:grid;grid-template-columns:96px 1fr;gap:10px 20px;margin:26px 0;padding:22px 24px;background:var(--warm);border:1px solid var(--line);border-radius:14px;font:15.5px/1.6 var(--sans)}
.build-col .beats b{font:500 12.5px/1.9 var(--mono)}
.build-col .exp{color:var(--gray)} .build-col .got{color:#A33A2A} .build-col .did,.build-col .ok{color:var(--green)}
.build-col .pull{margin:34px 0;padding:4px 0 4px 22px;border-left:3px solid var(--green);font-size:25px;line-height:1.4;font-style:italic}
.build-col .meanwhile{margin:26px 0;padding:18px 22px;background:var(--green-soft);border-radius:14px;font:15.5px/1.6 var(--sans)}
.build-col .meanwhile .t{display:block;margin-bottom:4px;font:500 12.5px var(--mono);color:var(--green)}
.build-col table{width:100%;border-collapse:collapse;margin:20px 0;font:15px/1.45 var(--sans)}
.build-col th,.build-col td{padding:10px 8px;border-bottom:1px solid var(--line);text-align:left}
.build-col th{font-weight:500;font-size:13px;color:var(--gray)}
.build-col td.n,.build-col th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.build-col .best{color:var(--green);font-weight:600}
.build-col .dead{font:15.5px/1.6 var(--sans)}
.build-col .x{color:#A33A2A;font-weight:600} .build-col .v{color:var(--green);font-weight:600}
.build-col .small{font:14px/1.55 var(--sans);color:var(--gray)}
.build-col footer{margin-top:64px;padding-top:28px;border-top:1px solid var(--line)}
.build-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}
@media (max-width:600px){.build-col{font-size:17px;padding-top:56px}.build-col .beats{grid-template-columns:1fr}}

/* hero: two columns, live example on the right */
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.hero-grid>*{min-width:0}
.hero-copy h1{margin-top:26px;font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.2vw,68px);line-height:1.03;letter-spacing:-.03em;max-width:14ch}
.hero-copy .hero-sub{max-width:52ch}
.hero-copy .stats{justify-content:flex-start;gap:44px}
.hero-copy .stats div{text-align:left}
.hero-side{display:flex;flex-direction:column;gap:20px}
.checks-side{margin:0;justify-content:flex-start}
.checks-side li{font-size:13.5px}

.live{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 60px -30px rgba(10,30,20,.25);overflow:hidden}
.live-tabs{display:flex;gap:6px;padding:12px;border-bottom:1px solid var(--line);background:var(--warm)}
.live-tabs span{font-size:13px;padding:5px 12px;border-radius:999px;color:var(--gray);transition:background .3s,color .3s}
.live-tabs span.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.live-page{padding:22px 24px;min-height:206px;font:14px/1.9 Georgia,serif;color:#333;background:#FCFCFA}
.live-page .t{font-weight:700;display:flex;justify-content:space-between;margin-bottom:6px}
.live-page .f{border-radius:3px;padding:1px 3px;margin:-1px -3px;transition:background .35s,box-shadow .35s}
.live-page .f.on{background:var(--cite);box-shadow:0 0 0 1.5px var(--green)}
.live-out{padding:16px 24px 20px;border-top:1px solid var(--line)}
.live-row{display:flex;gap:10px;align-items:baseline;font:14px var(--mono)}
.live-key{color:var(--gray)}
.live-key::after{content:":"}
.live-val{color:var(--green);font-weight:500}
.live-cite{margin-top:6px;font-size:13px;color:var(--gray);display:flex;align-items:center;gap:8px}
.live-cite::before{content:"";width:8px;height:8px;border-radius:50%;background:#2E9B6E;flex:none}
.live-out.swap .live-row,.live-out.swap .live-cite{opacity:0;transform:translateY(3px)}
.live-row,.live-cite{transition:opacity .25s,transform .25s}

@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
}
.hero-copy .stats{display:grid;grid-template-columns:repeat(3,auto);gap:32px;justify-content:start}
.hero-copy .stats dt{font-size:30px}
.hero-copy .stats dd{font-size:13px;max-width:18ch}

/* Resources menu */
.nav-links{align-items:center}
.has-menu{position:relative}
.menu-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;padding:0;font:inherit;font-size:14.5px;color:var(--gray);cursor:pointer}
.menu-btn:hover,.has-menu.open .menu-btn{color:var(--ink)}
.menu-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .2s}
.has-menu.open .menu-btn svg{transform:rotate(180deg)}
.menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,6px);width:640px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 48px -20px rgba(10,30,20,.28);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s,visibility .18s;z-index:20}
.has-menu.open .menu,.has-menu:focus-within .menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.menu::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px}
.menu-item{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.menu-item:hover{background:var(--warm)}
.menu-item svg{flex:none;width:34px;height:34px;padding:7px;border-radius:9px;background:var(--green-soft);fill:none;stroke:var(--green);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.menu-item b{display:block;font-size:14.5px;font-weight:600}
.menu-item small{display:block;margin-top:2px;font-size:13px;color:var(--gray);line-height:1.45}
@media (hover:hover){.has-menu:hover .menu{opacity:1;visibility:visible;transform:translate(-50%,0)}}