:root{--red:#e32626;--ink:#000;--paper:#fff;--muted:#666;--line:#e5e5e5;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:25px}[hidden]{display:none!important}.arrow{font-family:system-ui,sans-serif;font-weight:400;line-height:1;letter-spacing:0;font-style:normal}
.nav{max-width:1440px;margin:auto;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-size:32px;font-weight:750;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:9px}.brand>.arrow{color:var(--red);font-size:36px}.nav nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav nav>a:hover,footer a:hover{color:var(--red)}
.hero{max-width:1440px;margin:auto;padding:20px 5% 55px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.hero>*{min-width:0}.hero h1{font-size:clamp(65px,7.6vw,110px);letter-spacing:-6px;line-height:.93;font-weight:700;margin:0 0 32px}.hero-copy>p{font-size:18px;line-height:1.65;color:#555;margin:0 0 35px}.install-link{display:inline-flex;gap:15px;align-items:center;background:#000;color:#fff;padding:16px 20px;border:1px solid #000;border-radius:8px;transition:transform .18s,background .18s,border-color .18s}.install-link:hover{background:var(--red);border-color:var(--red);transform:translateY(-2px)}.install-link:hover .chrome-icon{color:#fff;transform:translate(2px,-2px)}.install-link:active{transform:translateY(0)}.install-link strong{font-size:15px;font-weight:550}.install-link .chrome-icon{transition:color .18s,transform .18s}.chrome-icon{font-family:system-ui,sans-serif;color:var(--red);font-size:25px;line-height:1}
.scenario-demo{min-width:0;width:100%;max-width:530px;justify-self:end;padding:8px 4px}.scenario-goal{background:var(--red);color:#fff;padding:13px 24px 16px;width:92%;margin:0 0 23px;transform:rotate(-3deg);box-shadow:5px 6px 0 #000;transition:transform .2s}.scenario-goal:hover{transform:rotate(0)}.scenario-goal>span{font-size:11px;display:block;margin-bottom:6px}.scenario-goal strong{font-size:25px;font-weight:550;letter-spacing:-.6px;line-height:1.15}.scenario-browser{min-width:0;width:100%;border:1px solid #ddd;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 45px #0000000c;transform:rotate(1deg);transition:transform .2s,box-shadow .2s}.scenario-browser:hover,.scenario-demo:focus-within .scenario-browser{transform:rotate(0);box-shadow:0 24px 50px #00000012}.scenario-chrome{height:37px;background:#f5f5f5;display:flex;align-items:center;gap:13px;padding:0 16px;border-bottom:1px solid #ddd;font-size:10px;color:#666}.scenario-dots{display:flex;gap:4px}.scenario-dots i{width:5px;height:5px;border-radius:50%;background:#ccc}.scenario-dots i:first-child{background:var(--red)}.demo-label{margin-left:auto;color:#777;font-size:9px}.scenario-tabs{display:grid;grid-template-columns:1fr 1fr;background:#fafafa;border-bottom:1px solid #ddd}.scenario-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-right:1px solid #e5e5e5;background:transparent;padding:14px 8px;font-size:12px;cursor:pointer;position:relative;transition:background .18s,color .18s}.scenario-tabs button:last-child{border-right:0}.scenario-tabs button:hover{background:#eee}.scenario-tabs button.selected{background:#fff;color:var(--red)}.scenario-tabs button.selected:after{position:absolute;content:"";height:2px;background:var(--red);bottom:0;left:15px;right:15px}.code-icon,.x-icon{font-size:17px;font-weight:400}.scenario-tabs button:focus-visible{outline-offset:-4px}.scenario-viewport{background:#fff;min-height:0}.scenario-article{padding:24px;animation:page-appear .2s ease-out}.docs-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.stripe-word{font-size:24px;font-weight:750;letter-spacing:-1px}.stripe-word>span{font-size:12px;font-weight:400;letter-spacing:0;margin-left:9px;color:#777}.article-check{color:#15803d;font-size:20px}.scenario-article h2{font-size:28px;font-weight:550;line-height:1.1;letter-spacing:-.9px;margin:0 0 16px}.docs-lines{display:grid;gap:7px}.docs-lines i{background:#eee;height:3px;border-radius:2px}.docs-lines i:last-child{width:80%}.code-preview{background:#f7f7f7;border:1px solid #eee;border-radius:7px;margin:24px 0;overflow:hidden}.code-top{border-bottom:1px solid #e5e5e5;padding:9px 14px;display:flex;justify-content:space-between;font-size:10px;color:#666}.code-preview pre{font:11px/1.8 ui-monospace,Menlo,monospace;margin:0;padding:15px 14px;color:#666}.code-preview pre span{color:#000}.code-preview pre b{font-weight:400;color:var(--red)}.bottom-lines{margin-top:15px}.scenario-redirect{position:relative;overflow:hidden;animation:page-appear .2s ease-out}.scenario-redirect iframe{border:0;display:block;width:640px;height:640px;transform-origin:top left}.scenario-demo.redirected .scenario-browser{border-color:#e3262655}
.setup{max-width:1440px;margin:auto;padding:50px 5% 65px;border-top:1px solid var(--line)}.setup h2{font-size:30px;letter-spacing:-1px;margin:0 0 25px;font-weight:550}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}details{border-top:1px solid #ddd;padding:20px 0}summary{list-style:none;cursor:pointer;font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:16px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;color:#888;transition:transform .18s}details[open] summary span{transform:rotate(45deg)}details ul,details ol{font-size:12px;line-height:1.8;color:#666;padding-left:18px;margin:15px 0 0}details li{margin:7px 0}details a{text-decoration:underline;text-underline-offset:3px}footer{max-width:1440px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eee}footer .brand{font-size:25px}footer .brand>.arrow{font-size:28px}footer>div{display:flex;gap:24px;font-size:12px;color:#666}
.policy-shell{max-width:790px;margin:auto;padding:42px 25px}.policy-copy{margin:60px 0}.policy-copy h1{font-size:45px;letter-spacing:-1.7px}.policy-copy h2{font-size:18px;margin:30px 0 10px}.policy-copy p,.policy-copy li{font-size:14px;line-height:1.85;color:#555}.policy-copy ul{padding-left:20px}.policy-copy li{margin:9px 0}.policy-copy a{text-decoration:underline}.policy-footer{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:20px 0;font-size:12px}
@keyframes page-appear{from{opacity:.4}to{opacity:1}}
@media(max-width:1150px){.hero{gap:25px}.hero h1{font-size:83px;letter-spacing:-4.7px}.hero-copy>p{font-size:16px}.scenario-goal strong{font-size:23px}}
@media(max-width:850px){.nav{height:85px}.hero{grid-template-columns:1fr;padding-top:30px;gap:45px}.hero h1{font-size:95px;letter-spacing:-5px}.scenario-demo{justify-self:center;max-width:550px}.setup{padding:45px 6%}.setup-grid{gap:0 30px}}
@media(max-width:550px){.nav{padding:0 6%;height:76px}.brand{font-size:26px}.brand>.arrow{font-size:30px}.nav nav{gap:20px;font-size:11px}.hero{padding:25px 6% 55px;gap:38px}.hero h1{font-size:60px;letter-spacing:-3.5px;margin-bottom:25px}.hero-copy>p{font-size:15px;margin-bottom:26px}.scenario-demo{padding:4px 0;max-width:390px}.scenario-goal{width:96%;padding:13px 18px 16px;margin-bottom:24px}.scenario-goal strong{font-size:22px}.scenario-chrome{height:32px;padding:0 12px;font-size:9px;gap:9px}.demo-label{font-size:8px}.scenario-tabs button{font-size:11px;padding:12px 6px;gap:7px}.scenario-viewport{min-height:0}.scenario-article{padding:20px 18px}.docs-heading{margin-bottom:25px}.scenario-article h2{font-size:25px}.code-preview{margin:20px 0}.code-preview pre{font-size:9px;padding:12px}.setup h2{font-size:28px}.setup-grid{grid-template-columns:1fr;gap:0}footer{padding:25px 6%;gap:15px}footer>div{gap:15px;font-size:10px}footer .brand{font-size:21px}.policy-copy h1{font-size:37px}}
@media(max-width:360px){.hero h1{font-size:53px}.nav nav{gap:12px}.code-preview pre{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.how-section{max-width:1440px;margin:auto;padding:50px 5% 55px;border-top:1px solid var(--line)}.how-section h2{font-size:30px;letter-spacing:-1px;margin:0 0 30px;font-weight:550}.how-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin:0;padding:0;list-style:none;counter-reset:onward-steps}.how-steps li{font-size:16px;line-height:1.55;max-width:330px;counter-increment:onward-steps}.how-steps li:before{content:counter(onward-steps);display:block;font-size:28px;font-weight:550;color:var(--red);margin-bottom:14px;line-height:1}.faq-intro{margin:15px 0 0;font-size:12px;line-height:1.8;color:#666}.faq-link{margin:15px 0 0;font-size:12px;line-height:1.8;color:#666}
@media(max-width:850px){.how-section{padding:45px 6%}.how-steps{gap:25px}.how-steps li{font-size:14px}}
@media(max-width:550px){.how-section h2{font-size:28px}.how-steps{grid-template-columns:1fr;gap:25px}.how-steps li{max-width:none;display:grid;grid-template-columns:25px 1fr;gap:15px;font-size:14px}.how-steps li:before{font-size:22px;margin:0;line-height:1.4}}