@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root { --ink:#f2f2ec; --muted:#a7aaa3; --line:rgba(242,242,236,.17); --surface:#171918; --deep:#0d0f0e; --lime:#d8ff5b; --serif:"Newsreader", Georgia, serif; --sans:"Manrope", Arial, sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--deep); font-family:var(--sans); font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px;border-radius:4px}
.grain { position:fixed; inset:0; pointer-events:none; opacity:.18; z-index:9; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E"); }
.wrap { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.site-header { height:84px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:2; }
.brand { display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:700; letter-spacing:-.03em; }.brand img{width:28px;height:28px;border-radius:7px}.site-header nav{display:flex;gap:26px;font:12px var(--mono);color:var(--muted)}.site-header nav a:hover,footer a:hover{color:var(--lime)}
.language-switch{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:999px;padding:5px 8px 5px 9px;cursor:pointer;font:11px var(--mono);display:flex;gap:7px}.language-switch span:first-child{color:var(--ink)}html[lang='en'] .language-switch span:first-child{color:var(--muted)}html[lang='en'] .language-switch span:last-child{color:var(--ink)}
.hero{padding:105px 0 96px;position:relative}.eyebrow{margin:0 0 20px;color:var(--lime);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.hero h1,.page-hero h1,.legal h1{font-size:clamp(58px,9.4vw,138px);letter-spacing:-.075em;line-height:.84;max-width:1000px;margin:0}.hero h1 em,.page-hero h1 em,.legal h1 em,.statement h2 em,.advanced-teaser h2 em,.final-cta h2 em{font-family:var(--serif);font-weight:400}.hero-copy{font-size:20px;line-height:1.45;max-width:500px;color:var(--muted);margin:39px 0 29px}.actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 19px;border-radius:7px;font-weight:700;font-size:14px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:#151713;background:var(--lime)}.button-quiet{border:1px solid var(--line);color:var(--ink)}.microcopy{font:11px var(--mono);color:var(--muted);margin:14px 0 0}
.hero-stage{margin-top:81px;background:#282b28;padding:11px;border:1px solid var(--line);border-radius:13px;box-shadow:0 25px 90px rgba(0,0,0,.35)}.stage-bar{height:28px;display:flex;align-items:center;gap:6px;padding:0 6px;color:#9d9f9a;font:9px var(--mono)}.stage-bar span{width:7px;height:7px;border-radius:50%;background:#6e706d}.stage-bar b{margin-left:7px;font-weight:400}.hero-stage img,.browser-card img,.wide-shot{width:100%;display:block;border-radius:5px}
.statement{border-top:1px solid var(--line);padding:150px 0 158px;display:grid;grid-template-columns: 1fr 2fr;gap:40px}.statement h2,.section-head h2,.advanced-teaser h2,.final-cta h2{margin:0;font-size:clamp(40px,5.4vw,77px);letter-spacing:-.065em;line-height:.94}.statement>p:last-child{grid-column:2;color:var(--muted);max-width:550px;font-size:19px;margin:37px 0 0}
.vertical-tabs{border-top:1px solid var(--line);padding:112px 0 120px}.vertical-tabs-intro{max-width:760px}.vertical-tabs h2{margin:0;font-size:clamp(40px,5.4vw,77px);letter-spacing:-.065em;line-height:.94}.vertical-tabs h2 em{font-family:var(--serif);font-weight:400}.vertical-tabs-intro>p:last-child{max-width:650px;color:var(--muted);font-size:18px;margin:30px 0 0}.workflow-note{margin:60px 0 17px;color:var(--muted);font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.tab-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tab-shot{margin:0;border:1px solid var(--line);border-radius:12px;padding:11px;background:#151717}.tab-shot img{width:100%;display:block;border-radius:7px}.comparison-label{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:5px 4px 14px}.comparison-label span{color:var(--lime);font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.comparison-label small{color:var(--muted);font-size:11px;text-align:right}.vertical-rule{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--surface);display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.vertical-rule .eyebrow{margin-bottom:12px}.vertical-rule p:last-child{margin:0;color:var(--muted);font-size:14px}.pattern-rule{min-height:138px;padding:18px;border-radius:8px;color:#151714;background:#e6e8df;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;gap:11px 14px;align-items:center}.pattern-rule span,.pattern-rule small{font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase}.pattern-rule small{text-align:right;color:#5b5f58}.pattern-rule code{grid-column:1/2;padding:9px;background:#cdd0c7;border-radius:4px;font:12px var(--mono);overflow:auto}.pattern-rule b{grid-column:2;grid-row:1/3;color:#6d716a;font-size:23px;font-weight:400}.pattern-rule strong{grid-column:1;letter-spacing:-.04em;font-size:21px}.vertical-link{margin-top:29px}
.workflow,.features,.faq,.screenshot-section{border-top:1px solid var(--line);padding:94px 0 110px}.section-head{max-width:700px}.section-head h2{font-size:clamp(36px,4.5vw,65px)}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:65px}.scope-grid article{padding:27px 28px 30px 0;border-right:1px solid var(--line);min-height:225px}.scope-grid article+article{padding-left:28px}.scope-grid article:last-child{border-right:none}.number{display:block;color:var(--lime);font:11px var(--mono);margin-bottom:65px}.scope-grid h3{font-size:21px;letter-spacing:-.04em;margin:0 0 8px}.scope-grid p,.feature-list p{color:var(--muted);margin:0;font-size:14px}
.features{background:var(--surface);width:100%;padding-inline:max(24px,calc((100% - 1180px)/2));}.features .section-head{padding-top:0}.feature-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:76px;align-items:center;margin-top:58px}.feature-list article{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.feature-list article:first-child{border-top:1px solid var(--line)}.feature-list article>span{font:20px var(--mono);color:var(--lime);width:25px}.feature-list h3{margin:0 0 4px;font-size:17px;letter-spacing:-.03em}.browser-card{margin:0;background:#242725;border:1px solid var(--line);padding:9px;border-radius:12px}.browser-card figcaption{color:var(--muted);font:11px var(--mono);padding:14px 5px 4px}
.advanced-teaser{border-top:1px solid var(--line);padding:128px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}.advanced-teaser p:not(.eyebrow){color:var(--muted);font-size:18px;max-width:500px;margin:27px 0}.text-link{font:13px var(--mono);display:inline-flex;gap:12px;align-items:center;color:var(--lime);margin-top:8px}.text-link .arrow{font-size:20px;transition:transform .2s}.text-link:hover .arrow{transform:translateX(4px)}.rule-terminal{background:#e6e8df;color:#151714;min-height:288px;padding:28px;border-radius:12px;box-shadow:15px 15px 0 #343733;display:flex;flex-direction:column;justify-content:center;gap:15px;transform:rotate(2deg)}.terminal-top,.rule-terminal small{font:10px var(--mono);letter-spacing:.05em}.rule-terminal code{font:13px var(--mono);background:#cdd0c7;padding:10px;border-radius:4px;overflow:auto}.rule-terminal .arrow{color:#6d716a}.rule-terminal strong{font-size:28px;letter-spacing:-.06em}.rule-terminal small{color:#5b5f58}
.faq{padding-bottom:135px}.faq-list{margin-top:60px;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 0 0 3px}summary{cursor:pointer;list-style:none;padding:20px 28px 20px 0;font-size:18px;font-weight:600;letter-spacing:-.035em;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:3px;color:var(--lime);font:23px var(--mono);font-weight:400;top:16px}details[open] summary:after{content:'−'}details p{max-width:700px;color:var(--muted);font-size:15px;margin:0 0 22px}
.final-cta{border-top:1px solid var(--line);padding:130px 0 140px;text-align:center}.final-cta h2{font-size:clamp(39px,5.4vw,76px)}.final-cta .button{margin-top:34px}.final-cta .eyebrow{margin-bottom:25px}footer{min-height:104px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;color:var(--muted);font:11px var(--mono)}footer .brand{color:var(--ink)}footer>div{display:flex;gap:18px}
.page-hero,.legal{padding:70px 0 115px}.back{font:11px var(--mono);color:var(--muted);display:inline-block;margin-bottom:67px}.back:hover{color:var(--lime)}.page-hero>p:last-child{color:var(--muted);font-size:19px;line-height:1.5;max-width:580px;margin:34px 0 0}.rule-types{border-top:1px solid var(--line);padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.rule-types article{padding:44px 28px 48px 0;border-right:1px solid var(--line)}.rule-types article+article{padding-left:28px}.rule-types article:last-child{border-right:0}.rule-types .number{margin-bottom:58px}.rule-types h2{font-size:28px;letter-spacing:-.05em;margin:0 0 10px}.rule-types p{color:var(--muted);font-size:15px;min-height:93px}.rule-types code{font:11px var(--mono);background:var(--surface);padding:10px;display:block;overflow:auto;color:var(--lime)}
.priority{border-top:1px solid var(--line);margin-top:90px;padding:110px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.priority h2{font-size:clamp(38px,4vw,59px);line-height:.95;letter-spacing:-.06em;margin:0}.priority p:not(.eyebrow){color:var(--muted);max-width:450px}.priority ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.priority li{border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:16px;align-items:center;font-size:17px}.priority li span{font:11px var(--mono);color:var(--lime);width:20px}.screenshot-section .wide-shot{margin-top:57px;border:1px solid var(--line);border-radius:11px}
.legal{max-width:950px}.legal h1{font-size:clamp(58px,8.5vw,118px)}.legal-lead{font-size:22px;line-height:1.35;color:var(--muted);max-width:510px;margin:37px 0 96px}.legal-grid{border-top:1px solid var(--line)}.legal-grid section{display:grid;grid-template-columns:1fr 1.25fr;gap:30px;padding:31px 0;border-bottom:1px solid var(--line)}.legal-grid h2{font-size:18px;letter-spacing:-.03em;margin:0}.legal-grid p{margin:0;color:var(--muted);font-size:15px}.legal-contact{padding:64px 0}.legal-contact p{color:var(--muted);margin:0 0 12px}
.reveal{animation:enter .8s cubic-bezier(.2,.75,.25,1) both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-width:720px){.wrap{width:min(100% - 32px,1180px)}.site-header{height:70px}.site-header nav{display:none}.hero{padding:68px 0 64px}.hero-copy{font-size:17px;margin:28px 0}.hero-stage{margin-top:55px}.statement{display:block;padding:92px 0}.statement>p:last-child{font-size:17px;margin-top:26px}.vertical-tabs{padding:72px 0}.vertical-tabs-intro>p:last-child{font-size:17px;margin-top:25px}.workflow-note{margin-top:42px;line-height:1.55}.tab-comparison{grid-template-columns:1fr;gap:14px}.comparison-label{padding-bottom:10px}.vertical-rule{grid-template-columns:1fr;gap:26px;margin-top:20px;padding:20px}.pattern-rule{min-height:128px}.pattern-rule code{font-size:10px}.vertical-link{margin-top:23px}.workflow,.features,.faq,.screenshot-section{padding:68px 0}.scope-grid,.rule-types{grid-template-columns:1fr}.scope-grid article,.scope-grid article+article,.rule-types article,.rule-types article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.number,.rule-types .number{margin-bottom:28px}.feature-layout,.advanced-teaser,.priority{grid-template-columns:1fr;gap:42px}.advanced-teaser{padding:83px 0}.rule-terminal{min-height:230px;box-shadow:8px 8px 0 #343733}.final-cta{padding:90px 0}.page-hero,.legal{padding:54px 0 75px}.back{margin-bottom:50px}.rule-types{border-bottom:1px solid var(--line)}.priority{margin-top:60px;padding:70px 0}.legal-lead{margin-bottom:60px;font-size:19px}.legal-grid section{display:block;padding:24px 0}.legal-grid h2{margin-bottom:10px}footer{padding:25px 0;min-height:0;align-items:flex-start;flex-direction:column;gap:14px}.actions{flex-wrap:wrap}}