@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&display=swap";:root{--norma-public-header-inset:max(clamp(12px, 2vw, 24px), env(safe-area-inset-top));--norma-public-nav-gap:clamp(16px, 2vw, 32px);--norma-public-nav-item-height:40px;--norma-public-nav-item-padding:0px}.header .nav,.portal-header .portal-nav{gap:var(--norma-public-nav-gap)}.header .nav>a,.portal-header .portal-nav>a,.header .tools-menu>summary,.portal-header .portal-tools-menu>summary,.header .head-actions .text-link,.portal-header .portal-about-link{min-height:var(--norma-public-nav-item-height);padding-inline:var(--norma-public-nav-item-padding)}@media (width<=900px){.header .theme,.portal-header .portal-theme{display:none}}@media (width<=820px){:root{--norma-public-nav-gap:10px}}:root{--page:#f4f1ea;--raised:#fbfaf7;--ink:#171815;--muted:#77766f;--line:#d8d4cc;--line-strong:#aaa69d;--norma-header-outline:var(--line-strong);--norma-header-font-family:Geist, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--card:#ebe8e1;--pop-magenta:#ff2e93;--pop-tangerine:#ff641f;--pop-chartreuse:#d5f200;--pop-cyan:#d8f4ff;--pop-lilac:#c8a7ec;--pop-plum:#45142f;--showroom-black:#050505;--step-blue:var(--pop-magenta);--step-mint:var(--pop-tangerine);--step-cyan:var(--pop-chartreuse);--cta-accent:#087c68;--cta-accent-ink:#fbfaf7;--cta-accent-soft:color-mix(in srgb, var(--cta-accent) 11%, var(--raised));--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;--cta-accent:#83d6c2;--cta-accent-ink:#171815;--cta-accent-soft:color-mix(in srgb, var(--cta-accent) 13%, var(--raised));--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;--cta-accent:#176455;--cta-accent-ink:#f3eadb;--cta-accent-soft:color-mix(in srgb, var(--cta-accent) 10%, var(--raised));--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;font-family:var(--norma-header-font-family);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}.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;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{white-space:nowrap;align-items:center;min-height:44px;transition:color .15s;display:inline-flex;position:relative}.nav>a[aria-current],.head-actions .text-link[aria-current]{color:var(--ink);font-weight:680}.tools-menu{position:relative}.landing-mobile-nav,.open-label-short{display:none}.tools-menu summary{min-height:44px;color:var(--muted);cursor:pointer;align-items:center;gap:5px;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{place-items:center;width:8px;height:8px;transition:transform .18s;display:grid}.tools-menu-chevron svg{stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2px;width:8px;height:5px;display:block}.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);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.norma-cta-link{z-index:0;isolation:isolate;border:1px solid color-mix(in srgb, var(--cta-accent) 48%, var(--line));color:var(--ink);background:var(--cta-accent-soft);gap:8px;transition:color .18s,border-color .18s,transform .14s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.norma-cta-link:before{content:"";z-index:-1;background:var(--cta-accent);transform-origin:100%;transition:transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:0;transform:scaleX(0)}.norma-cta-link:after{content:"→";transform-origin:50%;flex:none;font-size:1.05em;font-weight:500;line-height:1;transition:transform .22s cubic-bezier(.23,1,.32,1);display:block}.norma-cta-link:active{color:var(--cta-accent-ink);border-color:var(--cta-accent);transform:scale(.97)}.norma-cta-link:active:before{transform:scaleX(1)}@media (hover:hover) and (pointer:fine){.norma-cta-link:hover,.norma-cta-link:focus-visible{color:var(--cta-accent-ink);border-color:var(--cta-accent)}.norma-cta-link:hover:before,.norma-cta-link:focus-visible:before{transform-origin:0;transform:scaleX(1)}.norma-cta-link:hover:after,.norma-cta-link:focus-visible:after{transform:rotate(-45deg)}}.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}.eyebrow{letter-spacing:.08em;margin:0 0 24px;font-size:12px;font-weight:600;line-height:16px}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)}.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}.demo-topline>span[data-glass-status]{white-space:nowrap;text-align:right;min-width:18ch}.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);transition:opacity .15s,transform .22s;display:block;overflow:visible}.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}.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%;border:1px solid var(--ink);width:196px;min-width:196px;height:72px;color:var(--page);background:var(--ink);box-shadow:0 10px 24px color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;isolation:isolate;touch-action:none;border-radius:999px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:transform .115s;display:inline-grid;position:relative}.landing-generate-orb{width:58px;height:58px;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: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;inset:0;overflow:hidden}.landing-generate-layer:before{content:"";background:color-mix(in srgb, var(--ink) 62%, transparent);width:54%;height:1px;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(--raised) 82%, transparent);opacity:0;border-radius:50%;inset:-3px}.landing-generate:hover{box-shadow:0 14px 30px color-mix(in srgb, var(--ink) 22%, transparent);transform:translateY(-2px)}.landing-generate:hover .landing-generate-layer{border-color:color-mix(in srgb, var(--ink) 72%, transparent)}.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-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}.hero-glass{background:radial-gradient(circle at 72% 26%, color-mix(in srgb, var(--pop-magenta) 10%, transparent), transparent 34%), radial-gradient(circle at 22% 78%, color-mix(in srgb, var(--pop-cyan) 18%, transparent), transparent 38%), var(--raised);min-width:0;position:relative;overflow:hidden}.glass-stage{border-bottom:1px solid var(--line);min-height:clamp(460px,43vw,610px);position:relative;overflow:hidden}.glass-stage:before,.glass-stage:after{content:"";z-index:0;pointer-events:none;position:absolute}.glass-stage:before{border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);border-radius:50%;inset:8% 6%;transform:scaleY(.62)}.glass-stage:after{background:color-mix(in srgb, var(--ink) 11%, transparent);filter:blur(22px);border-radius:50%;width:58%;height:11%;bottom:10%;left:50%;transform:translate(-50%)}.glass-canvas{z-index:2;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .18s;display:block;position:absolute;inset:0}.hero-glass.is-ready .glass-canvas{opacity:1}.glass-fallback{z-index:1;aspect-ratio:1.58;border:1px solid color-mix(in srgb, white 74%, var(--line));background:color-mix(in srgb, var(--raised) 60%, transparent);width:min(78%,520px);box-shadow:inset 12px 8px 22px #ffffff7a, inset -14px -10px 24px color-mix(in srgb, var(--pop-magenta) 20%, transparent), 0 28px 42px color-mix(in srgb, var(--ink) 13%, transparent);opacity:0;border-radius:18%;transition:opacity .3s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)perspective(900px)rotateX(-5deg)rotateY(-19deg)rotate(-2deg)}.hero-glass.is-ready .glass-fallback{opacity:0}.hero-glass.is-fallback .glass-fallback{opacity:1}.glass-fallback-panel{display:block;position:absolute}.glass-fallback-panel-a{background:var(--pop-chartreuse);inset:8% 47% 57% 7%}.glass-fallback-panel-b{background:var(--pop-magenta);inset:8% 7% 51% 53%}.glass-fallback-panel-c{background:var(--pop-cyan);inset:58% 45% 7% 7%}.glass-fallback-line{background:var(--pop-lilac);clip-path:polygon(0 22%,40% 0,100% 35%,94% 100%,38% 58%,5% 88%);height:20%;display:block;position:absolute;top:46%;left:12%;right:10%}.rule{width:min(var(--max), calc(100% - 2 * var(--gutter)));border-top:1px solid var(--line);align-items:center;margin-inline:auto;display:flex}.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:none;filter:none}.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%;height:auto;display:block}.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.portrait-main{clip-path:polygon(0 0,43% 0,36% 50%,0 63%);background-image:url(/assets/norma-photo-remix-portrait.webp);background-position:148% 42%;background-size:150%}.photo-piece.crane-main{clip-path:polygon(43% 0,100% 0,100% 32%,63% 47%,36% 50%);background-image:url(/assets/norma-photo-remix-crane.webp);background-position:56% 24%;background-size:112%}.photo-piece.encounter-main{clip-path:polygon(0 63%,36% 50%,63% 47%,53% 74%,43% 100%,0 100%);background-image:url(/assets/norma-photo-remix-encounter.webp);background-position:35% 72%;background-size:128%}.photo-piece.portrait-detail{clip-path:polygon(63% 47%,100% 32%,100% 70%,53% 74%);background-image:url(/assets/norma-photo-remix-portrait.webp);background-position:100% 100%;background-size:132%}.photo-piece.crane-detail{clip-path:polygon(53% 74%,100% 70%,100% 100%,43% 100%);background-image:url(/assets/norma-photo-remix-crane.webp);background-position:16% 100%;background-size:118%}.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(--pop-cyan);width:28%}.mini-mark b{background:var(--pop-tangerine);width:35%}.mini-mark em{background:var(--pop-magenta);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:inline-flex}.nav>a[href=\#remix]{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}.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}.glass-stage{min-height:420px}.mark-stage{padding:28px 6px 22px}.demo-controls{gap:12px}.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}}.header{top:var(--norma-public-header-inset);border:1px solid var(--norma-header-outline);background:color-mix(in srgb, var(--raised) 92%, transparent);width:min(1200px,100% - 48px);min-height:48px;box-shadow:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:999px;gap:clamp(16px,2.2vw,32px);padding:4px 4px 4px clamp(16px,2vw,24px);position:fixed;left:50%;transform:translate(-50%)}.header.shell{width:min(1200px,100% - 48px);max-width:none;margin-inline:0}.hero{padding-top:144px}@media (width<=720px){.hero{padding-top:128px}}.hero{grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:clamp(48px,7vw,112px);min-height:100svh;padding-bottom:72px}.hero-copy{max-width:590px}.hero h1{text-wrap:balance;max-width:8ch;margin-bottom:26px;font-size:clamp(58px,7vw,108px);line-height:1}.hero .lead{max-width:560px;margin-bottom:20px}.hero .definition{max-width:500px}.hero-create-actions{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:14px;margin-top:32px;display:grid}.hero-generate-copy{justify-content:center;align-items:center;min-width:0;display:inline-flex}.hero-generate-copy strong{color:inherit;letter-spacing:-.01em;font-size:14px;font-weight:700}.hero-studio-link{min-height:44px;color:var(--muted);justify-self:start;align-items:center;gap:7px;font-size:12px;font-weight:650;text-decoration:none;transition:color .18s;display:inline-flex;position:relative}.hero-studio-link:before{content:"";background:var(--cta-accent);transform-origin:100%;height:1px;transition:transform .22s cubic-bezier(.23,1,.32,1);position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.hero-studio-link:after{content:"→";transform-origin:50%;line-height:1;transition:transform .22s cubic-bezier(.23,1,.32,1);display:block}.hero-studio-link:hover,.hero-studio-link:focus-visible{color:var(--cta-accent)}.hero-studio-link:hover:before,.hero-studio-link:focus-visible:before{transform-origin:0;transform:scaleX(1)}.hero-studio-link:hover:after,.hero-studio-link:focus-visible:after{transform:rotate(-45deg)}.hero-creation{min-width:0;margin:0;position:relative;overflow:visible}.hero-creation .demo-topline>span:last-child{white-space:nowrap;text-align:right;min-width:18ch}.creation-stage{aspect-ratio:1;border-bottom:1px solid var(--line);background:var(--card);isolation:isolate;min-height:480px;position:relative;overflow:hidden}.creation-source,.creation-result{position:absolute;inset:0}.creation-source{opacity:1;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1);overflow:hidden}.creation-source-images{z-index:0;background:var(--pop-lilac);position:absolute;inset:0;overflow:hidden}.creation-source-image{object-fit:cover;filter:saturate(1.06)contrast(1.02);will-change:transform;width:104%;max-width:none;height:104%;transition:transform .22s cubic-bezier(.23,1,.32,1);position:absolute;inset:-2%}.creation-source-image.is-one{clip-path:polygon(0 0,48% 0,34% 58%,0 78%);object-position:34% 45%;transform-origin:0 0}.creation-source-image.is-two{clip-path:polygon(48% 0,100% 0,100% 64%,34% 58%);object-position:66% 42%;transform-origin:100% 0}.creation-source-image.is-three{clip-path:polygon(0 78%,34% 58%,100% 64%,100% 100%,0 100%);object-position:50% 68%;transform-origin:bottom}.hero-creation.changing .creation-source-image.is-one{transform:translate(-3.5%,-2.5%)scale(1.02)rotate(-.8deg)}.hero-creation.changing .creation-source-image.is-two{transform:translate(3.5%,-2%)scale(1.02)rotate(.8deg)}.hero-creation.changing .creation-source-image.is-three{transform:translateY(3.5%)scale(1.02)}.creation-source:after{content:"";z-index:2;background:linear-gradient(to top, color-mix(in srgb, var(--pop-plum) 58%, transparent), transparent 46%);pointer-events:none;position:absolute;inset:0}.creation-geometry{z-index:1;opacity:.72;mix-blend-mode:normal;width:100%;height:100%;position:absolute;inset:0}.creation-geometry polygon{opacity:.18}.creation-geometry path{fill:none;stroke:color-mix(in srgb, var(--raised) 80%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.creation-geometry circle{fill:var(--raised);stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke}.creation-statement{z-index:3;max-width:13ch;color:var(--raised);letter-spacing:-.04em;text-align:right;text-wrap:balance;text-shadow:0 2px 18px color-mix(in srgb, var(--pop-plum) 74%, transparent);margin:0;font-size:clamp(22px,2.9vw,40px);font-weight:520;line-height:1.02;position:absolute;bottom:clamp(20px,4vw,38px);right:clamp(20px,4vw,42px)}.creation-result{opacity:0;filter:none;width:100%;height:100%;padding:0;transition:opacity .18s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1);transform:scale(.97)}.creation-result polygon{cursor:pointer}.hero-creation.has-result .creation-source{opacity:0;pointer-events:none;transform:scale(1.015)}.hero-creation.has-result .creation-result{opacity:1;transform:scale(1)}.hero-creation:not(.has-result).changing .creation-result{opacity:0}.result-open{z-index:4;border-color:color-mix(in srgb, white 54%, var(--line));width:132px;height:132px;color:var(--ink);background:radial-gradient(circle at 28% 14%, #ffffffad, transparent 42%), linear-gradient(145deg, #ffffff29, color-mix(in srgb, var(--pop-cyan) 7%, transparent) 54%, color-mix(in srgb, var(--raised) 8%, transparent));box-shadow:inset 0 1px 0 #ffffffb8, inset 0 -1px 0 color-mix(in srgb, var(--ink) 7%, transparent), 0 14px 34px color-mix(in srgb, var(--ink) 13%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.45);backdrop-filter:blur(16px)saturate(1.45);cursor:pointer;text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:12px;font-weight:700;line-height:1.08;display:inline-flex;position:absolute;bottom:38px;left:-66px}.result-open:before{content:"";border-radius:inherit;pointer-events:none;border-top:1px solid #ffffffeb;border-left:1px solid #ffffff8a;position:absolute;inset:5px}.result-open-icon{background:currentColor;flex:none;width:34px;height:34px;-webkit-mask:url(/assets/iconsax-3d-square.svg) 50%/contain no-repeat;mask:url(/assets/iconsax-3d-square.svg) 50%/contain no-repeat}.result-open-label{z-index:1;max-width:9ch;position:relative}.result-open-icon{z-index:1;position:relative}.result-open[hidden]{display:none}.result-open:active{transform:scale(.97)}.result-dialog{border:1px solid color-mix(in srgb, var(--raised) 42%, transparent);width:min(1080px,100% - 40px);max-width:none;max-height:calc(100svh - 40px);color:var(--raised);background:color-mix(in srgb, var(--ink) 94%, transparent);opacity:0;transform-origin:50%;overscroll-behavior:contain;border-radius:26px;padding:0;transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1);overflow:auto;transform:scale(.97);box-shadow:0 32px 100px #0000006b}.result-dialog[open]{opacity:1;transform:scale(1)}@starting-style{.result-dialog[open]{opacity:0;transform:scale(.97)}}.result-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000a8}.result-dialog-shell{padding:18px}.result-dialog-topline{color:color-mix(in srgb, var(--raised) 66%, transparent);letter-spacing:.1em;justify-content:space-between;align-items:center;gap:18px;padding:0 4px 14px;font-size:9px;display:flex}.result-dialog-topline button{border:1px solid color-mix(in srgb, var(--raised) 30%, transparent);min-width:44px;min-height:44px;color:var(--raised);cursor:pointer;background:0 0;border-radius:999px;padding:0 12px;font-size:11px}.result-glass-stage{border:1px solid color-mix(in srgb, var(--raised) 18%, transparent);background:var(--showroom-black);border-radius:18px;min-height:min(61svh,650px);position:relative;overflow:hidden}.result-showcase{isolation:isolate;position:absolute;inset:0}.result-showcase-host,.result-showcase-fallback{transition:opacity .18s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}.result-showcase-host{z-index:1;opacity:0}.result-showcase-host canvas{cursor:grab;touch-action:none;display:block;width:100%!important;height:100%!important}.result-showcase-host canvas:active{cursor:grabbing}.result-showcase-fallback{background:var(--showroom-black);pointer-events:none;place-items:center;display:grid}.result-dialog-mark{aspect-ratio:1;border-radius:12px;width:min(52%,480px);overflow:hidden}.result-showcase-fallback span{color:color-mix(in srgb, var(--raised) 58%, transparent);letter-spacing:.1em;text-transform:uppercase;font-size:9px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.result-showcase.is-ready .result-showcase-host{opacity:1}.result-showcase.is-ready .result-showcase-fallback{opacity:0}.result-dialog-meta{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;padding:24px 4px 8px;display:grid}.result-dialog-meta h2{color:var(--raised);margin-bottom:6px;font-size:clamp(32px,4vw,52px);line-height:1}.result-dialog-meta p,.result-status{color:color-mix(in srgb, var(--raised) 64%, transparent);margin-bottom:0;font-size:12px}.result-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.result-dialog .secondary{color:var(--raised);border-color:color-mix(in srgb, var(--raised) 30%, transparent);cursor:pointer}.result-dialog .secondary:disabled{cursor:wait;opacity:.55}.result-dialog .primary{color:var(--ink);background:var(--raised)}.result-status{text-align:right;min-height:18px;padding:5px 4px 0}body:has(.result-dialog[open]){overflow:hidden}@media (hover:hover) and (pointer:fine){.result-open:hover{transform:translateY(-1px)}.result-dialog-topline button:hover,.result-dialog .secondary:hover{border-color:color-mix(in srgb, var(--raised) 62%, transparent)}}@media (width<=1080px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{max-width:760px}.hero h1{max-width:11ch}.creation-stage{min-height:0}.result-open{border-color:color-mix(in srgb, white 48%, var(--line));width:min(100% - 28px,320px);height:64px;box-shadow:inset 0 1px 0 #ffffffa8, inset 0 -1px 0 color-mix(in srgb, var(--ink) 6%, transparent), 0 8px 24px color-mix(in srgb, var(--ink) 8%, transparent);white-space:nowrap;border-radius:999px;flex-direction:row;margin:0 auto;position:absolute;bottom:-32px;left:0;right:0}.result-open-icon{width:24px;height:24px}.result-open-label{max-width:none}.hero-creation:has(.result-open:not([hidden])){margin-bottom:46px}}@media (width<=720px){.hero{gap:38px;padding-bottom:56px}.hero h1{max-width:9ch;font-size:clamp(54px,16vw,76px)}.hero-create-actions{grid-template-columns:1fr}.landing-generate{width:100%}.result-open{width:calc(100% - 24px)}.hero-studio-link{justify-self:center}.creation-statement{font-size:clamp(24px,8vw,34px);bottom:20px;right:20px}.result-dialog{border-radius:20px;width:calc(100% - 20px);max-height:calc(100svh - 20px)}.result-dialog-shell{padding:10px}.result-glass-stage{min-height:min(52svh,480px)}.result-dialog-mark{width:min(72%,360px)}.result-dialog-meta{grid-template-columns:1fr;gap:18px;padding:20px 4px 6px}.result-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.result-dialog-actions .primary{grid-column:1/-1}.result-dialog-actions>*{white-space:nowrap}}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.result-dialog{background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.result-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.creation-source,.creation-source-image,.creation-result,.result-open,.result-dialog,.result-showcase-host,.result-showcase-fallback{transition:opacity .12s linear;transform:none}}.nav a,.text-link{font-size:14px}.nav>a,.head-actions .text-link,.tools-menu summary{min-height:40px}.tools-menu summary{font-size:14px}.head-actions{gap:8px}.open{min-height:40px;padding:0 16px;font-size:14px}.theme{width:38px;height:38px}@media (width<=820px){.header{gap:10px;width:min(1200px,100% - 48px);min-height:51px;padding-left:16px}.nav{display:flex}.header{padding-left:12px}.nav>a,.tools-menu summary{min-height:40px;font-size:12px}.head-actions .text-link{font-size:12px}.open{min-height:40px;padding-inline:12px;font-size:12px}}@media (width<=440px){.header{width:calc(100% - 48px);left:50%;transform:translate(-50%)}.head-actions{gap:6px}.nav{gap:0}.nav>a[href="./construct/"],.nav .tools-menu{display:none}.head-actions .open{max-width:104px;padding-inline:10px}}@media (width<=600px){.header .nav,.head-actions .text-link{display:none}.header .landing-mobile-nav{margin-left:auto;display:block}.landing-mobile-nav .tools-menu-panel{width:auto;position:fixed;top:84px;left:24px;right:24px}.open-label-full{display:none}.open-label-short{display:inline}}