@font-face{font-family:RxvenDisplay;src:url('assets/Poppins-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
.hero h1{font-family:RxvenDisplay,Arial,sans-serif;font-weight:800;font-size:clamp(100px,11.9vw,160px);letter-spacing:-9px;line-height:.92}.work-title h2,.membership h2,.closing h2,.showcase h2,.release h3{font-family:RxvenDisplay,Arial,sans-serif;font-weight:800}.hero-caption p{font-weight:600}.work-title h2,.membership h2{font-size:34px}.release h3{font-size:43px;letter-spacing:-1.8px}.hero-meta{font-size:10px}.hero-bottom>p{font-size:12px}.identity-block{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.identity-block .symbol-ring{transition:transform .8s}.identity-block:is(:hover,:focus-visible,.is-active) .symbol-ring{transform:rotateX(35deg) rotate(25deg)}
.showcase{border-top:1px solid var(--line);padding-block:35px 60px}.showcase-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:24px 0 30px}.showcase-heading h2{font-size:45px;line-height:1.1;letter-spacing:-2px}.showcase-heading h2>span{color:var(--accent)}.showcase-heading>p{font-size:12px;line-height:1.9;color:var(--muted)}.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.showcase-card{min-width:0}.visual-panel{height:330px;position:relative;border:1px solid var(--line);border-radius:5px;isolation:isolate;min-width:0;overflow:hidden}.visual-corner{position:absolute;top:17px;left:18px;font:8px monospace;letter-spacing:1px;z-index:3}.visual-tag{position:absolute;bottom:16px;left:18px;right:18px;font:8px monospace;letter-spacing:.5px;z-index:3}.tool-card .visual-panel{background:#d8d6c8;color:#32382e;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s,box-shadow .4s;touch-action:pan-y}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#4651390d 1px,transparent 1px),linear-gradient(90deg,#4651390d 1px,transparent 1px);background-size:24px 24px;mask-image:radial-gradient(ellipse,black,transparent 80%)}.mini-sheet{position:absolute;background:#fcf7e9;border:1px solid #b5b5a2;width:67%;height:220px;left:16%;top:60px;box-shadow:0 13px 25px #272b1c15;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.back-sheet{transform:rotate(-12deg);background:#b6bd9c;left:13%;top:54px}.back-sheet i{display:block;height:1px;background:#73815b;margin:35px 20px}.front-sheet{transform:rotate(5deg) translate(var(--mx,0px),var(--my,0px));padding:16px}.sheet-heading{font:6px monospace;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between}.sheet-heading b{font:bold 12px Arial;color:#b53d27}.front-sheet h3{font-family:RxvenDisplay,Arial,sans-serif;font-weight:800;font-size:21px;line-height:1.18;letter-spacing:-.7px;margin:16px 0 13px}.sheet-rule{height:2px;background:#b53d27;width:27px;margin-bottom:10px}.sheet-row{display:flex;justify-content:space-between;border-top:1px solid #dedbcf;padding:7px 0;font-size:7px}.sheet-row b{font-weight:600}.sheet-bottom{border-top:1px solid #dedbcf;display:flex;justify-content:space-between;padding-top:9px;font:6px monospace;letter-spacing:.3px}.tool-card .visual-panel:is(:hover,:focus-visible,.is-active) .back-sheet{transform:translate(-8px,-5px) rotate(-16deg)}.tool-card .visual-panel:is(:hover,:focus-visible,.is-active){box-shadow:0 18px 40px #0002}.showcase-caption{padding:21px 0 0}.card-status{font:8px monospace;letter-spacing:.8px;color:var(--accent)}.card-status.planned{color:var(--muted)}.showcase-caption h3{font:800 23px/1.2 RxvenDisplay,Arial,sans-serif;letter-spacing:-1px;margin:10px 0 12px}.showcase-caption p{font-size:11px;color:var(--muted);line-height:1.9;min-height:63px}.showcase-caption .text-button{font-size:11px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:10px}.showcase-caption .text-button span{font-size:19px;transition:transform .2s}.showcase-caption .text-button:hover span{transform:translate(3px,-3px)}
.workflow-panel{background:#272921;color:#ede7d7}.workflow-panel .visual-corner{color:#c6c2b3}.workflow-map{padding:48px 28px 0}.map-node{border:1px solid #555b46;background:#303329;padding:9px 11px;display:flex;align-items:center;gap:10px;border-radius:5px;transition:border-color .25s,transform .25s,background .25s}.node-icon{width:27px;height:27px;background:#444939;color:#d0d7b9;display:grid;place-items:center;font-size:20px;border-radius:4px}.map-node small{display:block;font:6px monospace;letter-spacing:.7px;color:#b5bd9d;margin-bottom:4px}.map-node strong{font-size:9px;font-weight:400;display:block}.node-state{margin-left:auto;color:#777f64;font-size:12px}.map-wire{height:13px;margin-left:23px;border-left:1px dashed #747e5d;position:relative}.map-wire i{position:absolute;width:5px;height:5px;left:-3px;top:-4px;background:#e65b42;border-radius:50%;opacity:0}.workflow-panel[data-running=true] .map-wire i{opacity:1;animation:flow-packet .65s linear infinite}.map-node.is-done{border-color:#d08056;background:#3d382a;transform:translateX(3px)}.map-node.is-done .node-state{color:#eb9a74}.run-flow{position:absolute;bottom:37px;left:28px;right:28px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #777663;color:#ede7d7;background:#33362a;padding:9px;font-size:9px;min-height:32px;border-radius:3px}.run-flow:hover{border-color:#e65b42}.run-flow:disabled{opacity:.7}.run-flow span{font-size:9px;color:#f19171}.flow-status{position:absolute;bottom:15px;left:10px;right:10px;text-align:center;color:#c0c2b1;font-size:7px;line-height:1.4}.build-panel{background:#ded1bd;color:#322b24}.device-switch{position:absolute;top:42px;right:16px;display:flex;gap:3px;padding:3px;background:#c2b69f;border-radius:4px;z-index:4}.device-switch button{font:7px monospace;padding:6px 8px;border:0;border-radius:2px;color:#423b30;background:transparent;min-height:26px}.device-switch button[aria-pressed=true]{background:#faf4e4;color:#29231c}.browser-concept{position:absolute;top:91px;left:6%;width:88%;height:193px;border:1px solid #948873;background:#f6efdd;box-shadow:7px 9px #b2a58f;transform:rotate(-3deg);transition:width .5s,left .5s,transform .5s,border-radius .5s;overflow:hidden}.browser-chrome{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4c9b4;padding:7px 9px;font:6px monospace;color:#69604d;gap:8px}.browser-chrome>span{font-size:4px}.browser-chrome small{font-size:6px}.concept-body{padding:13px}.concept-nav{display:flex;justify-content:space-between;font:6px monospace;letter-spacing:.2px}.concept-nav b{font-weight:400}.concept-intro{position:relative;margin-top:18px}.concept-intro h3{font:800 27px/.96 RxvenDisplay,Arial,sans-serif;letter-spacing:-1.4px;position:relative;z-index:2}.concept-intro h3 span{color:#b53d27}.concept-art{position:absolute;right:6px;top:-5px;font:900 75px/.8 Arial;color:#b53d27;transform:rotate(-15deg);transition:transform .6s}.build-panel:hover .concept-art{transform:rotate(15deg)}.concept-bottom{display:flex;justify-content:space-between;gap:6px;align-items:end;margin-top:16px;font:5px/1.5 monospace}.concept-button{background:#b53d27;color:#fff6e4;padding:5px 6px}.browser-concept[data-device-view=mobile]{width:43%;left:28.5%;transform:rotate(4deg);border-radius:12px;height:211px;top:76px}.browser-concept[data-device-view=mobile] .browser-chrome small{display:none}.browser-concept[data-device-view=mobile] .concept-art{opacity:.22;right:-4px;top:10px}.browser-concept[data-device-view=mobile] .concept-nav span{display:none}.browser-concept[data-device-view=mobile] .concept-intro h3{font-size:24px}.browser-concept[data-device-view=mobile] .concept-bottom{flex-direction:column;align-items:start;gap:8px}.browser-concept[data-device-view=mobile] .concept-body{padding:13px 10px}.build-panel .visual-tag{font-size:7px}
@keyframes flow-packet{to{transform:translateY(17px)}}
@media(max-width:1050px){.hero h1{font-size:clamp(93px,11.8vw,130px);letter-spacing:-7px}.showcase-grid{gap:16px}.visual-panel{height:310px}.mini-sheet{width:74%;left:13%;height:210px}.front-sheet{padding:13px}.front-sheet h3{font-size:19px}.workflow-map{padding:44px 16px 0}.run-flow{left:16px;right:16px;bottom:30px}.flow-status{bottom:10px;font-size:6px}.map-node{padding:8px;gap:7px}.map-node strong{font-size:8px}.map-node small{font-size:6px}.node-icon{width:23px;height:23px}.showcase-caption h3{font-size:20px}.showcase-caption p{min-height:80px}.browser-concept{height:180px;top:88px}.concept-art{font-size:62px;right:0}.concept-intro h3{font-size:23px}.concept-body{padding:12px}.browser-concept[data-device-view=mobile]{width:52%;left:24%;height:198px}.showcase-heading h2{font-size:38px}.work-title h2,.membership h2{font-size:31px}}
@media(max-width:760px){.hero h1{font-size:clamp(76px,11.9vw,96px);letter-spacing:-5px}.showcase-grid{grid-template-columns:1fr}.showcase-card{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-bottom:1px solid var(--line);padding-bottom:23px}.showcase-caption{align-self:center;padding:0}.showcase-caption p{min-height:0;font-size:12px}.visual-panel{height:310px}.showcase-heading{align-items:start}.showcase-heading h2{font-size:34px}.showcase-heading>p{font-size:10px}.showcase-caption h3{font-size:23px}.work-title h2,.membership h2{font-size:29px}}
@media(max-width:540px){.hero h1{font-size:clamp(85px,22.7vw,120px);letter-spacing:-5px;line-height:.96}.showcase{padding-block:26px 36px}.showcase-heading{display:block;margin:20px 0 24px}.showcase-heading h2{font-size:35px}.showcase-heading>p{font-size:11px;margin-top:14px}.showcase-card{grid-template-columns:1fr;gap:19px;padding-bottom:27px}.showcase-grid{gap:27px}.showcase-caption h3{font-size:25px}.showcase-caption p{font-size:12px;max-width:340px}.showcase-caption .text-button{font-size:12px;margin-top:15px}.visual-panel{height:320px}.mini-sheet{width:62%;left:19%;height:220px}.front-sheet{padding:16px}.front-sheet h3{font-size:22px}.sheet-row{font-size:8px}.workflow-map{padding:46px 32px 0}.map-node{padding:9px 11px}.map-node strong{font-size:10px}.map-node small{font-size:7px}.node-icon{width:27px;height:27px}.run-flow{left:32px;right:32px;bottom:35px}.flow-status{font-size:7px;bottom:14px}.browser-concept{width:84%;left:8%;height:193px;top:86px}.browser-concept[data-device-view=mobile]{width:43%;left:28.5%;height:209px;top:74px}.concept-body{padding:15px}.concept-intro h3{font-size:27px}.concept-art{font-size:77px}.concept-bottom{font-size:6px}.work-title h2,.membership h2{font-size:30px}.release h3{font-size:34px}.hero-bottom>p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.visual-panel[data-tilt],.front-sheet,.back-sheet,.concept-art{transform:none!important}.map-wire i{animation:none!important;opacity:0!important}.map-node.is-done{transform:none}.browser-concept{transition:none!important}}

/* Readable, direct typography for the three service descriptions. */
.showcase-caption p{font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:700;line-height:1.5;letter-spacing:-.2px;color:var(--ink);min-height:81px;max-width:36ch}
.showcase-caption .text-button{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:700;line-height:1.4}
@media(max-width:1050px){.showcase-caption p{min-height:108px}}
@media(max-width:760px){.showcase-caption p{font-size:17px;min-height:0}.showcase-caption .text-button{font-size:15px}}

/* Consistent readable typography throughout the landing page. */
:root{font-family:Arial,Helvetica,sans-serif;font-weight:600}
.nav nav,.theme-toggle,.button,.text-button{font-size:16px;font-weight:700}
.hero-caption p{font-size:20px;font-weight:700;line-height:1.45}
.hero-bottom>p,.showcase-heading>p,.work-title>p,.membership-heading>p,.release-copy>p,.directions details p,.plan-body p,.questions details p,.dialog-intro{font-size:18px;font-weight:600;line-height:1.55;color:var(--ink)}
.directions summary,.questions summary,.plan-description,dialog label{font-size:17px;font-weight:700;line-height:1.45}
.release-note,.membership-note,.dialog-note,.stage-note,#copy-status{font-size:14px;font-weight:600;line-height:1.55}
.eyebrow,.tiny,.hero-meta,.hero-scroll,.card-status,.available,.directions>.eyebrow,.closing>.eyebrow,.plan-name small{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.5}
.footer>span,.footer>a:not(.logo),.footer>small{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700}
.release-stage label,.document dl>div{font-size:14px;font-weight:600}
.release-stage input,dialog textarea,dialog select{font-size:16px;font-weight:600}
.stage-top,.doc-top,.document>p,.fee small{font-size:11px;font-weight:700}
.plan-body a{font-size:16px}.price small{font-size:14px;font-weight:700}
.run-flow{font-size:13px;font-weight:700;min-height:38px}
.map-node strong{font-size:12px;font-weight:700}.map-node small{font-size:9px}.flow-status{font-size:10px}
.device-switch button{font:700 11px Arial,sans-serif;min-height:32px}
.visual-corner,.visual-tag,.build-panel .visual-tag{font-size:10px;font-weight:700}
@media(max-width:1050px){.release{grid-template-columns:1fr 1fr}.release-copy{padding:28px}.release-stage{padding:24px}.map-node{gap:6px}.map-node strong{font-size:11px}}
@media(max-width:760px){.nav{gap:20px}.nav nav{gap:18px}.release{grid-template-columns:1fr}.release-copy>p{max-width:40ch}.work-title,.membership-heading{align-items:start}.work-title>p,.membership-heading>p{max-width:30ch}.plan-body p{max-width:65%}.hero-caption p{font-size:18px}}
@media(max-width:540px){.nav{gap:12px}.nav nav{font-size:14px;gap:12px}.theme-toggle{padding:5px 8px}.hero-meta{font-size:10px}.hero-caption{max-width:46%;gap:8px}.hero-caption p{font-size:16px}.identity-block{margin-top:-45px}.hero-bottom>p,.showcase-heading>p,.work-title>p,.membership-heading>p,.release-copy>p,.directions details p,.plan-body p,.questions details p,.dialog-intro{font-size:17px}.hero-bottom .button,.button,.text-button,.plan-body a{font-size:16px}.section-top .tiny{font-size:10px}.section-top{gap:12px;align-items:start}.release-stage{padding:23px 20px}.document{padding:18px}.document dl>div{font-size:13px;gap:10px}.plan-name small{font-size:10px}.plan-body p{max-width:none}.footer>small,.footer>a:not(.logo){font-size:12px}.showcase-caption p{font-size:17px}.showcase-caption .text-button{font-size:16px}.map-node strong{font-size:12px}}