@font-face{font-family:Geist;src:url('/portal/assets/fonts/geist-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/portal/assets/fonts/geist-semibold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{font-family:Geist,'Geeza Pro',Tahoma,sans-serif;font-synthesis:none;color:#20201e;background:#fbfaf7;--ink:#20201e;--muted:#64635d;--line:#dedbd4;--accent:#a74325;--paper:#fbfaf7;--tint:#f1eee7;--ease:cubic-bezier(.32,.72,0,1)}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}h1,h2,h3{text-wrap:balance;font-weight:600}p{text-wrap:pretty}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}svg{display:block}code,pre{font-family:ui-monospace,SFMono-Regular,monospace;font-style:normal}.container{width:min(1200px,calc(100% - 64px));margin-inline:auto}.skip{position:absolute;inset-inline-start:24px;top:-100px;padding:16px;background:white;z-index:40}.skip:focus{top:16px}
.public-header{padding-top:24px;position:relative;z-index:30}.island-nav{width:max-content;max-width:calc(100% - 48px);min-height:64px;margin:auto;display:flex;align-items:center;gap:48px;padding:8px 24px;background:#ffffffd9;backdrop-filter:blur(32px);border:1px solid #e3dfd7;border-radius:9999px;box-shadow:0 4px 12px #6c593308}.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.brand svg{width:24px;height:24px;color:var(--accent);flex:none}.desktop-links{display:flex;align-items:center;gap:32px;font-size:14px;line-height:20px}.desktop-links a{text-decoration:none;color:#5f5d57;padding-block:8px;transition:color .7s var(--ease)}.desktop-links a:hover,.desktop-links a[aria-current=page]{color:var(--accent)}.language-link{font-size:14px;line-height:20px;text-decoration:none;padding:8px 12px;border:1px solid var(--line);border-radius:9999px;transition:background .7s var(--ease)}.language-link:hover{background:var(--tint)}.menu-toggle{display:none;width:40px;height:40px;position:relative;border:0;background:transparent;color:inherit}.menu-toggle span{position:absolute;inset-inline-start:12px;width:20px;height:2px;background:currentColor;top:12px;transition:transform .7s var(--ease),top .7s var(--ease)}.menu-toggle span+span{top:24px}.menu-toggle[aria-expanded=true] span{top:20px;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{transform:rotate(-45deg)}.mobile-navigation{position:fixed;inset:0;z-index:20;background:#fbfaf7e6;backdrop-filter:blur(64px);padding:96px 32px 32px}.mobile-navigation nav{display:flex;flex-direction:column;gap:32px;font-size:30px;line-height:36px}.mobile-navigation a{text-decoration:none;animation:nav-enter .8s var(--ease) both}.mobile-navigation a:nth-child(2){animation-delay:.1s}.mobile-navigation a:nth-child(3){animation-delay:.15s}.mobile-navigation a:nth-child(4){animation-delay:.2s}.nav-open{overflow:hidden}@keyframes nav-enter{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:8px 12px;min-height:48px;font-size:16px;line-height:24px;font-weight:600;border:1px solid transparent;border-radius:8px;text-decoration:none;transition:transform .7s var(--ease),background .7s var(--ease),box-shadow .7s var(--ease)}.button.primary{background:var(--accent);color:white;box-shadow:0 4px 8px #8b361612}.button.primary:hover{background:#8a351c;box-shadow:0 8px 16px #8b36161a}.button:active{transform:translateY(1px)}.button svg,.story-text-link svg{width:20px;height:20px;flex:none}.story-text-link,.text-link{display:inline-flex;gap:12px;align-items:center;color:var(--accent);font-size:14px;line-height:20px;font-weight:600;text-decoration:underline}.story-text-link:hover{text-decoration-thickness:2px}
.story-hero{padding-top:48px}.story-hero-copy{max-width:800px;margin:auto;text-align:center}.story-label{display:flex;gap:12px;align-items:center;font-size:12px;line-height:16px;color:var(--accent);margin-bottom:24px}.story-label>span{color:#706456;min-width:24px}.story-hero-copy>.story-label,.story-final>.story-label{justify-content:center}.story-hero h1{font-size:60px;line-height:1;letter-spacing:-2px;max-width:680px;margin:auto;background:linear-gradient(90deg,#000,#666);background-clip:text;-webkit-text-fill-color:transparent}.story-hero-intro{font-size:18px;line-height:28px;color:var(--muted);max-width:680px;margin:24px auto}.story-risk{font-size:12px;line-height:16px;color:#716b62;margin-top:12px}.story-preview{margin:48px 0 0;border:1px solid #d2cbbf;background:#fff;border-radius:24px;padding:8px;box-shadow:0 24px 48px #76694c0d;min-width:0;text-align:start}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;border-radius:16px;background:#f7f5f1;font-size:12px;line-height:16px;color:#726c62}.preview-brand{display:flex;align-items:center;gap:8px;font-weight:600;color:#403c34}.preview-brand>svg{width:20px;height:20px;color:var(--accent)}.preview-brand>span{font-weight:400;color:#706456}.preview-example{font-size:12px;line-height:16px}.preview-main{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.preview-identity{padding:32px;border-inline-end:1px solid #ece7de}.preview-category{font-size:12px;line-height:16px;color:#706456}.preview-product-title{display:flex;gap:24px;align-items:center;margin-block:24px}.preview-product-icon{width:80px;min-width:80px;height:112px;background:#f5eee0;border-radius:16px;display:flex;justify-content:center}.preview-product-icon svg{width:64px;height:96px;margin:auto}.preview-product-title h2{font-size:30px;line-height:36px;letter-spacing:-1px}.preview-product-title p{font-size:20px;line-height:28px;margin-block:4px 12px;color:#6c6255;text-align:start}.preview-product-title div>span{font-size:12px;line-height:16px;color:#706456}.preview-record{margin:0;display:grid;gap:12px}.preview-record>div{display:flex;justify-content:space-between;gap:24px;font-size:14px;line-height:20px}.preview-record dt{color:#756e63}.preview-record dd{margin:0;text-align:end;font-variant-numeric:tabular-nums}.preview-note{font-size:12px;line-height:16px;color:#706456;margin-top:24px;max-width:400px}.preview-detail{padding:24px 32px}.preview-tabs{display:flex;align-items:center;gap:8px;padding:4px;background:#f5f3ee;border-radius:8px;max-width:400px}.preview-tabs button{flex:1;white-space:nowrap;background:transparent;border:0;border-radius:4px;padding:8px 12px;font-size:12px;line-height:16px;color:#726d63;min-height:40px;transition:background .7s var(--ease),color .7s var(--ease),transform .7s var(--ease)}.preview-tabs button:hover{background:#ece7dd}.preview-tabs button[aria-pressed=true]{background:white;color:var(--accent);box-shadow:0 2px 4px #4c3d2510}.preview-tabs button:active{transform:translateY(1px)}.preview-kicker{font-size:14px;line-height:20px;font-weight:600;margin-block:24px 16px}.package-ladder{list-style:none;padding:0;margin:0;display:grid;gap:8px}.package-ladder li{display:flex;align-items:center;gap:16px;padding:12px 16px;border:1px solid #e7e1d7;border-radius:8px;background:#fdfcf9}.package-count{display:grid;place-items:center;width:40px;height:40px;flex:none;background:#f3e4d8;color:#9c482c;font-size:20px;line-height:28px;font-weight:600;border-radius:8px;font-variant-numeric:tabular-nums}.package-ladder li>div{display:grid;gap:4px}.package-ladder strong{font-size:14px;line-height:20px;font-weight:600}.package-ladder li>div>span{font-size:12px;line-height:16px;color:#706456}.package-ladder small{font-size:12px;line-height:16px;color:#706456;margin-inline-start:auto;text-align:end}.preview-footnote{font-size:12px;line-height:16px;color:#706456;margin-top:16px}.preview-names{display:grid;gap:16px;margin:0}.preview-names>div{background:#f7f4ec;border:1px solid #e6ded0;border-radius:8px;padding:16px}.preview-names dt{display:flex;gap:8px;font-size:12px;line-height:16px;color:#7e705f}.preview-names dd{margin:12px 0 0;font-size:24px;line-height:32px}.preview-detail pre{overflow:auto;max-width:100%;max-height:272px;padding:16px;background:#f5f3ee;border-radius:8px;font-size:12px;line-height:16px;margin:0;white-space:pre}.story-preview figcaption{display:flex;justify-content:space-between;gap:24px;padding:16px 24px;background:#f7f5f1;border-radius:16px;font-size:12px;line-height:16px;color:#766b5a}.story-preview figcaption code{color:#8b4029}.story-compat{display:flex;gap:32px;align-items:center;justify-content:space-between;padding-block:32px;border-bottom:1px solid var(--line);font-size:12px;line-height:16px;color:#706456}.story-compat ul{list-style:none;display:flex;gap:32px;padding:0;margin:0;color:#57544c}.story-section{padding-block:96px}.story-section-heading{max-width:680px}.story-section h2,.story-tagline h2{font-size:48px;line-height:1;letter-spacing:-1.5px}.story-lead{font-size:18px;line-height:28px;color:var(--muted);margin-top:24px;max-width:680px}.story-body{font-size:16px;line-height:24px;color:var(--muted);margin-top:24px;max-width:560px}.outcome-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:40px;margin-top:48px}.outcome{display:flex;gap:24px;padding-block:24px;border-top:1px solid var(--line)}.outcome>span{font-size:12px;line-height:16px;color:#706456;padding-top:4px}.outcome h3{font-size:24px;line-height:32px;letter-spacing:-.5px}.outcome p{font-size:16px;line-height:24px;color:var(--muted);margin-top:12px;max-width:480px}.story-tint{background:var(--tint)}.story-table-wrap{overflow-x:auto;margin-top:48px}.story-data-table{border-collapse:collapse;width:100%;text-align:start;table-layout:fixed}.story-data-table caption{text-align:start;font-size:12px;line-height:16px;color:#706456;margin-bottom:16px}.story-data-table th,.story-data-table td{text-align:start;padding:24px 24px 24px 0;vertical-align:top;font-size:16px;line-height:24px;border-top:1px solid #d8d2c6;word-wrap:break-word}.story-data-table thead th{font-size:12px;line-height:16px;font-weight:400;color:#706456}.story-data-table th:first-child{width:24%}.story-data-table td{color:#6d665b}.story-data-table th{font-weight:600}.story-data-note{max-width:800px;font-size:14px;line-height:20px;color:#706456;margin-top:24px}.story-developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:48px}.story-steps{list-style:none;margin:0;padding:0;display:grid;gap:32px}.story-steps li{display:flex;gap:24px}.story-steps li>span{font-size:12px;line-height:16px;color:var(--accent);width:32px;min-width:32px;height:32px;display:grid;place-items:center;background:#f1e5da;border-radius:9999px}.story-steps h3{font-size:20px;line-height:28px}.story-steps p{font-size:16px;line-height:24px;color:var(--muted);margin-top:8px}.code-surface{background:#181818;color:#fff;padding:24px;border-radius:16px;min-width:0;overflow:hidden}.code-topline{display:flex;justify-content:space-between;gap:16px;color:#c4b9a8;font-size:12px;line-height:16px}.code-surface pre{font-size:12px;line-height:16px;overflow:auto;margin-block:24px;direction:ltr;text-align:left;max-width:100%}.code-comment{color:#d4b38e}.code-tabs{display:flex;gap:24px;color:#a8a299;font-size:12px;line-height:16px}.code-tabs .selected{color:#fff}.story-code-example>p{font-size:12px;line-height:16px;color:#706456;margin-block:16px}.story-api-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:64px;padding-top:32px;border-top:1px solid var(--line)}.story-api-options h3{font-size:18px;line-height:28px}.story-api-options p{font-size:14px;line-height:20px;color:var(--muted);margin-top:12px}.story-catalogue{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.story-feature-list{list-style:none;display:grid;gap:24px;padding:0;margin:32px 0 0}.story-feature-list h3{font-size:18px;line-height:28px}.story-feature-list p{font-size:16px;line-height:24px;color:var(--muted);margin-top:8px}.import-story{border:1px solid #d3cabc;border-radius:24px;background:#fcfaf5;padding:32px}.import-story-file{display:flex;gap:16px;align-items:center;margin-bottom:32px}.import-story-file>span{padding:12px 8px;background:#eadac7;color:#854426;font-size:12px;line-height:16px;border-radius:4px}.import-story-file>div{display:grid;gap:4px}.import-story-file strong{font-size:18px;line-height:28px}.import-story-file small{font-size:12px;line-height:16px;color:#706456}.import-story-step{display:flex;gap:16px;padding-block:24px;border-top:1px solid #e4dacd}.story-step-index{width:24px;min-width:24px;height:24px;background:#f0e3d1;color:#985335;border-radius:9999px;font-size:12px;line-height:16px;display:grid;place-items:center}.import-story-step h3{font-size:16px;line-height:24px}.import-story-step p{font-size:14px;line-height:20px;color:#706456;margin-top:8px}.import-story-step dl{font-size:12px;line-height:16px;display:grid;gap:12px;margin:16px 0 0}.import-story-step dl>div{display:flex;gap:24px;align-items:baseline}.import-story-step dt{font-family:ui-monospace,monospace;min-width:80px;color:#9b512f}.import-story-step dd{margin:0;color:#7b715f}.import-story-state{display:inline-flex;font-size:12px;line-height:16px;border:1px solid #cfbea5;color:#86603d;padding:4px 8px;border-radius:4px;margin-top:16px}.import-story-caption{font-size:12px;line-height:16px;color:#706456;margin-top:8px}.story-language{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.language-specimen{padding:40px;border:1px solid #e0d5c4;border-radius:24px;background:#f6efe4;transform:rotate(-2deg)}.language-specimen>div{padding-block:24px}.language-specimen>div+div{border-top:1px solid #d8c9b2}.language-specimen span{font-size:12px;line-height:16px;color:#706456}.language-specimen>div p{font-size:36px;line-height:40px;margin-top:12px;color:#6a492d}.language-specimen>p{font-size:12px;line-height:16px;color:#706456;margin-top:16px}.story-tagline{padding-block:80px;text-align:center}.story-tagline .story-label{justify-content:center}.story-tagline h2{font-size:60px;line-height:1;letter-spacing:-2px;max-width:680px;margin:auto;color:#8d4628}.word{opacity:.32}.word.active{opacity:1}.access-details{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:48px}.access-details article{padding-top:24px;border-top:1px solid var(--line)}.access-details h3{font-size:24px;line-height:32px;letter-spacing:-.5px}.access-details p{font-size:16px;line-height:24px;color:var(--muted);margin-top:16px}.story-environment{display:flex;gap:24px;border:1px solid #ddd0bd;border-radius:16px;padding:24px 32px;background:#f7f0e4;margin-top:48px}.environment-mark{font-size:16px;line-height:24px;color:#9c5736;width:24px;min-width:24px;height:24px;text-align:center;border:1px solid #c8a384;border-radius:9999px;font-weight:600}.story-environment h3{font-size:16px;line-height:24px}.story-environment p{font-size:14px;line-height:20px;color:#706456;margin-top:8px}.story-questions{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;align-items:start}.story-questions .story-section-heading{position:sticky;top:32px}.story-answers{display:grid;gap:32px}.story-answer{padding-top:24px;border-top:1px solid #d9cfc0}.story-answer:first-child{padding-top:0;border-top:0}.story-answer h3{font-size:18px;line-height:28px}.story-answer p{font-size:16px;line-height:24px;color:#786c59;margin-top:12px}.story-final{text-align:center;max-width:800px}.story-final h2{font-size:60px;line-height:1;letter-spacing:-2px}.story-final .story-lead{margin:24px auto 32px}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:32px;border-top:1px solid var(--line)}.public-footer .brand{font-size:20px;line-height:28px}.public-footer>p{font-size:12px;line-height:16px;color:#706456;max-width:320px}.public-footer nav{display:flex;gap:24px;font-size:12px;line-height:16px;color:#6f685e}.guide{max-width:800px;padding-block:80px}.guide h1{font-size:60px;line-height:1;letter-spacing:-2px;max-width:680px}.guide>.eyebrow{font-size:12px;line-height:16px;color:var(--accent);margin-bottom:24px}.guide h2{font-size:30px;line-height:36px;letter-spacing:-1px;margin-top:48px}.guide h3{font-size:20px;line-height:28px;margin-top:32px}.guide p{font-size:16px;line-height:24px;color:var(--muted);margin-top:24px}.guide p.updated{font-size:12px;line-height:16px}.guide li{font-size:16px;line-height:24px;color:var(--muted);margin-block:12px}.guide .code-surface{margin-top:32px}.guide .story-preview{margin-block:32px}.guide .preview-main{grid-template-columns:1fr}.guide .preview-identity{border-inline-end:0;border-bottom:1px solid #ece7de}.guide .button{margin-top:32px}.guide-list{padding-inline-start:24px}.guide .text-link{margin-block:24px}.reveal-ready .reveal{opacity:0;transform:translateY(16px);filter:blur(4px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease)}.reveal-ready .reveal.visible{opacity:1;transform:translateY(0);filter:blur(0)}[dir=rtl] .button svg,[dir=rtl] .story-text-link svg{transform:scaleX(-1)}[dir=rtl] .story-hero h1,[dir=rtl] .story-section h2,[dir=rtl] .story-tagline h2,[dir=rtl] .story-final h2{letter-spacing:0}[dir=rtl] .story-data-table th,[dir=rtl] .story-data-table td{padding-inline:0 24px}
@media(min-width:1600px){.story-hero{padding-top:64px}.story-preview{margin-top:64px}}
@media(max-width:1000px){.island-nav{gap:32px}.preview-identity{padding:24px}.preview-detail{padding:24px}.preview-product-title{gap:16px}.preview-product-title h2{font-size:24px;line-height:32px}.package-ladder small{display:none}.story-compat{display:block}.story-compat ul{margin-top:16px;flex-wrap:wrap;gap:24px}.story-catalogue,.story-language,.story-developer-grid,.story-questions{gap:40px}.outcome-grid,.access-details{column-gap:40px}.story-section{padding-block:80px}.public-footer{flex-wrap:wrap}.story-data-table th:first-child{width:28%}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.public-header{padding-top:16px}.island-nav{width:calc(100% - 32px);max-width:none;gap:16px;padding:8px 16px;min-height:64px}.brand{font-size:24px;line-height:32px}.desktop-links{display:none}.language-link{margin-inline-start:auto}.menu-toggle{display:block}.story-hero{padding-top:40px}.story-hero h1{font-size:36px;line-height:40px;letter-spacing:-1px}.story-hero-intro{font-size:16px;line-height:24px;margin-block:24px}.story-hero-copy .story-label{font-size:12px;line-height:16px;margin-bottom:24px}.story-hero-copy br{display:none}.story-preview{margin-top:40px;border-radius:16px;padding:4px}.preview-toolbar{padding:12px;gap:12px;border-radius:12px;align-items:start}.preview-brand{flex-wrap:wrap;gap:4px}.preview-brand>span{display:none}.preview-example{max-width:144px;text-align:end;font-size:12px;line-height:16px}.preview-main{grid-template-columns:1fr}.preview-identity{padding:24px 16px;border-inline-end:0;border-bottom:1px solid #ece7de}.preview-product-title{margin-block:16px}.preview-product-icon{width:64px;min-width:64px;height:96px;border-radius:12px}.preview-product-icon svg{width:48px;height:80px}.preview-product-title h2{font-size:24px;line-height:32px}.preview-product-title p{font-size:18px;line-height:28px}.preview-detail{padding:24px 16px}.preview-tabs{gap:4px}.preview-tabs button{padding:8px;min-width:0}.package-ladder li{padding:12px;gap:12px}.preview-note{max-width:100%}.story-preview figcaption{padding:12px;display:grid;gap:8px;border-radius:12px}.story-compat{padding-block:24px}.story-compat ul{gap:16px;font-size:12px;line-height:16px}.story-section{padding-block:64px}.story-section h2{font-size:36px;line-height:40px;letter-spacing:-1px}.story-lead{font-size:16px;line-height:24px;margin-top:24px}.story-section-heading br{display:none}.outcome-grid{grid-template-columns:1fr;gap:8px;margin-top:32px}.outcome{gap:16px;padding-block:24px}.outcome h3{font-size:20px;line-height:28px}.outcome p{font-size:16px;line-height:24px}.story-table-wrap{margin-top:32px}.story-data-table,.story-data-table tbody,.story-data-table tr,.story-data-table th,.story-data-table td{display:block;width:100%}.story-data-table{table-layout:auto}.story-data-table thead{display:none}.story-data-table caption{display:block;width:100%}.story-data-table tbody th{padding:24px 0 8px;border-top:1px solid #d8d2c6;font-size:18px;line-height:28px}.story-data-table th:first-child{width:100%}.story-data-table td{padding:4px 0 12px;border-top:0;font-size:14px;line-height:20px}.story-data-table td:last-child{color:#935a3c;padding-bottom:24px}.story-developer-grid,.story-catalogue,.story-language,.story-questions{grid-template-columns:1fr;gap:40px}.story-developer-grid{margin-top:32px}.story-steps li{gap:16px}.story-api-options{grid-template-columns:1fr;gap:24px;margin-top:40px}.story-api-options h3{font-size:20px;line-height:28px}.story-api-options p{font-size:16px;line-height:24px}.code-surface{padding:24px 16px;border-radius:12px}.code-topline{font-size:12px;line-height:16px}.story-feature-list{margin-top:32px}.import-story{padding:24px;border-radius:16px}.import-story-step{gap:12px}.import-story-step dl>div{gap:12px;flex-wrap:wrap}.import-story-step dt{min-width:64px}.story-language{gap:48px}.language-specimen{padding:24px;transform:none;border-radius:16px}.language-specimen>div p{font-size:30px;line-height:36px}.story-tagline{padding-block:64px}.story-tagline h2{font-size:36px;line-height:40px;letter-spacing:-1px}.access-details{grid-template-columns:1fr;gap:32px;margin-top:32px}.access-details h3{font-size:20px;line-height:28px}.story-environment{padding:24px;gap:16px;margin-top:32px}.story-questions .story-section-heading{position:static}.story-answers{gap:24px}.story-final h2{font-size:36px;line-height:40px;letter-spacing:-1px}.public-footer{gap:24px;padding-block:32px}.public-footer>p{max-width:100%;width:100%}.public-footer nav{flex-wrap:wrap;gap:24px}.guide{padding-block:64px}.guide h1{font-size:36px;line-height:40px;letter-spacing:-1px}.guide h2{font-size:24px;line-height:32px}.guide .preview-identity{padding:24px 16px}[dir=rtl] .story-data-table th,[dir=rtl] .story-data-table td{padding-inline:0}}
@media(max-width:380px){.container{width:calc(100% - 32px)}.story-hero h1{font-size:36px;line-height:40px;letter-spacing:-1px}.story-hero{padding-top:32px}.preview-product-title{gap:12px}.preview-product-title h2{font-size:20px;line-height:28px}.preview-product-title p{font-size:16px;line-height:24px}.preview-detail{padding:24px 12px}.preview-tabs button{font-size:12px;line-height:16px;padding:8px 4px}.package-ladder li{padding:12px 8px}.story-preview figcaption code{font-size:12px;line-height:16px}.story-environment{padding:16px}.story-label{gap:8px}.story-section h2{font-size:30px;line-height:36px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready .reveal{opacity:1;transform:none;filter:none}.word{opacity:1}}

.preview-main>*,.story-developer-grid>*,.story-catalogue>*,.story-language>*,.story-questions>*,.story-code-example{min-width:0}

/* Product story: a physical item, the reference around it, and clear paths into the work. */
.story-hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding-block:32px 64px}
.story-hero-copy{text-align:start;max-width:680px;margin:0}
.story-hero-copy>.story-label{justify-content:flex-start;margin-bottom:32px}
.label-dot{width:8px;min-width:8px!important;height:8px;border-radius:9999px;background:var(--accent)}
.story-hero h1{margin:0;font-size:60px;line-height:1;letter-spacing:-2px}
.story-hero-intro{margin:24px 0 32px;max-width:480px}
.story-hero .story-risk{margin-top:16px}
.hero-proof{display:flex;gap:24px;margin-top:32px;font-size:12px;line-height:16px;color:var(--muted)}
.hero-proof span{display:flex;align-items:center;gap:8px}
.hero-proof span:before{content:'';width:4px;height:4px;background:var(--accent);border-radius:9999px}
.reference-scene{min-width:0;position:relative;height:560px;background:#eeebe3;border-radius:24px;isolation:isolate;overflow:hidden}
.scene-top{display:flex;justify-content:space-between;gap:16px;padding:24px;font-size:12px;line-height:16px;color:#6c6254}
.scene-index{color:#7c402b;font-weight:600;white-space:nowrap}
.scene-orbit{position:absolute;width:320px;height:320px;border:1px solid #d3cabb;border-radius:9999px;top:96px;inset-inline-start:calc(50% - 160px);transform:rotate(-24deg)}
.scene-orbit:before{content:'';position:absolute;inset:24px -24px;border:1px solid #d3cabb;border-radius:50%;transform:rotate(60deg)}
.scene-art{position:absolute;top:80px;inset-inline-start:calc(50% - 112px);width:224px;height:400px;transform:rotate(-12deg);filter:drop-shadow(8px 16px 12px #79634320)}
.scene-art svg{width:100%;height:100%}
.scene-name,.scene-barcode,.scene-pack{position:absolute;z-index:1;background:#fffefa;border:1px solid #e2dacd;border-radius:12px;box-shadow:0 8px 24px #6a513112}
.scene-field{display:block;font-size:12px;line-height:16px;color:#776b59;margin-bottom:12px}
.scene-name{top:80px;inset-inline-end:24px;padding:16px 24px;min-width:192px;transform:rotate(4deg)}
.scene-name strong{display:block;font-size:18px;line-height:28px;font-weight:600}
.scene-name>span[lang=ar]{display:block;font-size:18px;line-height:28px;margin-top:4px;text-align:start;color:#6d5743}
.scene-locales{display:flex;gap:8px;margin-top:16px}
.scene-locales span{font-size:12px;line-height:16px;color:#7d5039;background:#f3eadb;padding:4px 8px;border-radius:4px}
.scene-barcode{top:48%;inset-inline-start:24px;padding:16px;transform:rotate(-4deg)}
.scene-barcode svg{width:144px;height:24px;color:#40372d}
.scene-barcode>span:last-child{display:block;font-size:12px;line-height:16px;margin-top:8px;letter-spacing:1px;color:#655641}
.scene-pack{bottom:64px;inset-inline-end:24px;padding:16px 24px;min-width:288px;transform:rotate(2deg)}
.scene-pack-chain{display:flex;align-items:center;gap:16px}
.scene-pack-chain>span{display:grid;gap:4px;font-size:12px;line-height:16px;color:#786750}
.scene-pack-chain strong{font-size:24px;line-height:32px;color:#8b4029;font-weight:600;font-variant-numeric:tabular-nums}
.scene-pack-chain b{font-size:12px;line-height:16px;font-weight:400;color:#786750}
.reference-scene figcaption{position:absolute;bottom:0;inset-inline:0;display:flex;justify-content:space-between;gap:16px;padding:16px 24px;font-size:12px;line-height:16px;color:#6a5b48;background:#e5dfd3}
.reference-scene .scene-caption-note{white-space:nowrap}
.story-compat{padding-block:24px 32px}
.story-compat>span{color:var(--ink);font-size:14px;line-height:20px}
.story-compat ul{gap:24px}
.inspector-intro{display:flex;justify-content:space-between;align-items:end;gap:48px;padding-top:80px}
.inspector-intro .story-label{margin-bottom:16px}
.inspector-intro h2{font-size:36px;line-height:40px;letter-spacing:-1px}
.inspector-intro>p{font-size:14px;line-height:20px;color:var(--muted);max-width:360px}
.story-hero .story-preview{margin-top:32px}
.story-preview{box-shadow:0 16px 40px #76694c0a}
.preview-identity{background:#faf7f0;border:0;border-radius:16px;margin:8px}
.preview-product-icon{background:#efe8da;width:80px;min-width:80px;height:128px}
.preview-product-icon svg{height:112px;width:64px}
.preview-detail{padding:32px}
.story-problem{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:start}
.story-problem .story-section-heading{position:sticky;top:32px}
.story-problem h2{font-size:48px;line-height:1}
.outcome-grid{grid-template-columns:1fr;gap:32px;margin:0}
.outcome{border:0;padding:0;gap:24px}
.outcome-icon{display:grid;place-items:center;width:48px;min-width:48px;height:48px;background:#eee9df;border-radius:12px;color:#985035!important;padding:12px!important}
.outcome-icon svg{width:24px;height:24px}
.outcome h3{font-size:20px;line-height:28px}
.outcome p{font-size:14px;line-height:20px;margin-top:8px}
.story-tint{background:#f3f0e9}
#product .story-section-heading{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:end}
#product .story-label{grid-column:1/-1}
#product .story-lead{font-size:16px;line-height:24px;max-width:480px;margin:0}
.story-table-wrap{background:#fcfbf8;border:1px solid #e1dacc;border-radius:16px;padding:24px 32px 8px}
.story-data-table caption{color:#7b5f43}
.story-data-table th,.story-data-table td{padding-block:24px;font-size:14px;line-height:20px}
.story-data-table thead th{font-size:12px;line-height:16px}
.story-data-table tbody th{font-size:18px;line-height:28px;color:#493c2d}
.story-data-table td:last-child{color:#81553a}
.story-developers>.story-section-heading{max-width:800px}
.story-code-example{position:sticky;top:32px}
.code-surface{padding:32px;box-shadow:0 16px 32px #57452d16}
.code-surface pre{margin-block:32px;font-size:14px;line-height:20px}
.code-topline{padding-bottom:16px}
.story-api-options{display:block;border:0;margin-top:48px;padding:0}
.story-api-options article{display:grid;grid-template-columns:160px 1fr;gap:32px;padding:24px 0;border-top:1px solid var(--line)}
.story-api-options p{margin:0;max-width:760px}
.story-feature-list li{position:relative;padding-inline-start:24px}
.story-feature-list li:before{content:'';position:absolute;inset-inline-start:0;top:8px;width:8px;height:8px;background:#b27f5a;border-radius:2px}
.import-story{margin-top:48px;padding:8px;border-radius:24px;background:#fcfbf8;box-shadow:0 16px 32px #80684a0a;transform:rotate(1deg)}
.import-story-file{padding:24px;background:#e9e1d2;border-radius:16px;margin:0}
.import-story-step{padding:24px;margin-inline:8px;border:0}
.import-story-step+.import-story-step{background:#f3f0e8;border-radius:12px}
.import-story-step:last-of-type{background:transparent}
.import-story-caption{padding:16px;margin:0}
.language-specimen{background:#e9dfce;box-shadow:0 16px 32px #80684a0a;border:0;transform:rotate(-2deg)}
.language-specimen>div p{font-size:48px;line-height:1;letter-spacing:-1px}
.language-specimen>div+div{margin-inline-start:40px;padding-inline-start:24px;border:0;background:#faf6ee;border-radius:12px;padding:24px;margin-top:16px;box-shadow:0 8px 16px #80684a08}
.language-specimen>p{margin-top:32px}
.story-tagline{background:#e8dfcf;padding-block:96px}
.story-tagline h2{color:#82462d}
.story-answer{padding:24px 0 0}
.story-answer p{color:#685e50}
.story-final{max-width:1200px;margin-block:64px 48px;padding:80px 32px;background:#eee6d9;border-radius:24px}
.story-final h2{max-width:800px;margin:auto}
.story-final .story-lead{max-width:640px}
[dir=rtl] .scene-name{transform:rotate(-4deg)}
[dir=rtl] .scene-art{transform:rotate(12deg)}
[dir=rtl] .scene-barcode{transform:rotate(4deg)}
[dir=rtl] .scene-pack{transform:rotate(-2deg)}
[dir=rtl] .language-specimen>div p{letter-spacing:0}
@media(min-width:1600px){.story-hero .story-preview{margin-top:32px}}
@media(max-width:1100px){
 .story-hero-stage{gap:32px}.story-hero h1{font-size:48px;line-height:1}.reference-scene{height:520px}
 .scene-top{padding:24px 16px}.scene-top>span:last-child{max-width:144px;text-align:end}
 .scene-name{inset-inline-end:16px;top:80px;min-width:176px;padding:16px}
 .scene-art{inset-inline-start:calc(50% - 128px);width:208px}
 .scene-barcode{inset-inline-start:16px;top:248px}.scene-pack{inset-inline-end:16px;bottom:64px;padding:16px;min-width:256px}
 .scene-pack-chain{gap:12px}.reference-scene figcaption{padding:16px}.reference-scene .scene-caption-text{display:none}
 .story-problem{gap:48px}.story-problem h2{font-size:36px;line-height:40px}
 #product .story-section-heading{column-gap:40px}.story-catalogue{gap:40px}
}
@media(max-width:760px){
 .story-hero{padding-top:40px}.story-hero-stage{grid-template-columns:1fr;gap:40px;padding-block:0 32px}
 .story-hero-copy{max-width:560px}.story-hero-copy>.story-label{margin-bottom:24px}
 .story-hero h1{font-size:36px;line-height:40px;letter-spacing:-1px}
 .story-hero-copy br{display:block}.story-hero-intro{margin-block:24px 32px;max-width:100%}
 .hero-proof{margin-top:24px}.reference-scene{height:480px;max-width:560px;width:100%;margin:auto;border-radius:16px}
 .scene-top{padding:16px}.scene-name{top:64px;inset-inline-end:16px;min-width:176px}
 .scene-art{top:64px;width:208px;height:368px;inset-inline-start:calc(50% - 112px)}
 .scene-barcode{top:48%;inset-inline-start:16px;padding:12px}.scene-barcode svg{width:112px;height:24px}
 .scene-pack{bottom:64px;min-width:256px;border-radius:12px}.scene-pack-chain strong{font-size:20px;line-height:28px}
 .scene-orbit{top:80px;width:288px;height:288px;inset-inline-start:calc(50% - 144px)}
 .reference-scene figcaption{padding:16px;font-size:12px;line-height:16px}
 .story-compat{padding-block:24px}.story-compat ul{gap:12px 24px}
 .inspector-intro{display:block;padding-top:48px}.inspector-intro h2{font-size:30px;line-height:36px}.inspector-intro>p{margin-top:16px;max-width:100%}
 .story-hero .story-preview{margin-top:24px}.preview-identity{margin:4px;border-radius:8px;padding:24px 16px}
 .preview-product-icon{height:112px;width:64px;min-width:64px}.preview-product-icon svg{height:96px;width:56px}
 .preview-detail{padding:24px 16px}.story-problem{grid-template-columns:1fr;gap:40px}
 .story-problem .story-section-heading,.story-code-example{position:static}
 .story-problem h2{font-size:36px;line-height:40px}.outcome-grid{gap:32px;margin:0}
 .outcome{gap:16px;padding:0}.outcome-icon{width:40px;min-width:40px;height:40px;padding:8px!important}
 .outcome p{font-size:16px;line-height:24px}
 #product .story-section-heading{display:block}#product .story-lead{margin-top:24px}
 .story-table-wrap{padding:24px 16px 8px}.story-data-table td,.story-data-table th{padding:8px 0;font-size:14px;line-height:20px}
 .story-data-table tbody th{padding-top:24px;font-size:18px;line-height:28px}
 .story-data-table td:last-child{padding-bottom:24px}
 .story-api-options{margin-top:40px}.story-api-options article{grid-template-columns:1fr;gap:8px;padding-block:24px}
 .code-surface{padding:24px 16px}.code-surface pre{font-size:12px;line-height:16px}
 .import-story{margin-top:0;transform:none;border-radius:16px}.import-story-file{padding:16px;border-radius:8px}
 .import-story-step{padding:24px 12px;margin:0}.import-story-caption{padding:12px}
 .language-specimen{transform:none}.language-specimen>div p{font-size:36px;line-height:40px}
 .language-specimen>div+div{margin-inline-start:24px;padding:16px}.language-specimen>div+div p{font-size:30px;line-height:36px}
 .story-tagline{padding-block:64px}.story-final{width:calc(100% - 32px);margin-block:32px;padding:64px 24px;border-radius:16px}
}
@media(max-width:380px){
 .story-hero h1{font-size:36px;line-height:40px;letter-spacing:-1px}
 .reference-scene{height:464px}.scene-name{min-width:160px;padding:12px}.scene-name strong,.scene-name>span[lang=ar]{font-size:16px;line-height:24px}
 .scene-barcode{top:46%;inset-inline-start:12px}.scene-art{inset-inline-start:calc(50% - 112px)}
 .scene-pack{inset-inline-end:12px;min-width:240px;padding:12px}.scene-pack-chain{gap:12px}
 .scene-top{gap:12px}.story-problem h2{font-size:30px;line-height:36px}
 .language-specimen>div p{font-size:30px;line-height:36px}.language-specimen>div+div{margin-inline-start:0}
}
@media(min-width:761px) and (max-width:900px){.story-hero h1{font-size:36px;line-height:40px;letter-spacing:-1px}}