:root{--x-ink:#090909;--x-paper:#f3f0e9;--x-acid:#d9ff3f;--x-violet:#7767ff;--x-orange:#ff5b36;--x-line:rgba(255,255,255,.16);--x-sans:'Space Grotesk','Inter',sans-serif;--x-serif:'Instrument Serif',Georgia,serif;--x-mono:'JetBrains Mono',monospace;--x-ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg,var(--x-ink));overflow-x:hidden}body{margin:0;background:var(--bg,var(--x-ink));color:var(--fg,var(--x-paper));font-family:var(--x-sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}::selection{background:var(--accent,var(--x-acid));color:var(--accent-ink,#090909)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.demo-page{min-height:100vh}.demo-noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.demo-shell{width:min(1480px,92vw);margin:auto}.demo-kicker{font:700 .65rem var(--x-mono);letter-spacing:.18em;text-transform:uppercase;overflow-wrap:anywhere}.demo-serif{font-family:var(--x-serif);font-weight:400;font-style:italic}.demo-nav{height:74px;display:flex;align-items:center;gap:2rem;padding:0 4vw;border-bottom:1px solid var(--line,var(--x-line));position:relative;z-index:50}.demo-nav--fixed{position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px)}.demo-brand{font:800 1rem var(--x-sans);letter-spacing:-.05em}.demo-brand small{display:block;font:600 .48rem var(--x-mono);letter-spacing:.14em;opacity:.55}.demo-back{margin-left:auto;font:700 .62rem var(--x-mono);letter-spacing:.1em;text-transform:uppercase}.demo-back:hover{color:var(--accent)}.demo-nav__cta{padding:.72rem 1rem;border-radius:999px;background:var(--accent);color:var(--accent-ink);font:800 .64rem var(--x-mono);letter-spacing:.06em;text-transform:uppercase}.demo-menu{display:none;margin-left:auto;border:1px solid var(--line);background:transparent;color:inherit;width:42px;height:42px;border-radius:50%}
.demo-hero{min-height:calc(100svh - 74px);display:grid;align-items:center;position:relative;overflow:hidden}.demo-hero .demo-shell{position:relative}.demo-hero .demo-reveal{position:relative;z-index:2}.demo-hero h1{font-size:clamp(4.5rem,10.5vw,12rem);line-height:.75;letter-spacing:-.09em;margin:.6rem 0 2rem;max-width:1200px}.demo-hero h1 em{font-family:var(--x-serif);font-weight:400;color:var(--accent)}.demo-lead{max-width:680px;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.65;color:var(--muted)}.demo-actions{display:flex;align-items:center;gap:1rem;margin-top:2rem;flex-wrap:wrap}.demo-btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.3rem;border:1px solid var(--line);border-radius:999px;font:800 .66rem var(--x-mono);letter-spacing:.06em;text-transform:uppercase;transition:.3s}.demo-btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.demo-btn:hover{transform:translateY(-4px)}
.demo-section{padding:clamp(6rem,10vw,11rem) 0;border-top:1px solid var(--line)}.demo-head{display:grid;grid-template-columns:.38fr 1.62fr;gap:clamp(2rem,7vw,8rem);align-items:start}.demo-head h2{font-size:clamp(3rem,7vw,8rem);line-height:.82;letter-spacing:-.075em;margin:0}.demo-head h2 em{font-family:var(--x-serif);font-weight:400;color:var(--accent)}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:5rem}.demo-card{background:var(--surface);padding:clamp(1.6rem,3vw,3rem);min-height:310px;display:flex;flex-direction:column;transition:.4s var(--x-ease)}.demo-card:hover{background:var(--accent);color:var(--accent-ink);transform:translateY(-7px)}.demo-card span{font:700 .6rem var(--x-mono);letter-spacing:.14em;text-transform:uppercase}.demo-card h3{font-size:clamp(1.8rem,3vw,3.3rem);line-height:.9;letter-spacing:-.06em;margin:auto 0 1rem}.demo-card p{margin:0;color:var(--muted);line-height:1.6}.demo-card:hover p{color:color-mix(in srgb,var(--accent-ink) 65%,transparent)}
.demo-proof{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.demo-stat{padding:2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.demo-stat strong{font:400 clamp(3rem,6vw,7rem)/.8 var(--x-serif);color:var(--accent);letter-spacing:-.07em}.demo-stat span{font:700 .6rem var(--x-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.demo-list{margin-top:4rem;border-top:1px solid var(--line)}.demo-row{display:grid;grid-template-columns:70px 1fr 1.2fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:1px solid var(--line)}.demo-row>span{font:700 .65rem var(--x-mono);color:var(--accent)}.demo-row h3{font-size:clamp(1.5rem,3vw,3rem);letter-spacing:-.05em;margin:0}.demo-row p{color:var(--muted);margin:0;line-height:1.5}.demo-row b{font:400 clamp(2rem,4vw,4rem) var(--x-serif);color:var(--accent)}
.demo-quote{font:400 clamp(2.8rem,7vw,8rem)/.9 var(--x-serif);letter-spacing:-.05em;max-width:1300px;margin:0}.demo-quote em{color:var(--accent)}.demo-cta{min-height:72vh;display:grid;place-items:center;text-align:center;background:var(--accent);color:var(--accent-ink);padding:5rem 4vw}.demo-cta>div{max-width:100%;width:100%;min-width:0}.demo-cta h2{font-size:clamp(4rem,10vw,11rem);line-height:.76;letter-spacing:-.085em;margin:1rem 0 2rem}.demo-cta h2 em{font-family:var(--x-serif);font-weight:400}.demo-cta .demo-btn{background:var(--accent-ink);color:var(--accent);border-color:var(--accent-ink);white-space:normal;text-align:center;max-width:100%}.demo-footer{padding:2rem 4vw;display:flex;justify-content:space-between;gap:1rem;background:#050505;color:rgba(255,255,255,.5);font:600 .58rem var(--x-mono);letter-spacing:.1em;text-transform:uppercase}
.demo-reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s var(--x-ease)}.demo-reveal.is-in{opacity:1;transform:none}

/* Hub */
.examples-hub{--bg:#090909;--fg:#f3f0e9;--muted:rgba(243,240,233,.62);--surface:#101010;--line:rgba(255,255,255,.15);--accent:#d9ff3f;--accent-ink:#090909}.hub-hero{padding:clamp(7rem,13vw,13rem) 0 6rem;position:relative;overflow:hidden}.hub-hero:after{content:'04';position:absolute;right:-.05em;bottom:-.33em;font:800 min(48vw,700px)/1 var(--x-sans);letter-spacing:-.14em;color:rgba(255,255,255,.025)}.hub-hero h1{font-size:clamp(4.5rem,11vw,12rem);line-height:.75;letter-spacing:-.09em;margin:1rem 0 2rem;max-width:1100px}.hub-hero h1 em{font-family:var(--x-serif);font-weight:400;color:var(--accent)}.hub-filters{display:flex;gap:.5rem;flex-wrap:wrap;margin:0 0 2.5rem}.hub-filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.75rem 1rem;border-radius:999px;font:700 .6rem var(--x-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.hub-filter.is-active,.hub-filter:hover{background:var(--accent);border-color:var(--accent);color:#090909}.hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.hub-card{min-height:620px;padding:clamp(1.5rem,3vw,3rem);background:#0d0d0d;position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.45s var(--x-ease)}.hub-card:before{content:'';position:absolute;inset:0;background:var(--card-bg);opacity:.95;transition:.6s}.hub-card>*{position:relative}.hub-card:hover{transform:translateY(-8px)}.hub-card:hover:before{transform:scale(1.04)}.hub-card__top{display:flex;justify-content:space-between;font:700 .58rem var(--x-mono);letter-spacing:.12em;text-transform:uppercase}.hub-card__visual{flex:1;display:grid;place-items:center}.hub-card__visual b{font-size:clamp(5rem,12vw,13rem);line-height:.7;letter-spacing:-.12em}.hub-card__copy h2{font-size:clamp(2.4rem,5vw,5.5rem);line-height:.82;letter-spacing:-.07em;margin:0 0 1rem}.hub-card__copy p{max-width:520px;line-height:1.55;color:color-mix(in srgb,currentColor 62%,transparent)}.hub-card__link{margin-top:1.5rem;font:800 .62rem var(--x-mono);letter-spacing:.08em;text-transform:uppercase}.hub-card[data-demo='catering']{--card-bg:linear-gradient(135deg,#ff5b36,#ffb36b);color:#170b07}.hub-card[data-demo='personal']{--card-bg:linear-gradient(135deg,#f1e7d6,#d9ff3f);color:#17210a}.hub-card[data-demo='saas']{--card-bg:linear-gradient(135deg,#20176a,#7767ff);color:#fff}.hub-card[data-demo='restaurant']{--card-bg:linear-gradient(135deg,#35111a,#8c2e38);color:#fff}.hub-card[hidden]{display:none}

/* Catering · AUREA */
.demo-catering{--bg:#120d0a;--fg:#fff3e8;--muted:rgba(255,243,232,.62);--surface:#1b120d;--line:rgba(255,243,232,.16);--accent:#ff7547;--accent-ink:#160a06}.demo-catering .demo-hero{background:radial-gradient(circle at 75% 35%,rgba(255,117,71,.28),transparent 28%)}.catering-orbit{position:absolute;right:-7vw;width:min(48vw,680px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.catering-orbit:before,.catering-orbit:after{content:'';position:absolute;border:1px solid var(--line);border-radius:50%}.catering-orbit:before{inset:14%}.catering-orbit:after{inset:30%;background:var(--accent);border:0;opacity:.9}.catering-seal{position:relative;font:400 clamp(4rem,9vw,9rem) var(--x-serif);color:#160a06;z-index:1;transform:rotate(-11deg)}

/* Personal · NORA */
.demo-personal{--bg:#efe9dd;--fg:#151515;--muted:rgba(21,21,21,.62);--surface:#f8f3e9;--line:rgba(21,21,21,.2);--accent:#5145bd;--accent-ink:#fff}.demo-personal .demo-nav--fixed{background:rgba(239,233,221,.82)}.demo-personal .demo-hero{background:linear-gradient(90deg,transparent 0 62%,#d9ff3f 62%)}.personal-mark{position:absolute;right:4vw;width:min(35vw,510px);aspect-ratio:4/5;background:#5145bd;border-radius:48% 48% 4px 4px;display:flex;align-items:flex-end;padding:2rem;color:white;overflow:hidden}.personal-mark:before{content:'N';position:absolute;left:-.08em;bottom:-.28em;font:800 35rem/1 var(--x-sans);color:rgba(255,255,255,.12)}.personal-mark span{font:700 .62rem var(--x-mono);letter-spacing:.12em;text-transform:uppercase;position:relative}.demo-personal .demo-card:hover{color:white}.demo-personal .demo-cta{color:white}

/* SaaS · SIGNAL */
.demo-saas{--bg:#070811;--fg:#f5f5ff;--muted:rgba(245,245,255,.6);--surface:#0d1020;--line:rgba(160,172,255,.18);--accent:#7cf7d4;--accent-ink:#07110f}.demo-saas .demo-hero{background:radial-gradient(circle at 80% 30%,rgba(119,103,255,.35),transparent 34%)}.signal-ui{position:absolute;right:0;top:50%;width:min(43vw,650px);padding:1.3rem;border:1px solid var(--line);background:rgba(13,16,32,.88);box-shadow:0 30px 100px rgba(0,0,0,.45);transform:perspective(1100px) translateY(-50%) rotateY(-8deg) rotateX(3deg);z-index:1}.signal-ui__bar{height:36px;border-bottom:1px solid var(--line);display:flex;gap:.4rem;align-items:center}.signal-ui__bar i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.signal-ui__bar span{margin-left:auto;font:600 .5rem var(--x-mono);letter-spacing:.1em;color:var(--muted)}.signal-chart{height:230px;display:flex;align-items:flex-end;gap:.6rem;padding:2rem 0;border-bottom:1px solid var(--line)}.signal-chart b{flex:1;background:linear-gradient(var(--accent),var(--x-violet));border-radius:4px 4px 0 0}.signal-score{display:flex;align-items:end;justify-content:space-between;padding-top:1.2rem}.signal-score strong{font:400 5rem/.8 var(--x-serif);color:var(--accent)}.signal-score span{font:700 .55rem var(--x-mono);letter-spacing:.1em;color:var(--muted)}.signal-tabs{display:flex;gap:.5rem;margin-bottom:2rem}.signal-tabs button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.8rem 1rem;border-radius:999px;font:700 .6rem var(--x-mono);cursor:pointer}.signal-tabs button.is-active{background:var(--accent);color:var(--accent-ink)}.signal-panel{display:none;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;padding:clamp(2rem,5vw,5rem);border:1px solid var(--line);background:var(--surface)}.signal-panel.is-active{display:grid}.signal-panel h2{font-size:clamp(2.5rem,6vw,6rem);line-height:.86;letter-spacing:-.07em;margin:1rem 0}.signal-radar{aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 17%,var(--line) 17% 17.5%),conic-gradient(from 20deg,transparent,var(--accent),transparent 19%);opacity:.7}

/* Restaurant · BRASA 43 */
.demo-restaurant{--bg:#18090d;--fg:#fff4e9;--muted:rgba(255,244,233,.62);--surface:#221015;--line:rgba(255,244,233,.17);--accent:#ffc45b;--accent-ink:#211006}.demo-restaurant .demo-hero{text-align:center;background:radial-gradient(circle at 50% 30%,rgba(255,196,91,.18),transparent 30%)}.demo-restaurant .demo-hero h1{margin-inline:auto}.demo-restaurant .demo-lead{margin-inline:auto}.demo-restaurant .demo-actions{justify-content:center}.restaurant-flame{position:absolute;inset:8% 0 auto;margin:auto;width:min(34vw,460px);aspect-ratio:1;border-radius:50% 50% 44% 56%;background:radial-gradient(circle at 50% 75%,#ffc45b,transparent 32%),radial-gradient(circle at 46% 65%,#ff5b36,transparent 55%);filter:blur(5px);opacity:.55;display:grid;place-items:center}.restaurant-flame span{font:800 clamp(6rem,14vw,15rem) var(--x-sans);color:rgba(24,9,13,.4);filter:none}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 4rem;margin-top:4rem}.menu-dish{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.menu-dish span{font:700 .55rem var(--x-mono);letter-spacing:.1em;color:var(--accent);grid-column:1/-1}.menu-dish h3{font:400 clamp(1.6rem,3vw,3rem) var(--x-serif);margin:0}.menu-dish b{grid-column:2;grid-row:2;color:var(--accent);font:400 1.5rem var(--x-serif)}

@media(max-width:900px){.demo-nav{height:64px;padding:0 20px}.demo-back,.demo-nav__cta{display:none}.demo-hero{min-height:auto;padding:6rem 0}.demo-hero h1{font-size:clamp(3.5rem,16vw,6.5rem)}.demo-head{grid-template-columns:1fr}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:260px}.demo-proof{grid-template-columns:1fr 1fr}.demo-row{grid-template-columns:42px 1fr}.demo-row p,.demo-row b{grid-column:2}.demo-footer{flex-direction:column}.hub-grid{grid-template-columns:1fr}.hub-card{min-height:520px}.catering-orbit,.personal-mark,.signal-ui{position:relative;right:auto;top:auto;width:100%;margin:0 0 3rem}.demo-personal .demo-hero{background:linear-gradient(180deg,transparent 0 48%,#d9ff3f 48%)}.personal-mark{height:45vh}.signal-ui{transform:none}.signal-panel.is-active{grid-template-columns:1fr}.signal-radar{max-width:360px}.menu-grid{grid-template-columns:1fr}.restaurant-flame{width:70vw;top:12%}}
@media(max-width:560px){.demo-shell{width:min(100% - 40px,1480px)}.demo-proof{grid-template-columns:1fr}.demo-stat{min-height:150px}.hub-card{min-height:470px}.demo-actions{align-items:stretch}.demo-btn{width:100%}.demo-cta h2{font-size:18vw}.signal-ui__grid{grid-template-columns:1fr}.signal-ui__grid>*{min-height:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.demo-reveal{opacity:1;transform:none;transition:none}.demo-btn,.demo-card,.hub-card{transition:none}}