@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap";:root{--page:#f4f1ea;--raised:#fbfaf7;--ink:#171815;--muted:#77766f;--line:#d8d4cc;--line-strong:#aaa69d;--card:#ebe8e1;--purple:#6f62a8;--coral:#ef826f;--yellow:#d8cd72;--mint:#83d6c2;--step-blue:#147fb5;--step-mint:#55ddd2;--step-cyan:#0bb6cd;--shadow:0 22px 70px #17181517;--gutter:clamp(20px, 4vw, 42px);--norma-header-gutter:clamp(14px, 4vw, 42px);--max:1420px;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}:root[data-norma-theme=dark]{--page:#151614;--raised:#1d1f1b;--ink:#f2efe8;--muted:#a7a59e;--line:#34362f;--line-strong:#5d6158;--card:#23251f;--shadow:0 24px 80px #00000057;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-norma-theme=paper]{--page:#e9e0cf;--raised:#f3eadb;--ink:#29251f;--muted:#746d62;--line:#cfc1ad;--line-strong:#a99881;--card:#dfd3c1;--shadow:0 20px 54px #4b3d2a1a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--page)}body{min-width:320px;color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit}button,input{font:inherit}button{color:inherit}img{max-width:100%;display:block}svg{display:block}.sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip{z-index:1000;color:var(--page);background:var(--ink);border-radius:999px;padding:10px 14px;text-decoration:none;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip:focus{transform:none}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.shell{width:min(var(--max), calc(100% - 2 * var(--gutter)));margin-inline:auto}.header{z-index:40;min-height:76px;padding-left:max(var(--norma-header-gutter), env(safe-area-inset-left));padding-right:max(var(--norma-header-gutter), env(safe-area-inset-right));border-bottom:1px solid var(--line);background:var(--page);align-items:center;gap:28px;display:flex;position:sticky;top:0}.header.shell{width:100%;max-width:none;margin-inline:0}.brand{letter-spacing:.18em;width:max-content;font-family:Geist,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700;line-height:1;text-decoration:none}.nav{align-items:center;gap:22px;margin-left:auto;display:flex}.nav a,.text-link,.footer a{color:var(--muted);font-size:12px;text-decoration:none}.nav a:hover,.text-link:hover,.footer a:hover{color:var(--ink)}.nav>a,.head-actions .text-link{border-radius:999px;align-items:center;min-height:44px;padding:0 6px;transition:color .15s,background-color .15s;display:inline-flex;position:relative}.nav>a:hover,.head-actions .text-link:hover{background:color-mix(in srgb, var(--ink) 6%, var(--page))}.nav>a[aria-current=location],.head-actions .text-link[aria-current=location]{color:var(--ink);font-weight:680}.nav>a[aria-current=location]:after,.head-actions .text-link[aria-current=location]:after,.tools-menu.is-current summary:after{content:"";width:4px;height:4px;box-shadow:0 0 0 4px color-mix(in srgb, currentColor 8%, transparent);background:currentColor;border-radius:50%;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.tools-menu{position:relative}.tools-menu summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12px;list-style:none;display:inline-flex;position:relative}.tools-menu summary::-webkit-details-marker{display:none}.tools-menu summary:hover,.tools-menu[open] summary,.tools-menu.is-current summary{color:var(--ink)}.tools-menu.is-current summary{font-weight:680}.tools-menu-chevron{width:12px;transition:transform .18s}.tools-menu-chevron svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4px;width:12px;height:8px}.tools-menu[open] .tools-menu-chevron{transform:rotate(180deg)}.tools-menu-panel{z-index:60;width:min(280px, calc(100vw - 2 * var(--gutter)));border:1px solid var(--line);background:color-mix(in srgb, var(--raised) 96%, transparent);box-shadow:var(--shadow);border-radius:15px;gap:2px;padding:7px;display:grid;position:absolute;top:calc(100% + 7px);right:0}.tools-menu-panel a{color:var(--ink);border-radius:10px;gap:3px;padding:12px 13px;text-decoration:none;display:grid}.tools-menu-panel a:hover{background:var(--card)}.tools-menu-panel small{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:720}.tools-menu-panel strong{font-size:13px;font-weight:700}.head-actions{align-items:center;gap:14px;display:flex}.open,.primary{min-height:46px;color:var(--page);background:var(--ink);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.theme{border:1px solid var(--line);width:38px;height:38px;color:var(--muted);background:color-mix(in srgb, var(--raised) 72%, var(--card));cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.theme:hover{color:var(--ink);border-color:var(--line-strong);background:var(--raised)}.theme svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;overflow:visible}.theme .create-theme-sun,.theme .create-theme-moon,.theme .create-theme-paper{transform-box:fill-box;transform-origin:50%;transition:opacity .38s,transform .38s,stroke-dashoffset .38s}.theme .create-theme-moon{opacity:0;stroke-dasharray:1;stroke-dashoffset:1px;transform:scale(.2)rotate(-70deg)}.theme .create-theme-paper{fill:currentColor;stroke:none;opacity:0;transform:scale(.25)rotate(-42deg)}.theme.is-dark .create-theme-sun,.theme.is-paper .create-theme-sun{opacity:0;transform:scale(.2)rotate(90deg)}.theme.is-dark .create-theme-moon{opacity:1;stroke-dashoffset:0;transform:scale(1)rotate(0)}.theme.is-paper .create-theme-paper{opacity:1;transform:scale(.78)rotate(0)}.hero{grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);align-items:center;gap:clamp(56px,8vw,130px);min-height:calc(100vh - 76px);padding-block:76px 88px;display:grid}.hero-copy{max-width:620px}.eyebrow{letter-spacing:.13em;margin:0 0 24px;font-size:10px;font-weight:750;line-height:1}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.065em;margin-bottom:30px;font-size:clamp(56px,7vw,112px);font-weight:560;line-height:.86}.lead{letter-spacing:-.035em;max-width:590px;font-size:clamp(22px,2.4vw,34px);line-height:1.08}.definition{max-width:530px;color:var(--muted);font-size:15px;line-height:1.55}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.secondary{border:1px solid var(--line);background:0 0;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.secondary:hover{border-color:var(--line-strong);background:color-mix(in srgb, var(--raised) 62%, transparent)}.micro{color:var(--muted);margin-top:22px;font-size:11px}.micro span{padding:0 7px}.hero-demo{border:1px solid var(--line);background:var(--raised);box-shadow:var(--shadow);border-radius:24px;align-self:center;padding:18px}.demo-topline,.demo-foot{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:16px;font-size:9px;display:flex}.demo-topline{border-bottom:1px solid var(--line);padding:2px 4px 16px}.mark-stage{place-items:center;padding:42px 30px 30px;display:grid;position:relative}.mark{aspect-ratio:1;filter:drop-shadow(0 16px 36px #00000012);width:min(100%,520px);display:block;overflow:visible}.hero-demo.changing .mark{opacity:.34;transform:scale(.985)}.mark{transition:opacity .15s,transform .22s}.mark polygon{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:filter .16s,transform .16s}.mark polygon:hover{filter:brightness(1.05)}.mark polygon.is-kept{filter:drop-shadow(0 9px 6px #1414122e);transform:translateY(-1.3px)}.mark-guides{pointer-events:none}.mark-guides line{stroke:color-mix(in srgb, var(--ink) 42%, transparent);stroke-width:.36px;stroke-dasharray:1.2 2;vector-effect:non-scaling-stroke}.mark-guides text{fill:color-mix(in srgb, var(--ink) 58%, transparent);text-anchor:middle;dominant-baseline:middle;font-size:3.6px;font-weight:800}.keep-toast{color:var(--page);background:var(--ink);letter-spacing:.12em;pointer-events:none;border-radius:999px;padding:7px 10px;font-size:9px;position:absolute}.demo-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px 4px;display:flex}.gesture-copy{gap:4px;display:grid}.gesture-copy strong{font-size:13px}.gesture-copy span{color:var(--muted);font-size:11px}.landing-generate{--hold:0%;cursor:pointer;isolation:isolate;touch-action:none;background:0 0;border:0;border-radius:50%;flex:none;width:72px;height:72px;padding:0;transition:transform .115s;position:relative}.landing-generate-layer,.landing-generate-ring,.landing-generate-progress{z-index:1;pointer-events:none;position:absolute}.landing-generate-layer{border:1px solid color-mix(in srgb, var(--ink) 42%, transparent);background:color-mix(in srgb, var(--ink) 4%, var(--raised));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--raised) 72%, transparent), 0 3px 4px color-mix(in srgb, var(--ink) 7%, transparent);border-radius:50%;transition:transform 95ms,box-shadow .11s,filter .11s;inset:7px;overflow:hidden}.landing-generate-layer:before{content:"";background:color-mix(in srgb, var(--ink) 50%, transparent);width:54%;height:1px;transition:transform .18s,background .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.landing-generate-layer:after{content:"";background:color-mix(in srgb, var(--ink) 24%, transparent);opacity:.55;width:1px;height:54%;transition:transform .18s,background .14s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.landing-generate-ring{display:none}.landing-generate-progress{border:1px solid #0000;border-top-color:color-mix(in srgb, var(--ink) 58%, transparent);opacity:0;border-radius:50%;inset:-5px}.landing-generate:hover{transform:translateY(-1px)}.landing-generate:hover .landing-generate-layer{border-color:color-mix(in srgb, var(--ink) 72%, transparent);background:color-mix(in srgb, var(--ink) 9%, var(--raised))}.landing-generate.is-pressed,.landing-generate:active{transform:translateY(2px)}.landing-generate.is-pressed .landing-generate-layer,.landing-generate:active .landing-generate-layer{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--raised) 56%, transparent), 0 1px 1px color-mix(in srgb, var(--ink) 7%, transparent);transform:translateY(1px)scale(.97)}.landing-generate.is-pressed .landing-generate-layer:before{background:var(--ink);transform:translate(-50%,-50%)rotate(0)}.landing-generate.is-pressed .landing-generate-layer:after{background:color-mix(in srgb, var(--ink) 38%, transparent);transform:translate(-50%,-50%)rotate(0)}.landing-generate.is-exploring .landing-generate-progress{opacity:1;animation:1.8s linear infinite landing-generate-progress}@keyframes landing-generate-progress{to{transform:rotate(360deg)}}.demo-foot{border-top:1px solid var(--line);padding:12px 4px 0}.rule{width:min(var(--max), calc(100% - 2 * var(--gutter)));border-top:1px solid var(--line);align-items:center;margin-inline:auto;display:flex}.rule span{color:var(--muted);padding-top:10px;font-size:9px}.section{padding-block:100px 118px}.split{grid-template-columns:1fr 1fr;align-items:start;gap:80px;display:grid}h2{letter-spacing:-.055em;font-size:clamp(42px,5.4vw,76px);font-weight:550;line-height:.94}.copy{max-width:560px;color:var(--muted);padding-top:34px;font-size:16px;line-height:1.62}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:70px;display:grid}.steps article{border-right:1px solid var(--line);flex-direction:column;min-height:380px;padding:22px;display:flex}.steps article:last-child{border-right:0}.step-no{color:var(--muted);font-size:9px}.step-object{width:min(100%,180px);height:auto;margin:auto;display:block;position:relative}.step-mark{filter:drop-shadow(0 14px 20px color-mix(in srgb, var(--ink) 10%, transparent));overflow:visible}.step-frame{fill:var(--raised);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.step-mark polygon{shape-rendering:geometricprecision}.step-guides{pointer-events:none}.step-guides line{stroke:color-mix(in srgb, var(--ink) 30%, transparent);stroke-width:.65px;vector-effect:non-scaling-stroke}.step-kept{stroke:color-mix(in srgb, var(--raised) 92%, var(--ink));stroke-width:1.25px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 7px 5px color-mix(in srgb, var(--ink) 20%, transparent))}.steps h3{letter-spacing:-.025em;margin:0 0 8px;font-size:24px}.steps p{max-width:260px;color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.5}.remix-grid{grid-template-columns:1fr 44px 1fr;align-items:center;gap:28px;margin-top:70px;display:grid}.sources{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sources figure,.remix-result{margin:0}.sources img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:100%}.sources figcaption,.remix-result figcaption{color:var(--muted);justify-content:space-between;gap:12px;padding-top:9px;font-size:10px;display:flex}.remix-arrow{color:var(--muted);text-align:center;font-size:28px}.photo-composite{aspect-ratio:1;border:1px solid var(--line);background:var(--card);position:relative;overflow:hidden}.photo-piece{background-position:50%;background-size:cover;position:absolute;inset:0}.photo-piece.one{clip-path:polygon(0 0,34% 0,26% 100%,0 100%);background-image:url(/assets/raccoon.webp)}.photo-piece.two{clip-path:polygon(34% 0,72% 0,64% 100%,26% 100%);background-image:url(/assets/owl.webp)}.photo-piece.three{clip-path:polygon(72% 0,100% 0,100% 100%,64% 100%);background-image:url(/assets/tiger.webp)}.remix-result figcaption span:first-child{color:var(--ink)}.remix-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding-top:20px;display:flex}.remix-cta p{color:var(--muted);margin:0;font-size:12px}.product-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:70px;display:grid}.product-grid article{border:1px solid var(--line);background:var(--raised);padding:18px}.product-art{background:var(--card);place-items:center;height:330px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.product-grid small{letter-spacing:.12em;font-size:9px}.product-grid h3{letter-spacing:-.04em;margin:18px 0 8px;font-size:30px}.product-grid p{color:var(--muted);font-size:13px}.product-grid a{font-size:12px;text-decoration:none}.mini-mark{width:180px;height:180px;display:flex;box-shadow:0 12px 30px #00000014}.mini-mark i{background:var(--purple);width:28%}.mini-mark b{background:var(--coral);width:35%}.mini-mark em{background:var(--yellow);flex:1}.mini-puck{border:1px solid var(--line);background:var(--raised);border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:24px;right:28px}.mini-puck span{background:var(--ink);width:15px;height:1px;transform:rotate(-45deg)}.studio-art{grid-template-columns:1fr 140px;gap:24px;padding:34px}.studio-square{aspect-ratio:1;border:1px solid var(--ink);width:min(100%,220px);position:relative}.studio-square i{border-left:1px dashed var(--muted);position:absolute;top:0;bottom:0;left:31%}.studio-square b{border-top:1px dashed var(--muted);position:absolute;top:44%;left:31%;right:0}.studio-meta{border-left:1px solid var(--line);color:var(--muted);flex-direction:column;justify-content:flex-end;align-self:stretch;gap:8px;padding-left:16px;font-size:11px;display:flex}.tools-list{border-top:1px solid var(--line);margin-top:70px}.tools-list a{border-bottom:1px solid var(--line);grid-template-columns:120px 1.1fr 1fr 24px;align-items:center;gap:20px;padding:22px 0;text-decoration:none;display:grid}.tools-list a:hover{background:color-mix(in srgb, var(--card) 55%, transparent)}.tools-list span{color:var(--muted);letter-spacing:.1em;font-size:9px}.tools-list strong{letter-spacing:-.025em;font-size:22px;font-weight:520}.tools-list em{color:var(--muted);font-size:12px;font-style:normal}.tools-list b{text-align:right;font-weight:500}.final{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;min-height:660px;display:grid}.final-art{background:var(--ink);place-items:center;padding:10vw;display:grid}.final-art svg{width:min(100%,420px)}.final-copy{background:var(--raised);flex-direction:column;justify-content:center;padding:clamp(60px,8vw,120px);display:flex}.final-copy h2{max-width:700px}.final-copy>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:15px;line-height:1.5}.footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr auto;align-items:start;gap:30px;min-height:190px;padding-block:42px;display:grid}.footer p{color:var(--muted);font-size:11px;line-height:1.5}.footer .brand{color:var(--ink)}@media (width<=1020px){.nav{display:flex}.nav>a{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:760px}.split{grid-template-columns:1fr;gap:20px}.copy{padding-top:0}.remix-grid{grid-template-columns:1fr}.remix-arrow{transform:rotate(90deg)}.product-art{height:280px}.final{grid-template-columns:1fr}.final-art{min-height:480px}}@media (width<=720px){.shell,.rule{width:min(calc(100% - 28px), var(--max))}.header{gap:12px;min-height:66px}.head-actions .text-link{display:none}.open{min-height:40px;padding:0 12px}h1{font-size:clamp(54px,17vw,76px)}.hero{gap:46px;padding-block:48px 64px}.hero-demo{border-radius:18px;padding:12px}.mark-stage{padding:28px 6px 22px}.demo-controls{gap:12px}.landing-generate{width:64px;height:64px}.demo-foot{font-size:7px}.section{padding-block:72px 82px}h2{font-size:48px}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.steps article:last-child{border-bottom:0}.sources{gap:6px}.product-grid{grid-template-columns:1fr}.tools-list a{grid-template-columns:1fr 26px;gap:8px}.tools-list span,.tools-list em,.tools-list strong{grid-column:1}.tools-list b{grid-area:1/2/4;align-self:center}.remix-cta{flex-direction:column;align-items:flex-start}.final{min-height:0}.final-art{min-height:360px;padding:70px}.final-copy{padding:66px 28px}.footer{grid-template-columns:1fr}}@media (width<=440px){.head-actions .open{min-height:40px;padding-inline:11px;font-size:11px}.tools-menu-panel{width:auto;position:fixed;top:70px;left:14px;right:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}