@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f6f5f0;--ink:#192a35;--muted:#5b6870;--blue:#1264dc;--line:#d9deda;--serif:Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #1264dc;outline-offset:5px}a:hover{color:var(--blue)}p,h1,h2,h3,h4{margin:0}p{color:var(--muted)}.wrap{max-width:1250px;margin-inline:auto;padding-inline:40px}.header{max-width:1370px;margin:auto;padding:27px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.7px}.brand-sub{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:1.7px;margin-top:2px;color:var(--muted)}.header nav{display:flex;gap:34px;font-size:13px;font-weight:550}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:5px;background:var(--blue);color:white;padding:15px 22px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#084db2;color:white;transform:translateY(-2px)}.button.small{padding:10px 17px;font-size:12px}.skip{position:fixed;left:15px;top:-100px;z-index:10;background:white;padding:15px}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:.86fr 1.14fr;gap:36px;padding-top:78px;padding-bottom:92px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--blue);margin-bottom:22px}.blue-dot{width:7px;height:7px;display:inline-block;background:var(--blue);border-radius:50%;margin-right:8px}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,4.75vw,67px);line-height:1.08;font-weight:650;letter-spacing:-3.7px}h1 em{font-family:var(--serif);font-weight:400;color:var(--blue);letter-spacing:-2px}.lede{font-size:16px;max-width:400px;margin-top:25px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:29px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:14px;align-items:center}.hero-note{font-size:10px;margin-top:24px}.hero-note span{margin-inline:8px}.hero-visual{position:relative;padding:27px 0 30px 6px}.visual-top{display:flex;justify-content:space-between;padding:0 8px 16px}.tiny-label{font-size:8px;letter-spacing:1.3px;font-weight:700;color:#687784}.visual-index{font-size:9px;color:var(--blue)}.browser{background:#fff;border:1px solid #d1d9df;border-radius:11px;overflow:hidden;box-shadow:0 22px 60px -24px #4666864d;transform:rotate(-1.2deg)}.browser-top{height:35px;background:#e9edf0;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:9px;color:#6d7881}.traffic{display:flex;gap:4px}.traffic i{width:6px;height:6px;background:#b2bdc5;border-radius:50%}.traffic i:first-child{background:#e9a9a0}.traffic i:nth-child(2){background:#e5cc8c}.traffic i:nth-child(3){background:#a0cdb8}.mock-address{display:flex;align-items:center;gap:10px;padding:12px 15px;font-size:10px;border-bottom:1px solid #e2e7eb}.live-label{margin-left:auto;font-size:6px;letter-spacing:.8px;color:#78868c}.browser-body{display:flex;min-height:310px}.mock-sidebar{width:43%;background:#f4f7fa;padding:22px 10px 14px;border-right:1px solid #e2e7eb;display:flex;flex-direction:column;gap:8px}.mock-sidebar>.tiny-label{padding-left:10px;margin-bottom:5px}.persona{border:1px solid transparent;background:none;border-radius:6px;padding:10px 8px;display:flex;text-align:left;align-items:center;gap:9px;color:var(--ink);font-size:10px;font-weight:600}.persona.selected{background:white;border-color:#cbd9e8;box-shadow:0 3px 6px #203b5110}.persona small{font-size:7px;font-weight:400;display:block;color:#667883;margin-top:3px}.avatar{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;font-size:11px;font-weight:700}.admin{background:#e0eaff;color:#2765c8}.member{background:#e8e3f6;color:#7653a9}.reviewer{background:#f6e7d6;color:#a46d33}.sidebar-bottom{margin-top:auto;padding:22px 5px 0;font-size:7px;color:#758591}.sidebar-bottom .blue-dot{width:5px;height:5px;margin-right:3px}.mock-content{padding:20px;flex:1;min-width:0;--accent:#3f7ae1}.mock-content[data-role=member]{--accent:#8c6bb6}.mock-content[data-role=reviewer]{--accent:#b3874b}.mock-appbar{display:flex;align-items:center;gap:7px;font-size:7px;margin-bottom:27px}.app-icon{font-size:18px;color:var(--accent)}.role-initial{margin-left:auto;border-radius:50%;background:#edf1f7;width:20px;height:20px;text-align:center;padding-top:4px;color:var(--accent)}.mock-content>.tiny-label{font-size:6px;color:var(--accent)}.mock-content h3{font-size:18px;font-family:Manrope,sans-serif;letter-spacing:-.7px;margin-top:8px}.mock-content>p:not(.tiny-label){font-size:8px;line-height:1.7;margin-top:7px;min-height:41px}.mock-metric{font-size:7px;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:22px}.mock-pill{font-size:6px;background:#eef3f8;padding:3px 5px;color:var(--accent);border-radius:10px}.mock-chart{height:54px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid #e0e8ef;padding:8px 9px 0;background:repeating-linear-gradient(to top,transparent 0,transparent 17px,#f0f3f6 18px)}.mock-chart i{background:var(--accent);width:16%;height:35%;opacity:.55;border-radius:2px 2px 0 0}.mock-chart i:nth-child(2n){height:55%;opacity:.7}.mock-chart i:nth-child(3n){height:72%;opacity:.8}.mock-chart i:last-child{height:95%;opacity:1}.mock-task{display:flex;align-items:center;font-size:7px;gap:6px;margin-top:15px}.mock-task>span:last-child{margin-left:auto}.check{color:#4e8f79}.visual-caption{display:flex;justify-content:space-between;gap:12px;font-size:8px;margin-top:18px;color:#72808a}.visual-caption>span:first-child{color:var(--blue)}.floating-note{position:absolute;right:26px;bottom:-23px;background:#fffefa;padding:15px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 25px #31415112;border:1px solid #e1e0d6;border-radius:4px;transform:rotate(2deg);font-size:11px;font-weight:600}.floating-note small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.note-mark{font-size:25px;color:var(--blue)}.principles{border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;padding-block:24px;font-size:12px}.principles>span:first-child{font-size:11px;color:var(--muted)}.separator{font-size:19px;color:#aab7b9;font-weight:400}.section{padding-top:95px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:17px}h2{font-family:Manrope,sans-serif;font-size:42px;letter-spacing:-2px;line-height:1.18;font-weight:600}.section-heading>p{max-width:330px;font-size:14px;line-height:1.8}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.concept-art{height:155px;background:#ebeee9;border:1px solid #e2e5df;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-bottom:27px;overflow:hidden}.library-art{flex-direction:column;gap:7px}.library-art div{width:67%;background:#fff;padding:8px 12px;font-size:9px;border:1px solid #dce2e5;border-radius:4px;box-shadow:0 4px 9px #233b4910}.library-art div:first-child{transform:translateX(-12px)}.library-art div:last-child{transform:translateX(12px)}.library-art i{display:inline-block;width:7px;height:7px;background:#3780e1;border-radius:2px;margin-right:10px}.library-art div:nth-child(2) i{background:#a58abf}.library-art div:nth-child(3) i{background:#cb9c66}.personas-art{background:#e8eef4;gap:0}.person-circle{width:64px;height:64px;border:6px solid #e8eef4;border-radius:50%;background:#b9d1f2;color:#3264a6;display:flex;align-items:center;justify-content:center;margin-left:-7px;font-size:17px;font-weight:600}.person-circle:nth-child(2){background:#d2c6e6;color:#7e5aa6;transform:translateY(-14px)}.person-circle:nth-child(3){background:#edd7b7;color:#967142}.sites-art{background:#f0eae0;flex-direction:column;gap:7px}.sites-art div{width:66%;padding:6px 11px;background:#fffcf6;border:1px solid #e4dacb;border-radius:4px;font-size:9px}.sites-art span{margin-right:10px;color:#a2855f}.step-label{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#6c7c85}.concepts h3{font-size:19px;letter-spacing:-.6px;font-weight:600;margin-block:12px}.concepts p{font-size:13px;line-height:1.8;max-width:330px}.feature-section{background:#eaf0f5;padding-block:80px 85px}.feature-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:70px}.feature-main{background:#fff;border:1px solid #dce4eb;border-radius:6px;padding:34px}.feature-number{font-size:9px;letter-spacing:1px;color:var(--blue);margin-bottom:20px}.feature-main h3{font-family:Manrope,sans-serif;font-size:29px;letter-spacing:-1px;line-height:1.25}.feature-main>p{font-size:13px;line-height:1.75;margin-top:17px}.session-diagram{display:flex;align-items:center;gap:12px;margin-top:28px}.session-diagram>div{display:flex;flex-direction:column;align-items:center;flex:1}.session-diagram .avatar{width:36px;height:36px}.session-diagram strong{font-size:10px;margin-top:10px}.session-diagram small{font-size:8px;color:#71818c;margin-top:3px}.session-line{height:22px;border-left:1px dashed #b6c5d5;margin-block:8px}.session-diagram code{font-size:8px;padding:6px;background:#f0f4f8;border:1px solid #dfe6ef;border-radius:4px;white-space:nowrap}.session-divider{color:#aab6c4;font-size:20px}.feature-main .diagram-caption{font-size:8px;text-align:center;margin-top:13px;color:#7e8e9a}.feature-main .boundary{font-size:10px;border-top:1px solid #e1e7ed;padding-top:17px;margin-top:23px}.feature-list article{display:flex;gap:24px;padding:26px 0;border-top:1px solid #cfdbe4}.feature-list article:first-child{padding-top:10px;border:0}.feature-list article>span{font-size:10px;color:#8093a4;padding-top:5px}.feature-list h3{font-size:20px;font-weight:550;letter-spacing:-.6px;margin-bottom:10px}.feature-list p{font-size:13px;line-height:1.8}.guide-shell{display:grid;grid-template-columns:290px 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fffefa}.guide-nav{background:#eeefe9;padding:25px 20px;border-right:1px solid var(--line)}.guide-nav button{width:100%;display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:4px;background:transparent;padding:17px 12px;text-align:left;font-size:12px;color:var(--muted);margin-bottom:8px}.guide-nav button span{font-size:9px;color:#87918e}.guide-nav button b{margin-left:auto;font-weight:400}.guide-nav button.active{background:#fffefa;border-color:#d8ddd8;color:var(--ink);box-shadow:0 3px 4px #24334106}.guide-nav button.active span,.guide-nav button.active b{color:var(--blue)}.guide-note{display:flex;gap:15px;border-top:1px solid #d7dbd6;margin-top:40px;padding:20px 12px}.guide-note>span{font-size:25px;color:#8c9b94}.guide-note p{font-size:11px;line-height:1.75}.guide-content{padding:37px 45px;min-height:720px}.guide-content>.eyebrow{margin-bottom:14px;font-size:9px}.guide-content h3{font-family:Manrope,sans-serif;font-size:28px;letter-spacing:-1px;line-height:1.3}.guide-intro{font-size:13px;margin-top:13px;max-width:540px}.guide-steps{list-style:none;counter-reset:steps;padding:0;margin-top:30px}.guide-steps li{counter-increment:steps;display:flex;gap:18px;margin-bottom:24px}.guide-steps li:before{content:counter(steps);font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border:1px solid #ccd8e4;border-radius:50%;color:var(--blue)}.guide-steps h4{font-size:14px;font-weight:600;margin-bottom:6px}.guide-steps p{font-size:12px;line-height:1.85}.guide-steps strong{font-weight:600;color:#3f505b}.tip{border-left:2px solid #78a0c9;background:#eef3f6;padding:15px 18px;margin-top:28px}.tip>strong{font-size:11px;font-weight:600;color:#37658e}.tip p{font-size:11px;margin-top:6px;line-height:1.8}.prep-section{display:grid;grid-template-columns:1fr 1fr;gap:65px;background:#e9ede4;border-radius:7px;padding:45px;max-width:1170px}.prep-section h2{font-size:33px;letter-spacing:-1.4px}.prep-section>div>p:last-child{font-size:13px;margin-top:18px}.prep-section .eyebrow{color:#4d705f}.checklist label{display:flex;gap:13px;align-items:flex-start;padding:10px 0;font-size:12px;cursor:pointer}.checklist input{accent-color:#37775f;width:16px;height:16px;margin:1px 0;flex-shrink:0}.checklist label:has(input:checked) span{color:#64786b;text-decoration:line-through}.checklist #check-progress{font-size:10px;color:#65806f;border-top:1px solid #cdd7c9;padding-top:14px;margin-top:14px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-section h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:500;list-style:none;padding:20px 30px 20px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:20px;top:16px;color:#798a91}details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;padding:0 20px 22px 0}.closing{text-align:center;padding-block:54px 85px;border-top:1px solid var(--line)}.closing img{margin-bottom:25px}.closing .eyebrow{margin-bottom:19px}.closing h2{font-size:49px;letter-spacing:-2.3px}.closing .button{margin-top:28px}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:26px;border-top:1px solid var(--line);font-size:10px}.footer .brand{font-size:16px;letter-spacing:-.3px}.footer>span{color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:95px;padding-bottom:105px}}@media(max-width:1050px){.wrap{padding-inline:28px}.hero{gap:25px}h1{font-size:51px}.hero-actions{gap:17px}.hero-actions .button{font-size:12px;padding:13px 15px}.hero-actions .text-link{font-size:11px}.mock-content{padding:14px}.mock-sidebar{width:44%;padding-inline:6px}.persona{gap:6px;padding:10px 5px;font-size:9px}.persona small{font-size:6px}.mock-appbar{margin-bottom:20px}.mock-content h3{font-size:16px}.floating-note{right:10px}.feature-layout{gap:35px}.feature-main{padding:25px}.guide-shell{grid-template-columns:250px 1fr}.guide-content{padding:32px}.prep-section{margin-inline:28px;padding:35px}.header{padding-inline:28px}.principles{font-size:11px}.principles>span:first-child{max-width:160px}.faq-section{gap:40px}}
@media(max-width:760px){html{scroll-padding-top:22px}.header{padding:19px 22px;flex-wrap:wrap;gap:16px}.brand{font-size:19px}.header nav{order:3;justify-content:space-between;width:100%;border-top:1px solid var(--line);padding-top:14px;gap:15px;font-size:12px}.header .button{font-size:11px;padding:9px 12px}.wrap{padding-inline:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:70px;gap:30px}.hero-copy{max-width:540px}h1{font-size:58px;letter-spacing:-3px}.lede{font-size:15px;max-width:450px}.hero-actions .button{padding:15px 18px;font-size:13px}.hero-actions .text-link{font-size:12px}.hero-visual{max-width:600px;width:100%;padding-left:0}.browser-body{min-height:290px}.mock-sidebar{padding:18px 8px;width:42%}.persona{font-size:10px;padding:12px 7px;gap:9px}.persona small{font-size:7px}.mock-content{padding:18px}.mock-content h3{font-size:20px}.mock-content>p:not(.tiny-label){font-size:9px}.mock-appbar{font-size:8px}.mock-chart{height:60px}.floating-note{bottom:-20px;right:15px}.visual-caption{font-size:7px}.principles{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding-block:22px;gap:10px;font-size:10px}.principles>span:first-child{grid-column:1/-1;max-width:none;margin-bottom:5px}.principles .separator{display:none}.section{padding-top:65px;padding-bottom:60px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:22px}.section-heading>.text-link{margin-top:22px}h2{font-size:35px;letter-spacing:-1.6px}.concepts{grid-template-columns:1fr;gap:33px}.concept-art{height:160px;margin-bottom:20px}.concepts h3{font-size:21px}.concepts p{max-width:none;font-size:14px}.library-art div,.sites-art div{width:60%}.feature-section{padding-block:60px}.feature-layout{grid-template-columns:1fr;gap:25px}.feature-main{padding:28px}.feature-main h3{font-size:29px}.session-diagram code{font-size:9px}.session-diagram strong{font-size:12px}.session-diagram small{font-size:10px}.feature-list article{padding-block:21px}.guide-shell{grid-template-columns:1fr}.guide-nav{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:6px;border-right:0;border-bottom:1px solid var(--line)}.guide-nav button{font-size:10px;padding:12px 8px;margin:0;gap:7px}.guide-nav button span{font-size:8px}.guide-note{display:none}.guide-content{padding:26px 23px;min-height:790px}.guide-content h3{font-size:26px}.guide-steps li{gap:12px}.guide-steps p{font-size:12px}.prep-section{grid-template-columns:1fr;margin-inline:22px;padding:29px 25px;gap:25px}.prep-section h2{font-size:30px}.checklist label{font-size:12px}.faq-section{grid-template-columns:1fr;gap:28px}.faq-section h2{font-size:34px}.closing{padding-block:45px 60px}.closing h2{font-size:42px}.footer{flex-wrap:wrap;justify-content:space-between;gap:20px}.footer>span{order:3;width:100%;font-size:9px}}
@media(max-width:390px){.mock-sidebar{width:43%;padding-inline:4px}.avatar{width:22px;height:22px;font-size:9px}.persona{font-size:8px;gap:5px;padding:10px 4px}.persona small{font-size:6px}.mock-content{padding:12px}.mock-content h3{font-size:17px}.mock-task{font-size:6px}.hero-actions{gap:15px}.hero-actions .text-link{font-size:11px}.guide-nav button{font-size:9px}.session-diagram code{font-size:7px}.live-label{font-size:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.floating-note{position:relative;right:auto;bottom:auto;width:fit-content;margin:22px 15px 0 auto}
/* Real application photography and downloadable examples. */
.actual-visual{margin:0;min-width:0;padding:12px 0}.screenshot-button{display:block;position:relative;padding:0;border:1px solid #ccd8e2;border-radius:8px;overflow:hidden;background:#fff;text-align:left;width:100%;box-shadow:0 16px 40px -24px #34567566}.screenshot-button img{display:block;width:100%;height:auto}.screenshot-button:hover{border-color:var(--blue)}.enlarge-label{display:block;background:#fff;padding:11px 15px;color:var(--blue);font-size:11px;font-weight:600;text-align:right}.actual-visual figcaption,.product-figure figcaption{font-size:10px;color:var(--muted);line-height:1.6;margin-top:13px}.product-figure{margin:26px 0 0}.concepts article{border-top:2px solid #c9d6e0;padding-top:22px}.privacy-section{padding-bottom:80px}.privacy-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:start}.privacy-layout .product-figure{margin-top:4px}.privacy-copy h3{font-size:24px;line-height:1.3;letter-spacing:-.8px;margin-bottom:18px}.privacy-copy>p{font-size:13px;line-height:1.85;margin-bottom:16px}.privacy-boundary{padding:18px 20px;background:#eaf0f5;border-left:2px solid #638bb4;margin-block:23px}.privacy-boundary strong{font-size:12px}.privacy-boundary p{font-size:12px;line-height:1.8;margin-top:7px}.privacy-copy>.text-link{font-size:10px;line-height:1.6}.examples-section{padding-block:75px;background:#e9ede4}.examples-section .eyebrow{color:#4d705f}.download-action p{font-size:11px;margin-top:13px;text-align:center}.examples-intro{font-size:14px;line-height:1.9;max-width:870px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin-top:35px}.example-row{display:flex;gap:18px;border-top:1px solid #cbd5c8;padding:24px 0}.example-row>span{font-size:10px;color:#6c8374;padding-top:4px}.example-row h3{font-size:17px;letter-spacing:-.4px;font-weight:600}.example-row p{font-size:11px;margin-block:7px}.example-sites{font-size:11px;color:#306d54;line-height:1.9}.example-sites a{text-decoration:underline;text-decoration-color:#a0b4a4;text-underline-offset:3px}.examples-footnote{border-top:1px solid #cbd5c8;padding-top:20px;margin-top:10px}.examples-footnote p{font-size:11px;line-height:1.8;max-width:940px;margin-bottom:6px}#screenshot-dialog{width:95vw;max-width:1600px;max-height:94vh;padding:18px;border:1px solid #c9d5df;border-radius:10px;background:#fff;color:var(--ink)}#screenshot-dialog::backdrop{background:#142332c9}.screenshot-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:13px}.screenshot-dialog-head p{font-size:13px}.screenshot-dialog-head button{border:1px solid #cbd6df;background:#edf2f7;color:var(--ink);border-radius:4px;padding:9px 14px;white-space:nowrap;font-size:12px}#enlarged-screenshot{display:block;width:100%;height:auto}.screenshot-help{font-size:10px;margin-top:12px;text-align:center}.header nav{gap:25px}
@media(max-width:1050px){.privacy-layout{gap:30px}.header nav{gap:18px}}
@media(max-width:760px){.hero{padding-bottom:45px}.actual-visual{max-width:none}.actual-visual figcaption{font-size:10px}.hero-visual .tiny-label{font-size:7px}.privacy-layout{grid-template-columns:1fr;gap:30px}.privacy-copy h3{font-size:24px}.examples-section{padding-block:55px}.download-action{margin-top:25px}.download-action p{text-align:left}.example-grid{grid-template-columns:1fr}.examples-intro{font-size:13px}.example-row{padding-block:20px}.screenshot-dialog-head p{font-size:11px}#screenshot-dialog{padding:10px}.header nav{font-size:11px;gap:12px}.concepts{gap:28px}}
.sharing-link{margin-top:13px;color:var(--blue);font-size:12px}.sharing-section{padding-bottom:0}.sharing-note{margin-top:30px;padding:21px 24px;border-left:2px solid #78a0c9;background:#eaf0f5}.sharing-note strong{font-size:13px}.sharing-note p{font-size:12px;line-height:1.85;margin-top:8px;max-width:960px}.hero-note{max-width:440px;line-height:1.9}.principles>span:first-child{max-width:220px}
@media(max-width:760px){.principles>span:first-child{max-width:none}.sharing-note{padding:19px}.hero-note{max-width:320px}}

/* Shared surfaces keep both themes consistent across the entire page. */
:root{color-scheme:light;--surface:#fffefa;--surface-alt:#eeefe9;--tint:#eaf0f5;--green-surface:#e9ede4;--green-ink:#306d54;--action:#1264dc;--subtle:#657783}
:root[data-theme=dark]{color-scheme:dark;--paper:#101820;--ink:#e8eff5;--muted:#aebdca;--blue:#83b5ff;--line:#33434f;--surface:#18232e;--surface-alt:#202e39;--tint:#14212d;--green-surface:#182a27;--green-ink:#94d5b7;--action:#2868d7;--subtle:#a3b6c6}
.button{background:var(--action);border:0}.button:hover{background:#185ac4}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:9px 12px;border-radius:5px;font-size:12px;min-width:83px;justify-content:center}.theme-toggle:hover{border-color:var(--blue)}.theme-toggle [aria-hidden]{font-size:17px;line-height:1}.feature-section,.sharing-note,.privacy-boundary,.tip{background:var(--tint)}.feature-main,.guide-shell,.guide-nav button.active,.screenshot-button,.enlarge-label,.skip{background:var(--surface)}.guide-nav{background:var(--surface-alt)}.examples-section,.prep-section{background:var(--green-surface)}.examples-section .eyebrow,.prep-section .eyebrow,.example-sites,.checklist #check-progress{color:var(--green-ink)}.tiny-label,.step-label,.feature-list article>span,.example-row>span,.guide-nav button span{color:var(--subtle)}.feature-main,.guide-nav button.active,.screenshot-button,.feature-list article,.feature-main .boundary,.guide-note,.guide-steps li:before,.example-row,.examples-footnote,.checklist #check-progress,.concepts article{border-color:var(--line)}.guide-steps strong{color:var(--ink)}.tip>strong{color:var(--blue)}.checklist label:has(input:checked) span{color:var(--green-ink)}.example-sites a{text-decoration-color:var(--green-ink)}.example-row>span{border-left:3px solid var(--demo-color);padding-left:10px}.example-row h3{line-height:1.4}.screenshot-dialog-head button{background:var(--surface-alt);color:var(--ink);border-color:var(--line)}#screenshot-dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-color:var(--blue)}
.downloads-section{padding-top:35px}.installer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.installer-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:30px;display:flex;align-items:flex-start;flex-direction:column}.platform-mark{font-size:37px;color:var(--blue);height:48px;margin-bottom:18px;line-height:1}.windows-mark{display:grid;grid-template-columns:repeat(2,15px);grid-template-rows:repeat(2,15px);gap:3px;padding-top:3px}.windows-mark i{background:var(--blue)}.installer-card h3{font-family:Manrope,sans-serif;font-size:24px;letter-spacing:-.7px;margin-bottom:10px}.installer-card>p{font-size:13px}.installer-card .installer-meta{font-size:11px;margin-block:20px 24px}.installer-card .button{margin-top:auto}.installer-card .installer-note{font-size:10px;margin-top:13px}.windows-compatibility{font-size:11px;margin-top:20px;max-width:800px}.download-next{display:flex;gap:24px;flex-wrap:wrap;align-items:center;padding-top:25px;margin-top:25px;border-top:1px solid var(--line);font-size:12px}.download-next>span{color:var(--muted)}.faq-list p a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.header{flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:center}.header-actions{margin-left:auto}}
@media(max-width:760px){.header{gap:14px}.header nav{justify-content:space-between}.header-actions{gap:8px}.theme-toggle{font-size:11px;min-width:74px;padding:8px}.brand-sub{font-size:7px}.downloads-section{padding-top:20px}.installer-grid{grid-template-columns:1fr}.installer-card{padding:25px}.installer-card h3{font-size:23px}.download-next{align-items:flex-start;flex-direction:column;gap:15px}.header .brand{font-size:18px}.header-actions .button{padding:9px 10px}}

.installer-note a{text-decoration:underline;text-underline-offset:3px;color:var(--blue)}