:root{--ink:#0c1426;--muted:#48536a;--blue:#395ef6;--gold:#b7791c;--border:#e5eaf4;--container:1310px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.72 -apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:white;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #398afc;outline-offset:3px}.container{width:min(var(--container),calc(100% - 90px));margin:0 auto}.site-header{height:89px;background:rgba(255,255,255,.97);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(232,235,243,.4);backdrop-filter:blur(15px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;white-space:nowrap;letter-spacing:-.055em}.brand picture{display:inline-flex;flex:none;line-height:0}.brand-icon{width:30px;height:30px;border-radius:8px;display:block;object-fit:cover;flex:none}.site-nav{display:flex;gap:38px;align-items:center;font-size:14px;font-weight:600;color:#2d3852}.site-nav a:hover,.text-link:hover,.footer-nav a:hover{color:var(--blue)}.header-cta{padding:12px 22px;border-radius:999px;background:#0c111b;color:white;font-size:14px;font-weight:700;white-space:nowrap}.header-cta span{margin-left:6px}.menu-trigger{display:none;background:none;border:0;font-size:26px}.feature-section{position:relative;scroll-margin-top:89px;overflow:hidden}.hero{padding:78px 0 105px;background:radial-gradient(ellipse at 78% 34%,#edf3ff 0%,transparent 57%),#fff}.two-up{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:535px}.feature-copy{z-index:3;position:relative}.eyebrow{font-size:17px;color:#536079;margin:0 0 20px;font-weight:500}.feature-copy h1,.feature-copy h2{margin:0 0 24px;line-height:1.17;color:#070d1b;letter-spacing:-.07em;font-size:clamp(53px,5.1vw,82px);font-weight:830}.feature-copy h2{font-size:clamp(55px,5vw,79px)}.description{color:#44506a;font-size:17px;line-height:1.85;font-weight:500;margin:0 0 38px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:15px 27px;border-radius:999px;font-size:14px;font-weight:750;box-shadow:0 13px 27px rgba(48,78,220,.16);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 18px 31px rgba(48,78,220,.19)}.button-blue{color:white;background:linear-gradient(120deg,#4a6cfd,#3159eb)}.button-dark{color:white;background:#0c111c;box-shadow:0 10px 20px rgba(0,0,0,.12)}.text-link{font-size:15px;color:#596178;font-weight:700}.text-link span{margin-left:7px}.key-features{margin-top:74px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;max-width:525px}.key-features>div{display:flex;flex-direction:column;gap:13px;align-items:flex-start;color:#515c74;font-size:13.5px;font-weight:600;line-height:1.65}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dfe8fa;border-radius:14px;background:#f7faff}.feature-icon.blue{color:#355de1}.feature-icon.amber{color:#c27a1c;border-color:#f9e9d7;background:#fffaf3}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}.visual-column{position:relative;min-height:510px;display:flex;align-items:center}.orb{pointer-events:none;position:absolute;border-radius:50%;z-index:0}.orb-blue{width:680px;height:680px;right:-220px;top:-130px;background:radial-gradient(circle at 45% 40%,#f1f5ff,#e9efff 48%,transparent 70%);opacity:.95}.orb-gold{width:610px;height:610px;right:-210px;top:-135px;background:radial-gradient(circle at center,#fff4dd 0%,#fff7ed 40%,transparent 69%)}.device{position:relative;z-index:1}.laptop{width:110%;transform:translateX(6%);filter:drop-shadow(0 21px 23px rgba(19,36,65,.12))}.device-screen{position:relative;border:9px solid #111823;border-bottom-width:11px;border-radius:19px 19px 6px 6px;overflow:hidden;background:#151721;box-shadow:0 0 0 2px #a5aebe;aspect-ratio:16/9}.device-screen iframe{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;pointer-events:none;transform-origin:0 0}.device-screen img{width:100%;height:100%;display:block;object-fit:cover}.laptop-lip{position:absolute;left:-8%;right:-8%;height:15px;bottom:-14px;background:linear-gradient(#e4e9f2,#9da5b4 55%,#f8fbff);border-radius:3px 3px 50% 50%;box-shadow:0 4px 5px #9ba6b91f}.visual-note{font-size:10px;position:absolute;right:0;bottom:14px;color:#6a7795;z-index:2;text-align:right}.toki-section{padding:116px 0 115px;background:radial-gradient(ellipse at 74% 32%,#fff8ed,transparent 48%),#fff}.toki-device{width:100%;transform:translateX(7%)}.toki-device img{object-position:left center}.toki-visual{min-height:450px}.phone{position:absolute;width:180px;height:354px;right:-28px;bottom:5px;z-index:2;border:9px solid #111924;background:#0c111a;border-radius:31px;overflow:hidden;box-shadow:0 8px 30px #0b152a55,0 0 0 2px #a8b2c1}.phone img{width:100%;height:100%;object-fit:cover;object-position:center}.phone-camera{position:absolute;z-index:3;top:3px;left:33%;width:34%;height:13px;border-radius:14px;background:#0a1019}.gallery-intro{text-align:center;margin:100px 0 24px}.gallery-intro h3{font-size:27px;margin:0 0 7px;letter-spacing:-.04em}.gallery-intro p{margin:0;color:#69748a;font-size:14px}.screens-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screens-gallery figure{margin:0;overflow:hidden;border-radius:16px;border:1px solid #e0e6ef;background:#f8fafd;box-shadow:0 8px 24px rgba(22,39,70,.04)}.screens-gallery img{display:block;width:100%;height:240px;object-fit:cover}.screens-gallery figcaption{padding:12px 18px;font-size:13px;font-weight:700;color:#44516c}.ecosystem-section{scroll-margin-top:89px;text-align:center;background:radial-gradient(ellipse at 6% 30%,#f2f8ff,transparent 36%),radial-gradient(ellipse at 95% 52%,#f0efff,transparent 35%),#f9fbff;border-top:1px solid #f0f2f8;padding:96px 0 115px}.overline{font-size:13px;letter-spacing:.17em;font-weight:800;color:#8b96b0;margin:0 0 14px}.eco-inner h2{font-size:clamp(27px,3.1vw,44px);letter-spacing:-.06em;line-height:1.28;margin:0 0 18px}.ecosystem-lead{color:#616c83;line-height:1.8;margin:0 0 55px}.journey{display:grid;grid-template-columns:1fr 55px 1fr 55px 1fr;gap:0;align-items:center;max-width:1080px;margin:0 auto}.journey-card{min-height:182px;border-radius:17px;border:1px solid #ecedf4;background:rgba(255,255,255,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 29px #314c7521;gap:4px}.journey-icon{font-size:25px;width:50px;height:50px;line-height:50px;margin-bottom:12px;border-radius:15px}.gas-app-mark{display:block;object-fit:cover;flex:none;border-radius:8px}.journey-icon.gas-app-mark{background:transparent;line-height:normal}.doc-compare-heading{display:flex;align-items:center;gap:10px}.green{background:#e8fff1;color:#20ac56}.orange{background:#fff6df;color:#c37b19}.purple{background:#f2ebff;color:#8454d9}.journey-card strong{font-size:15px}.journey-card b{font-size:14px}.journey-card span{font-size:13px;color:#7a8499}.journey-arrow{font-size:35px;color:#a6b1c5}.ecosystem-note{font-size:11px;color:#7c8799;margin:24px auto 0}.footer{padding:28px 0 20px;background:white}.footer-inner{display:flex;justify-content:space-between;align-items:center}.footer-inner>div:first-child{display:flex;flex-direction:column;gap:0}.footer-inner small{font-size:12px;color:#8b96aa;margin-left:43px}.footer-nav{display:flex;gap:25px;align-items:center;color:#7a859c;font-size:13px}.legal-note{color:#9ba4b2;font-size:11px;margin-top:20px;border-top:1px solid #f1f2f4;padding-top:12px}@media(max-width:1090px){.container{width:calc(100% - 62px)}.two-up{grid-template-columns:43% 57%}.feature-copy h1,.feature-copy h2{font-size:58px}.description{font-size:14px}.key-features{gap:9px}.key-features>div{font-size:12px}.phone{width:145px;height:290px;right:-11px}.visual-column{min-height:410px}.toki-visual{min-height:390px}.orb-blue,.orb-gold{width:500px;height:500px}.laptop{width:108%}}@media(max-width:740px){.site-header{height:68px}.container{width:calc(100% - 38px)}.brand{font-size:20px}.brand-icon{width:28px;height:28px}.header-cta{font-size:12px;padding:10px 13px;margin-left:auto}.menu-trigger{display:block;order:3;font-size:21px;color:#141a27}.site-nav{position:absolute;display:none;left:0;right:0;top:68px;background:white;padding:18px 22px;box-shadow:0 20px 25px #101a2717;flex-direction:column;align-items:start;gap:20px}.site-nav.open{display:flex}.hero{padding:55px 0 68px}.two-up{display:flex;flex-direction:column;min-height:0;align-items:stretch}.feature-copy h1,.feature-copy h2{font-size:clamp(46px,14vw,68px);margin-bottom:14px}.eyebrow{font-size:14px;margin-bottom:11px}.description{font-size:14px;line-height:1.9;margin-bottom:24px}.desktop-only{display:none}.actions{gap:19px}.button{padding:13px 20px;font-size:13px}.text-link{font-size:13px}.key-features{margin-top:33px;gap:8px;max-width:none}.key-features>div{font-size:11px}.feature-icon{width:38px;height:38px;border-radius:12px}.feature-icon svg{width:20px;height:20px}.visual-column{min-height:0;margin-top:45px;padding-bottom:30px}.laptop{width:95%;transform:translateX(1%)}.orb-blue,.orb-gold{width:370px;height:370px;right:-95px;top:-95px}.device-screen{border-width:5px;border-bottom-width:8px;border-radius:12px 12px 5px 5px}.laptop-lip{height:9px;bottom:-8px}.visual-note{bottom:0;font-size:9px}.toki-section{padding:66px 0 74px}.toki-device{width:92%;transform:none}.toki-visual{margin-top:50px;min-height:230px}.phone{width:95px;height:193px;right:2px;bottom:15px;border-width:5px;border-radius:18px}.phone-camera{height:7px;top:1px}.gallery-intro{margin:45px 0 20px}.gallery-intro h3{font-size:22px}.screens-gallery{grid-template-columns:1fr;gap:15px}.screens-gallery figure{border-radius:12px}.ecosystem-section{padding:72px 0 90px}.ecosystem-lead{font-size:13px;margin-bottom:37px}.ecosystem-lead br{display:none}.journey{grid-template-columns:1fr;gap:10px;max-width:400px}.journey-card{min-height:145px}.journey-arrow{transform:rotate(90deg);font-size:25px}.footer-inner{display:block}.footer-nav{gap:14px;margin-top:28px;display:flex;flex-wrap:wrap;font-size:12px}.legal-note{line-height:1.7}.brand-icon i{width:9px;height:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

@media(max-width:740px){.screens-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:13px}.screens-gallery figure{flex:0 0 83%;scroll-snap-align:start;max-width:420px}.screens-gallery img{height:210px;object-fit:cover}.gallery-intro{margin-top:50px}}
.skip-link{position:absolute;left:16px;top:-48px;z-index:80;background:#0c111b;color:#fff;padding:8px 14px;border-radius:8px}
.skip-link:focus{top:12px}
.disclosure{background:#fff;padding:8px 0 8px}
.disclosure-inner{border-top:1px solid #f1f2f4;padding-top:28px}
.disclosure h2{margin:0 0 10px;font-size:15px;letter-spacing:-.03em}
.disclosure p{margin:0 0 10px;color:#7a859c;font-size:13px;line-height:1.75}
.disclosure a{color:#395ef6;font-weight:700}
.disclosure-links{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0}
.doc-page{background:#fff}
.doc-main{padding:36px 0 90px;scroll-margin-top:89px}
.doc-wrap{width:min(760px,calc(100% - 90px));margin:0 auto}
.doc-wrap-wide{width:min(900px,calc(100% - 90px));margin:0 auto}
.doc-eyebrow{font-size:14px;color:#536079;margin:0 0 12px;font-weight:600}
.doc-main h1{margin:0 0 18px;font-size:clamp(32px,4vw,46px);letter-spacing:-.05em;line-height:1.2;color:#070d1b}
.doc-lead{color:#44506a;font-size:17px;line-height:1.85;margin:0 0 20px;font-weight:500}
.doc-meta{font-size:13px;color:#7a859c;margin:0 0 28px;line-height:1.7}
.doc-meta code{font-size:12px;background:#f3f6fc;padding:2px 6px;border-radius:4px}
.doc-section{margin:0 0 42px;padding-top:8px}
.doc-section h2{margin:0 0 14px;font-size:22px;letter-spacing:-.03em;color:#0c1426}
.doc-section h3{margin:22px 0 10px;font-size:17px;color:#1a2438}
.doc-section p,.doc-section li{color:#44506a;line-height:1.8;font-size:15px}
.doc-section ul,.doc-section ol{margin:0 0 14px;padding-left:1.25rem}
.doc-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#395ef6;background:#eef3ff;border-radius:6px;padding:4px 10px;margin-bottom:10px}
.doc-callout{border-radius:14px;padding:16px 18px;margin:16px 0;font-size:14px;line-height:1.75;border:1px solid #e5eaf4;background:#f8faff;color:#3d4a63}
.doc-callout-ok{border-color:#b8e6c8;background:#f2fbf5;color:#1f5a36}
.doc-callout-warn{border-color:#f5d9a8;background:#fff9ee;color:#7a4e12}
.doc-callout-info{border-color:#c5d8ff;background:#f3f7ff;color:#2a4578}
.doc-actions{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center;margin:24px 0}
.doc-actions .button{padding:14px 24px;font-size:14px}
.doc-toc{border:1px solid #e8edf5;border-radius:14px;padding:18px 22px;margin:0 0 36px;background:#fafbfd}
.doc-toc h2{margin:0 0 10px;font-size:15px;color:#2d3852}
.doc-toc ol{margin:0;padding-left:1.2rem;font-size:14px;line-height:1.9}
.doc-toc a{color:#395ef6;font-weight:600}
.doc-table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0 18px}
.doc-table th,.doc-table td{border:1px solid #e5eaf4;padding:10px 12px;text-align:left;vertical-align:top}
.doc-table th{background:#f5f8fd;color:#2d3852;font-weight:700}
.doc-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.doc-compare>div{border-radius:14px;padding:16px;border:1px solid #e5eaf4;background:#fafbfd}
.doc-compare h3{margin:0 0 10px;font-size:15px}
.doc-compare-ok{border-color:#b8e6c8;background:#f6fcf8}
.doc-compare-no{border-color:#e8edf5;background:#fff}
.doc-flow{list-style:none;margin:0;padding:0}
.doc-flow li{display:flex;gap:14px;margin:0 0 16px}
.doc-flow-num{flex:0 0 32px;height:32px;border-radius:50%;background:#0c111b;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.doc-google-mock{border:1px solid #dadce0;border-radius:8px;padding:16px 18px;margin:14px 0;background:#fff;box-shadow:0 1px 3px rgba(60,64,67,.15);font-size:14px;color:#3c4043}
.doc-google-mock strong{display:block;margin-bottom:6px}
.doc-google-link{color:#1a73e8;text-decoration:underline;font-weight:600}
.doc-copy-box{white-space:pre-wrap;font-size:13px;line-height:1.7;background:#f5f7fb;border:1px solid #e5eaf4;border-radius:12px;padding:16px 18px;color:#3d4a63}
.doc-secondary-link{font-size:13px;color:#69748a}
.doc-secondary-link a{color:#395ef6;font-weight:600}
.site-nav a[aria-current=page]{color:var(--blue)}
@media(max-width:740px){.doc-wrap,.doc-wrap-wide{width:calc(100% - 38px)}.doc-compare{grid-template-columns:1fr}.doc-main{padding-top:24px}}
body.doc-page .site-main{max-width:900px}
body.doc-page .site-main,body.doc-page .site-main .site-panel{background:#fff;color:#44506a}
body.doc-page .site-main h1,body.doc-page .site-main h2,body.doc-page .site-main h3{color:#0c1426}
body.doc-page .site-main a{color:#395ef6}
.related-tools{padding:48px 0 56px;background:#fafbfd;border-top:1px solid #eef1f6}
.related-tools-inner h2{margin:0 0 16px;font-size:22px;letter-spacing:-.03em;color:#0c1426}
.related-tools-card{border:1px solid #e5eaf4;border-radius:16px;padding:20px 22px;background:#fff;max-width:720px}
.related-tools-card h3{margin:0 0 8px;font-size:18px;color:#1a2438}
.related-tools-card p{margin:0 0 14px;font-size:14px;line-height:1.75;color:#536079}
.related-tools-links{display:flex;flex-wrap:wrap;gap:16px 22px}
.related-tools-note{padding:0 0 48px;color:#536079;font-size:14px;line-height:1.8;max-width:760px}
.related-tools-note p{margin:0}
.related-tools-card-with-media{display:grid;grid-template-columns:1fr min(300px,38%);gap:22px 28px;align-items:start;max-width:900px}
.related-tools-copy h3{margin:0 0 8px;font-size:18px;color:#1a2438}
.related-tools-copy p{margin:0 0 14px;font-size:14px;line-height:1.75;color:#536079}
.related-tools-shot{margin:0}
.related-tools-shot img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px;border:1px solid #e5eaf4;background:#f8fafd}
@media(max-width:740px){.related-tools-card-with-media{grid-template-columns:1fr}}
body.tokinao-page .toki-section .toki-device .device-screen{aspect-ratio:auto;height:auto}
body.tokinao-page .toki-section .device-screen img{width:100%;height:auto;object-fit:contain;display:block}
body.tokinao-page .toki-section .phone{height:auto;width:min(180px,42vw)}
body.tokinao-page .toki-section .phone img{width:100%;height:auto;object-fit:contain;object-position:center}
body.tokinao-page .toki-section .screens-gallery img{height:auto!important;object-fit:contain;width:100%}
body.tokinao-page .toki-section .screens-gallery figure{background:#f8fafd}
body.tokinao-page .toki-shot{cursor:zoom-in}
.toki-lightbox{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(12,17,27,.82)}
.toki-lightbox[hidden]{display:none!important}
.toki-lightbox-img{max-width:min(96vw,1200px);max-height:92vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.toki-lightbox-close{position:absolute;top:16px;right:20px;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.95);color:#0c1426;font-size:28px;line-height:1;cursor:pointer}
.toki-lightbox-close:focus-visible{outline:3px solid #398afc;outline-offset:3px}
.how-it-works-section{padding:56px 0 48px;background:linear-gradient(180deg,#f8fafd 0%,#fff 100%);border-top:1px solid #eef1f6}
.how-it-works-inner{text-align:center}
.how-it-works-inner h2{margin:8px 0 12px;font-size:clamp(24px,3vw,32px);letter-spacing:-.03em;color:#0c1426}
.how-it-works-lead{margin:0 auto 28px;max-width:640px;font-size:15px;line-height:1.75;color:#536079}
.pano-workflow{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:0}
.pano-workflow-step{flex:1 1 140px;max-width:200px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:16px 12px;border:1px solid #e5eaf4;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(12,20,38,.04)}
.pano-workflow-step strong{font-size:14px;line-height:1.35;color:#0c1426;letter-spacing:-.02em}
.pano-workflow-step>span:last-child{font-size:12px;line-height:1.5;color:#6b768c}
.pano-workflow-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#eef2ff,#e0e9ff);display:grid;place-items:center}
.pano-workflow-icon svg{width:22px;height:22px;stroke:#395ef6;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pano-workflow-join{flex:0 0 28px;align-self:center;height:2px;background:linear-gradient(90deg,#c5d0ea,#395ef6,#c5d0ea);border-radius:2px;margin:0 4px}
.pano-workflow-doc .pano-workflow-step{max-width:180px}
.feature-screens-section{padding:40px 0 56px;background:#fff;border-top:1px solid #eef1f6}
.feature-screens-inner h2{margin:0 0 8px;font-size:22px;letter-spacing:-.03em;color:#0c1426}
.feature-screens-lead{margin:0 0 24px;font-size:14px;color:#536079;max-width:720px}
.feature-screens-grid{display:grid;gap:28px}
.feature-screen-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:20px 28px;align-items:center;padding:18px 20px;border:1px solid #e5eaf4;border-radius:18px;background:#fafbfd}
.feature-screen-shot{margin:0;border-radius:12px;overflow:hidden;border:1px solid #e5eaf4;background:#0f1015}
.feature-screen-shot img{display:block;width:100%;height:auto;vertical-align:middle}
.feature-screen-copy h3{margin:0 0 8px;font-size:18px;color:#1a2438;letter-spacing:-.02em}
.feature-screen-copy p{margin:0;font-size:14px;line-height:1.75;color:#536079}
@media(max-width:900px){.pano-workflow{flex-direction:column;align-items:stretch;gap:0}.pano-workflow-step{max-width:none;flex-direction:row;text-align:left;align-items:flex-start;padding:14px 16px}.pano-workflow-icon{flex:none}.pano-workflow-join{flex:none;width:2px;height:20px;margin:0 auto;background:linear-gradient(180deg,#c5d0ea,#395ef6,#c5d0ea)}.feature-screen-card{grid-template-columns:1fr}}
@media(max-width:740px){.how-it-works-section{padding:40px 0 32px}.feature-screens-section{padding:32px 0 40px}}
/* header fit (nav + CTA) */
.site-header .site-nav a{white-space:nowrap}
@media(min-width:961px) and (max-width:1280px){.site-header .site-nav{gap:24px;font-size:13.5px}.site-header .header-inner{gap:18px}}
@media(min-width:961px) and (max-width:1120px){.site-header .site-nav{gap:16px;font-size:13px}.site-header .header-cta{padding:10px 16px;font-size:13px}.site-header .header-cta span{display:none}}
@media(min-width:741px) and (max-width:960px){.site-header .header-cta{margin-left:auto}.site-header .menu-trigger{display:block;order:3;font-size:22px;color:#141a27}.site-header .site-nav{position:absolute;display:none;left:0;right:0;top:89px;background:#fff;padding:18px 31px;box-shadow:0 20px 25px #101a2717;flex-direction:column;align-items:start;gap:20px}.site-header .site-nav.open{display:flex}}

/* The dashboard gallery reuses the same fictional HTML at the original 1920×1080 canvas. */
.feature-screen-shot.has-live-preview{position:relative;aspect-ratio:16/9}
.feature-screen-preview{position:absolute;top:0;left:0;width:1920px;height:1080px;border:0;pointer-events:none;transform-origin:0 0;display:block}