@font-face{font-family:BDO;src:url('/fonts/BDOGrotesk-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#111111;--panel:#181818;--line:#303030;--text:#eeeae4;--muted:#a29f9a;--accent:#b6a5f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 BDO,Arial,sans-serif}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}[hidden]{display:none!important}.wrap{max-width:1280px;padding-left:48px;padding-right:48px;margin:auto}.site-header{border-bottom:1px solid var(--line)}nav{max-width:1280px;height:82px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}nav a{text-decoration:none;font-size:13px}.logo{display:flex;align-items:center;gap:10px;font-size:22px;text-decoration:none;letter-spacing:-.6px}.nav-links{display:flex;gap:30px;color:#bcb9b5}.nav-cta{border:1px solid #45423f;padding:9px 14px;border-radius:4px}.nav-cta span{margin-left:18px}a:hover{color:var(--accent)}.nav-cta:hover{border-color:var(--accent)}.eyebrow,.release-label,.hero-foot,.feature-index,.demo-bar,.product-principles,.live-label{font-size:10px;letter-spacing:.09em;text-transform:uppercase}.eyebrow{color:var(--accent)}.muted,.small{color:var(--muted)}.small{font-size:12px;line-height:1.65}.release-label{display:flex;align-items:center;gap:12px;color:#bfbab2}.status-dot{display:inline-block;width:5px;height:5px;background:#b6a5f3;border-radius:50%;box-shadow:0 0 0 4px #b6a5f310;flex-shrink:0}.hero{padding-top:64px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;padding:33px 0 68px}h1,h2,h3,h4,p{margin:0;font-weight:400}h1{font-size:clamp(56px,7.4vw,100px);line-height:1.025;letter-spacing:-.065em}h1 span{color:var(--accent)}.hero-copy{padding-bottom:6px}.hero-copy>p:not(.small){font-size:18px;line-height:1.6;max-width:415px;color:#bdb9b2;margin-top:20px}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:30px 0 19px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;background:var(--accent);border:1px solid var(--accent);color:#201a31;border-radius:4px;padding:13px 18px;text-decoration:none;font-size:13px;transition:background .15s,transform .15s}.button:hover{background:#c8b9ff;color:#201a31;transform:translateY(-2px)}.text-link{font-size:12px;text-decoration:none;border-bottom:1px solid #666;padding-bottom:3px}.hero-foot{display:flex;justify-content:space-between;color:#898681;padding:19px 0;border-top:1px solid var(--line)}.hero-foot span:last-child span{color:var(--accent);margin-left:12px;font-size:17px}.workspace-section{padding-top:80px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}.section-heading h2{margin-top:18px}h2{font-size:clamp(32px,4.3vw,55px);line-height:1.12;letter-spacing:-.05em}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.screenshot-shell{background:#171717;border:1px solid #393735;border-radius:6px;overflow:hidden}.screenshot-toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);gap:12px}.mini-brand{display:flex;align-items:center;gap:8px;color:#aaa6a0;font-size:11px}.shot-tabs{display:flex;background:#101010;padding:3px;border:1px solid #292929;border-radius:4px;gap:3px}.shot-tabs button{background:none;border:0;padding:7px 15px;font-size:11px;border-radius:3px;color:#999}.shot-tabs button[aria-selected=true]{background:#2c263e;color:#d4c8fa}.live-label{font-size:8px;color:#8e8983;display:flex;align-items:center;gap:9px}.editor-shot{width:100%;height:auto;max-height:710px;object-fit:cover;object-position:top;background:#171717}.shot-caption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#918c86;padding:16px 20px;border-top:1px solid var(--line)}.shot-caption span:first-child{color:#d4cec7}.product-principles{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;color:#9c978f;border-bottom:1px solid var(--line);gap:15px;font-size:9px}.product-principles b{font-weight:400;color:var(--accent);margin-right:10px}.features-section{padding-top:114px;padding-bottom:110px}.interactive-feature{display:grid;grid-template-columns:.82fr 1.3fr;align-items:center;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-top:55px;background:#141414}.feature-copy{padding:38px}.feature-index{color:#9b938c;display:block;margin-bottom:24px}h3{font-size:34px;line-height:1.15;letter-spacing:-.045em}.feature-copy p,.feature-card>p{color:var(--muted);font-size:14px;margin:20px 0 23px;max-width:355px}.demo-note{font-size:10px;margin-top:40px;color:#85807a}.demo-note span{color:var(--accent);margin-right:7px}.style-demo{padding:30px;background:#1a1919;display:grid;grid-template-columns:165px minmax(0,1fr);gap:25px;min-height:425px;align-items:center}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#a9a29b;font-size:9px;margin-bottom:22px}.reset-button{border:0;background:none;font-size:10px;color:#a7a09b;padding:3px}.demo-field{display:grid;gap:7px;font-size:10px;color:#b9b1aa}.demo-field input{width:100%;background:#111;color:#ddd6cd;border:1px solid #3d3733;border-radius:3px;font-size:11px;padding:10px;outline-offset:2px}.palette{border:0;padding:0;margin:20px 0;display:flex;gap:10px}.palette legend{font-size:10px;color:#b9b1aa;margin-bottom:10px}.palette label{position:relative;cursor:pointer;display:block}.palette input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0}.swatch{display:block;width:25px;height:25px;border-radius:3px;border:3px solid #1a1919;outline:1px solid transparent}.palette input:checked+.swatch{outline-color:#aaa}.palette input:focus-visible+.swatch{outline:2px solid white;outline-offset:3px}.lavender,[data-accent=lavender]{background:#b6a5f3}.lime,[data-accent=lime]{background:#c6dc9b}.peach,[data-accent=peach]{background:#efb696}.blue,[data-accent=blue]{background:#a8c7dd}.range-field{display:block;margin:19px 0;font-size:10px;color:#b9b1aa}.range-field>span{display:flex;justify-content:space-between;margin-bottom:9px}.range-field output{font-family:monospace;color:#8d8580}.range-field input{width:100%;accent-color:var(--accent);height:14px;margin:0;cursor:ew-resize}.sample-card{color:#272333;padding:var(--demo-spacing,32px);border-radius:4px;min-height:286px;transition:background .2s}.sample-eyebrow{font-size:8px;letter-spacing:.08em}.sample-card h4{font-size:var(--demo-size,32px);line-height:1.05;letter-spacing:-.05em;margin:24px 0 16px;overflow-wrap:anywhere}.sample-card p{font-size:10px;line-height:1.5;color:#50475e}.sample-link{margin-top:25px;border-top:1px solid #27233330;padding-top:13px;display:flex;justify-content:space-between;font-size:10px}.code-output{margin-top:12px;background:#111;border:1px solid #302b2a;border-radius:4px;font-size:9px;color:#8c827b;padding:10px 14px}.code-output>span{font-size:8px}.code-output pre{font:10px/1.7 monospace;color:#c4b2e4;margin:9px 0 0}.feature-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.feature-card{padding:34px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#141414}.feature-card .feature-index{margin-top:34px;margin-bottom:16px}.feature-card>p{max-width:430px;margin-bottom:0}.git-visual,.files-visual{height:204px;padding:24px;background:#1b1a19;border:1px solid #302d2a;border-radius:4px;color:#b0aaa2;font-size:11px}.branch-track{position:relative;display:flex;justify-content:space-between;max-width:190px;margin:8px 0 23px}.branch-track:before{content:"";height:1px;position:absolute;left:0;right:0;top:5px;background:#71628f}.commit-dot{width:11px;height:11px;border:2px solid #71628f;border-radius:50%;position:relative;background:#1b1a19}.active-dot{background:var(--accent);border-color:var(--accent)}.commit-row{display:flex;gap:10px;align-items:center;font-size:10px}.commit-row code{margin-left:auto;font-size:9px;color:#746e68}.commit-label{padding:2px 8px;border:1px solid #524961;border-radius:3px;color:#c1afe8;font-size:9px}.diff-line{font:11px/1.7 monospace;padding-left:4px}.removed{color:#ab7975;margin-top:14px}.added{color:#a7bd91}.visual-caption{font-size:9px;color:#79736c;display:block;margin-top:12px}.files-visual>div{display:flex;gap:12px;padding:9px 0;align-items:center;font-size:10px;border-bottom:1px solid #33302e}.file-icon{color:var(--accent);font-size:12px;width:13px}.file-badge{font-size:7px;border:1px solid #3e3831;border-radius:2px;padding:1px 5px;color:#8b8379;margin-left:auto}.release-feature{margin-top:70px;display:grid;grid-template-columns:.82fr 1.3fr;align-items:center;gap:22px}.release-feature .feature-copy{padding-left:0}.release-demo{padding:28px;border:1px solid var(--line);border-radius:6px;background:#171717}.release-steps{display:flex;align-items:center;gap:13px;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.release-steps>span{font-size:12px;color:#555}.release-steps button{background:none;border:1px solid #343030;padding:8px 12px;border-radius:4px;font-size:11px;display:flex;gap:10px;align-items:center;color:#92908b}.release-steps b{font-size:9px;font-weight:400}.release-steps button[aria-selected=true]{background:#292337;color:#d6c7ff;border-color:#65517d}.release-panel{padding:26px 0 0;min-height:244px}.release-symbol{font-size:25px;color:var(--accent)}.release-panel h4{font-size:19px;letter-spacing:-.025em;margin-top:10px}.release-panel p{font-size:12px;color:#9c968f;margin:12px 0 22px;max-width:420px}.revision{display:flex;gap:12px;align-items:center;border-top:1px solid #302c29;padding-top:13px;font-size:9px;color:#807972;flex-wrap:wrap}.revision code{color:#cbbbde}.revision span:last-child{margin-left:auto;color:#bab0a4}.tour-disclaimer{font-size:9px;margin-top:18px;color:#736e68}.about-section{background:#d9d3c8;color:#24211f}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;padding-top:88px;padding-bottom:90px}.about-section .eyebrow{color:#70625e}.about-section h2{margin-top:28px}.about-section h2 span{color:#777067}.about-copy{padding-top:44px}.about-copy p{font-size:16px;color:#5e5750;margin-bottom:22px;max-width:450px}.about-copy p:first-child{font-size:21px;line-height:1.5;color:#282320}.about-copy a{display:inline-block;margin-top:10px}.about-copy a:hover{color:#624585}.faq-section{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:.85fr 1.2fr;gap:80px}.faq-section h2{margin-top:24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;font-size:14px;padding:23px 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:21px;color:#9d919d}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:#9e978f;padding:0 25px 24px 0}.closing{border-top:1px solid var(--line);padding-top:75px;padding-bottom:80px}.closing h2{margin-top:23px;font-size:clamp(36px,5vw,66px)}.closing .actions{margin-top:35px}footer{border-top:1px solid var(--line)}.footer-top{display:grid;grid-template-columns:1fr 1.2fr .7fr .8fr;gap:30px;padding:42px 0;align-items:start}.footer-top p{font-size:12px;color:#8d8881}.footer-top>div{display:grid;gap:10px;font-size:12px}.footer-top a{text-decoration:none}.footer-bottom{border-top:1px solid #272523;display:flex;justify-content:space-between;color:#6e6862;font-size:10px;padding:23px 0}.footer-bottom a{text-decoration:none}.skip{position:fixed;top:-100px;left:16px;background:var(--accent);padding:10px;color:#111;z-index:100}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.doc{max-width:880px;padding:70px 40px;margin:auto}.doc h1{font-size:60px;margin:25px 0}.doc h2{font-size:32px;margin:50px 0 20px}.doc p,.doc li{color:#aba59d;margin:16px 0}.doc code{background:#23201e;padding:3px 5px;border-radius:3px;font-size:12px}.callout{border-left:2px solid var(--accent);padding:16px 22px;background:#1c1a1e;font-size:14px;margin:25px 0}.doc+footer{max-width:1200px;margin:auto;padding:25px 40px;display:flex;justify-content:space-between;font-size:12px;color:#8a827b}
@media(min-width:1280px){.editor-shot{max-height:760px}}
@media(max-width:1050px){.wrap,nav{padding-left:30px;padding-right:30px}.hero-grid{gap:40px}.hero-copy>p:not(.small){font-size:16px}.interactive-feature{grid-template-columns:1fr}.feature-copy{padding:32px}.interactive-feature .feature-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;align-items:start}.interactive-feature .feature-index{grid-column:1/-1}.interactive-feature .feature-copy p{margin-top:0}.interactive-feature .demo-note{margin-top:5px}.style-demo{grid-template-columns:1fr 1.5fr;padding:35px}.sample-card{min-height:240px}.live-label{display:none}.release-feature{grid-template-columns:.8fr 1.2fr}.release-steps{gap:6px}.release-steps button{padding:8px}.release-steps b{display:none}.about-grid{gap:45px}.faq-section{gap:45px}.product-principles{font-size:8px;letter-spacing:.02em}.commit-row{gap:6px}.commit-row code{display:none}}
@media(max-width:700px){html{scroll-padding-top:30px}.wrap,nav{padding-left:22px;padding-right:22px}nav{height:70px;gap:15px}.logo{font-size:20px}.logo img{width:25px;height:25px}.nav-links{gap:17px;margin-left:auto}.nav-links a{font-size:11px}.nav-links a:nth-child(2){display:none}.nav-cta{display:none}.hero{padding-top:43px}.hero-grid{grid-template-columns:1fr;gap:34px;padding:30px 0 40px}h1{font-size:clamp(55px,12vw,80px)}.hero-copy>p:not(.small){font-size:16px;margin-top:13px}.hero-foot{font-size:8px;gap:15px}.hero-foot>span:last-child{display:none}.hero-copy .small br{display:none}.workspace-section{padding-top:54px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:24px;font-size:13px}.section-heading h2{margin-top:15px}h2{font-size:37px}.screenshot-toolbar{padding:10px;justify-content:center}.mini-brand{display:none}.shot-tabs{width:100%;justify-content:center}.shot-tabs button{flex:1;padding:6px}.editor-shot{max-height:none;object-fit:contain}.shot-caption{display:block;padding:13px;font-size:10px}.shot-caption span{display:block}.shot-caption span+span{margin-top:5px;font-size:9px}.product-principles{grid-template-columns:1fr 1fr;padding:20px 0;gap:14px;font-size:8px}.features-section{padding-top:68px;padding-bottom:65px}.interactive-feature{margin-top:34px}.interactive-feature .feature-copy{display:block;padding:25px}.feature-copy p{margin-top:20px!important}.feature-copy .demo-note{margin-top:28px!important}.style-demo{grid-template-columns:1fr;padding:24px;gap:25px}.style-demo form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.style-demo .demo-bar,.demo-field,.palette{grid-column:1/-1}.palette{margin-bottom:5px}.range-field{margin-bottom:0}.sample-card{min-height:245px}.demo-result{min-width:0}.feature-pair{grid-template-columns:1fr;gap:18px;margin-top:18px}.feature-card{padding:24px}h3{font-size:32px}.git-visual,.files-visual{padding:20px}.release-feature{margin-top:50px;grid-template-columns:1fr;gap:10px}.release-feature .feature-copy{padding-right:0;padding-top:0}.release-demo{padding:20px}.release-demo .demo-bar{font-size:8px;gap:8px}.release-steps button{padding:8px 12px}.release-panel h4{font-size:18px}.release-panel{min-height:250px}.about-grid{grid-template-columns:1fr;gap:5px;padding-top:55px;padding-bottom:58px}.about-grid h2{font-size:39px}.about-copy{padding-top:30px}.about-copy p{font-size:14px}.about-copy p:first-child{font-size:19px}.faq-section{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:65px}.faq-section h2 br{display:none}.faq-list summary{font-size:13px}.closing{padding-top:50px;padding-bottom:55px}.closing h2{font-size:39px}.closing .actions{gap:20px}.footer-top{grid-template-columns:1fr 1fr;gap:30px 15px;padding:35px 0}.footer-top p{font-size:11px}.footer-bottom{gap:20px;font-size:9px;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}.doc{padding:40px 22px}.doc h1{font-size:43px}.doc h2{font-size:28px}.doc+footer{padding:24px 22px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}