/* Ethera — Modular Operations Design System */
:root{--teal-50:#eef9f7;--teal-100:#d8f0ec;--teal-200:#afe0d9;--teal-300:#75cabf;--teal-400:#39aea3;--teal-500:#129387;--teal-600:#08776f;--teal-700:#075f5b;--teal-800:#084c49;--teal-900:#073c3a;--ink:#102b2a;--muted:#627876;--line:#dce8e5;--bg:#f4f8f7;--white:#fff;--sand:#f0eee8;--shadow-sm:0 1px 3px rgba(8,76,73,.07);--shadow:0 18px 50px -24px rgba(7,60,58,.28);--radius:14px;--radius-sm:9px}
*{box-sizing:border-box}html,body{margin:0;padding:0;scroll-behavior:smooth}body{font-family:'DM Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:var(--teal-600);text-decoration:none}h1,h2,h3,h4{margin:0;font-family:'Manrope','DM Sans',sans-serif;font-weight:700;letter-spacing:-.025em}.muted{color:var(--muted)}.small{font-size:.82rem}

/* Brand */
.brand{display:inline-flex;align-items:center;gap:.72rem;font-weight:800;font-size:1.15rem}.brand-mark-image{width:35px;height:45px;object-fit:contain;flex:0 0 auto}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 1.32rem/1 'Manrope',sans-serif;letter-spacing:-.04em}.brand-copy small{font-size:.57rem;letter-spacing:.035em;margin-top:.28rem;font-weight:600;white-space:nowrap}.brand-dark .brand-copy strong{color:var(--ink)}.brand-dark .brand-copy small{color:var(--muted)}.brand-inverse .brand-copy strong{color:#fff}.brand-inverse .brand-copy small{color:#b9d8d4}.brand-compact .brand-mark-image{width:28px;height:36px}.brand-compact .brand-copy strong{font-size:1.15rem}.brand .logo{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--teal-600);color:#fff}.brand .word{color:#fff}.brand-dark .word{color:var(--ink)}

/* Components */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.62rem 1.05rem;border-radius:var(--radius-sm);font-weight:700;border:1px solid transparent;cursor:pointer;font-size:.92rem;transition:.18s;background:var(--teal-600);color:#fff}.btn:hover{background:var(--teal-700);transform:translateY(-1px)}.btn-lg{padding:.95rem 1.2rem;font-size:1.02rem;width:100%}.btn-ghost{background:#fff;color:var(--teal-700);border-color:var(--line)}.btn-ghost:hover{background:var(--teal-50)}.btn-danger{background:#d6534b}.btn-amber{background:#d88e2b}.btn-slate{background:#48635f}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.2rem;transition:border-color .18s,box-shadow .18s,transform .18s}a.card:hover{border-color:var(--teal-200);box-shadow:var(--shadow);transform:translateY(-2px)}.card-pad-lg{padding:1.6rem}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.stat{display:flex;flex-direction:column;gap:.35rem}.stat .n{font-size:1.9rem;font-weight:800;line-height:1}.stat .l{font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.stat .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--teal-50);color:var(--teal-600);margin-bottom:.3rem;font-size:1.2rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .62rem;border-radius:999px;font-size:.76rem;font-weight:700;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-finished{background:#e4f7ee;color:#127a4e}.badge-progress{background:#e6f0ff;color:#2a5bd0}.badge-waiting{background:#fff4e0;color:#a96d14}.badge-rework{background:#f0ecff;color:#6b4ad0}.badge-rejected{background:#fdeaea;color:#c8463d}.badge-transit{background:#e9f6f5;color:#0d8079}.badge-received{background:#eaf5f0;color:#1d8a5e}.badge-draft{background:#eef2f1;color:#5d7370}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}table.tbl{width:100%;border-collapse:collapse;font-size:.9rem}table.tbl th{text-align:left;padding:.85rem 1rem;background:var(--teal-50);color:var(--teal-800);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}table.tbl td{padding:.8rem 1rem;border-top:1px solid var(--line);vertical-align:middle}table.tbl tr:hover td{background:#f8fbfa}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:600}label.fld{display:block;margin-bottom:.9rem}label.fld .lbl{display:block;font-size:.78rem;font-weight:700;margin-bottom:.35rem;color:var(--ink)}.input,select.input,textarea.input{width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;font-size:.95rem;font-family:inherit;color:var(--ink);transition:.15s}.input:focus{outline:none;border-color:var(--teal-400);box-shadow:0 0 0 3px var(--teal-100)}.input-lg{padding:.9rem 1rem;font-size:1.05rem}.err{color:#c8463d;font-size:.8rem;margin-top:.3rem}.alert{padding:.85rem 1.1rem;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:1rem;border:1px solid}.alert-ok{background:#e4f7ee;border-color:#bce8d2;color:#127a4e}.alert-err{background:#fdeaea;border-color:#f5c9c5;color:#c8463d}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.wrap{flex-wrap:wrap}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.pill{padding:.2rem .6rem;border-radius:999px;background:var(--teal-50);color:var(--teal-700);font-size:.78rem;font-weight:600}.divider{height:1px;background:var(--line);margin:1rem 0}.text-right{text-align:right}.text-center{text-align:center}

/* Landing */
.landing{background:#f8fbfa}.landing-shell{width:min(1180px,calc(100% - 48px));margin:0 auto}.landing-nav{position:sticky;top:0;z-index:30;background:rgba(248,251,250,.91);border-bottom:1px solid rgba(220,232,229,.9);backdrop-filter:blur(16px)}.nav-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.nav-links{display:flex;gap:2rem;margin-left:auto}.nav-links a,.text-link{color:#405856;font-size:.88rem;font-weight:700}.nav-links a:hover,.text-link:hover{color:var(--teal-600)}.nav-actions{display:flex;align-items:center;gap:1.2rem}.nav-actions .btn{padding:.72rem 1rem}
.landing-hero{position:relative;overflow:hidden;padding:92px 0 108px;background:radial-gradient(circle at 80% 20%,#dcefeb 0,transparent 31%),linear-gradient(180deg,#f8fbfa,#eef6f4)}.landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(7,95,91,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(7,95,91,.04) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:.6rem;color:var(--teal-700);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--teal-400);box-shadow:0 0 0 5px var(--teal-100)}.hero-copy h1{font-size:clamp(3rem,5.4vw,5.2rem);line-height:.98;letter-spacing:-.065em;max-width:690px;margin:25px 0 28px}.hero-copy>p{font-size:1.12rem;line-height:1.75;color:#506764;max-width:610px}.hero-actions{display:flex;gap:.8rem;margin-top:36px}.btn-strong{background:var(--ink);padding:.9rem 1.25rem}.btn-quiet{padding:.9rem 1.2rem;background:transparent;color:var(--ink);border-color:#bdcecb}.btn-quiet:hover{background:#fff}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;border-top:1px solid #cddbd8;margin-top:54px;padding-top:22px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font-size:.82rem}.hero-proof span{font-size:.72rem;color:var(--muted);margin-top:.2rem}
.product-scene{background:#fff;border:1px solid #d2e1de;border-radius:20px;padding:20px;box-shadow:0 38px 80px -40px rgba(7,60,58,.48);transform:rotate(1deg)}.scene-top,.scene-title,.flow-head,.scene-alert{display:flex;align-items:center;justify-content:space-between}.scene-top{padding-bottom:16px;border-bottom:1px solid var(--line);font-size:.62rem;font-weight:800;letter-spacing:.12em;color:var(--muted)}.live-dot{color:#187c5d;background:#e4f4ed;padding:.3rem .55rem;border-radius:999px}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:#28a879;border-radius:50%;margin-right:5px}.scene-title{padding:23px 0 16px}.scene-title div,.scene-alert div{display:flex;flex-direction:column}.scene-title small{font-size:.52rem;letter-spacing:.12em;color:var(--muted)}.scene-title strong{font:700 1.3rem 'Manrope';margin-top:3px}.scene-title>span{font-size:.62rem;color:var(--muted)}.scene-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.scene-stats article{background:#f2f7f6;padding:13px;border-radius:10px;display:flex;flex-direction:column}.scene-stats span{font-size:.56rem;color:var(--muted)}.scene-stats strong{font:800 1.45rem 'Manrope';margin:5px 0}.scene-stats em{font-size:.53rem;color:var(--teal-600);font-style:normal;font-weight:700}.scene-flow{margin-top:10px;border:1px solid var(--line);border-radius:11px;padding:15px}.flow-head{font-size:.7rem;margin-bottom:14px}.flow-head span{color:var(--muted)}.flow-row{display:grid;grid-template-columns:95px 1fr 22px;align-items:center;gap:10px;margin:10px 0;font-size:.58rem;color:var(--muted)}.flow-row>i{height:6px;background:#e3eeec;border-radius:20px;overflow:hidden}.flow-row>i:after{content:"";display:block;width:var(--w);height:100%;background:linear-gradient(90deg,var(--teal-700),var(--teal-300));border-radius:20px}.flow-row b{color:var(--ink);text-align:right}.scene-alert{margin-top:10px;background:#fff8e9;border:1px solid #f1dfb9;border-radius:11px;padding:11px}.alert-mark{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e4a62d;color:#fff;font-weight:800}.scene-alert div{flex:1;margin-left:9px}.scene-alert strong{font-size:.6rem}.scene-alert small{font-size:.53rem;color:#8a7651}.scene-alert>b{font-size:.56rem;color:#9a6a0e}
.principles,.industries{padding:110px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:20px 0 52px;gap:3rem}.section-heading h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;max-width:650px}.section-heading p{max-width:430px;color:var(--muted);line-height:1.7}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdd0cd}.principle-grid article{padding:30px 25px 12px 0;border-right:1px solid #d5e2df;min-height:250px}.principle-grid article+article{padding-left:25px}.principle-grid article:last-child{border-right:0}.principle-grid span{font-size:.68rem;font-weight:800;color:var(--teal-500)}.principle-grid h3{font-size:1.08rem;margin:62px 0 12px}.principle-grid p{font-size:.86rem;color:var(--muted);line-height:1.7}
.module-section{background:var(--ink);color:#eaf6f4;padding:105px 0}.module-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:110px}.section-kicker.light{color:#68cbbf}.module-copy h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;margin:22px 0}.module-copy p{color:#adc4c0;line-height:1.75}.module-copy>a{display:inline-block;color:#fff;margin-top:30px;font-weight:700;border-bottom:1px solid #52726e;padding-bottom:5px}.module-list{border-top:1px solid #42615e}.module-list article{display:flex;align-items:center;gap:24px;border-bottom:1px solid #34514f;padding:24px 4px}.module-list>article>span{font-size:.65rem;color:#72bfb6}.module-list div{display:flex;flex-direction:column}.module-list strong{font:700 1rem 'Manrope'}.module-list small{color:#93aeaa;margin-top:4px}.industry-row{display:flex;flex-wrap:wrap;gap:10px}.industry-row span{border:1px solid #bdcfcc;border-radius:999px;padding:.75rem 1rem;font-size:.8rem;font-weight:700;color:#405a57;background:#fff}.closing-cta{background:var(--teal-600);color:#fff;padding:90px 0}.closing-cta .landing-shell{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.closing-cta h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.96;margin-top:20px}.closing-cta p{font-size:1.08rem;color:#c7e4e0;line-height:1.7;max-width:430px}.btn-light{background:#fff;color:var(--ink);margin-top:24px;padding:.85rem 1.15rem}.landing-footer{background:#f8fbfa;padding:35px 0}.landing-footer .landing-shell{display:flex;align-items:center;justify-content:space-between;gap:2rem}.landing-footer p,.landing-footer>div>span{font-size:.75rem;color:var(--muted)}
@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.nav-links{display:none}.hero-grid,.module-layout{grid-template-columns:1fr}.hero-grid{gap:55px}.product-scene{max-width:620px}.principle-grid{grid-template-columns:repeat(2,1fr)}.module-layout{gap:55px}.closing-cta .landing-shell{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.landing-shell{width:min(100% - 28px,1180px)}.landing-nav .brand-copy small,.nav-actions .text-link{display:none}.nav-inner{height:70px}.nav-actions{gap:.5rem}.nav-actions .btn{font-size:.76rem;padding:.62rem .7rem}.landing-hero{padding:65px 0 78px}.hero-copy h1{font-size:3rem}.hero-actions{flex-direction:column}.hero-proof{grid-template-columns:1fr;gap:.8rem}.product-scene{padding:12px}.scene-stats{grid-template-columns:1fr}.scene-stats article{flex-direction:row;align-items:center;justify-content:space-between}.scene-stats strong{font-size:1.1rem}.principles,.industries{padding:78px 0}.section-heading{display:block}.section-heading p{margin-top:20px}.principle-grid{grid-template-columns:1fr}.principle-grid article,.principle-grid article+article{padding:24px 0;min-height:0;border-right:0;border-bottom:1px solid #d5e2df}.principle-grid h3{margin:28px 0 8px}.closing-cta{padding:70px 0}.landing-footer .landing-shell{align-items:flex-start;flex-direction:column}.landing-footer p{display:none}}

/* Interactive modular composer */
.hero-copy h1{font-size:clamp(2.9rem,4.7vw,4.6rem)}
.modular-composer{position:relative;isolation:isolate;min-width:0;padding:20px;border:1px solid #c9ddda;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 38px 80px -40px rgba(7,60,58,.55);overflow:hidden}
.modular-composer:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(8,119,111,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(8,119,111,.045) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(145deg,#000,transparent 78%)}
.composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.composer-head>div:first-child>span{font-size:.58rem;letter-spacing:.14em;font-weight:800;color:var(--teal-600)}.composer-head h2{font-size:1.18rem;line-height:1.2;margin-top:4px}.composer-count{display:flex;align-items:center;gap:6px;background:#e8f6f3;border:1px solid #cce8e3;border-radius:999px;padding:6px 9px;color:var(--teal-700);white-space:nowrap}.composer-count strong{font:800 1rem 'Manrope'}.composer-count span{font-size:.59rem;font-weight:700}
.composer-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}.composer-presets button{min-height:34px;border:1px solid #d5e4e1;border-radius:8px;background:#fff;color:#526966;font:700 .62rem 'DM Sans',sans-serif;cursor:pointer;transition:.18s}.composer-presets button:hover{border-color:#7bbdb5;color:var(--teal-700)}.composer-presets button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}.composer-presets button:focus-visible,.module-piece:focus-visible{outline:3px solid #75cabf;outline-offset:2px}
.ethera-stack{display:grid;grid-template-columns:98px repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,96px);gap:9px;min-width:0}.core-tower{grid-row:1/4;display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:15px 12px;border-radius:13px;background:linear-gradient(160deg,#164b48,#082c2a);color:#fff;box-shadow:inset -8px -10px 22px rgba(0,0,0,.18)}.core-tower:after{content:"";position:absolute;right:-9px;top:50%;width:9px;height:2px;background:#55c8bd;box-shadow:0 -96px #55c8bd,0 96px #55c8bd}.core-signal{position:absolute;top:13px;left:13px;width:8px;height:8px;border-radius:50%;background:#5de0a5;box-shadow:0 0 0 5px rgba(93,224,165,.13)}.core-tower small{font-size:.48rem;letter-spacing:.12em;color:#7fd4cb}.core-tower strong{font:800 1rem/1.05 'Manrope';margin:6px 0 14px}.core-tower p{font-size:.52rem;line-height:1.7;color:#a8cbc7;margin:0}
.module-piece{position:relative;min-width:0;text-align:left;border:1px dashed #a9c8c4;border-radius:12px;background:rgba(255,255,255,.72);color:#45605d;padding:15px 11px 9px;cursor:pointer;overflow:visible;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,border-color .2s,background .2s,color .2s}.module-piece:hover{transform:translateY(-2px);border-color:#279d93}.module-piece .piece-connectors{display:flex;gap:5px;position:absolute;top:-5px;left:12px}.piece-connectors i{width:10px;height:6px;border:1px solid #a9c8c4;border-radius:3px 3px 1px 1px;background:#f7fbfa}.piece-number{position:absolute;right:9px;top:8px;font-size:.48rem;font-weight:800;opacity:.62}.module-piece strong,.module-piece small,.piece-action{display:block}.module-piece strong{font:800 .76rem 'Manrope';white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-piece small{font-size:.52rem;line-height:1.2;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.piece-action{position:absolute;left:11px;bottom:8px;font-size:.49rem;font-weight:800;color:var(--teal-600)}
.module-piece.is-active{border-style:solid;border-color:#08776f;background:linear-gradient(145deg,#0f8d83,#08675f);color:#fff;box-shadow:0 9px 18px -12px rgba(7,95,91,.8)}.module-piece.is-active:nth-of-type(3n+1){background:linear-gradient(145deg,#147f91,#095f71);border-color:#0a6f81}.module-piece.is-active:nth-of-type(3n+2){background:linear-gradient(145deg,#17916f,#0a6d54);border-color:#0d7d61}.module-piece.is-active .piece-connectors i{border-color:#08776f;background:#4cc4b8}.module-piece.is-active .piece-action{color:#b9f2ec}.module-piece.is-active.just-changed{animation:module-snap .34s cubic-bezier(.2,.8,.2,1)}
.composer-result{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:10px 11px;border:1px solid #d6e6e3;border-radius:10px;background:#f1f8f6}.result-pulse{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#18a079;box-shadow:0 0 0 4px #d5eee6}.composer-result small{display:block;font-size:.47rem;font-weight:800;letter-spacing:.12em;color:var(--teal-600)}.composer-result p{margin:2px 0 0;font-size:.61rem;line-height:1.45;color:#3e5956}.composer-hint{text-align:center;margin:8px 0 0;color:#728783;font-size:.52rem}
.reveal-ready{opacity:0;transform:translateY(22px)}.reveal-ready.is-revealed{opacity:1;transform:none;transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
@keyframes module-snap{0%{transform:translateY(-9px) scale(.97)}65%{transform:translateY(2px) scale(1.015)}100%{transform:none}}
@media(max-width:900px){.modular-composer{max-width:680px}.ethera-stack{grid-template-columns:110px repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.hero-copy h1{font-size:clamp(2.4rem,11vw,2.8rem)}.hero-copy>p{font-size:.98rem;line-height:1.62}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px}.hero-actions .btn{padding:.78rem .45rem;font-size:.72rem}.hero-proof{display:none}.modular-composer{padding:14px;border-radius:17px}.composer-head{gap:8px}.composer-head h2{font-size:1rem}.composer-count span{display:none}.composer-presets button{font-size:.54rem;padding:4px}.ethera-stack{grid-template-columns:76px repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,91px);gap:7px}.core-tower{padding:12px 8px}.core-tower strong{font-size:.82rem}.core-tower p{font-size:.43rem}.core-tower:after{right:-7px;width:7px;box-shadow:0 -91px #55c8bd,0 91px #55c8bd}.module-piece{padding:14px 8px 8px}.module-piece strong{font-size:.65rem}.module-piece small{font-size:.45rem}.piece-action{left:8px;font-size:.44rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.module-piece,.composer-presets button,.reveal-ready,.reveal-ready.is-revealed{transition:none!important;animation:none!important}.core-signal,.result-pulse{box-shadow:none}}