@font-face{font-family:Vazirmatn;src:url("./fonts/Vazirmatn/Vazirmatn-Regular.ttf") format("truetype");font-display:swap;font-weight:400}
@font-face{font-family:Vazirmatn;src:url("./fonts/Vazirmatn/Vazirmatn-SemiBold.ttf") format("truetype");font-display:swap;font-weight:600}
@font-face{font-family:Vazirmatn;src:url("./fonts/Vazirmatn/Vazirmatn-Bold.ttf") format("truetype");font-display:swap;font-weight:800}

:root{
  color-scheme:light;
  --primary:#2563eb;
  --primary-dark:#1d4ed8;
  --primary-soft:#eff6ff;
  --surface:#fff;
  --surface-muted:#f8fafc;
  --background:#f8fafc;
  --text:#0b1220;
  --heading:#020617;
  --muted:#526176;
  --border:#e2e8f0;
  --border-strong:#cbd5e1;
  --green:#16a34a;
  --cyan:#0891b2;
  --violet:#7c3aed;
  --amber:#d97706;
  --shadow:0 24px 70px rgb(15 23 42 / 11%);
  --radius:14px;
  --shell:min(1180px,calc(100% - 40px));
}

[data-theme="dark"]{
  color-scheme:dark;
  --primary:#60a5fa;
  --primary-dark:#93c5fd;
  --primary-soft:#172554;
  --surface:#111827;
  --surface-muted:#1f2937;
  --background:#030712;
  --text:#f8fafc;
  --heading:#fff;
  --muted:#cbd5e1;
  --border:#263244;
  --border-strong:#334155;
  --shadow:0 24px 70px rgb(0 0 0 / 35%);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--background);color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.75;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:12px;z-index:1000;transform:translateY(-160%);background:var(--heading);color:var(--surface);padding:8px 12px;border-radius:8px}
.skip-link:focus{transform:none}
.section{padding-block:105px}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:color-mix(in srgb,var(--surface) 87%,transparent);border-bottom:1px solid transparent;backdrop-filter:blur(18px);transition:.25s}
.site-header.scrolled{border-color:var(--border);box-shadow:0 8px 30px rgb(15 23 42 / 6%)}
.nav-shell{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--primary),#4f46e5);box-shadow:0 8px 24px rgb(37 99 235 / 25%);color:#fff;font-size:20px;font-weight:800}
.brand>span:last-child{display:grid;line-height:1.25}.brand strong{font-size:18px;color:var(--heading)}.brand small{font-size:10px;color:var(--muted)}
.desktop-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600;color:var(--muted)}
.desktop-nav a{transition:.2s}.desktop-nav a:hover{color:var(--primary)}
.nav-actions{display:flex;align-items:center;gap:9px}
.button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:8px 17px;font-weight:700;font-size:13px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.button:hover{transform:translateY(-2px)}
.button-primary{background:var(--primary);color:#fff;box-shadow:0 8px 22px rgb(37 99 235 / 22%)}
.button-primary:hover{background:var(--primary-dark)}
.button-quiet{border-color:var(--border);background:var(--surface)}
.button-soft{border-color:color-mix(in srgb,var(--primary) 24%,var(--border));background:var(--primary-soft);color:var(--primary-dark)}
.button-large{min-height:52px;padding-inline:22px;font-size:14px}
.icon-button,.menu-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--border);border-radius:9px;background:var(--surface);cursor:pointer}
.menu-button{display:none;gap:4px;padding:11px}.menu-button span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor}
.mobile-nav{display:none}

.hero{position:relative;padding-block:150px 32px;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgb(37 99 235 / 9%),transparent 28%),linear-gradient(180deg,var(--surface),var(--background))}
.hero-glow{position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}.hero-glow-one{width:460px;height:460px;inset:-80px auto auto -130px;background:radial-gradient(circle,rgb(37 99 235 / 12%),transparent 68%)}.hero-glow-two{width:320px;height:320px;inset:auto 38% 5% auto;background:radial-gradient(circle,rgb(124 58 237 / 8%),transparent 68%)}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(550px,1.25fr);align-items:center;gap:64px}
.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 14px;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.01em}
.eyebrow>span{display:inline-block;width:22px;height:2px;border-radius:4px;background:currentColor}
h1,h2,h3,p{margin-block-start:0}
h1,h2,h3{color:var(--heading);line-height:1.35}
h1{font-size:clamp(38px,4.4vw,65px);letter-spacing:-.05em;margin-block-end:22px}
h1 em{color:var(--primary);font-style:normal}
.hero-lead{max-width:620px;margin-block-end:30px;color:var(--muted);font-size:17px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-block-start:24px;color:var(--muted);font-size:12px;font-weight:600}
.trust-row span::first-letter{color:var(--green)}
.product-stage{position:relative;min-height:510px}
.desktop-frame{position:absolute;inset:20px 0 auto auto;width:94%;overflow:hidden;border:1px solid var(--border-strong);border-radius:15px;background:var(--surface);box-shadow:var(--shadow);transform:perspective(1200px) rotateY(-2deg) rotateX(1deg)}
.browser-bar{height:35px;display:flex;align-items:center;gap:6px;padding-inline:12px;background:var(--surface-muted);border-bottom:1px solid var(--border);direction:ltr}
.browser-bar i{width:7px;height:7px;border-radius:50%;background:#cbd5e1}.browser-bar i:first-child{background:#f87171}.browser-bar i:nth-child(2){background:#fbbf24}.browser-bar i:nth-child(3){background:#34d399}
.browser-bar span{margin-inline-start:auto;color:var(--muted);font-size:9px}
.desktop-frame img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.mobile-frame{position:absolute;z-index:2;width:148px;inset:auto auto -4px -9px;padding:7px;border:1px solid var(--border-strong);border-radius:25px;background:var(--heading);box-shadow:0 22px 60px rgb(15 23 42 / 28%)}
.mobile-frame img{width:100%;height:auto;aspect-ratio:390/844;border-radius:19px;object-fit:cover;object-position:top}
.mobile-speaker{position:absolute;z-index:1;inset:10px 50% auto auto;transform:translateX(50%);width:32px;height:4px;border-radius:8px;background:#0f172a}
.stage-note{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:11px;padding:8px 11px;background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:0 12px 30px rgb(15 23 42 / 11%);backdrop-filter:blur(10px)}
.stage-note b{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-size:16px}.stage-note span{max-width:95px;color:var(--muted);font-size:9px;font-weight:700;line-height:1.5}.note-top{inset:0 auto auto -18px}.note-bottom{inset:auto -14px 20px auto}
.proof-strip{position:relative;display:flex;align-items:center;justify-content:center;gap:22px;margin-block-start:60px;padding-block:19px;border-block:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700}.proof-strip i{width:4px;height:4px;border-radius:50%;background:var(--border-strong)}

.section-heading{max-width:680px;margin-block-end:45px}.section-heading h2{font-size:clamp(29px,3.3vw,44px);letter-spacing:-.035em;margin-block-end:15px}.section-heading>p:last-child{color:var(--muted);margin:0}.split-heading{max-width:none;display:grid;grid-template-columns:1.1fr .8fr;align-items:end;gap:80px}.split-heading>p{margin-block-end:10px}.centered{margin-inline:auto;text-align:center}.centered .eyebrow{justify-content:center}
.journey{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;box-shadow:0 16px 45px rgb(15 23 42 / 5%)}
.journey article{position:relative;min-height:235px;padding:25px 22px;border-inline-end:1px solid var(--border);transition:.25s}.journey article:last-child{border:0}.journey article:hover{background:var(--primary-soft);transform:translateY(-4px)}.journey b{position:absolute;inset:15px auto auto 17px;color:var(--border-strong);font-size:12px}.journey-icon{display:grid;place-items:center;width:46px;height:46px;margin-block:26px 22px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:21px;font-weight:800}.journey h3{font-size:16px;margin-block-end:9px}.journey p{color:var(--muted);font-size:12px;margin:0}

.roles-section{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 40%,var(--background)),var(--background))}
.role-tabs{display:flex;justify-content:center;gap:8px;margin-block-end:28px;overflow:auto;padding-block:3px}.role-tabs button{flex:0 0 auto;border:1px solid var(--border);border-radius:9px;background:var(--surface);padding:10px 18px;cursor:pointer;font-size:12px;font-weight:700}.role-tabs button.active{border-color:var(--primary);background:var(--primary);color:#fff}
.role-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center;border:1px solid var(--border);border-radius:18px;padding:45px;background:var(--surface);box-shadow:var(--shadow)}
.role-kicker{margin-block-end:8px;color:var(--primary);font-size:11px;font-weight:800}.role-copy h3{font-size:35px;margin-block-end:12px}.role-copy>p:not(.role-kicker){color:var(--muted);font-size:14px}.role-copy ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin:24px 0;padding:0;list-style:none}.role-copy li{position:relative;padding-inline-start:19px;font-size:12px;font-weight:700}.role-copy li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--green)}
.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-size:12px;font-weight:800}.text-link span{transition:.2s}.text-link:hover span{transform:translateX(-4px)}
.role-shot{position:relative;margin:0;padding:8px;border:1px solid var(--border-strong);border-radius:13px;background:var(--surface-muted);box-shadow:0 16px 45px rgb(15 23 42 / 10%)}.role-shot img{width:100%;aspect-ratio:16/10;border-radius:8px;object-fit:cover;object-position:top}.role-shot figcaption{position:absolute;inset:auto 18px 18px auto;display:flex;align-items:center;gap:6px;border:1px solid rgb(255 255 255 / 50%);border-radius:8px;padding:6px 9px;background:rgb(15 23 42 / 82%);color:#fff;font-size:9px;backdrop-filter:blur(8px)}.live-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgb(52 211 153 / 18%)}
.role-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-block-start:15px}.role-mini-grid article{display:grid;gap:6px;border:1px solid var(--border);border-radius:11px;padding:16px;background:var(--surface)}.role-mini-grid span{color:var(--primary);font-size:10px;font-weight:800}.role-mini-grid strong{color:var(--text);font-size:11px;line-height:1.7}

.difference-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}.difference-grid .section-heading{margin:0}.difference-list{display:grid}.difference-list article{display:grid;grid-template-columns:52px 1fr;gap:19px;padding-block:23px;border-bottom:1px solid var(--border)}.difference-list article:first-child{border-top:1px solid var(--border)}.difference-list article>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}.difference-list h3{font-size:16px;margin-block-end:5px}.difference-list p{color:var(--muted);font-size:12px;margin:0}

.screenshot-section{background:var(--surface-muted);border-block:1px solid var(--border)}
.gallery{display:grid;grid-template-columns:1fr 250px;gap:28px;align-items:end}.gallery figure{margin:0}.gallery-main,.gallery-mobile{overflow:hidden;border:1px solid var(--border-strong);border-radius:17px;background:var(--surface);box-shadow:var(--shadow)}.gallery-main img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.gallery-mobile{padding:9px;border-radius:29px}.gallery-mobile img{width:100%;border-radius:20px}.gallery figcaption{display:grid;gap:2px;padding:15px 18px}.gallery figcaption b{font-size:13px}.gallery figcaption span{color:var(--muted);font-size:10px}

.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.status-card{border:1px solid var(--border);border-radius:15px;padding:30px;background:var(--surface)}.status-card header{display:flex;align-items:center;justify-content:space-between;padding-block-end:20px;border-bottom:1px solid var(--border)}.status-card header span{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:800}.status-card header b{font-size:14px}.status-card.ready header span{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green)}.status-card.next header span{background:color-mix(in srgb,var(--amber) 12%,var(--surface));color:var(--amber)}.status-card ul{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 25px;margin:24px 0;padding:0;list-style:none}.status-card li{position:relative;padding-inline-start:17px;color:var(--muted);font-size:12px}.status-card li::before{content:"";position:absolute;inset:10px 0 auto auto;width:6px;height:6px;border-radius:50%;background:var(--green)}.status-card.next li::before{background:var(--amber)}

.demo-section{padding-block:45px 95px}.demo-card{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;overflow:hidden;border-radius:20px;padding:55px;background:linear-gradient(120deg,#1d4ed8,#3730a3);box-shadow:0 25px 70px rgb(37 99 235 / 24%);color:#fff}.demo-card::before{content:"";position:absolute;width:420px;height:420px;inset:-210px auto auto -100px;border:1px solid rgb(255 255 255 / 16%);border-radius:50%;box-shadow:0 0 0 70px rgb(255 255 255 / 4%),0 0 0 140px rgb(255 255 255 / 3%)}.demo-card>div{position:relative}.eyebrow.light{color:#bfdbfe}.demo-card h2{max-width:680px;color:#fff;font-size:clamp(27px,3vw,41px);margin-block-end:12px}.demo-card p:last-child{margin:0;color:#dbeafe;font-size:13px}.demo-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px}.button-white{background:#fff;color:#1d4ed8}.button-glass{border-color:rgb(255 255 255 / 28%);background:rgb(255 255 255 / 10%);color:#fff}
.site-footer{border-top:1px solid var(--border);padding-block:35px;background:var(--surface)}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px}.footer-grid>p{margin:0;color:var(--muted);font-size:11px}.footer-links{display:flex;gap:20px;color:var(--muted);font-size:11px}.footer-links a:hover{color:var(--primary)}

.doc-hero{padding-block:138px 58px;background:radial-gradient(circle at 12% 8%,rgb(37 99 235 / 9%),transparent 30%),linear-gradient(180deg,var(--surface),var(--background));border-bottom:1px solid var(--border)}
.doc-hero.maintenance{background:radial-gradient(circle at 88% 12%,rgb(22 163 74 / 9%),transparent 32%),linear-gradient(180deg,var(--surface),var(--background))}
.doc-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.8fr);gap:54px;align-items:center}
.doc-meta{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:24px;color:var(--muted);font-size:12px;font-weight:700}.doc-meta span{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--surface)}
.doc-visual{margin:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.doc-visual img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.doc-visual figcaption{padding:14px 16px;color:var(--muted);font-size:11px;font-weight:700}
.doc-summary-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.doc-summary-panel article{display:grid;gap:8px;min-height:135px;border:1px solid var(--border);border-radius:13px;padding:22px;background:var(--surface);box-shadow:0 14px 40px rgb(15 23 42 / 6%)}.doc-summary-panel b{color:var(--primary);font-size:36px;line-height:1}.doc-summary-panel span{color:var(--muted);font-size:12px;font-weight:800}
.doc-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start}.doc-toc{position:sticky;top:96px;display:grid;gap:4px;border:1px solid var(--border);border-radius:13px;padding:10px;background:var(--surface);box-shadow:0 12px 35px rgb(15 23 42 / 5%)}.doc-toc a{border-radius:8px;padding:9px 11px;color:var(--muted);font-size:12px;font-weight:800}.doc-toc a:hover{background:var(--primary-soft);color:var(--primary)}
.doc-content{display:grid;gap:28px}.doc-block{border:1px solid var(--border);border-radius:16px;padding:32px;background:var(--surface);box-shadow:0 14px 45px rgb(15 23 42 / 5%)}.doc-block h2{font-size:clamp(25px,2.4vw,34px);margin-block-end:12px}.doc-block p{color:var(--muted);font-size:14px}.doc-block code{direction:ltr;display:inline-block;border:1px solid var(--border);border-radius:6px;padding:1px 5px;background:var(--surface-muted);color:var(--primary-dark);font-family:Consolas,monospace;font-size:.9em}
.doc-callout{border-inline-start:4px solid var(--primary);border-radius:12px;padding:18px 20px;background:var(--primary-soft);color:var(--heading);font-size:18px;font-weight:800;line-height:1.9}
.doc-card-grid{display:grid;gap:14px;margin-block-start:22px}.doc-card-grid.two{grid-template-columns:repeat(2,1fr)}.doc-card-grid.three{grid-template-columns:repeat(3,1fr)}.doc-card-grid article{border:1px solid var(--border);border-radius:12px;padding:18px;background:var(--surface-muted)}.doc-card-grid span{display:inline-flex;margin-block-end:12px;border-radius:999px;padding:4px 9px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800}.doc-card-grid h3{font-size:16px;margin-block-end:8px}.doc-card-grid p{margin:0;font-size:12px}
.doc-table-wrap{overflow:auto;margin-block-start:18px;border:1px solid var(--border);border-radius:13px}.doc-table-wrap.compact{max-width:620px}.doc-table{width:100%;border-collapse:collapse;background:var(--surface);font-size:12px}.doc-table th,.doc-table td{min-width:150px;padding:13px 14px;border-bottom:1px solid var(--border);vertical-align:top;text-align:right}.doc-table th{background:var(--surface-muted);color:var(--heading);font-size:11px}.doc-table td{color:var(--muted)}.doc-table tr:last-child td{border-bottom:0}.doc-table a{color:var(--primary);font-weight:800}
.doc-check-list,.doc-number-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.doc-check-list li,.doc-number-list li{position:relative;border:1px solid var(--border);border-radius:10px;padding:12px 38px 12px 14px;background:var(--surface-muted);color:var(--muted);font-size:13px}.doc-check-list li::before{content:"✓";position:absolute;inset:13px 14px auto auto;color:var(--green);font-weight:800}.doc-check-list.checklist li::before{content:"□";color:var(--primary)}.doc-number-list{counter-reset:docstep}.doc-number-list li{counter-increment:docstep}.doc-number-list li::before{content:counter(docstep);position:absolute;inset:12px 12px auto auto;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:11px;font-weight:800}
.doc-quote-list{display:grid;gap:12px;margin-block-start:18px}.doc-quote-list blockquote{margin:0;border:1px solid var(--border);border-radius:12px;padding:17px 20px;background:var(--surface-muted);color:var(--heading);font-size:15px;font-weight:800}
.doc-code{overflow:auto;border:1px solid var(--border);border-radius:12px;margin-block-start:18px;padding:16px;background:var(--surface-muted);direction:ltr;text-align:left}.doc-code code{border:0;background:transparent;padding:0;color:var(--heading)}
.competitor-hero{padding-block-end:75px}.competitor-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);gap:58px;align-items:center}.competitor-stage{display:grid;gap:14px}.sama-focus-card,.sama-focus-row article{border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 16px 45px rgb(15 23 42 / 7%)}.sama-focus-card{padding:30px}.sama-focus-card span,.competitor-grid span,.sama-ux-card span,.decision-list span{display:inline-flex;margin-block-end:12px;border-radius:999px;padding:5px 10px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:800}.sama-focus-card strong{display:block;color:var(--heading);font-size:28px;line-height:1.45}.sama-focus-card p{margin:12px 0 0;color:var(--muted);font-size:13px}.sama-focus-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sama-focus-row article{display:grid;gap:4px;padding:16px;text-align:center}.sama-focus-row b{color:var(--primary);font-size:25px;line-height:1}.sama-focus-row span{color:var(--muted);font-size:10px;font-weight:800}
.competitor-logo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-block-end:18px}.competitor-logo-strip a{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:13px;padding:13px 14px;background:var(--surface);box-shadow:0 12px 32px rgb(15 23 42 / 5%)}.competitor-logo-strip img{width:34px;height:34px;border-radius:9px;background:var(--surface-muted);object-fit:contain}.competitor-logo-strip span{color:var(--heading);font-size:12px;font-weight:800}
.competitor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.competitor-grid article,.sama-ux-card,.decision-list article{border:1px solid var(--border);border-radius:15px;padding:24px;background:var(--surface);box-shadow:0 14px 42px rgb(15 23 42 / 5%)}.competitor-grid h3,.sama-ux-card h3,.decision-list h3{font-size:19px;margin-block-end:8px}.competitor-grid p,.sama-ux-card p,.decision-list p{color:var(--muted);font-size:13px;margin-block-end:14px}.competitor-grid strong{display:block;border-top:1px solid var(--border);padding-block-start:13px;color:var(--heading);font-size:12px;line-height:1.8}
.sama-ux-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.sama-ux-card.highlight{background:linear-gradient(180deg,var(--primary-soft),var(--surface))}.sama-product-proof{display:grid;grid-template-columns:1fr 260px;gap:22px;align-items:end;margin-block-start:24px}.sama-product-proof figure{margin:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.sama-product-proof figure:first-child img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.sama-product-proof figure:last-child{padding:9px;border-radius:28px}.sama-product-proof figure:last-child img{width:100%;border-radius:20px}.sama-product-proof figcaption{display:grid;gap:2px;padding:14px 16px}.sama-product-proof b{font-size:13px}.sama-product-proof span{color:var(--muted);font-size:10px}
.decision-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.decision-list article:nth-child(-n+2) span{background:color-mix(in srgb,var(--green) 13%,var(--surface));color:var(--green)}.decision-list article:nth-child(n+3) span{background:color-mix(in srgb,var(--amber) 13%,var(--surface));color:var(--amber)}

@media(max-width:1050px){
  .desktop-nav{display:none}.hero-grid{grid-template-columns:1fr;gap:35px}.hero-copy{max-width:780px}.product-stage{max-width:760px;width:100%;margin-inline:auto}.journey{grid-template-columns:repeat(3,1fr)}.journey article:nth-child(3){border-inline-end:0}.journey article:nth-child(-n+3){border-bottom:1px solid var(--border)}.role-panel{grid-template-columns:1fr;padding:32px}.role-shot{order:-1}.role-mini-grid{grid-template-columns:repeat(2,1fr)}.difference-grid{gap:45px}.gallery{grid-template-columns:1fr 210px}.doc-hero-grid,.competitor-hero-grid{grid-template-columns:1fr}.doc-layout{grid-template-columns:1fr}.doc-toc{position:static;grid-template-columns:repeat(3,1fr)}.doc-card-grid.three{grid-template-columns:repeat(2,1fr)}.sama-ux-grid{grid-template-columns:repeat(2,1fr)}.competitor-logo-strip{grid-template-columns:repeat(2,1fr)}.menu-button{display:grid}.mobile-nav{position:absolute;inset:76px 20px auto;display:grid;gap:3px;transform:translateY(-8px);visibility:hidden;opacity:0;border:1px solid var(--border);border-radius:12px;padding:10px;background:var(--surface);box-shadow:var(--shadow);transition:.2s}.mobile-nav.open{transform:none;visibility:visible;opacity:1}.mobile-nav a{padding:9px 12px;border-radius:7px;font-size:12px;font-weight:700}.mobile-nav a:hover{background:var(--primary-soft);color:var(--primary)}
}

@media(max-width:760px){
  :root{--shell:min(100% - 28px,1180px)}.section{padding-block:76px}.nav-shell{height:68px}.site-header .brand small{display:none}.desktop-only,.icon-button{display:none}.nav-actions .button-primary{min-height:39px;padding-inline:12px}.mobile-nav{inset-block-start:68px}.hero{padding-block:120px 24px}.hero h1{font-size:39px}.hero-lead{font-size:14px}.hero-actions .button{width:100%}.product-stage{min-height:345px}.desktop-frame{width:100%;inset-block-start:10px}.mobile-frame{width:105px;inset-inline-start:-4px}.stage-note{display:none}.proof-strip{justify-content:flex-start;overflow:auto;white-space:nowrap;margin-block-start:35px}.split-heading{grid-template-columns:1fr;gap:8px}.section-heading{margin-block-end:30px}.section-heading h2{font-size:30px}.journey{grid-template-columns:1fr 1fr}.journey article{min-height:205px;border-bottom:1px solid var(--border)}.journey article:nth-child(3){border-inline-end:1px solid var(--border)}.journey article:nth-child(even){border-inline-end:0}.journey article:last-child{border-bottom:0;border-inline-end:1px solid var(--border)}.role-tabs{justify-content:flex-start}.role-panel{padding:18px;gap:25px}.role-copy h3{font-size:28px}.role-copy ul{grid-template-columns:1fr}.role-mini-grid{grid-template-columns:1fr}.difference-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery-mobile{width:min(250px,78%);margin-inline:auto!important}.status-grid{grid-template-columns:1fr}.status-card{padding:22px}.status-card ul{grid-template-columns:1fr}.demo-card{grid-template-columns:1fr;padding:34px 24px;gap:28px}.demo-actions{justify-content:flex-start}.demo-actions .button{width:100%}.doc-hero{padding-block:112px 42px}.doc-hero h1{font-size:34px}.doc-summary-panel,.doc-card-grid.two,.doc-card-grid.three,.competitor-grid,.sama-ux-grid,.sama-product-proof,.decision-list{grid-template-columns:1fr}.competitor-logo-strip{grid-template-columns:1fr 1fr}.sama-focus-row{grid-template-columns:1fr}.doc-toc{grid-template-columns:1fr 1fr}.doc-block{padding:22px}.doc-table th,.doc-table td{min-width:190px}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand{justify-content:center}.footer-links{justify-content:center;flex-wrap:wrap}
}

@media(max-width:460px){
  .hero h1{font-size:34px}.product-stage{min-height:290px}.mobile-frame{width:90px}.journey{grid-template-columns:1fr}.journey article,.journey article:nth-child(3),.journey article:last-child{min-height:auto;border-inline-end:0}.journey-icon{margin-block:12px}.role-shot figcaption{display:none}.footer-links{gap:12px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}