.brand-icon{width:28px;height:28px;border-radius:8px;display:block}
.reveal{opacity:1;transform:none}
.feature-number{font-size:14px}
.zoom-controls{display:flex;align-items:center;justify-content:center;gap:24px;background:transparent;color:var(--ink);padding:0}.zoom-controls button{width:36px;height:36px;border:1px solid #565753;background:transparent;color:#a5a59e;padding:10px 14px;font:12px 'DM Mono',monospace;line-height:1;cursor:pointer}.zoom-controls button:hover{background:var(--paper);color:var(--ink)}.zoom-controls span{min-width:42px;text-align:center;font:12px 'DM Mono',monospace}.compare-image{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1));transform-origin:52% 23%;transition:transform .25s ease}.compare-stage.zoomed .compare-image{object-position:center}
.quality-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px}.quality-row .level-buttons{justify-self:end}.zoom-controls{width:max-content;margin:0 auto;border-radius:0}
.hero-visual{position:absolute;right:12vw;top:135px;width:255px;height:430px;z-index:1;display:flex;justify-content:center;align-items:flex-start}
.hero-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(25,26,24,.13))}
.hero-note{z-index:2}
.compressed-image{width:100%;max-width:none}
.sample-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px;color:var(--muted);font:11px 'DM Mono',monospace}
.sample-nav b{color:var(--ink);font-weight:500}
.sample-nav button{width:42px;height:42px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:18px;cursor:pointer}
.sample-nav button:hover{background:var(--ink);color:var(--paper)}
@media(max-width:700px){.hero{padding:100px 24px 120px;min-height:720px}.hero-note{left:24px;right:auto;bottom:28px}.hero-visual{right:16px;top:390px;width:145px;height:315px}}
.compressed-pane{inset:0;width:100%;isolation:isolate;clip-path:inset(0 0 0 50%)}.compressed-image{object-fit:contain;object-position:center;transform-origin:52% 23%}
.compare-stage{isolation:isolate}.compare-image{position:absolute;inset:0;width:100%!important;height:100%;object-fit:cover;object-position:center}.compressed-pane{position:absolute;z-index:1}.original-image{z-index:0}.split-line{z-index:2}.image-label{z-index:3}
.compare-stage{touch-action:none;cursor:col-resize}.compare-stage.zoomed{cursor:grab}.compare-stage.zoomed:active{cursor:grabbing}.split-handle{touch-action:none;cursor:col-resize}
@media(max-width:700px){.hero{min-height:1000px}.hero-visual{top:auto;right:20px;bottom:68px;width:185px;height:300px}.hero-note{bottom:30px;font:12px 'DM Mono',monospace}}
.hero-visual{width:315px;height:520px;top:92px}.eyebrow{font-size:12px}.site-header nav{font-size:14px}.hero-copy{font-size:17px}.image-label,.zoom-button,.demo-caption{font-size:12px}.level-buttons button,.sample-nav,.feature-number,.download-inner small,footer{font-size:12px}.feature-card p,.section-intro p,.download-inner p,.legal-lead{font-size:15px}.sample-nav{margin-top:28px}.compressed-pane{overflow:hidden}.split-line{pointer-events:none}.split-handle{pointer-events:auto}.compare-stage.zoomed .compare-image{transform:scale(2.5);object-position:center}
@media(max-width:700px){.hero-visual{width:185px;height:350px;bottom:62px;top:auto}.site-header nav{font-size:13px}.hero-copy{font-size:16px}.eyebrow{font-size:11px}.image-label,.zoom-button,.demo-caption{font-size:11px}.feature-card p,.section-intro p,.download-inner p,.legal-lead{font-size:14px}}
.hero-visual{width:472.5px;height:780px;top:55px;right:12vw}
.hero{min-height:950px}
.hero-note{top:850px;bottom:auto;right:12vw;width:472.5px;text-align:center}
@media(max-width:700px){.hero{min-height:1160px}.hero-visual{width:278px;height:525px;top:auto;right:calc(50% - 139px);bottom:78px}.hero-note{top:auto;bottom:30px;right:0;width:100%;text-align:center}}
.quality-row .zoom-controls{display:flex}
@media(max-width:700px){.quality-row{display:flex;flex-direction:column;align-items:stretch;gap:18px}.quality-row .zoom-controls{order:2}.quality-row .level-buttons{order:3;justify-self:auto}.quality-row .level-copy{order:1}.zoom-controls{margin:0 auto}}
.hero-visual{width:409.5px;height:676px}
.hero{min-height:850px}
.hero-note{top:745px;width:409.5px}
@media(max-width:700px){.hero{min-height:1050px}.hero-visual{width:240.5px;height:455px;right:calc(50% - 120.25px);bottom:78px}.hero-note{top:auto;width:100%;bottom:30px}}
.hero-visual{width:315px;height:520px;top:92px;right:12vw}
.hero{min-height:720px}
.hero-note{top:625px;right:12vw;width:315px}
@media(max-width:700px){.hero{min-height:1000px}.hero-visual{width:185px;height:350px;right:calc(50% - 92.5px);bottom:78px}.hero-note{top:auto;right:0;width:100%;bottom:30px}}
.zoom-controls span{display:inline-block;color:#a5a59e;font:12px 'DM Mono',monospace;line-height:1}.compare-stage.zoomed .compare-image{transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1));object-fit:cover;object-position:center}
.demo-caption a{color:var(--paper);text-decoration:underline;text-decoration-color:#70716c;text-underline-offset:3px}
.pricing-section{padding:150px 8vw;background:var(--soft)}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);max-width:920px;margin:0 auto}.pricing-card{background:var(--paper);padding:32px 28px 34px;min-height:275px;display:flex;flex-direction:column}.pricing-card-featured{background:var(--ink);color:var(--paper)}.pricing-card .eyebrow{color:var(--muted)}.pricing-card-featured .eyebrow{color:#a5a59e}.pricing-card h3{font-size:clamp(38px,4vw,58px);letter-spacing:-.08em;margin:42px 0 12px}.pricing-card h3 small{font:13px 'DM Mono',monospace;letter-spacing:0;color:var(--muted)}.pricing-card p{color:var(--muted);font-size:14px;line-height:1.6;max-width:280px}.pricing-limit{margin-top:auto;font:12px 'DM Mono',monospace}.pricing-annual{margin-top:12px;color:var(--muted);font:11px 'DM Mono',monospace}@media(max-width:700px){.pricing-section{padding:95px 20px}.pricing-grid{grid-template-columns:1fr}.pricing-card{min-height:220px}.pricing-card h3{margin-top:28px}}
.site-header nav{font-size:15px}.header-button,.button{font-size:14px}.hero-copy{font-size:18px;line-height:1.7}.hero-note{font-size:13px}.eyebrow{font-size:13px}.section-intro p,.download-inner p,.feature-card p,.pricing-card p{font-size:16px;line-height:1.65}.image-label,.zoom-button,.demo-caption{font-size:13px}.level-buttons button,.sample-nav,.pricing-limit,.pricing-annual{font-size:13px}.level-copy strong{font-size:23px}.demo-caption{line-height:1.5}.sample-nav{font-size:14px}.sample-nav button{font-size:20px}.feature-number{font-size:16px}.feature-card h3{font-size:23px}.download-inner small{font-size:13px}footer{font-size:13px}.legal-lead{font-size:17px}.license-list small{font-size:12px}.license-list span{font-size:22px}.pricing-card h3 small{font-size:14px}.pricing-limit,.pricing-annual{font-size:13px}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.site-header nav{font-size:14px}.header-button,.button{font-size:14px}.hero-copy{font-size:17px}.hero-note{font-size:12px}.eyebrow{font-size:12px}.section-intro p,.download-inner p,.feature-card p,.pricing-card p{font-size:16px}.image-label,.zoom-button,.demo-caption{font-size:12px}.level-buttons button,.sample-nav,.download-inner small,footer{font-size:13px}.feature-number{font-size:15px}.feature-card h3{font-size:22px}.legal-lead{font-size:16px}.license-list small{font-size:12px}.license-list span{font-size:20px}.feature-grid{grid-template-columns:1fr}}
.hero-visual{overflow:hidden}
@media(max-width:700px){.hero{display:flex;flex-direction:column;min-height:0;padding:86px 24px 34px}.hero h1{font-size:clamp(52px,15vw,68px);margin:24px 0}.hero-copy{max-width:100%;margin:26px 0}.hero-actions{flex-wrap:wrap;gap:18px}.hero-visual{position:relative;order:5;top:auto;right:auto;bottom:auto;width:220px;height:375px;align-self:center;margin:44px auto 18px}.hero-note{position:relative;order:6;top:auto;right:auto;bottom:auto;left:auto;width:100%;text-align:center;margin:0}.hero:after{font-size:100vw;right:-8vw;bottom:-.08em}}
.brand-icon{flex:none}
.site-header{position:sticky;top:0;z-index:10;background:rgba(242,241,237,.72);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none}
.demo-note{margin:24px 0 0;color:var(--ink);text-align:center;font-size:21px;font-weight:700;line-height:1.4;letter-spacing:-.03em}
@media(max-width:700px){.demo-note{font-size:19px}}
@media(max-width:700px){.site-header{height:68px;padding:0 16px;gap:12px;overflow:visible;position:sticky}.site-header .brand{min-width:0;gap:8px;font-size:16px}.site-header .brand span{white-space:nowrap}.site-header .brand-icon{width:25px;height:25px}.site-header .header-actions{margin-left:auto}.site-header .header-button{flex:none;padding:9px 10px;gap:7px;font-size:12px;white-space:nowrap}.menu-toggle{display:flex;width:38px;height:38px;padding:9px 8px;flex-direction:column;justify-content:center;gap:4px;border:1px solid var(--line);background:rgba(242,241,237,.55);color:var(--ink);cursor:pointer}.menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.site-header nav{display:none;position:absolute;top:68px;right:16px;left:16px;flex-direction:column;gap:0;padding:8px;background:rgba(242,241,237,.92);border:1px solid var(--line);box-shadow:0 16px 34px rgba(25,26,24,.12);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.site-header.menu-open nav{display:flex}.site-header nav a{padding:15px 12px;border-bottom:1px solid var(--line);font-size:15px}.site-header nav a:last-child{border-bottom:0}.site-header.menu-open .menu-toggle span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}}