/* Layout concept: a white gallery around the product's dark UI. Left-aligned, 12-col grid, the brand blue as the single accent, system type (no web fonts, per the asset pack). */
:root{
  --bg:#FFFFFF;        /* page */
  --bg-2:#F3F5F7;      /* quiet band */
  --ink:#161C23;       /* text */
  --ink-2:#5A6570;     /* secondary text */
  --line:#DCE1E6;      /* hairlines */
  --accent:#0F6CBD;    /* brand blue: buttons, links */
  --accent-2:#0B589B;  /* hover */
  --frame:#1B1D1F;     /* dark band (site palette --bg) */
  --on-frame:#E4E6E7;  /* text on dark */
  --font:"Segoe UI Variable Text","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Segoe UI Variable Display","Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:600;letter-spacing:-0.015em;text-wrap:balance;line-height:1.12}
h2{font-size:clamp(28px,3.4vw,40px)}
h3{font-size:20px;letter-spacing:-0.005em}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.muted{color:var(--ink-2)}
.lede{font-size:19px;line-height:1.5;max-width:52ch}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:8px;font-weight:600;font-size:16px;border:1px solid transparent;transition:background .15s,border-color .15s;white-space:nowrap;cursor:pointer}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-2)}
.btn-quiet{border-color:var(--line);color:var(--ink);background:var(--bg)}
.btn-quiet:hover{border-color:var(--ink-2)}
.link{color:var(--accent);font-weight:500;border-bottom:1px solid transparent}
.link:hover{border-bottom-color:currentColor}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
small.fine{display:block;font-size:14px;color:var(--ink-2);line-height:1.5}

/* Nav */
.nav{border-bottom:1px solid var(--line);background:var(--bg)}
.nav .wrap{display:flex;align-items:center;gap:28px;height:66px}
.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;font-family:var(--font-display)}
.brand svg{width:26px;height:26px}
.nav-links{display:flex;gap:26px;margin-left:12px;font-size:15.5px;color:var(--ink-2)}
.nav-links a:hover{color:var(--ink)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:22px;font-size:15.5px}
.nav-right .btn{padding:9px 14px;font-size:15px}
@media (max-width:760px){.nav-links,.nav-right .signin{display:none}}

/* Hero */
.hero{padding-block:72px 0;position:relative}
.hero .wrap{display:grid;grid-template-columns:repeat(12,1fr);gap:24px}
.hero-copy{grid-column:1/9;display:flex;flex-direction:column;gap:26px}
.hero h1{font-size:clamp(40px,6.2vw,76px);line-height:1.02;letter-spacing:-0.03em;font-weight:600}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.hero .note{font-size:14.5px;color:var(--ink-2)}
.hero-shot{grid-column:1/-1;margin-top:56px;position:relative}
.hero-shot::before{content:"";position:absolute;inset:-40px 0 0;background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:22px 22px;z-index:0;mask-image:linear-gradient(to bottom,transparent,#000 40%,#000 70%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 40%,#000 70%,transparent)}
.hero-shot .shot{position:relative;z-index:1}
@media (max-width:900px){.hero-copy{grid-column:1/-1}}

/* Screenshot frame */
.shot{border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(22,28,35,.45),0 0 0 1px rgba(22,28,35,.08);background:var(--frame);max-width:100%}
.shot img{width:100%;height:auto}
.caption{font-size:14px;color:var(--ink-2);margin-top:12px}

/* Proof strip */
.proof{margin-top:72px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.proof .wrap>div{padding:28px 28px 28px 0;display:flex;flex-direction:column;gap:6px}
.proof .wrap>div+div{border-left:1px solid var(--line);padding-left:28px}
.proof h3{font-size:18px}
.proof p{font-size:15.5px;color:var(--ink-2)}
@media (max-width:760px){.proof .wrap{grid-template-columns:1fr}.proof .wrap>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}}

/* Sections */
section.block{padding-block:96px}
section.block.quiet{background:var(--bg-2)}
.head{display:flex;flex-direction:column;gap:14px;max-width:62ch;margin-bottom:56px}
.head p{font-size:18px;color:var(--ink-2)}

/* View-mode switcher */
.views{display:grid;grid-template-columns:4fr 8fr;gap:48px;align-items:start}
.views .copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.views .copy p{color:var(--ink-2)}
.tabs{display:flex;flex-direction:column;gap:2px;margin-top:10px;border-left:1px solid var(--line)}
.tab{appearance:none;background:none;border:0;border-left:2px solid transparent;margin-left:-1px;text-align:left;padding:12px 16px;font:inherit;font-size:16px;color:var(--ink-2);cursor:pointer;border-radius:0 6px 6px 0}
.tab:hover{color:var(--ink);background:var(--bg-2)}
.tab[aria-selected="true"]{color:var(--ink);border-left-color:var(--accent);font-weight:600}
.tab span{display:block;font-size:14px;font-weight:400;color:var(--ink-2);margin-top:2px}
.panes{position:relative;min-width:0}
.pane{display:none}
.pane.on{display:block}
@media (max-width:900px){.views{grid-template-columns:1fr}}

/* Feature rows */
.rows{display:flex;flex-direction:column;gap:88px}
.row{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:center}
.row:nth-child(even) .copy{order:2}
.row .copy{display:flex;flex-direction:column;gap:14px;min-width:0}
.row .copy p{color:var(--ink-2)}
.row .copy ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15.5px}
.row .copy li{padding-left:18px;position:relative}
.row .copy li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:1.5px;background:var(--accent)}
.row .media{position:relative;min-width:0}
.row .media .report{position:absolute;right:-18px;bottom:-26px;width:38%;border-radius:6px;box-shadow:0 20px 50px -20px rgba(22,28,35,.5),0 0 0 1px rgba(22,28,35,.1);background:#fff}
@media (max-width:900px){.row{grid-template-columns:1fr;gap:28px}.row:nth-child(even) .copy{order:0}.row .media .report{right:8px;bottom:-16px}}

/* Capability list */
.cap{display:grid;grid-template-columns:repeat(3,1fr);gap:0 48px}
.cap div{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;flex-direction:column;gap:8px}
.cap p{font-size:15.5px;color:var(--ink-2)}
@media (max-width:900px){.cap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.cap{grid-template-columns:1fr}}

/* Fits */
.fits{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:start}
.fits .copy{display:flex;flex-direction:column;gap:16px}
.fits .copy p{color:var(--ink-2)}
.fits .io{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:26px 28px;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}
.fits .io h3{font-size:14px;color:var(--ink-2);font-weight:500;margin-bottom:8px}
.fits .io ul{margin:0;padding:0;list-style:none;font-size:16px;display:flex;flex-direction:column;gap:4px;font-weight:500}
.fits .io .arrow{color:var(--line);font-size:28px}
@media (max-width:900px){.fits{grid-template-columns:1fr}}

/* Audience */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 48px}
.who div{display:flex;flex-direction:column;gap:6px}
.who p{font-size:15.5px;color:var(--ink-2)}
@media (max-width:900px){.who{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.who{grid-template-columns:1fr}}

/* Pricing */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{border:1px solid var(--line);border-radius:12px;padding:30px 28px;display:flex;flex-direction:column;gap:18px;background:var(--bg)}
.plan.pick{border-color:var(--accent);box-shadow:inset 0 3px 0 var(--accent)}
.plan h3{font-size:18px}
.plan .price{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}
.plan .price b{font-size:40px;font-weight:600;letter-spacing:-0.02em}
.plan .price span{color:var(--ink-2);font-size:15px}
.plan .per{font-size:15px;color:var(--ink-2);margin-top:-10px}
.plan .btn{margin-top:auto;justify-content:center}
.plan .pick-note{font-size:13.5px;color:var(--accent);font-weight:500}
.pricing-foot{margin-top:28px;font-size:15px;color:var(--ink-2);display:flex;flex-direction:column;gap:6px}
@media (max-width:900px){.plans{grid-template-columns:1fr}}

/* Requirements (quiet, but present) */
.req{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:start}
.req .copy{display:flex;flex-direction:column;gap:12px}
.req .copy p{color:var(--ink-2);font-size:16px}
.req table{width:100%;border-collapse:collapse;font-size:15px}
.req th,.req td{text-align:left;padding:11px 14px 11px 0;border-bottom:1px solid var(--line);vertical-align:top}
.req th{font-weight:600;color:var(--ink)}
.req thead th{font-size:13.5px;color:var(--ink-2);font-weight:500;padding-bottom:8px}
.req td{color:var(--ink-2)}
.req td:first-child,.req th:first-child{width:30%}
.req .tablewrap{overflow-x:auto;min-width:0}
@media (max-width:900px){.req{grid-template-columns:1fr}}

/* Dark band */
.band{background:var(--frame);color:var(--on-frame);padding-block:80px}
.band .wrap{display:grid;grid-template-columns:7fr 5fr;gap:48px;align-items:center}
.band h2{color:#fff}
.band p{color:#A9B0B6;font-size:18px;max-width:50ch;margin-top:14px}
.band .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.band .btn-quiet{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.band .btn-quiet:hover{border-color:#fff}
.band .btn-primary{background:#fff;color:var(--frame)}
.band .btn-primary:hover{background:#E4E6E7}
.band .side{border-left:1px solid rgba(255,255,255,.14);padding-left:40px;display:flex;flex-direction:column;gap:18px;font-size:15.5px;color:#A9B0B6}
.band .side b{color:#fff;font-weight:600;display:block;margin-bottom:2px}
@media (max-width:900px){.band .wrap{grid-template-columns:1fr}.band .side{border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.14);padding-top:28px}}

/* FAQ */
.faq{max-width:760px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:20px 0;font-weight:600;font-size:18px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-weight:400;font-size:24px;color:var(--ink-2);flex:none}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 0 22px;color:var(--ink-2);max-width:62ch}

/* Footer */
footer{border-top:1px solid var(--line);padding-block:56px 36px;font-size:15px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
footer .cols h4{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--ink)}
footer .cols ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;color:var(--ink-2)}
footer .cols ul a:hover{color:var(--ink)}
footer .about{max-width:40ch;color:var(--ink-2);display:flex;flex-direction:column;gap:12px}
footer .legal{margin-top:48px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px 24px;color:var(--ink-2);font-size:14px}
@media (max-width:760px){footer .cols{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Shared public, account and help-page extensions to the approved mockup. */
[hidden]{display:none!important}
img{height:auto}
button,input,select,textarea{font:inherit}
button:disabled{opacity:.65;cursor:not-allowed}
.btn{justify-content:center;text-align:center}
.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand img{width:26px;height:26px;object-fit:contain}
.skip-link{position:absolute;top:-80px;left:16px;padding:12px 18px;background:#fff;color:var(--accent);z-index:1000}
.skip-link:focus{top:12px}
.hero{overflow:hidden}
.proof .wrap{padding-block:0}
.hero-shot{min-width:0}
.mobile-nav{display:none;position:relative;margin-left:auto;font-size:15px}
.mobile-nav summary{padding:10px 12px;border:1px solid var(--line);border-radius:6px;cursor:pointer;list-style:none}
.mobile-nav nav{position:absolute;right:0;top:48px;width:220px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;z-index:20;box-shadow:0 16px 32px -16px #161c2340}
.mobile-nav nav a{padding:10px 12px;border-radius:4px}
.mobile-nav nav a:hover{background:var(--bg-2)}
.page{padding-top:72px;padding-bottom:96px;min-height:55vh}
.page-head{display:flex;flex-direction:column;gap:18px;max-width:800px;margin-bottom:56px}
.page h1,.auth-page h1{font-size:clamp(36px,5vw,60px);line-height:1.06;letter-spacing:-.03em}
.eyebrow{font-size:14px;font-weight:600;color:var(--accent)}
.content-section{margin-top:64px}
.content-section h2{margin-bottom:24px}
.section-intro{color:var(--ink-2);max-width:65ch;margin-bottom:30px}
.fine{font-size:14px;color:var(--ink-2);line-height:1.55}
.mt12{margin-top:12px}
.tablewrap{overflow:auto;max-width:100%}
table{width:100%;border-collapse:collapse;font-size:15px;text-align:left}
caption{text-align:left;font-size:14px;color:var(--ink-2);padding-bottom:14px}
th,td{padding:14px 18px 14px 0;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:600}
td{color:var(--ink-2)}
thead th{font-size:14px;color:var(--ink-2)}
.prose{max-width:72ch;line-height:1.7}
.prose p+p{margin-top:18px}
.prose h2{margin-top:44px;margin-bottom:16px;font-size:28px}
.prose h3{margin-top:26px;margin-bottom:12px}
.callout{margin-top:64px;border-top:1px solid var(--line);padding-top:36px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.notice{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:6px;padding:18px 20px;background:var(--bg-2);font-size:15px;line-height:1.6}
.notice p{margin-top:6px}
.notice[data-tone="error"]{border-left-color:#9b2222;color:#8f2020;background:#fff8f8}
.notice[data-tone="success"]{border-left-color:#226044;color:#1b5139;background:#f7fbf8}
.download-layout,.support-layout{display:grid;grid-template-columns:5fr 6fr;gap:80px;align-items:start}
.download-product{border:1px solid var(--line);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.download-product h2{font-size:26px}
.download-product>p{font-size:15px;color:var(--ink-2)}
.steps>div{display:flex;gap:20px;padding:24px 0;border-top:1px solid var(--line)}
.steps>div:first-child{padding-top:0;border-top:0}
.steps h3{margin-bottom:8px}
.steps p{color:var(--ink-2);font-size:16px}
.step-number{color:var(--accent);font-variant-numeric:tabular-nums;font-size:20px}
.support-contact{display:flex;flex-direction:column;gap:20px}
.support-contact h2{font-size:28px}
.contact-email{font-size:clamp(17px,2.4vw,24px);color:var(--accent);overflow-wrap:anywhere}
.link-list{display:flex;flex-direction:column}
.link-list>a{display:block;position:relative;border-top:1px solid var(--line);padding:24px 44px 24px 0}
.link-list>a:last-child{border-bottom:1px solid var(--line)}
.link-list h2,.link-list h3{font-size:21px;margin-bottom:8px}
.link-list p{color:var(--ink-2);font-size:16px;max-width:65ch}
.link-list span{position:absolute;right:8px;top:24px;color:var(--accent);font-size:22px}
.auth-page{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:88px 112px;align-items:start;min-height:65vh}
.auth-intro{display:flex;flex-direction:column;gap:24px;max-width:44ch}
.auth-intro h1{font-size:clamp(36px,4.5vw,56px)}
.auth-panel{border:1px solid var(--line);border-radius:12px;padding:32px;min-width:0}
.auth-panel .notice{margin-bottom:24px}
form{display:flex;flex-direction:column;gap:20px}
.form-group{display:flex;flex-direction:column;gap:7px}
.form-group label{font-size:15px;font-weight:600}
input:not([type="checkbox"]),select,textarea{width:100%;min-width:0;padding:11px 12px;border:1px solid #a6afb8;border-radius:6px;background:#fff;color:var(--ink);font-size:16px;line-height:1.4}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.check-line{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--ink-2)}
.check-line input{accent-color:var(--accent);width:18px;height:18px;margin:2px 0 0;flex-shrink:0}
.form-links{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:24px;font-size:14px;color:var(--accent)}
.account-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px}
.account-heading>div{display:flex;flex-direction:column;gap:14px}
.account-heading h1{font-size:48px}
.account-nav{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:32px 0;overflow:auto;white-space:nowrap;padding-bottom:16px;font-size:15px;color:var(--ink-2)}
.account-nav a:hover{color:var(--accent)}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.account-section{border-top:1px solid var(--line);padding-top:28px;margin-top:44px;scroll-margin-top:28px}
.account-section h2{font-size:28px;margin-bottom:22px}
.account-section h3{margin-bottom:16px}
.account-section p{color:var(--ink-2);margin-bottom:16px}
.account-section dl{display:grid;grid-template-columns:140px 1fr;gap:12px 24px;font-size:15px;margin:0}
.account-section dt{color:var(--ink-2)}
.account-section dd{margin:0;overflow-wrap:anywhere}
.account-section form{max-width:460px}
.account-section .notice p{margin:0}
.account-section summary{cursor:pointer;color:var(--accent);font-size:15px;padding:12px 0}
.account-section details+details{border-top:1px solid var(--line);margin-top:18px}
.session-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding:18px 0}
.session-row p{margin:4px 0 0;font-size:14px}
.status-label{display:inline-flex;border:1px solid var(--line);border-radius:4px;padding:3px 9px;font-size:13px;font-weight:600}
.account-section .download-product{padding:24px;max-width:640px}
@media(max-width:900px){.auth-page{grid-template-columns:1fr;gap:40px;padding-block:48px 64px}.auth-intro{max-width:65ch}.auth-panel{max-width:600px;width:100%}.download-layout,.support-layout{grid-template-columns:1fr;gap:40px}.page{padding-top:48px;padding-bottom:64px}.page-head{margin-bottom:40px}.account-grid{grid-template-columns:1fr}}
@media(max-width:760px){.nav .wrap{gap:12px}.nav-right{display:none}.mobile-nav{display:block}.hero{padding-top:48px}.hero-shot{margin-top:24px}.proof{margin-top:44px}.proof .wrap>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.proof .wrap>div{padding:24px 0}section.block{padding-block:64px}.head{margin-bottom:32px}.rows{gap:64px}.who{gap:30px}.fits .io{padding:24px 18px;gap:12px}.fits .io ul{font-size:14px}.brand{font-size:16px}.plans .price span{font-size:14px}.auth-panel{padding:24px}.account-heading{flex-wrap:wrap}.account-section dl{grid-template-columns:1fr;gap:4px}.account-section dd{margin-bottom:12px}.account-nav{gap:18px}.session-row{flex-wrap:wrap}.download-product{padding:24px}.page h1{font-size:40px}footer .cols{gap:32px 20px}footer .about{grid-column:1/-1}footer .legal{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Feature and documentation reference. All selectors are local to guide content. */
.guide-nav{padding:28px 30px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2);margin-top:28px;margin-bottom:48px}
.guide-nav h2{font-size:24px;margin-bottom:18px}
.guide-nav p{color:var(--ink-2);margin-bottom:18px;max-width:70ch}
.guide-nav ul,.guide-nav ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 28px;list-style:none;padding:0;margin:0}
.guide-nav a{display:block;color:var(--accent);font-size:15px;line-height:1.5;padding:4px 0;overflow-wrap:anywhere}
.guide-nav a:hover{text-decoration:underline;text-underline-offset:3px}
.guide-nav-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.guide-nav-groups h3{font-size:18px;margin-bottom:12px}
.guide-nav-groups ul{display:block}
.guide-nav-groups li{margin-top:6px}
.feature-group,.guide-section{scroll-margin-top:28px;border-top:1px solid var(--line);padding-top:32px;margin-top:48px;min-width:0}
.feature-group h2,.guide-section h2{font-size:clamp(25px,3vw,32px);margin:0 0 14px}
.feature-group>p,.guide-section>p{max-width:78ch;color:var(--ink-2);margin-bottom:22px}
.feature-group h3,.guide-section h3{margin-top:24px;margin-bottom:14px;line-height:1.35}
.feature-group ul,.guide-section ul,.guide-section ol{padding-left:24px;max-width:85ch}
.feature-group li,.guide-section li{padding-left:3px;margin-block:9px;line-height:1.65;color:var(--ink-2)}
.feature-group li strong,.guide-section li strong{color:var(--ink)}
.feature-details,.guide-details{border:1px solid var(--line);border-radius:8px;margin-top:16px;background:var(--bg);min-width:0;scroll-margin-top:28px}
.feature-details>summary,.guide-details>summary{cursor:pointer;padding:18px 22px;font-size:17px;font-weight:600;line-height:1.5;overflow-wrap:anywhere}
.feature-details>summary::marker,.guide-details>summary::marker{color:var(--accent)}
.feature-details[open]>summary,.guide-details[open]>summary{border-bottom:1px solid var(--line);background:var(--bg-2);border-radius:8px 8px 0 0}
.feature-detail-body,.guide-detail-body{padding:12px 24px 20px}
.feature-detail-body>:first-child,.guide-detail-body>:first-child{margin-top:12px}
.feature-details .prose,.guide-details .prose{max-width:85ch}
.feature-details>ul,.guide-details>ul,.guide-details>ol{margin:14px 24px 20px}
.feature-format-reference{margin-top:32px;scroll-margin-top:28px}
.feature-format-reference .tablewrap{margin-top:18px}
.feature-format-reference table{min-width:620px}
.feature-format-reference th,.feature-format-reference td{padding-right:22px}
.guide-section .notice,.feature-group .notice{margin-block:20px;max-width:85ch}
.guide-section a,.feature-group a{overflow-wrap:anywhere}
.guide-intro{max-width:78ch;margin-bottom:28px}
.guide-intro p+p{margin-top:14px}
.guide-section code{font-size:.92em;overflow-wrap:anywhere}
[data-page="features"] .page-head+.callout{margin-top:0;border:1px solid var(--line);border-radius:8px;background:var(--bg-2);padding:20px 24px;margin-bottom:24px}
@media(max-width:1000px){.guide-nav ul,.guide-nav ol{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-nav-groups ul{display:block}}
@media(max-width:600px){.guide-nav{padding:22px 20px}.guide-nav ul,.guide-nav ol{grid-template-columns:1fr;gap:6px}.guide-nav-groups{grid-template-columns:1fr}.feature-group,.guide-section{margin-top:36px;padding-top:26px}.feature-details>summary,.guide-details>summary{padding:16px}.feature-detail-body,.guide-detail-body{padding:8px 18px 16px}}
/* Buyer journeys: real product views, clear outcomes and useful next steps. */
figure{margin:0}figcaption{font-size:13px;line-height:1.5;color:var(--ink-2);margin-top:12px}
.nav .wrap{gap:22px}.nav-links{gap:20px}.nav-right{gap:18px}.nav-right .btn{font-size:14px}
.launch-banner{background:#edf5fc;border-bottom:1px solid #d7e7f5;color:#254b6b;font-size:13px}
.launch-banner .wrap{display:flex;justify-content:center;gap:22px;align-items:center;min-height:35px;padding-block:6px}
.launch-banner span{display:inline-flex;align-items:center;gap:8px}.launch-banner a{font-weight:600;color:var(--accent)}
.launch-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}
.buyer-hero{padding:88px 0 76px;background:linear-gradient(165deg,#fff 48%,#f1f6fa)}
.buyer-hero>.wrap{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.buyer-hero-copy{display:flex;flex-direction:column;gap:25px;align-items:flex-start}
.hero-kicker,.section-label{font-size:13px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
.buyer-hero h1{font-size:clamp(42px,5vw,70px);line-height:1.04;letter-spacing:-.045em}
.buyer-hero .lede{font-size:19px;max-width:39ch;color:var(--ink-2)}
.buyer-hero-media{min-width:0}.buyer-hero-media img{width:100%;border-radius:12px;border:1px solid #17222c;box-shadow:0 22px 55px -25px #14243375}
.buyer-hero-media figcaption{padding-left:2px}
.buyer-section{padding:88px 0}.buyer-quiet{background:#f4f6f8}.buyer-section-head{max-width:690px;margin-bottom:38px;display:flex;flex-direction:column;gap:16px}
.buyer-section h2{font-size:clamp(29px,3.6vw,43px);letter-spacing:-.025em}.buyer-section-head>p:not(.section-label){color:var(--ink-2)}
.buyer-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.buyer-outcomes article{display:flex;flex-direction:column;gap:15px;min-width:0}.buyer-outcomes h3{font-size:24px;letter-spacing:-.025em}
.buyer-outcomes p{font-size:16px;color:var(--ink-2)}.buyer-outcomes .link{align-self:flex-start;font-size:15px;margin-top:auto}
.buyer-outcomes figure{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--frame);margin-bottom:8px}
.buyer-outcomes img{width:100%;aspect-ratio:1.65;object-fit:cover}
.report-example{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:center}
.report-example>div{display:flex;flex-direction:column;gap:22px}.report-example figure{justify-self:center;max-width:460px}
.report-example img{max-height:530px;width:auto;object-fit:contain;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 42px -26px #18263270}
.formats-strip{padding:30px 0;border-block:1px solid var(--line)}.formats-strip>.wrap{display:flex;gap:28px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.formats-strip span{font-size:14px;color:var(--ink-2)}.formats-strip ul{display:flex;list-style:none;padding:0;margin:0;gap:24px;font-weight:600;font-size:17px;letter-spacing:.035em}
.formats-strip .link{font-size:14px}
.batch-teaser{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.batch-teaser>div{display:flex;flex-direction:column;gap:20px}
.batch-flow{list-style:none;padding:32px;margin:0;display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:12px;background:#f7fafc}
.batch-flow li{padding:20px 0;border-bottom:1px solid var(--line);font-size:21px;display:flex;align-items:center;gap:20px;font-weight:500}
.batch-flow li:last-child{border-bottom:0}.batch-flow li>span{font-size:13px;color:var(--accent);font-variant-numeric:tabular-nums}
.plan{position:relative;gap:17px}.plan h2{font-size:22px}.plan .price{margin-top:12px}.plan .plan-billing{font-size:15px;color:var(--ink-2)}
.plan-use{font-size:15px;color:var(--ink-2);padding-top:20px;border-top:1px solid var(--line);margin-top:auto}
.saving,.plan-note{align-self:flex-start;font-size:13px;font-weight:600;color:#1b634b;background:#eaf5ef;padding:4px 9px;border-radius:5px}
.plan-note{color:#566575;background:#eff2f5}.pricing-foot{max-width:76ch;gap:14px}
.free-offer{padding:30px 34px;margin-bottom:36px;border:1px solid #c5dceb;background:#f0f7fc;border-radius:12px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.free-offer h2{font-size:25px;flex-basis:100%}.free-offer p{color:var(--ink-2)}.free-offer .link{margin-left:auto}
.feature-outcomes{display:flex;flex-direction:column;gap:82px}.feature-outcome{display:grid;grid-template-columns:5fr 7fr;gap:54px;align-items:center;scroll-margin-top:24px}
.feature-outcome:nth-child(even) .feature-outcome-copy{order:2}.feature-outcome-copy{display:flex;flex-direction:column;gap:17px}
.feature-outcome-copy h2{font-size:clamp(27px,3vw,36px)}.feature-outcome-copy p{color:var(--ink-2)}.feature-outcome-copy ul{padding-left:20px;color:var(--ink-2);font-size:15px;margin:0;display:flex;flex-direction:column;gap:8px}
.feature-outcome-copy .link{font-size:15px;align-self:flex-start}.feature-outcome-media{min-width:0}.feature-outcome-media img{width:100%;border:1px solid var(--line);border-radius:10px}
.feature-formats{margin-top:80px;border-top:1px solid var(--line);padding-top:32px;display:flex;flex-direction:column;gap:15px}.feature-formats ul{display:flex;flex-wrap:wrap;gap:20px;list-style:none;padding:0;font-weight:600}
.download-intro{display:flex;flex-direction:column;align-items:flex-start;gap:23px}.download-intro h2{font-size:31px}.download-intro p{color:var(--ink-2)}
.notify-panel{border:1px solid var(--line);border-radius:12px;padding:34px;scroll-margin-top:30px;display:flex;flex-direction:column;gap:20px}.notify-panel h2{font-size:30px}.notify-panel>p{color:var(--ink-2)}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
body[data-page=support] .support-layout{grid-template-columns:6fr 4fr;gap:90px}.support-details{display:flex;flex-direction:column;gap:22px}.support-details h2{font-size:29px}.support-details>p{color:var(--ink-2)}
.support-details dl{margin:0;padding-block:21px;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.support-details dt{font-size:13px;color:var(--ink-2)}.support-details dd{margin:0;font-weight:500}
.support-contact form{gap:20px}.support-contact .btn,.notify-panel .btn{align-self:flex-start}.notification-action{max-width:620px;display:flex;flex-direction:column;gap:25px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-story section{display:flex;flex-direction:column;gap:20px}.about-story h2{font-size:30px}.about-story p{color:var(--ink-2)}
@media(max-width:1000px){.buyer-hero>.wrap{grid-template-columns:1fr;gap:38px}.buyer-hero-copy{max-width:680px}.buyer-hero-media{max-width:900px}.buyer-hero{padding-top:58px}.buyer-hero h1{font-size:62px}.report-example,.batch-teaser{gap:40px}.feature-outcome{gap:30px}.nav .wrap{gap:16px}.nav-links{gap:15px}.nav-right{gap:14px}}
@media(max-width:820px){.nav-links,.nav-right{display:none}.mobile-nav{display:block}.buyer-outcomes{grid-template-columns:1fr;gap:46px}.buyer-outcomes article{max-width:650px}.buyer-outcomes .link{margin-top:0}.report-example,.batch-teaser,.feature-outcome,.about-story,body[data-page=support] .support-layout{grid-template-columns:1fr;gap:35px}.feature-outcome:nth-child(even) .feature-outcome-copy{order:0}.feature-outcomes{gap:64px}.report-example figure{justify-self:start}.buyer-section{padding:64px 0}.buyer-hero{padding-bottom:54px}.buyer-hero h1{font-size:clamp(42px,8.5vw,62px)}.feature-outcome-media{max-width:720px}.formats-strip>.wrap{gap:18px}.notify-panel{padding:25px}.free-offer{padding:25px}.free-offer .link{margin-left:0}}
@media(max-width:480px){.buyer-hero h1{font-size:43px}.buyer-hero>.wrap{gap:32px}.buyer-section h2{font-size:32px}.formats-strip ul{gap:16px;font-size:15px}.launch-banner .wrap{gap:18px}.buyer-hero-copy{gap:23px}.buyer-hero .lede{font-size:18px}.batch-flow{padding:20px}.free-offer h2{font-size:24px}}