@font-face{font-family:Funnel Display Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(../media/funnel-display-latin-ext-wght-normal.04rcfgra51nd8.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Funnel Display Variable;font-style:normal;font-display:swap;font-weight:300 800;src:url(../media/funnel-display-latin-wght-normal.243r9qgrhotdb.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.1dtltwig2y3wh.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.1hmx3sz6swr8m.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.37b2k1x9f-55d.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3xvzy9_grgcx4.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.0-hru0xfwhnbp.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.1p_a2k8qd5zhp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f2f2f2;--ink:#171717;--muted:#626262;--line:#d9d9d9;--accent:#e7472d;--display:"Funnel Display Variable",sans-serif;--body:"Manrope Variable",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--page);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea{min-width:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.045em;font-weight:750;line-height:1.08}p{max-width:70ch}svg{flex-shrink:0}::selection{color:#171717;background:#f4b7ac}:focus-visible{outline-offset:5px;outline:3px solid #3d4e8a}button:disabled{opacity:.46}.container{max-width:1360px;margin:0 auto;padding:0 56px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px 20px;position:fixed;top:10px;left:15px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f2f2f2f2;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1360px;height:84px;margin:auto;padding:0 56px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.8px;white-space:nowrap;align-items:baseline;gap:4px;font-size:22px;font-weight:800;display:flex}.wordmark-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.site-header nav{gap:28px;font-size:14px;font-weight:600;display:flex}.site-header nav a:hover,.header-contact:hover{color:var(--accent)}.header-actions{align-items:center;gap:32px;font-size:13px;display:flex}.locale-switch{align-items:center;gap:8px;display:flex}.locale-switch a{color:#737373;padding:8px 2px}.locale-switch [aria-current]{color:var(--ink);text-underline-offset:5px;text-decoration:underline}.header-contact{align-items:center;gap:10px;font-weight:700;display:flex}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:52px;min-height:750px;padding-top:80px;padding-bottom:96px;display:grid}.hero h1{letter-spacing:-.065em;max-width:670px;font-size:clamp(54px,5.5vw,82px);font-weight:800;line-height:.99}.hero h1 span{color:var(--accent);margin-top:15px;display:block}.hero-copy>p{color:var(--muted);max-width:440px;margin-top:30px;font-size:17px;line-height:1.7}.text-link{align-items:center;gap:12px;padding:8px 0;font-size:14px;font-weight:750;display:inline-flex}.text-link svg{transition:transform .18s}.text-link:hover svg{transform:translate(2px,-2px)}.hero-link{margin-top:26px}.hero-signature{color:var(--muted);align-items:center;gap:12px;margin-top:38px;font-size:11px;display:flex}.signature-line{background:var(--muted);width:36px;height:1px}.playground{background:#e8e7e3;border:1px solid #d8d7d3;border-radius:22px;min-height:532px;padding:22px 24px 28px;position:relative;box-shadow:0 20px 45px -35px #3336}.playground-top{justify-content:space-between;align-items:center;font-size:12px;font-weight:650;display:flex}.playground-top>span{align-items:center;gap:8px;display:flex}.status-dot{background:var(--accent);border-radius:100%;width:7px;height:7px}.icon-button{background:0 0;border:0;border-radius:50%;padding:8px;display:flex}.icon-button:hover{background:#d9d8d4}.paper-scene{perspective:1000px;justify-content:center;align-items:center;height:303px;display:flex;position:relative}.paper-character{z-index:2;background:#fffef9;border:1px solid #d9d8d2;border-radius:5px 5px 11px 7px;width:194px;height:246px;padding:20px;transition:background .2s;position:relative;box-shadow:6px 7px #222}.paper-over{outline:3px dashed var(--accent);outline-offset:5px;background:#fff3e9}.paper-binding{justify-content:space-between;display:flex;position:absolute;top:-8px;left:15px;right:15px}.paper-binding i{background:#393939;border:1px solid #393939;border-radius:4px;width:6px;height:16px;box-shadow:inset 1px 1px #fff}.paper-drawing{flex-direction:column;align-items:center;gap:14px;padding-top:12px;display:flex}.sketched-name{font-family:var(--display);text-align:center;opacity:.15;color:#0000;border-bottom:2px dashed #aaa;min-width:130px;padding:8px 0;font-size:22px;font-weight:700;line-height:1.1;transition:all .25s}.sketched-name.visible{opacity:1;color:var(--ink);border-color:#0000}.sketched-lines{opacity:.2;flex-direction:column;gap:6px;width:120px;transition:opacity .25s;display:flex}.sketched-lines i{background:#aaa;border-radius:50%;width:100%;height:2px}.sketched-lines i:nth-child(2){width:85%}.sketched-lines i:last-child{width:60%}.sketched-lines.visible{opacity:1}.sketched-lines.visible i{background:#555}.drawn-flower{opacity:.2;width:48px;height:48px;transition:opacity .3s;position:relative}.drawn-flower.visible{opacity:1}.drawn-flower span{border:2px solid var(--accent);transform-origin:50% 80%;border-radius:100%;width:20px;height:30px;position:absolute;top:0;left:14px}.drawn-flower span:nth-child(2){transform:rotate(90deg)}.drawn-flower span:nth-child(3){transform:rotate(180deg)}.drawn-flower span:nth-child(4){transform:rotate(270deg)}.drawn-flower i{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:19px;left:19px}.paper-face{align-items:center;gap:8px;display:flex;position:absolute;bottom:21px;left:24px}.paper-face>span{background:#171717;border-radius:50%;width:11px;height:14px;display:block}.paper-face>i{border-bottom:2px solid #171717;border-radius:0 0 100% 100%;width:15px;height:7px;margin-left:1px;transition:height .3s}.paper-face.happy>i{background:var(--accent);border:2px solid #171717;border-radius:0 0 12px 12px;height:12px}.paper-corner{background:linear-gradient(135deg,#e5e3d9 50%,#e8e7e3 51%);border-radius:5px 0 6px;width:27px;height:27px;position:absolute;bottom:-1px;right:-1px}.sketch-note{font-family:var(--display);color:#696861;z-index:3;flex-direction:column;font-size:18px;line-height:1.1;display:flex;position:absolute;top:20px;left:1px;transform:rotate(-9deg)}.sketch-note svg{margin-left:12px}.paper-shadow{filter:blur(12px);background:#34312621;border-radius:50%;width:210px;height:22px;position:absolute;bottom:2px;left:calc(50% - 90px)}.pencil-character{z-index:3;filter:drop-shadow(7px 8px #17171715);flex-direction:column;width:21px;display:flex;position:absolute;bottom:46px;right:19px}.pencil-eraser{background:#eb9e92;border:2px solid #252525;border-radius:5px 5px 0 0;height:25px}.pencil-body{background:#e7472d;border:2px solid #252525;border-top:7px solid #bbb;height:112px;box-shadow:inset 6px 0 #bf3621}.pencil-point{clip-path:polygon(0 0,100% 0,50% 100%);background:#c6a57f;height:26px;position:relative}.pencil-point:after{content:"";background:#171717;height:10px;position:absolute;bottom:0;left:0;right:0}.sketch-tools{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:6px;display:flex}.sketch-tools button{background:#f6f5f1;border:1px solid #c7c6c0;border-radius:7px;align-items:center;gap:5px;padding:9px 10px;font-size:11px;font-weight:600;display:flex;box-shadow:0 2px #c7c6c0}.sketch-tools button:not(:disabled):hover{border-color:var(--accent);transform:translateY(-2px)}.sketch-tools .piece-added{opacity:1;color:#354e36;box-shadow:none;background:#dde4da;border-color:#c0cdbb}.playground-hint{text-align:center;color:#66635e;min-height:18px;margin:14px 0;font-size:11px}.button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:14px;min-height:48px;padding:12px 22px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.button:not(:disabled):hover{background:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.make-button{width:100%}.make-button:disabled{color:#fff;opacity:1;background:#88877f;border-color:#88877f}.playground-caption{color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:-30px;left:0;right:0}.build-code{z-index:5;background:var(--ink);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;display:flex;position:absolute;bottom:5px}.playground-instruction{align-items:center;gap:8px;margin:12px 0 16px;font-size:12px;display:flex}.demo-footnote{color:#64625c;text-align:center;margin-top:16px;font-size:10px}.section-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;margin-bottom:64px;display:grid}.section-intro h2{max-width:600px;font-size:clamp(36px,4vw,54px)}.section-intro>p{color:var(--muted);max-width:430px;font-size:15px;line-height:1.7}.work-section{padding-top:56px;scroll-margin-top:30px}.project-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.project-category{color:var(--muted);margin-bottom:9px;font-size:11px;display:block}.project-heading h3{letter-spacing:-.04em;font-size:30px}.project-open{border:1px solid #c9c9c9;border-radius:50%;justify-content:center;align-items:center;width:47px;height:47px;transition:background .2s,color .2s;display:flex}.project-open:hover{background:var(--ink);color:#fff}.project-stage{background:#e8e5df;border-radius:14px;padding:52px 74px 42px;overflow:hidden}.stage-caption{text-align:center;color:#656059;margin-top:24px;font-size:10px;display:block}.stage-focus{background:#e0e5e2}.stage-news{background:#e3e5ed}.stage-workflow{background:#e6e4e9}.project-bottom{grid-template-columns:1.5fr 1fr;gap:70px;margin-top:27px;display:grid}.project-bottom h4{letter-spacing:-.03em;max-width:540px;font-size:25px}.project-bottom p{color:var(--muted);max-width:550px;margin-top:12px;font-size:14px;line-height:1.8}.project-meta{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.stack-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.stack-list li{white-space:nowrap;border:1px solid #cdcdcd;border-radius:4px;padding:4px 8px;font-size:10px}.project-meta .stack-list{justify-content:flex-end}.invitation-demo{background:#f9f8f4;border:1px solid #d8d4cd;border-radius:10px;grid-template-columns:1fr .8fr;gap:0;max-width:780px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 15px 28px -20px #25252540}.invitation-preview{--invitation-color:#bd3f2d;text-align:center;min-height:348px;color:var(--invitation-color);background:#fffef9;border:1px solid #ded9cc;flex-direction:column;justify-content:center;align-items:center;margin:28px;padding:28px 22px;display:flex;position:relative;box-shadow:0 3px 6px #2222220a}.invitation-ornament{justify-content:center;width:70px;height:42px;margin-bottom:24px;display:flex;position:relative}.invitation-ornament span{border:1px solid var(--invitation-color);transform-origin:bottom;border-radius:50%;width:22px;height:38px;position:absolute;bottom:0}.invitation-ornament span:first-child{transform:rotate(-40deg)}.invitation-ornament span:last-child{transform:rotate(40deg)}.invitation-event{letter-spacing:.03em;font-size:10px}.invitation-name{font-family:var(--display);letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%;margin:14px 0;font-size:40px;font-weight:650;line-height:1.02}.invitation-rule{background:var(--invitation-color);width:34px;height:1px;margin:4px 0 17px}.invitation-note{overflow-wrap:anywhere;white-space:pre-wrap;max-width:220px;font-size:12px;line-height:1.6}.invitation-date{margin-top:27px;font-size:9px}.invitation-controls{background:#fff;border-left:1px solid #e0ddd5;flex-direction:column;justify-content:center;gap:21px;padding:30px;display:flex}.invitation-controls label{flex-direction:column;gap:8px;font-size:11px;font-weight:650;display:flex}.invitation-controls input,.invitation-controls textarea{color:#252525;background:#fafafa;border:1px solid #d9d9d9;border-radius:6px;width:100%;padding:10px 11px;font-size:12px}.invitation-controls textarea{resize:vertical;min-height:68px;max-height:160px}.swatches{border:0;gap:8px;margin:0;padding:0;display:flex}.swatches legend{margin-bottom:10px;padding:0;font-size:11px;font-weight:650}.swatches button{color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.swatches button[aria-pressed=true]{outline-offset:3px;outline:1px solid #5f5f5f}.invitation-demo.compact{grid-template-columns:1fr 1fr}.compact .invitation-preview{min-height:292px;margin:12px;padding:18px 10px}.compact .invitation-name{font-size:29px}.compact .invitation-controls{gap:14px;padding:17px 13px}.compact .invitation-controls input,.compact .invitation-controls textarea{padding:8px;font-size:11px}.compact .invitation-controls label,.compact .swatches legend{font-size:10px}.compact .invitation-ornament{height:30px;margin-bottom:16px}.compact .invitation-ornament span{width:17px;height:29px}.compact .invitation-note{font-size:10px}.compact .invitation-date{font-size:8px}.stage-live{min-height:532px}.live-playground{padding-top:10px}.demo-toolbar{background:#fff;border-bottom:1px solid #e2e2e2;justify-content:space-between;align-items:center;gap:10px;height:53px;padding:0 22px;font-size:12px;display:flex}.demo-toolbar>span:last-child{color:#6e6e6e;align-items:center;gap:5px;font-size:10px;display:flex}.focus-demo,.news-demo,.workflow-demo{background:#fff;border:1px solid #d8d8d8;border-radius:10px;overflow:hidden;box-shadow:0 15px 28px -20px #25252540}.focus-brand{align-items:center;gap:8px;font-size:17px;font-weight:800;display:flex}.focus-mark{border:4px solid #4c6957;border-radius:50%;width:17px;height:17px;display:inline-block;position:relative}.focus-mark:after{content:"";background:#fff;width:5px;height:12px;position:absolute;top:-3px;left:2px;transform:rotate(45deg)}.focus-body{grid-template-columns:45px 1.1fr 1fr;min-height:302px;display:grid}.focus-body>aside{color:#788278;background:#f8f9f8;border-right:1px solid #e4e7e4;flex-direction:column;align-items:center;gap:23px;padding-top:23px;display:flex}.briefing-mail{border-right:1px solid #e4e7e4;padding:24px;font-size:11px;line-height:1.8}.tiny-label{color:#717571;font-size:10px}.briefing-mail h4{letter-spacing:-.025em;margin:13px 0 8px;font-size:18px;line-height:1.2}.mail-from{color:#747b74;margin-bottom:21px;font-size:9px}.mail-excerpts{margin:10px 0}.mail-excerpts mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:0 0;padding:2px 1px;transition:background .2s}.mail-excerpts .highlighted{background:#e1edd6;box-shadow:0 0 0 2px #e1edd6}.extracted-fields{background:#fbfcfa;padding:24px 20px}.field-instruction{color:#717571;margin:10px 0 16px;font-size:10px;line-height:1.6}.extracted-fields>button{text-align:left;background:#fff;border:1px solid #dce1d8;border-radius:5px;flex-direction:column;width:100%;margin-bottom:8px;padding:10px 12px;display:flex;position:relative}.extracted-fields>button span{color:#70766c;font-size:9px}.extracted-fields>button strong{margin-top:2px;font-size:12px;font-weight:650}.extracted-fields>button svg{color:#65745d;position:absolute;top:20px;right:11px}.extracted-fields>button[aria-pressed=true]{background:#f3f7ed;border-color:#7c9864;box-shadow:0 0 0 1px #7c9864}.source-status{color:#567343;align-items:center;gap:5px;margin-top:12px;font-size:9px;display:flex}.news-brand{font-family:var(--display);letter-spacing:-1px;align-items:center;gap:5px;font-size:20px;display:flex}.news-brand span{background:#d53b36;border-radius:50%;width:8px;height:8px}.news-body{grid-template-columns:1.1fr 1fr;min-height:300px;display:grid}.news-headlines{border-right:1px solid #e5e5e5;padding:24px}.news-headlines>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7e7e7;align-items:center;gap:12px;width:100%;padding:17px 0;display:flex}.news-headlines>button>span{border:1px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;display:flex}.news-headlines>button strong{font-family:var(--display);letter-spacing:-.02em;font-size:15px;font-weight:650;line-height:1.3}.news-headlines>button svg{margin-left:auto}.news-headlines>button[aria-pressed=true]{color:#b12c26}.news-headlines>button[aria-pressed=true]>span{color:#fff;background:#b12c26;border-color:#b12c26}.news-explanation{background:#fcfcfc;padding:27px 25px}.confidence{color:#426136;background:#e9eee5;border-radius:4px;padding:5px 8px;font-size:9px;display:inline-block}.confidence.disputed{color:#765917;background:#f4ead4}.news-explanation h4{letter-spacing:-.035em;max-width:230px;margin:19px 0 12px;font-size:24px}.news-explanation>p{color:#666;font-size:11px;line-height:1.8}.confidence-track{background:#e6e6e6;border-radius:5px;height:4px;margin:22px 0 11px;overflow:hidden}.confidence-track>span{background:#414141;height:100%;transition:width .3s;display:block}.news-disclaimer{color:#757575;font-size:9px;line-height:1.5;display:block}.workflow-demo .demo-toolbar strong{font-family:var(--display);font-size:20px;font-weight:650}.paralaxe-symbol{color:#6b55a4}.workflow-content{padding:26px 34px}.phase-track{justify-content:space-between;gap:10px;display:flex;position:relative}.phase-track:before{content:"";background:#e4e0eb;height:1px;position:absolute;top:18px;left:5%;right:5%}.phase-track button{z-index:1;color:#777;background:#fff;border:0;flex-direction:column;align-items:center;gap:7px;padding:0 12px;font-size:10px;display:flex}.phase-track button>span{background:#fff;border:1px solid #d4d0dd;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;display:flex}.phase-track button[aria-pressed=true]{color:#634c91;font-weight:750}.phase-track button[aria-pressed=true]>span{color:#fff;background:#634c91;border-color:#634c91}.workflow-detail{text-align:center;max-width:380px;margin:24px auto}.workflow-symbol{color:#6e5d93;margin-bottom:10px}.workflow-detail h4{margin-bottom:9px;font-size:25px}.workflow-detail p{color:#737078;min-height:58px;font-size:12px}.workflow-guards{color:#706977;border-top:1px solid #eee;justify-content:center;gap:20px;padding-top:15px;font-size:10px;display:flex}.workflow-guards>span{align-items:center;gap:6px;display:flex}.other-section{padding-top:10px;padding-bottom:100px}.other-grid{grid-template-columns:1fr 1fr;gap:48px 32px;display:grid}.other-title{justify-content:space-between;align-items:center;gap:10px;margin:21px 0 12px;display:flex}.other-title h3{font-size:24px}.other-project>p{color:var(--muted);max-width:500px;font-size:13px;line-height:1.75}.other-stack{color:#747474;margin-top:15px;font-size:10px;display:block}.project-graphic{background:#d9e1d8;border-radius:10px;justify-content:center;align-items:center;height:260px;display:flex;position:relative;overflow:hidden}.graphic-caption{color:#44533f;font-size:9px;position:absolute;bottom:14px;left:19px}.other-project .project-graphic{transition:transform .25s}.other-project:hover .project-graphic{transform:translateY(-4px)}.world-illustration{transform-style:preserve-3d;grid-template-columns:repeat(5,35px);gap:8px;margin-bottom:10px;display:grid;position:relative;transform:rotateX(52deg)rotate(-36deg)}.world-illustration>span{background:#879d81;border:1px solid #5c7652;align-self:end;width:35px;display:block;box-shadow:7px 7px #547249}.world-crosshair{color:#fff;font-size:45px;line-height:1;position:absolute;top:15%;left:44%;transform:rotate(36deg)}.graphic-terminal{background:#252628}.terminal-illustration{color:#d7ddd8;background:#151618;border:1px solid #484a4f;border-radius:8px;width:75%;padding:15px;transform:rotate(-3deg);box-shadow:12px 15px #0003}.terminal-heading{border-bottom:1px solid #35373a;align-items:center;gap:8px;padding-bottom:10px;font-size:12px;display:flex}.terminal-heading>span{color:#6a706c;letter-spacing:2px;margin-left:auto;font-size:8px}.terminal-illustration>p{margin:20px 0;font-size:9px}.terminal-illustration>p>span{color:#a9bda8}.terminal-line{color:#929a95;align-items:center;gap:8px;margin:9px 0;font-size:9px;display:flex}.terminal-line i{background:#b4c7ac;border-radius:50%;width:4px;height:4px}.terminal-line strong{letter-spacing:2px;color:#b1bdc7;margin-left:auto;font-size:11px}.terminal-cursor{background:#e7472d;width:6px;height:12px;margin-top:14px;display:block}.graphic-terminal .graphic-caption,.graphic-game .graphic-caption{color:#b7b7bb}.graphic-game{background:#303448}.game-illustration{width:260px;height:200px;position:relative}.game-orbit{border:1px solid #6d738b;border-radius:50%;width:190px;height:190px;position:absolute;top:5px;left:35px}.game-moon{background:#e0d3b6;border-radius:50%;width:62px;height:62px;position:absolute;top:20px;right:40px;box-shadow:inset -12px -5px #303448}.game-sword{clip-path:polygon(20% 0,80% 0,100% 90%,50% 100%,0 90%);background:#c1c7d2;width:10px;height:133px;position:absolute;top:45px;left:105px;transform:rotate(18deg)}.game-sword:after{content:"";background:#bb7c51;width:100%;height:15px;position:absolute;top:26px;left:0}.game-ground{clip-path:polygon(0 100%,25% 35%,37% 58%,58% 0,75% 61%,85% 50%,100% 100%);background:#171b2a;width:210px;height:60px;position:absolute;bottom:5px;left:30px}.graphic-economy{background:#ece1d1}.economy-illustration{width:220px;height:180px;position:relative}.economy-illustration>span{background:#c7a76d;border:2px solid #8d6d48;border-radius:50%;width:73px;height:73px;position:absolute;top:80px;left:20px;transform:rotateX(35deg);box-shadow:0 7px #927343}.economy-illustration>span:nth-child(2){top:68px;left:86px}.economy-illustration>span:nth-child(3){top:52px;left:61px}.economy-illustration>div{color:#55734c;background:#e3ead8;border:2px solid #69805b;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;display:flex;position:absolute;top:27px;right:8px}.approach-section{color:#f2f2f2;background:#202120;padding:96px 0}.approach-intro{grid-template-columns:1fr 1fr;gap:28px 70px;display:grid}.approach-mark{color:#e9a393;grid-column:1/-1;align-items:center;gap:13px;display:flex}.approach-mark svg{width:20px;height:20px}.approach-mark span{color:#8f958e;font-size:11px}.approach-intro h2{max-width:570px;font-size:46px;line-height:1.08}.approach-intro>p{color:#b7b9b5;align-self:end;font-size:15px;line-height:1.9}.approach-steps{grid-template-columns:repeat(4,1fr);gap:36px;margin:58px 0 34px;padding:0;list-style:none;display:grid}.approach-steps>li{border-top:1px solid #50534d;padding-top:20px}.step-number{color:#b6afa7;font-size:12px}.approach-steps h3{max-width:180px;margin:20px 0 15px;font-size:22px;line-height:1.15}.approach-steps p{color:#a8aca6;font-size:12px;line-height:1.9}.built-together{color:#aeb9a8;border-top:1px solid #3f433c;align-items:center;gap:11px;max-width:900px;padding-top:25px;font-size:11px;display:flex}.about-section{grid-template-columns:1fr 1fr;gap:90px;padding-top:100px;padding-bottom:110px;display:grid}.about-title{flex-direction:column;gap:30px;display:flex}.about-monogram{font-family:var(--display);letter-spacing:-8px;font-size:80px;font-weight:800;line-height:1}.about-monogram>span{color:var(--accent)}.about-title h2{max-width:380px;font-size:49px}.about-copy p{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.9}.location{color:#737373;margin-top:27px;font-size:11px;display:block}.site-footer{color:#fff;background:#e7472d;padding:65px 0 26px}.footer-top{justify-content:space-between;align-items:center;gap:40px;display:flex}.footer-top h2{max-width:770px;font-size:clamp(42px,5.3vw,70px);line-height:1.03}.contact-circle{border:1px solid #ffffff7a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;transition:background .2s,color .2s;display:flex}.contact-circle:hover{color:var(--accent);background:#fff}.site-footer .container>p{color:#fff1ee;margin-top:24px;font-size:13px}.footer-links{flex-wrap:wrap;gap:30px;margin:45px 0 55px;display:flex}.footer-links>a{align-items:center;gap:7px;font-size:13px;display:flex}.footer-links>a:hover{text-underline-offset:5px;text-decoration:underline}.footer-bottom{color:#fff1ee;border-top:1px solid #ffffff50;justify-content:space-between;gap:16px;padding-top:24px;font-size:10px;display:flex}.case-study{padding-top:45px;padding-bottom:80px}.back-link{font-size:12px}.case-heading{max-width:900px;padding:50px 0 45px}.case-heading h1{font-size:clamp(46px,6vw,76px);line-height:1.03}.case-heading>p{font-family:var(--display);letter-spacing:-.025em;color:#686868;margin-top:23px;font-size:28px;line-height:1.2}.case-body{grid-template-columns:1fr 2fr;gap:80px;padding:70px 0;display:grid}.case-body>aside>h2{font-family:var(--body);letter-spacing:0;margin-bottom:16px;font-size:12px;font-weight:750}.case-body>aside>.text-link{margin-top:23px}.case-body>aside>p{color:#737373;max-width:250px;margin-top:25px;font-size:12px;line-height:1.8}.case-story section{margin-bottom:37px}.case-story h2{margin-bottom:20px;font-size:32px}.case-story>section>p{color:#626262;margin-bottom:20px;font-size:16px;line-height:1.9}.case-story .case-source-note{border-top:1px solid #d0d0d0;padding-top:24px;font-size:11px}.case-study .project-graphic{height:350px}.more-work{border-top:1px solid #d4d4d4;flex-wrap:wrap;align-items:center;gap:18px 38px;padding-top:30px;display:flex}.more-work h2{margin-right:auto;font-size:22px}.more-work>a{align-items:center;gap:10px;font-size:13px;display:flex}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100svh;padding:25px;display:flex}.not-found>span{color:var(--accent);font-size:18px}.not-found h1{max-width:700px;font-size:60px}@media (min-width:1500px){.hero{min-height:800px;padding-top:96px;padding-bottom:116px}.hero h1{font-size:86px}.playground{min-height:540px}.paper-scene{height:310px}}@media (max-width:1100px){.container,.header-inner{padding-left:32px;padding-right:32px}.hero{gap:30px;min-height:690px;padding-top:60px;padding-bottom:80px}.hero h1{font-size:62px}.hero-copy>p{font-size:15px}.playground{min-height:510px;padding:16px}.paper-character{width:177px;height:231px}.paper-scene{height:288px}.pencil-character{right:6px}.sketch-tools{gap:5px}.sketch-tools button{padding:9px 7px;font-size:10px}.project-stage{padding:36px 34px 28px}.project-bottom,.section-intro{gap:40px}.header-actions{gap:20px}.site-header nav{gap:18px}.focus-body{grid-template-columns:36px 1fr 1fr}.briefing-mail{padding:20px}.extracted-fields{padding:20px 16px}.approach-steps{gap:25px}.about-section{gap:60px}.compact .invitation-demo{gap:0}.compact .invitation-preview{margin:8px}.compact .invitation-controls{padding:14px 10px}.compact .invitation-name{font-size:24px}.compact .invitation-controls label{font-size:9px}.compact .invitation-controls input{font-size:10px}.footer-links{gap:22px}}@media (max-width:820px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:42px;max-width:670px;padding-top:54px;padding-bottom:72px}.hero h1{max-width:590px;font-size:clamp(55px,9vw,78px)}.hero-copy>p{max-width:490px;margin-top:25px;font-size:16px}.hero-signature{display:none}.hero-link{margin-top:17px}.hero-play{width:100%;max-width:550px;margin:0 auto}.playground{min-height:520px;padding:22px 28px}.paper-scene{height:298px}.paper-character{width:194px;height:246px}.pencil-character{right:43px}.sketch-note{left:30px}.sketch-tools button{padding:10px 13px;font-size:11px}.compact .invitation-controls{padding:20px}.compact .invitation-controls label{font-size:10px}.compact .invitation-controls input{font-size:12px}.compact .invitation-name{font-size:32px}.section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:42px}.section-intro h2,.section-intro>p{max-width:550px}.project-bottom{grid-template-columns:1fr;gap:20px}.project-meta{align-items:flex-start;gap:12px}.project-meta .stack-list{justify-content:flex-start}.project-stage{padding:26px 22px}.invitation-preview{min-height:310px;margin:20px}.invitation-controls{padding:22px}.invitation-name{font-size:34px}.focus-body{grid-template-columns:1fr 1fr}.focus-body>aside{display:none}.briefing-mail,.extracted-fields{padding:18px}.demo-toolbar{padding:0 18px}.news-headlines{padding:18px}.news-explanation{padding:22px 18px}.news-headlines>button strong{font-size:14px}.news-headlines>button{gap:9px}.news-headlines>button svg{display:none}.news-explanation h4{font-size:22px}.other-grid{gap:38px 24px}.project-graphic{height:220px}.terminal-illustration{width:84%;padding:12px}.terminal-line,.terminal-line strong{font-size:8px}.other-title h3{font-size:21px}.approach-intro{grid-template-columns:1fr;gap:24px}.approach-intro h2{max-width:550px;font-size:42px}.approach-intro>p{max-width:580px}.approach-steps{grid-template-columns:1fr 1fr;gap:32px}.approach-section{padding:65px 0}.about-section{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:75px}.about-title{flex-direction:row;align-items:center;gap:30px}.about-title h2{font-size:40px}.about-monogram{flex-shrink:0;font-size:65px}.footer-top h2{font-size:51px}.contact-circle{width:65px;height:65px}.contact-circle svg{width:30px}.footer-bottom{flex-wrap:wrap}.case-body{grid-template-columns:1fr 2fr;gap:38px}.case-story>section>p{font-size:14px}.case-heading{padding-top:35px}.case-heading>p{font-size:24px}.case-study .project-stage{padding:25px}.more-work{gap:20px}.more-work h2{width:100%}}@media (max-width:540px){.container,.header-inner{padding-left:21px;padding-right:21px}.header-inner{gap:10px;height:68px}.wordmark{font-size:19px}.header-contact{gap:0;font-size:0}.header-contact svg{width:21px;height:21px}.header-actions{gap:16px}.locale-switch{gap:6px;font-size:11px}.hero{gap:32px;padding-top:38px;padding-bottom:70px}.hero h1{letter-spacing:-.06em;font-size:52px;line-height:1.02}.hero h1 span{margin-top:10px}.hero-copy>p{margin-top:22px;font-size:14px;line-height:1.8}.hero-link{font-size:13px}.playground{border-radius:15px;min-height:508px;padding:17px 16px 21px}.paper-scene{height:292px}.paper-character{width:175px;height:230px}.paper-binding{left:12px;right:12px}.paper-drawing{gap:10px}.paper-face{bottom:19px}.sketched-name{font-size:20px}.sketch-note{font-size:15px;top:27px;left:0}.pencil-character{width:18px;bottom:52px;right:9px}.pencil-body{height:100px}.sketch-tools{gap:5px}.sketch-tools button{gap:4px;padding:9px 7px;font-size:9px}.sketch-tools button svg{width:12px;height:12px}.playground-hint{margin:13px 0;font-size:10px}.playground-top{font-size:11px}.make-button{min-height:44px;font-size:12px}.playground-caption{font-size:10px;bottom:-27px}.compact .invitation-preview{min-height:305px;margin:8px;padding:17px 9px}.compact .invitation-controls{gap:15px;padding:15px 10px}.compact .invitation-controls input,.compact .invitation-controls textarea{padding:8px;font-size:10px}.compact .invitation-controls label,.compact .swatches legend{font-size:9px}.compact .invitation-name{font-size:26px}.compact .swatches{gap:7px}.compact .swatches button{width:24px;height:24px}.playground-instruction{gap:6px;font-size:10px}.stage-live{min-height:508px}.section-intro h2{font-size:37px}.section-intro>p{font-size:13px}.work-section{padding-top:26px}.section-intro{margin-bottom:38px}.project-heading{gap:10px;margin-bottom:17px}.project-category{max-width:260px;margin-bottom:7px;font-size:9px;line-height:1.5}.project-heading h3{font-size:24px}.project-open{flex-shrink:0;width:39px;height:39px}.project-open svg{width:23px;height:23px}.project-stage{border-radius:10px;margin:0 -5px;padding:20px 13px 18px}.stage-caption{margin-top:17px;font-size:8px}.invitation-demo{grid-template-columns:1fr .87fr}.invitation-preview{min-height:291px;margin:11px;padding:22px 11px}.invitation-name{font-size:28px}.invitation-note{font-size:10px}.invitation-controls{gap:18px;padding:16px 11px}.invitation-controls input,.invitation-controls textarea{padding:8px;font-size:10px}.invitation-controls label,.swatches legend{font-size:9px}.invitation-event{font-size:8px}.invitation-ornament{margin-bottom:17px}.swatches button{width:25px;height:25px}.demo-toolbar{height:47px;padding:0 12px}.demo-toolbar>span:last-child{font-size:8px}.focus-brand{font-size:15px}.focus-body{grid-template-columns:1fr}.briefing-mail{border-bottom:1px solid #e4e7e4;border-right:0;padding:17px 18px;font-size:10px}.briefing-mail h4{margin:8px 0;font-size:17px}.mail-from{margin-bottom:13px;font-size:8px}.mail-excerpts{margin:7px 0}.extracted-fields{grid-template-columns:repeat(3,1fr);gap:7px;padding:17px 18px;display:grid}.extracted-fields>.tiny-label,.field-instruction,.source-status{grid-column:1/-1}.field-instruction{margin:0 0 6px;font-size:9px}.extracted-fields>button{min-height:58px;margin:0;padding:9px 6px}.extracted-fields>button strong{font-size:10px;line-height:1.3}.extracted-fields>button span{font-size:8px}.extracted-fields>button svg{display:none}.source-status{margin-top:3px;font-size:8px}.news-body{grid-template-columns:1fr}.news-headlines{border-bottom:1px solid #e5e5e5;border-right:0;padding:18px}.news-headlines>button{padding:11px 0}.news-headlines>button strong{font-size:14px}.news-headlines>button svg{width:13px;display:block}.news-explanation{padding:20px 18px}.news-explanation h4{max-width:none;margin:13px 0 9px;font-size:23px}.news-explanation>p{font-size:10px}.confidence-track{margin-top:17px}.news-brand{font-size:18px}.tiny-label{font-size:9px}.project-bottom h4{font-size:23px}.project-bottom p{font-size:13px}.project-bottom{margin-top:23px}.stack-list li{font-size:9px}.featured-project{margin-bottom:65px}.workflow-content{padding:24px 16px}.workflow-guards{gap:12px;font-size:8px}.workflow-detail p{font-size:11px}.other-grid{grid-template-columns:1fr;gap:34px}.other-section{padding-bottom:65px}.project-graphic{height:237px}.other-title{margin-top:18px;margin-bottom:10px}.other-title h3{font-size:24px}.other-project>p{font-size:13px}.terminal-illustration{max-width:285px}.terminal-line{font-size:9px}.terminal-line strong{font-size:10px}.approach-intro h2{font-size:36px}.approach-intro>p{font-size:13px}.approach-section{padding:54px 0}.approach-steps{gap:26px 22px;margin-top:38px}.approach-steps h3{margin:15px 0 12px;font-size:20px}.approach-steps p{font-size:11px}.built-together{align-items:flex-start;font-size:10px}.about-section{padding-top:55px;padding-bottom:60px}.about-title{gap:22px}.about-title h2{font-size:35px}.about-monogram{font-size:57px}.about-copy p{font-size:14px}.footer-top{gap:16px}.footer-top h2{font-size:39px}.contact-circle{width:48px;height:48px}.contact-circle svg{width:25px}.site-footer{padding-top:48px}.site-footer .container>p{font-size:12px}.footer-links{gap:17px 22px;margin:30px 0 35px}.footer-links>a{font-size:12px}.footer-links>a:first-child{width:100%}.footer-bottom{gap:12px;font-size:9px}.footer-bottom>span:last-child{width:100%}.case-study{padding-top:26px;padding-bottom:55px}.case-heading{padding:31px 0}.case-heading h1{font-size:46px}.case-heading>p{font-size:22px}.case-study .project-stage{padding:20px 13px}.case-body{grid-template-columns:1fr;gap:35px;padding:35px 0 25px}.case-body>aside>p{max-width:100%;margin-top:16px;font-size:11px}.case-story h2{font-size:29px}.case-story>section>p{font-size:14px}.case-story section{margin-bottom:28px}.case-study .project-graphic{height:250px}.more-work>a{justify-content:space-between;width:100%}.not-found h1{font-size:45px}}.showcase-switch{justify-content:center;gap:5px;margin-bottom:22px;display:flex}.showcase-switch button{color:#545760;background:0 0;border:1px solid #0000;border-radius:6px;padding:9px 14px;font-size:11px}.showcase-switch button[aria-pressed=true]{color:#222;background:#fff;border-color:#d0d2da;box-shadow:0 2px 3px #11111108}.product-capture{background:#131414;border-radius:9px;margin:0;overflow:hidden;box-shadow:0 15px 30px -25px #2229}.product-capture>img{width:100%;height:auto;display:block}.product-capture figcaption{color:#bdbdbd;border-top:1px solid #353535;justify-content:space-between;gap:12px;padding:13px 17px;font-size:9px;display:flex}.product-capture figcaption a{color:#fff;white-space:nowrap}.game-art{object-fit:cover;width:100%;height:100%;display:block}.graphic-game .graphic-caption{color:#fff;background:#161c24b3;border-radius:4px;padding:4px 8px;bottom:10px;left:12px}.case-study .graphic-game,.case-study .graphic-game .game-art{aspect-ratio:3/2;height:auto}@media (max-width:540px){.showcase-switch{margin-bottom:15px}.showcase-switch button{padding:8px 11px;font-size:10px}.product-capture figcaption{flex-wrap:wrap;padding:10px 11px;font-size:8px}}@media (prefers-reduced-motion:reduce){.other-project:hover .project-graphic,.button:not(:disabled):hover{transform:none}}.nexo-demo{color:#dce3e7;font-family:var(--font-manrope),sans-serif;background:#0a0d12;border:1px solid #293038;border-radius:9px;overflow:hidden;box-shadow:0 22px 50px -30px #07121baa}.nexo-strip{background:#10141b;border-bottom:1px solid #ffffff12;align-items:center;gap:24px;height:49px;padding:0 18px;display:flex}.nexo-strip strong{align-items:center;gap:8px;font-size:15px;display:flex}.nexo-strip>span{color:#849097;font-size:10px}.nexo-strip .nexo-avatar{color:#dce3e7;background:#202a32;border-radius:4px;margin-left:auto;padding:5px;font-size:9px}.nexo-layout{grid-template-columns:180px minmax(0,1fr);display:grid}.nexo-sessions{background:#10141b;border-right:1px solid #ffffff12;flex-direction:column;gap:7px;padding:20px 8px;display:flex}.nexo-label{text-transform:uppercase;letter-spacing:.15em;color:#849097;margin:0 10px 13px;font-size:9px}.nexo-sessions button{text-align:left;color:#dce3e7;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:9px;padding:12px 9px;display:flex}.nexo-sessions button[aria-pressed=true]{background:#151c21;border-color:#344049}.nexo-sessions strong{font-size:11px;font-weight:500;display:block}.nexo-sessions small{color:#849097;font-size:9px}.nexo-agent-dot{background:#58b9a6;border-radius:50%;flex-shrink:0;width:6px;height:6px}.agent-1{background:#c8825c}.nexo-local{color:#849097;margin-top:auto;padding:35px 10px 0;font-size:9px}.nexo-workspace{min-width:0}.nexo-workspace-head{background:#0c1013;border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding:20px;display:flex}.nexo-workspace-head strong{font-size:13px;display:block}.nexo-workspace-head>div>span{color:#849097;overflow-wrap:anywhere;margin-top:5px;font-family:Consolas,monospace;font-size:10px;display:block}.nexo-workspace-head button{color:#dce3e7;background:#151c21;border:1px solid #344049;border-radius:4px;align-self:center;align-items:center;gap:7px;padding:8px 10px;font-size:10px;display:flex}.nexo-workspace-head button[aria-pressed=true]{color:#53c7cf;border-color:#53c7cf}.nexo-panes{min-height:305px;display:grid}.nexo-panes.is-split{grid-template-columns:1fr 1fr}.nexo-pane{flex-direction:column;min-width:0;padding:20px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.7;display:flex}.nexo-pane+.nexo-pane{border-left:1px solid #344049}.nexo-pane-label{color:#849097;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:21px;font-size:9px;display:flex}.nexo-pane-label>span:first-child{color:#53c7cf}.nexo-prompt{color:#edf2f4;margin:0 0 18px}.nexo-prompt>span{color:#53c7cf}.nexo-output p{color:#a5b2b9;margin:0 0 7px}.nexo-output p>span{color:#58b9a6}.nexo-awaiting{color:#849097;margin:22px 0 28px;font-size:10px}.nexo-caret{vertical-align:middle;background:#53c7cf;width:6px;height:12px;margin-left:7px;display:inline-block}.nexo-context{color:#849097;align-items:center;gap:10px;margin-top:auto;font-size:9px;display:flex}.nexo-context strong{color:#dce3e7;font-weight:400}.nexo-context meter{background:#26313a;border:0;border-radius:3px;flex:1;width:50px;height:5px}.nexo-context meter::-webkit-meter-bar{background:#26313a;border:0;height:5px}.nexo-context meter::-webkit-meter-optimum-value{background:#58b9a6}.nexo-context meter::-moz-meter-bar{background:#58b9a6}.nexo-pool{color:#849097;border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 20px;font-size:8px;display:flex}.nexo-caption{color:#545760;text-align:center;max-width:640px;margin:19px auto 0;font-size:11px;line-height:1.7}.nexo-demo button:focus-visible{outline-offset:3px;outline:2px solid #53c7cf}@media (max-width:820px){.nexo-layout{grid-template-columns:145px minmax(0,1fr)}.nexo-pane,.nexo-workspace-head{padding:15px}.nexo-panes.is-split{grid-template-columns:1fr}.nexo-pane+.nexo-pane{border-top:1px solid #344049;border-left:0}}@media (max-width:540px){.nexo-strip{padding:0 12px}.nexo-strip>span:not(.nexo-avatar){display:none}.nexo-layout{grid-template-columns:1fr}.nexo-sessions{border-bottom:1px solid #ffffff12;border-right:0;flex-direction:row;gap:5px;padding:9px}.nexo-sessions button{flex:1;padding:8px 6px}.nexo-sessions strong{font-size:10px}.nexo-label,.nexo-local{display:none}.nexo-pane{min-height:290px}.nexo-caption{text-align:left;font-size:10px}}.supplied-capture{background:#fff;border:1px solid #deddd8;border-radius:9px;margin:0;overflow:hidden}.supplied-capture img{width:100%;height:auto;display:block}.supplied-capture a{display:block}.supplied-capture figcaption{color:#62625b;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;font-size:10px;display:flex}.graphic-captured img{object-fit:cover;object-position:top left;width:100%;height:100%;display:block}.graphic-captured .graphic-caption{color:#fff;background:#171b22d9;border-radius:4px;padding:5px 9px;bottom:10px;left:12px}.graphic-captured.graphic-terminal img{object-fit:cover;object-position:left top}.design-evolution{background:#fff;border:1px solid #dddcd7;border-radius:10px;padding:24px}.evolution-heading h4{letter-spacing:-.04em;margin:7px 0 22px;font-size:28px}.evolution-steps{gap:8px;margin-bottom:18px;display:flex}.evolution-steps button{text-align:left;color:#62635f;background:#f4f3ef;border:1px solid #0000;border-radius:5px;flex:1;align-items:center;gap:12px;padding:13px 12px;font-size:11px;display:flex}.evolution-steps button span{opacity:.65;font-family:monospace;font-size:10px}.evolution-steps button[aria-pressed=true]{color:#fff;background:#222722}.evolution-capture{background:#121414;border-radius:5px;margin:0;overflow:hidden}.evolution-capture a{max-height:560px;display:block;overflow:auto}.evolution-capture img{width:100%;height:auto;display:block}.evolution-capture figcaption{color:#c2c7c1;justify-content:space-between;gap:15px;padding:12px 15px;font-size:10px;display:flex}.evolution-description{max-width:690px;min-height:47px;margin:20px 0 14px;font-size:13px;line-height:1.8}.design-evolution>.text-link{font-size:11px}@media (max-width:540px){.design-evolution{padding:14px}.evolution-heading h4{font-size:23px}.evolution-steps{gap:4px}.evolution-steps button{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 7px;font-size:9px}.evolution-description{font-size:11px}.evolution-capture figcaption{padding:10px;font-size:8px}}.ink-hero{isolation:isolate;background:#f7f5f3;place-items:center;height:calc(100svh - 84px);min-height:760px;max-height:1050px;display:grid;position:relative;overflow:hidden}.ink-hero canvas{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.ink-copy{text-align:center;pointer-events:none;max-width:980px;padding:65px 24px 100px}.ink-intro{color:#62565b;margin-bottom:29px;font-size:12px}.ink-copy h1{letter-spacing:-.065em;color:#29262a;font-size:clamp(62px,6.4vw,104px);font-weight:750;line-height:1.02}.ink-copy h1 em{color:#681831;font-style:normal}.ink-copy>p:not(.ink-intro){color:#62565b;max-width:510px;margin:30px auto 0;font-size:15px;line-height:1.8}.ink-cta{pointer-events:auto;color:#fff;background:#681831;border-radius:30px;align-items:center;gap:16px;margin-top:30px;padding:15px 23px;font-size:13px;font-weight:650;display:inline-flex}.ink-bottom{color:#79676e;justify-content:space-between;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;bottom:30px;left:5%;right:5%}.ink-bottom>div{gap:8px;display:flex}.ink-bottom button{color:#681831;background:#f7f5f3c9;border:1px solid #c7b6be;border-radius:25px;align-items:center;gap:8px;padding:11px 16px;font-size:11px;display:flex}.ink-bottom button[aria-pressed=true]{color:#fff;background:#681831}.workbench-intro{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding-top:100px;padding-bottom:110px;display:grid}.workbench-intro h2{letter-spacing:-.045em;max-width:440px;margin:15px 0 25px;font-size:49px;line-height:1.1}.workbench-intro p{color:#666;max-width:400px;font-size:15px;line-height:1.8}@media (max-width:820px){.workbench-intro{grid-template-columns:1fr;gap:35px;max-width:650px}.ink-hero{min-height:680px}.ink-copy h1{font-size:70px}.ink-copy>p:not(.ink-intro){max-width:390px}.ink-intro{font-size:10px}}@media (max-width:540px){.ink-hero{height:calc(100svh - 68px);min-height:680px}.ink-copy{padding:50px 22px 90px}.ink-copy h1{font-size:54px}.ink-copy>p:not(.ink-intro){max-width:295px;font-size:13px}.ink-bottom{flex-direction:column;gap:12px;bottom:22px}.workbench-intro{gap:25px;padding-top:65px;padding-bottom:65px}.workbench-intro h2{font-size:37px}.ink-intro{max-width:240px;margin-left:auto;margin-right:auto;line-height:1.7}}.comparison-labels{color:#595b55;justify-content:space-between;margin-bottom:13px;font-size:10px;display:flex}.design-comparison{aspect-ratio:1235/700;isolation:isolate;background:#121414;border-radius:5px;position:relative;overflow:hidden}.comparison-layer{position:absolute;inset:0;overflow:hidden}.comparison-layer img{-webkit-user-select:none;user-select:none;width:155.47%;max-width:none;height:auto;position:absolute;left:-27.77%}.comparison-draft img{top:-22.85%}.comparison-shipped img{top:-112.85%;left:-28.98%}.comparison-divider{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 12px #0007}.comparison-divider span{color:#681831;background:#fff;border-radius:50%;place-items:center;width:43px;height:43px;font-size:24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0005}.comparison-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.design-comparison:has(.comparison-range:focus-visible){outline-offset:4px;outline:3px solid #681831}.comparison-links{text-underline-offset:4px;flex-wrap:wrap;gap:22px;font-size:11px;text-decoration:underline;display:flex}.early-exploration{border-top:1px solid #deded9;margin-top:25px;padding-top:18px;font-size:11px}.early-exploration summary{cursor:pointer}.early-exploration img{width:100%;height:auto;margin-top:15px;display:block}.comparison-labels span:last-child{text-align:right}@media (max-width:540px){.comparison-labels{gap:10px;font-size:9px}.comparison-divider span{width:32px;height:32px;font-size:20px}.comparison-links{gap:12px;font-size:10px}}.particle-hero{background:#faf9f8;flex-direction:column;min-height:780px;padding:65px max(24px,6vw) 28px;display:flex}.particle-heading{text-align:center;z-index:1;position:relative}.particle-heading>p:first-child{color:#72666b;margin:0 0 20px;font-size:11px}.particle-heading h1{letter-spacing:-.055em;color:#302a2e;margin:0;font-size:clamp(40px,4.7vw,74px);font-weight:750;line-height:1.07}.particle-heading>p:last-child{color:#70646b;margin:20px 0 0;font-size:15px}.particle-field{isolation:isolate;grid-template-columns:1fr 1fr;width:100%;max-width:1500px;min-height:470px;margin:15px auto 0;display:grid;position:relative}.particle-field canvas{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.particle-pane{appearance:none;color:#302a2e;cursor:crosshair;background:0 0;border:0;border-radius:8px;place-items:center;min-width:0;padding:0;display:grid}.particle-pane:focus-visible{outline-offset:-8px;outline:2px solid #681831}.particle-pane-copy{text-align:center;pointer-events:none;background:radial-gradient(#faf9f8 40%,#faf9f8e0 65%,#faf9f800 75%);flex-direction:column;align-items:center;width:80%;padding:25px 18px;display:flex}.particle-kicker{color:#681831;margin-bottom:15px;font-size:12px}.particle-pane strong{letter-spacing:-.045em;font-size:clamp(25px,2.4vw,39px);font-weight:650;line-height:1.15}.particle-pane-copy>span:last-child{color:#70646b;margin-top:13px;font-size:12px}.particle-footer{justify-content:center;align-items:center;gap:35px;width:100%;max-width:1500px;margin:auto auto 0;padding-top:8px;display:flex;position:relative}.particle-footer>span{color:#81757b;max-width:200px;font-size:10px;line-height:1.6;position:absolute;left:0}.particle-footer .ink-cta{margin:0}.particle-pause{color:#681831;background:0 0;border:1px solid #d3c6cb;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;right:0}@media (min-width:1500px){.particle-field{min-height:500px}.particle-hero{min-height:calc(100svh - 84px)}}@media (max-width:820px){.particle-hero{min-height:720px;padding-top:45px}.particle-pane-copy{width:90%;padding:18px 8px}.particle-pane-copy>span:last-child{max-width:190px;font-size:11px}.particle-footer>span{max-width:130px}.particle-field{min-height:430px}.particle-pane strong{font-size:28px}}@media (max-width:540px){.particle-hero{padding:35px 18px 25px}.particle-heading h1{max-width:330px;margin:auto;font-size:39px}.particle-heading>p:first-child{font-size:9px}.particle-heading>p:last-child{max-width:260px;margin:15px auto 0;font-size:12px}.particle-field{grid-template-columns:1fr;min-height:570px;margin-top:15px}.particle-pane-copy{width:75%}.particle-pane strong{font-size:29px}.particle-pane-copy>span:last-child{max-width:none}.particle-kicker{margin-bottom:8px;font-size:10px}.particle-footer{padding-top:12px;padding-bottom:32px}.particle-footer>span{text-align:center;width:100%;max-width:none;font-size:9px;bottom:0;left:0}.particle-footer .ink-cta{padding:13px 18px;font-size:11px}.particle-pause{width:33px;height:33px}.particle-pane-copy{padding:17px 8px}}.particle-heading>p:first-child,.particle-heading>p:last-child{margin-left:auto;margin-right:auto}.particle-heading h1{letter-spacing:-.035em;font-weight:600}.particle-pane strong{font-family:var(--display);letter-spacing:-.025em;font-weight:550}.wordmark{font-weight:650}.particle-footer>span{width:auto;position:static}.particle-footer{justify-content:center}.particle-footer>.context-hint{position:absolute;left:0}.context-hint{vertical-align:middle;z-index:5;display:inline-flex;position:relative}.context-hint>button{color:#71616a;background:0 0;border:1px solid #cfc8cb;border-radius:50%;place-items:center;width:29px;height:29px;padding:0;display:grid}.context-hint-content{color:#fff;text-align:left;background:#302a2e;border-radius:7px;width:255px;max-width:70vw;padding:13px 15px;font-size:11px;font-weight:400;line-height:1.65;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 6px 22px #0002}.comparison-note{justify-content:flex-end;margin:12px 0;display:flex}.workbench-intro h2{font-weight:600}.comparison-links{margin-top:14px}.comparison-note .context-hint-content{left:auto;right:0}.particle-heading>p:first-child{margin-bottom:20px}.comparison-links{align-items:center;gap:12px;text-decoration:none}.comparison-links a{background:#fff;border:1px solid #aaa7a1;border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:11px 17px;font-size:14px;font-weight:750;transition:background .15s,color .15s;display:inline-flex}.comparison-links a:hover{background:#eceae6}.comparison-links .comparison-live{color:#fff;background:#681831;border-color:#681831;margin-left:auto}.comparison-links .comparison-live:hover{background:#4f1024}.case-playground{margin-top:35px}.case-playground .playground{max-width:620px;margin-top:24px}.case-playground .playground h2{margin:0}@media (max-width:540px){.comparison-links a{flex:1;padding:10px 12px;font-size:12px}.comparison-links .comparison-live{flex-basis:100%;margin-left:0}.case-playground .playground{padding:20px 16px}.case-playground .sketch-tools button{padding:8px;font-size:10px}}.focus-app{--f-shell:#efe8d3;--f-bar:#e9e2cb;--f-panel:#f2ecd9;--f-card:#f8f3e4;--f-main:#f5f0e0;--f-rail:#ece5cf;--f-ink:#2f2a1f;--f-soft:#7c7464;--f-head:#6b5b8a;--f-line:#2f2a1f24;--f-accent:#bcdcd0;--f-accent-ink:#264840;--f-revisao:#857a5c;--f-aprovado:#6b7b52;--f-aprovacao:#8c6f3d;--f-atencao:#a8562e;border:1px solid var(--line);background:var(--f-shell);color:var(--f-ink);border-radius:12px;font-size:12px;line-height:1.45;overflow:hidden;container-type:inline-size}.focus-app[data-theme=dark]{--f-shell:#171a28;--f-bar:#12141f;--f-panel:#1b1f30;--f-card:#212639;--f-main:#191d2c;--f-rail:#141726;--f-ink:#d5dced;--f-soft:#8892aa;--f-head:#93a6cf;--f-line:#d5dced21;--f-accent:#2c6d61;--f-accent-ink:#d3ece5;--f-revisao:#9aa6c4;--f-aprovado:#7fb069;--f-aprovacao:#d0a45c;--f-atencao:#e0765a}.focus-titlebar{background:var(--f-bar);border-bottom:1px solid var(--f-line);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.focus-app-name{color:var(--f-soft);align-items:center;gap:8px;font-size:11px;display:flex}.focus-mark{background:var(--f-accent);width:15px;height:15px;color:var(--f-accent-ink);border-radius:4px;place-items:center;font-size:9px;font-weight:700;display:grid}.focus-window{color:var(--f-soft);gap:12px;display:flex}.focus-shell{grid-template-columns:40px minmax(150px,1fr) minmax(260px,2.3fr) minmax(170px,1.15fr);min-height:420px;display:grid}.focus-rail{background:var(--f-rail);border-right:1px solid var(--f-line);color:var(--f-soft);flex-direction:column;align-items:center;gap:16px;padding:12px 0;display:flex}.focus-rail-logo{background:var(--f-accent);width:22px;height:22px;color:var(--f-accent-ink);border-radius:6px;place-items:center;font-size:11px;font-weight:700;display:grid}.focus-theme{color:var(--f-soft);background:0 0;border:0;place-items:center;margin-top:auto;padding:0;display:grid}.focus-theme:hover{color:var(--f-ink)}.focus-queue{background:var(--f-panel);border-right:1px solid var(--f-line);padding:10px;overflow:hidden}.focus-queue h4{font-family:var(--body);letter-spacing:.09em;color:var(--f-head);margin:0;font-size:10px;font-weight:700}.focus-sync{color:var(--f-soft);align-items:center;gap:5px;margin:3px 0 12px;font-size:10px;display:flex}.focus-group-head{letter-spacing:.09em;color:var(--f-soft);align-items:center;gap:5px;margin:10px 0 6px;font-size:9.5px;font-weight:700;display:flex}.focus-group-head b{background:var(--f-card);border:1px solid var(--f-line);border-radius:4px;padding:0 5px}.focus-group-muted{opacity:.7}.focus-card{text-align:left;background:var(--f-card);border:1px solid var(--f-line);border-left:3px solid var(--f-head);border-radius:5px;width:100%;margin-bottom:5px;padding:6px 8px;display:block}.focus-card-urgent{border-left-color:var(--f-atencao)}.focus-card[aria-pressed=true]{outline:2px solid var(--f-head);outline-offset:1px}.focus-card-id{color:var(--f-ink);text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;display:block;overflow:hidden}.focus-card-note{letter-spacing:.05em;color:var(--f-soft);margin-top:2px;font-size:9px;display:block}.focus-main{background:var(--f-main);border-right:1px solid var(--f-line);padding:10px;overflow:hidden}.focus-inbox{background:var(--f-card);border:1px solid var(--f-line);letter-spacing:.06em;color:var(--f-soft);border-radius:6px;align-items:center;gap:7px;padding:6px 9px;font-size:10px;display:flex}.focus-dot{background:var(--f-atencao);border-radius:50%;width:6px;height:6px}.focus-connect{border:1px solid var(--f-line);letter-spacing:.08em;color:var(--f-ink);border-radius:4px;padding:1px 6px;font-size:9px}.focus-main-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin:14px 0 6px;display:flex}.focus-main-head h3{font-family:var(--body);letter-spacing:.02em;color:var(--f-soft);margin:0;font-size:15px;font-weight:700}.focus-breadcrumb{letter-spacing:.11em;color:var(--f-soft);opacity:.8;margin:2px 0 0;font-size:9px}.focus-tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.focus-search{background:var(--f-card);border:1px solid var(--f-line);color:var(--f-soft);border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:10px;display:flex}.focus-icon{border:1px solid var(--f-line);width:21px;height:21px;color:var(--f-soft);border-radius:50%;place-items:center;display:grid}.focus-clickup{letter-spacing:.08em;color:var(--f-soft);align-items:center;gap:4px;font-size:9px;display:flex}.focus-section-label{letter-spacing:.11em;color:var(--f-soft);margin:10px 0 5px;font-size:9.5px;font-weight:700}.focus-rows{gap:3px;margin:0;padding:0;list-style:none;display:grid}.focus-row{text-align:left;width:100%;color:var(--f-ink);background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:7px;padding:5px 7px;display:flex}.focus-row:hover{background:var(--f-card)}.focus-row-open{background:var(--f-card);border-color:var(--f-head)}.focus-row-caret{color:var(--f-soft);flex-shrink:0}.focus-row-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.focus-people{gap:2px;display:flex}.focus-people i{background:var(--f-accent);width:15px;height:15px;color:var(--f-accent-ink);border-radius:50%;place-items:center;font-size:8px;font-style:normal;font-weight:700;display:grid}.focus-tag{letter-spacing:.07em;white-space:nowrap;opacity:.95;border:1px solid;border-radius:3px;padding:1px 5px;font-size:8px;font-weight:700}.focus-tag-revisao{color:var(--f-revisao)}.focus-tag-aprovado{color:var(--f-aprovado)}.focus-tag-aprovacao{color:var(--f-aprovacao)}.focus-tag-atencao{color:var(--f-atencao)}.focus-pill{white-space:nowrap;background:var(--f-panel);border:1px solid var(--f-line);color:var(--f-soft);border-radius:4px;padding:2px 8px;font-size:9px}.focus-pill-ghost{opacity:.65}.focus-config{background:var(--f-panel);padding:10px;overflow:hidden}.focus-config h4{font-family:var(--body);letter-spacing:.09em;color:var(--f-head);margin:0;font-size:10px;font-weight:700}.focus-config-sub{color:var(--f-soft);margin:2px 0 10px;font-size:10px}.focus-spec{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.focus-spec-cell{background:var(--f-card);border:1px solid var(--f-line);text-align:center;border-radius:4px;gap:1px;padding:4px 5px;font-size:10px;display:grid}.focus-spec-cell b{letter-spacing:.09em;color:var(--f-soft);font-size:7.5px;font-weight:700}.focus-spec-wide{grid-column:span 3}.focus-desro{background:var(--f-accent);width:100%;color:var(--f-accent-ink);letter-spacing:.11em;border:0;border-radius:5px;margin:9px 0;padding:6px;font-size:10px;font-weight:700}.focus-desro:disabled{opacity:.45}.focus-prose{background:var(--f-card);border:1px solid var(--f-line);border-left:3px solid var(--f-aprovacao);color:var(--f-soft);border-radius:4px;margin:0 0 8px;padding:6px 8px;font-size:10px;font-style:italic}.focus-finishes{gap:3px;display:grid}.focus-finish{background:var(--f-card);border:1px solid var(--f-line);border-radius:4px;justify-content:space-between;align-items:baseline;gap:6px;padding:4px 7px;display:flex}.focus-finish b{font-size:10px;font-weight:600}.focus-finish i{color:var(--f-soft);text-align:right;font-size:8.5px;font-style:normal}.focus-finish-on{border-color:var(--f-head)}.focus-finish-on i{color:var(--f-ink)}.focus-adjust-label{letter-spacing:.11em;color:var(--f-soft);margin:10px 0 4px;font-size:8.5px;font-weight:700}.focus-decision{gap:5px;display:grid}.focus-decision span{color:var(--f-ink);gap:1px;font-size:9.5px;font-weight:700;display:grid}.focus-decision b{letter-spacing:.09em;color:var(--f-head);font-size:7.5px;font-weight:700}.focus-obs{background:var(--f-card);border:1px solid var(--f-line);color:var(--f-soft);border-radius:4px;min-height:38px;margin:0;padding:8px;font-size:9.5px}.focus-caption{background:var(--f-bar);border-top:1px solid var(--f-line);color:var(--f-soft);max-width:none;margin:0;padding:7px 10px;font-size:10px}@container (max-width:720px){.focus-shell{grid-template-columns:34px 1fr}.focus-main,.focus-config{border-right:0;border-top:1px solid var(--f-line);grid-column:1/-1}}.wb-app{--w-shell:#faf7ef;--w-bar:#1c1b18;--w-nav:#faf7ef;--w-card:#fff;--w-ink:#26231c;--w-soft:#7d7565;--w-line:#e2dccb;--w-gold:#c9a227;--w-deep:#1c1b18;border:1px solid var(--line);background:var(--w-shell);color:var(--w-ink);border-radius:12px;font-size:12px;line-height:1.45;overflow:hidden;container-type:inline-size}.wb-titlebar{background:var(--w-bar);color:#cfc9bb;justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.wb-app-name{align-items:center;gap:8px;font-size:11px;display:flex}.wb-mark{background:var(--w-gold);border-radius:3px;width:11px;height:11px}.wb-window{opacity:.8;gap:12px;display:flex}.wb-shell{grid-template-columns:minmax(120px,150px) 1fr;min-height:430px;display:grid}.wb-nav{background:var(--w-nav);border-right:1px solid var(--w-line);flex-direction:column;gap:2px;padding:12px 10px;display:flex}.wb-brand{font-family:var(--display);margin:0 0 12px;font-size:14px}.wb-brand b{color:var(--w-gold);font-weight:750}.wb-nav-item{color:var(--w-ink);border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:11.5px;display:flex}.wb-nav-item i{color:var(--w-soft);font-size:9px;font-style:normal}.wb-nav-active{border-left:2px solid var(--w-gold);background:#f3eedf;font-weight:700}.wb-user{border-top:1px solid var(--w-line);color:var(--w-soft);align-items:center;gap:6px;margin:auto 0 0;padding-top:12px;font-size:10.5px;display:flex}.wb-user b{margin-left:auto;font-weight:400;text-decoration:underline}.wb-online{background:#4c7a3f;border-radius:50%;width:6px;height:6px}.wb-canvas-area{padding:12px;overflow:hidden}.wb-switch{gap:4px;margin-bottom:12px;display:flex}.wb-tab{background:var(--w-card);border:1px solid var(--w-line);color:var(--w-soft);border-radius:5px;padding:4px 10px;font-size:10.5px}.wb-tab-on{background:var(--w-deep);border-color:var(--w-deep);color:#f3eee0;font-weight:700}.wb-ingest h3,.wb-zones-head h3{font-family:var(--display);margin:0;font-size:19px}.wb-lede{color:var(--w-soft);max-width:62ch;margin:4px 0 12px;font-size:11.5px}.wb-drop{background:var(--w-card);border:1px solid var(--w-line);border-radius:6px;flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:7px;padding:9px 11px;display:flex}.wb-drop p{flex:1;gap:1px;min-width:150px;margin:0;display:grid}.wb-drop b{font-size:11.5px}.wb-drop span{color:var(--w-soft);font-size:9.5px}.wb-choose{background:var(--w-deep);color:#f3eee0;border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:10.5px;display:inline-flex}.wb-drop i{color:var(--w-soft);font-size:10px;font-style:normal}.wb-fields{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin:12px 0;display:grid}.wb-fields label{letter-spacing:.1em;color:var(--w-soft);gap:3px;font-size:8.5px;font-weight:700;display:grid}.wb-input{background:var(--w-card);border:1px solid var(--w-line);letter-spacing:0;color:var(--w-soft);border-radius:5px;padding:6px 9px;font-size:11.5px;font-weight:400}.wb-fields i{letter-spacing:0;color:var(--w-soft);font-size:9.5px;font-style:normal;font-weight:400}.wb-actions{align-items:center;gap:14px;margin:0;display:flex}.wb-primary{background:var(--w-gold);color:#241f08;border-radius:5px;padding:6px 16px;font-size:12px;font-weight:700}.wb-actions b{color:var(--w-soft);font-size:11px;font-weight:400}.wb-pipeline{color:var(--w-soft);border-top:1px solid var(--w-line);max-width:70ch;margin:14px 0 0;padding-top:9px;font-size:10.5px}.wb-zones-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.wb-published{color:#4c7a3f;align-items:center;gap:5px;font-size:10px;display:flex}.wb-zone-grid{grid-template-columns:1fr minmax(160px,200px);gap:12px;display:grid}.wb-page{gap:6px;min-width:0;display:grid}.wb-paper{aspect-ratio:4/3;border:1px solid var(--w-line);background:#f3f1ea;border-radius:3px;position:relative;overflow:hidden}.wb-watermark{letter-spacing:.3em;color:#26231c0e;place-items:center;font-size:clamp(14px,4cqi,26px);font-weight:700;display:grid;position:absolute;inset:0}.wb-field{text-align:center;color:#3a352b;border:1px dashed #0000;border-radius:2px;place-items:center;padding:1px;transition:border-color .2s,background .2s;display:grid;position:absolute;overflow:hidden}.wb-field-script{font-family:var(--display);font-size:clamp(15px,5.5cqi,34px);font-weight:400}.wb-field-event{letter-spacing:.12em;font-size:clamp(9px,2.4cqi,15px);font-weight:700}.wb-field-small{color:#6a6354;font-size:clamp(5px,1.35cqi,9px)}.wb-field-photo{color:#8a8271;background:#ffffff8c;border:1px solid #26231c24;font-size:clamp(6px,1.5cqi,10px)}.wb-field-on{border-color:var(--w-gold);background:#c9a22729;box-shadow:0 0 0 2px #c9a2274d}.wb-pagebar{color:var(--w-soft);flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.wb-pagebar span{align-items:center;gap:3px;display:inline-flex}.wb-pagebar b{border:1px solid var(--w-gold);color:var(--w-ink);border-radius:3px;padding:1px 6px;font-weight:400}.wb-mode{background:var(--w-card);border:1px solid var(--w-line);color:var(--w-ink);border-radius:4px;margin-left:auto;padding:2px 10px;font-size:10px}.wb-zonelist{min-width:0}.wb-zonelist-head{font-family:var(--display);margin:0 0 4px;font-size:13px}.wb-photo-count{color:var(--w-soft);margin:0 0 10px;font-size:9.5px}.wb-zonelist ul{gap:1px;margin:0;padding:0;list-style:none;display:grid}.wb-zone{text-align:left;border:0;border-bottom:1px solid var(--w-line);width:100%;color:var(--w-ink);background:0 0;align-items:baseline;gap:6px;padding:4px 2px;display:flex}.wb-zone:hover{background:#f3eedf}.wb-zone-on{background:#c9a22729}.wb-zone-key{letter-spacing:.06em;color:var(--w-soft);flex-shrink:0;font-size:8px}.wb-zone-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10.5px;overflow:hidden}.wb-zone i{color:var(--w-soft);font-size:8.5px;font-style:normal}.wb-caption{border-top:1px solid var(--w-line);color:var(--w-soft);background:#f3eedf;max-width:none;margin:0;padding:7px 10px;font-size:10px}@container (max-width:640px){.wb-shell{grid-template-columns:1fr}.wb-nav{border-right:0;border-bottom:1px solid var(--w-line);flex-flow:wrap;align-items:center}.wb-brand{margin:0 8px 0 0}.wb-user{border-top:0;margin:0 0 0 auto;padding-top:0}.wb-zone-grid{grid-template-columns:1fr}}.nav-dinocode{position:relative}.nav-dinocode:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;right:-9px}.dino{padding:8px 0 24px}.dino-hero{max-width:64ch}.dino-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.dino h1{margin:10px 0 0;font-size:clamp(48px,9vw,104px)}.dino-tagline{font-family:var(--display);letter-spacing:-.03em;margin:14px 0 0;font-size:clamp(20px,3vw,30px);font-weight:750;line-height:1.12}.dino-lede{color:var(--muted);margin:16px 0 0;font-size:17px}.dino-actions{flex-wrap:wrap;align-items:center;gap:14px;max-width:none;margin:26px 0 0;display:flex}.dino-actions-end{margin-top:30px}.dino-play{background:var(--ink);color:#fff;border-radius:999px;align-items:center;gap:8px;padding:14px 26px;font-size:16px;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.dino-play:hover{background:var(--accent);transform:translateY(-2px)}.dino-note{color:var(--muted);max-width:34ch;font-size:13px}.dino-try{margin-top:56px}.dino-try h2,.dino-curriculum h2{margin:0;font-size:clamp(26px,4vw,38px)}.dino-sub{color:var(--muted);margin:8px 0 18px}.dino-panel{border:1px solid var(--line);background:#fbfbfb;border-radius:14px;overflow:hidden}.dino-panel-head{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:12px 16px;font-size:11px;font-weight:700}.dino-code{margin:0;padding:10px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;list-style:none}.dino-line{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-left:3px solid #0000;align-items:center;gap:14px;padding:3px 16px;font-size:13.5px;line-height:1.7;display:flex}.dino-line:not(:disabled):hover{border-left-color:var(--line);background:#f1f1f1}.dino-line:disabled{cursor:default}.dino-num{color:#a8a8a8;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:16px;font-size:11.5px}.dino-line code{white-space:pre;flex:1;min-width:0;overflow-x:auto}.dino-line-right{color:#1f3d19;background:#e7f3e5;border-left-color:#4c7a3f}.dino-line-right:not(:disabled):hover{background:#e7f3e5}.dino-line-wrong{border-left-color:var(--accent);background:#fdecea}.dino-line-wrong:not(:disabled):hover{background:#fdecea}.dino-verdict{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:14px 16px;font-size:14.5px}.dino-verdict b{color:var(--ink)}.dino-after{border-top:1px dashed var(--line);color:var(--ink);background:#f6f6f6;max-width:none;margin:0;padding:14px 16px;font-size:14.5px}.dino-caption{color:var(--muted);margin:10px 0 0;font-size:13px}.dino-curriculum{margin-top:56px}.dino-levels{background:var(--line);border:1px solid var(--line);border-radius:12px;gap:1px;margin:20px 0 0;padding:0;list-style:none;display:grid;overflow:hidden}.dino-levels li{background:#fbfbfb;grid-template-columns:44px minmax(150px,1fr) 2fr;align-items:baseline;gap:16px;padding:14px 18px;display:grid}.dino-level-n{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700}.dino-levels b{font-size:16px;font-weight:700}.dino-levels i{color:var(--muted);font-size:14.5px;font-style:normal}@media (max-width:720px){.dino-levels li{grid-template-columns:34px 1fr;gap:6px 12px}.dino-levels i{grid-column:2}.dino-line{gap:10px;padding:3px 10px;font-size:12px}}.work-section .section-intro,.other-section .section-intro{text-align:center;grid-template-columns:1fr;justify-items:center}.featured-project .project-heading{text-align:center;justify-content:center;padding:0 64px;position:relative}.featured-project .project-open{position:absolute;top:50%;right:0;transform:translateY(-50%)}.featured-project .project-bottom{text-align:center;grid-template-columns:1fr;justify-items:center;gap:22px}.featured-project .project-bottom h4,.featured-project .project-bottom p{margin-left:auto;margin-right:auto}.featured-project .project-meta{align-items:center}.featured-project .project-meta .stack-list{justify-content:center}.work-section .project-stage{background:0 0;border-radius:0;margin:0;padding:0;overflow:visible}.work-section .design-evolution{background:0 0;border:0;padding:0}.work-section .focus-app,.work-section .wb-app,.work-section .supplied-capture,.work-section .nexo-demo,.work-section .workflow-demo,.work-section .design-comparison{box-shadow:0 26px 60px -36px #14141461}.comparison-tag{z-index:3;pointer-events:none;color:#141515;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.03em;background:#ffffff73;border-radius:4px;padding:7px 14px;font-size:12px;font-weight:750;position:absolute;top:14px}.comparison-tag-draft{left:14px}.comparison-tag-shipped{right:14px}.supplied-capture a{cursor:zoom-in}.wb-canvas-area{min-width:0}.wb-zonelist ul{grid-template-columns:minmax(0,1fr)}.wb-paper{container-type:inline-size}.wb-watermark{font-size:6cqi}.wb-field{white-space:nowrap;padding:0;line-height:1;overflow:visible}.wb-field-script{font-size:8cqi}.wb-field-event{font-size:2cqi}.wb-field-body{font-size:2.1cqi}.wb-field-small{font-size:1.6cqi}.wb-field-photo{font-size:2.4cqi}@media (max-width:540px){.featured-project .project-heading{flex-direction:column;padding:0}.featured-project .project-open{position:static;transform:none}.comparison-tag{padding:4px 8px;font-size:9px;top:8px}.comparison-tag-draft{left:8px}.comparison-tag-shipped{right:8px}}.cascade{margin:30px 0 90px}.cascade-stage{justify-items:center;gap:64px;display:grid}.cascade-steps{justify-content:center;gap:6px;display:flex}.cascade-steps button{color:#545760;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.cascade-steps button span{border:1px solid;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.cascade-steps button[aria-pressed=true]{color:#fff;background:#222;border-color:#222}.cascade-card{transform-origin:50%;width:min(100%,640px);position:relative}.cascade-tool{width:min(100%,820px)}.cascade-card h2{letter-spacing:-.035em;margin:0 0 18px;font-size:28px}.cascade-idea .playground{margin:0}.cascade-veil{pointer-events:none;background:#f2f2f2;border:0;border-radius:26px;padding:0;position:absolute;inset:-14px}.cascade-veil[data-active=true]{pointer-events:auto;cursor:pointer}.cascade-pinned{height:260vh}.cascade-pinned .cascade-stage{overflow-clip-margin:24px;grid-template-rows:auto 1fr;gap:0;height:calc(100svh - 84px);padding-top:14px;position:sticky;top:84px;overflow:clip}.cascade-pinned .cascade-card{grid-area:2/1;align-self:center}.cascade-pinned .cascade-tool{z-index:2;translate:14% 3%}.cascade-pinned .cascade-tool .wb-app{box-shadow:0 40px 80px -40px #14141473}.cascade-pinned .cascade-card h2{transition:opacity .35s}.cascade-pinned[data-step="1"] .cascade-idea h2,.cascade-pinned[data-step="0"] .cascade-tool h2{opacity:0}.featured-project{margin-bottom:210px}.featured-project .project-heading{margin-bottom:14px}.featured-project .project-heading h3{letter-spacing:-.045em;font-size:clamp(34px,3.6vw,48px)}.featured-project .project-intro{text-align:center;max-width:600px;margin:0 auto 48px}.project-intro h4{letter-spacing:-.02em;color:#55524d;font-size:21px;font-weight:500}.project-intro p{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.75}.featured-project .project-bottom{margin-top:40px}.work-section .design-comparison{width:min(100%,176.429svh - 529.286px);margin-inline:auto}.rise-in{will-change:transform}@media (max-width:540px){.featured-project{margin-bottom:130px}.featured-project .project-intro{margin-bottom:30px}.project-intro h4{font-size:18px}.project-intro p{font-size:13px}}.work-section .comparison-links{justify-content:center}.work-section .comparison-links .comparison-live{margin-left:0}.work-section .early-exploration{text-align:center}.cascade-pinned.cascade-fast{height:calc(100svh + 216px)}.featured-project .cascade{margin:0}