/* Oddly Brilliant / dark product-led direction, based on the supplied visual references. */
@font-face{font-family:SpaceGrotesk;src:url('/assets/fonts/space-grotesk.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
:root{--ink:#f3f6f6;--paper:#080a0c;--white:#f3f6f6;--blue:#64e3bf;--teal:#64e3bf;--mint:#64e3bf;--dark:#080a0c;--muted:#9da9af;--line:#ffffff16;--display:SpaceGrotesk,Manrope,Arial,sans-serif;--mono:Consolas,'Liberation Mono',monospace;color-scheme:dark}
html{scroll-padding-top:130px}body{background:#080a0c;color:var(--ink)}[hidden]{display:none!important}::selection{background:#64e3bf;color:#08130f}
h1,h2,h3,.brand,.team-names{font-family:var(--display);font-weight:600;letter-spacing:-.045em}
em,.product-tagline,.team-amp{font-family:inherit;font-style:normal;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit}
.wrap{max-width:1240px;width:calc(100% - 104px)}
.eyebrow,.project-kicker,.range-category,.demo-intro,.demo-caption,.art-caption,.art-label,.status-tag{font-family:var(--mono);font-size:12px;letter-spacing:.075em}
.eyebrow{color:#aab8b6}.eyebrow>span{color:inherit;margin:0}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px #64e3bf80;margin-right:10px!important;vertical-align:middle}
.header{position:sticky;top:18px;width:calc(100% - 80px);max-width:1340px;height:82px;margin:18px auto 0;padding:0 28px;border:1px solid #ffffff20;border-radius:18px;background:linear-gradient(120deg,#14181adb,#0c0e10e8);box-shadow:inset 0 1px 0 #ffffff0b,0 10px 40px #0004;backdrop-filter:blur(24px);z-index:50}
.brand{font-size:21px;gap:12px;letter-spacing:-.8px}.brand-sub{font:8px var(--mono);letter-spacing:4px;color:#a7b8b2;margin-top:8px}
.brand-mark{position:relative;display:block;flex:0 0 37px;width:37px;height:37px;border-radius:10px;background:white;overflow:hidden;box-shadow:0 0 22px #64e3bf18}
.brand-mark img{position:absolute;width:78px;height:78px;max-width:none;left:-20px;top:-14px}
.header nav{gap:27px;font-size:13px;font-weight:500;color:#afb5b8}.header nav>a:not(.nav-contact){padding:10px 0}.header nav a:hover,.header nav a[aria-current]{color:#fff}
.header .nav-contact{color:#e7f4ef;background:#ffffff0a;border:1px solid #ffffff20;border-radius:9px;padding:10px 15px;gap:24px;box-shadow:0 1px 0 #ffffff0a inset}
.header .nav-contact:hover{background:#ffffff15;color:#fff;border-color:#ffffff38}
.button{color:#092019;background:var(--mint);border:1px solid #89f1d1;border-radius:9px;min-height:54px;padding:13px 23px;gap:25px;font-size:14px;font-weight:700;box-shadow:0 0 20px #64e3bf14,inset 0 1px 0 #ffffff4d;transition:background .25s,box-shadow .25s,transform .25s}
.button:hover{color:#081811;background:#93f2d6;box-shadow:0 0 35px #64e3bf2b;transform:translateY(-2px)}
.text-link{border-color:#ffffff35;color:#edf3f1;font-size:14px;gap:22px}.text-link:hover{color:var(--mint);border-color:var(--mint)}
.identity-hero{position:relative;isolation:isolate;overflow:hidden;padding-bottom:20px}.hero-aura{position:absolute;z-index:-1;pointer-events:none;inset:260px -15% 30px;background:radial-gradient(ellipse 36% 35% at 50% 50%,#0fa88336,transparent 80%),radial-gradient(ellipse 27% 24% at 24% 46%,#2866cc24,transparent 80%);filter:blur(36px);animation:aura-breathe 12s ease-in-out infinite alternate}
.identity-copy{padding:86px 0 0;text-align:center;position:relative;animation:scene-enter .8s var(--ease) both}
.identity-copy h1{font-size:clamp(65px,7.2vw,106px);line-height:1.015;letter-spacing:-.065em;margin:26px auto 25px;max-width:1080px;color:#f4f7f6}
.identity-copy h1 em{background:linear-gradient(100deg,#bafae1 14%,#64e3bf 45%,#58bdc8 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
.identity-copy>p:not(.eyebrow){font-size:18px;line-height:1.75;color:#a7b2b7;max-width:670px;margin:auto}
.hero-actions{margin:31px auto 0;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:30px}.hero-actions .text-link{font-size:14px;border-bottom:0}
.identity-stage{position:relative;margin:61px auto 0;max-width:1160px;border:1px solid #536a643f;border-radius:17px;background:linear-gradient(135deg,#171c1edb,#101516f5 50%,#0b1312);box-shadow:0 -15px 90px #43dbae14,0 45px 80px #0007,inset 0 1px 0 #c1fce91c;animation:scene-enter .9s .12s var(--ease) both;transition:border-color .5s,box-shadow .5s}
.identity-stage[data-active-preview=metal]{border-color:#6dabf34f;box-shadow:0 -15px 90px #3f8ad526,0 45px 80px #0007}
.identity-stage[data-active-preview=ogma]{border-color:#b292ed52;box-shadow:0 -15px 90px #8e52d52b,0 45px 80px #0007}
.stage-chrome{height:47px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 20px;border-bottom:1px solid #ffffff13;color:#a0abad;font:11px var(--mono);letter-spacing:.02em}
.window-dots{display:flex;gap:6px;min-width:82px}.window-dots i{width:7px;height:7px;background:#ffffff2a;border-radius:50%}.window-dots i:first-child{background:#64e3bf66}.stage-type{font-size:10px;color:#86999a}
.preview-panel{display:grid;grid-template-columns:224px 1fr;min-height:452px;overflow:hidden;position:relative}
.console-sidebar{border-right:1px solid #ffffff12;padding:26px 19px 20px;display:flex;flex-direction:column;background:#0d11134a}
.console-product{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#e4efeb}
.console-eyebrow{display:block;color:#93a4a3;font:10px var(--mono);letter-spacing:.04em;line-height:1.6}.console-sidebar>.console-eyebrow{margin:39px 10px 12px;font-size:9px;color:#7b908e}
.console-nav{display:flex;gap:11px;align-items:center;color:#95a4a3;font-size:12px;padding:11px 10px;border-radius:6px;margin:2px 0}.console-nav i{font-style:normal;font-size:17px;line-height:1}.console-nav b{font:10px var(--mono);margin-left:auto;color:#8fb9ad}.console-nav.active{background:#64e3bf0e;border:1px solid #64e3bf1b;color:#cee9df}
.console-team{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:20px;color:#c3d4cd;font-size:11px}.console-team>span{width:28px;height:28px;border:1px solid #ffffff20;border-radius:6px;display:grid;place-items:center;font:10px var(--mono)}.console-team small{display:block;font-size:9px;color:#819690;margin-top:2px}
.console-main{padding:26px 29px 22px;min-width:0}.console-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.console-heading h2{font-size:29px;letter-spacing:-.035em;margin:7px 0 6px}.console-heading p{font-size:12px;color:#99aaa7}.console-pill{white-space:nowrap;display:flex;align-items:center;gap:7px;border:1px solid #ffffff18;background:#ffffff03;padding:6px 9px;border-radius:5px;font:10px var(--mono);color:#adc8be}.console-pill i{width:5px;height:5px;background:#64e3bf;border-radius:50%}
.nova-board{background:#151d1e;color:#e5eeeb;border:1px solid #ffffff19;border-radius:8px;transform:none!important;box-shadow:0 18px 38px #0003;overflow:hidden}
.board-title{font-size:13px;padding:17px 18px;border-color:#ffffff12;color:#e8f0ec;background:#ffffff02;gap:10px}.mini-symbol{background:transparent;color:#a0e1c8}.sample-label{font-size:10px;color:#a3b8af}.board-filters{padding:10px 17px;color:#93a9a1;border-color:#ffffff12;font-size:11px;display:flex;gap:7px;justify-content:space-between;background:#ffffff01}.board-filters>span{font:10px var(--mono);text-transform:uppercase;letter-spacing:.04em}
.board-filters button{font-size:11px;min-height:35px;padding:5px 10px;border-color:#ffffff18;background:#ffffff05;color:#bfd2c9;border-radius:5px}.board-filters button[aria-pressed=true]{background:#64e3bf19;border-color:#64e3bf46;color:#a9f2d7}.board-filters button[aria-pressed=false]:hover{background:#ffffff10}.board-filters button span{background:transparent;color:inherit}
.board-row{padding:13px 17px;min-height:72px;grid-template-columns:minmax(0,1fr) auto;background:transparent;border-color:#ffffff0d;gap:4px 12px}.board-row>div{grid-row:1/3;gap:10px}.board-row strong{font-size:12px;color:#dbe7e1;font-weight:600}.board-row small{font-size:11px;color:#8fa39b}.project-initial{background:#ffffff05;border:1px solid #ffffff09;color:#819e91;font:10px var(--mono);border-radius:5px;width:29px;height:29px}.board-milestone{font-size:11px;color:#a7bfb3}.board-state{font-size:10px;color:#91b0a0;margin:0;justify-content:flex-start}.board-state i{background:#64cfa6}.board-row.attention{background:#9adbc606}.board-row.attention .board-state{color:#d4b276}.board-row.attention .board-state i{background:#d0a760}.board-bottom{padding:12px 17px;font:10px var(--mono);border-color:#ffffff12;color:#86ab98}.board-rows{min-height:216px}
.identity-stage .board-title,.identity-stage .board-bottom{display:none}.identity-stage .board-row{min-height:71px}.identity-stage .board-rows{min-height:213px}
.console-insight{display:flex;align-items:center;gap:11px;border:1px solid #64e3bf23;border-radius:7px;padding:14px 12px;margin-top:15px;background:linear-gradient(100deg,#64e3bf08,#64e3bf02)}.insight-icon{color:var(--mint);font-size:22px}.console-insight strong{font-size:11px;font-weight:500;color:#bed9ca}.console-insight p{font-size:10px;color:#92b09e;margin-top:3px}.console-insight .text-link{font-size:10px;gap:14px;margin-left:auto;color:#a1c9b5;border:0;white-space:nowrap}
.preview-controls{border-top:1px solid #ffffff12;padding:14px 20px;display:flex;justify-content:center;gap:10px;background:#05090a55}.preview-controls button{background:transparent;border:1px solid transparent;color:#9dacab;border-radius:7px;display:flex;align-items:center;gap:8px;font-size:12px;padding:9px 15px;min-height:39px;transition:background .25s,color .25s,border-color .25s}.preview-controls button:hover{color:#fff;background:#ffffff07}.preview-controls button[aria-pressed=true]{color:#e5f3ed;background:#ffffff09;border-color:#ffffff15;box-shadow:inset 0 1px 0 #ffffff08}.preview-dot{width:6px;height:6px;border-radius:50%;box-shadow:0 0 10px currentColor}.nova-dot{color:#64e3bf;background:#64e3bf}.metal-dot{color:#70b5fb;background:#70b5fb}.ogma-dot{color:#b199f8;background:#b199f8}
.stage-footnote{color:#91a39d;text-align:center;font:11px/1.65 var(--mono);padding:0 18px 15px;background:#05090a55;border-radius:0 0 17px 17px}
.preview-metal,.preview-ogma{grid-template-columns:.85fr 1.15fr;align-items:center;gap:28px;padding:32px 39px;background:radial-gradient(ellipse at 85% 65%,#2768ae1c,transparent 65%)}
.metal-console-copy h2,.ogma-console-copy h2{font-size:36px;line-height:1.13;margin:22px 0 16px}.metal-console-copy p,.ogma-console-copy p{font-size:14px;line-height:1.8;max-width:325px}.report-samples{display:flex;flex-direction:column;margin:22px 0;gap:7px;max-width:270px}.report-samples>span{padding:7px 10px;border:1px solid #7ebafe1a;background:#7ebafe05;color:#a4c1de;font:11px var(--mono);display:flex;justify-content:space-between}.report-samples b{font-weight:400}
.metal-console-art{border:1px solid #86c4ff24;background:radial-gradient(ellipse at 50% 40%,#20518836,#1522322e);border-radius:11px;color:#81bbfa;min-width:0;box-shadow:0 20px 40px #0002}.metal-console-art .measurement-study{padding:22px 25px 28px}.metal-console-art .roof-diagram{height:224px;margin:18px 0 8px}.metal-console-art .study-top{font-size:9px;letter-spacing:.02em;color:#8cafd1}.metal-console-art .measurement-output{padding-top:20px;border-color:#82b8f128}.metal-console-art .measurement-output strong{font-size:12px;color:#d4e7fa}.metal-console-art .measurement-output span{font-size:10px;color:#94bde3}
.preview-ogma{background:radial-gradient(ellipse at 75% 50%,#6442a52c,transparent 70%)}.ogma-console-copy .text-link{margin-top:25px}.ogma-example{padding:5px 15px 5px 25px}.ogma-example .range-wave{height:65px;width:65%;margin:0 auto 23px}.ogma-example .range-wave i{background:#c0a5f5}.ogma-example>.console-eyebrow{color:#a597bf}.ogma-example .transcript{font-size:17px;line-height:1.7;margin:10px 0 23px;color:#bcb2cb}.rewrite-card{background:linear-gradient(130deg,#4f3a6b54,#211c325e);border:1px solid #b194dc3b;border-radius:10px;padding:23px;box-shadow:0 20px 35px #0003}.rewrite-card .console-eyebrow{color:#b6a5cf}.rewrite-card p{font-size:17px;color:#e1d8ef;line-height:1.65;margin:12px 0 20px}.rewrite-footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff15;padding-top:12px;font-size:11px;color:#bfb0d2}.rewrite-footer i{font-style:normal}
.identity-hero-bottom{display:flex;justify-content:center;flex-wrap:wrap;gap:18px 48px;margin:44px auto 0;padding:0 0 30px;border:0}.identity-hero-bottom a{color:#8e9b9d;font-size:12px;gap:15px;border:0}.identity-hero-bottom a:hover{color:#d0e9de}
.work-feature{padding:105px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-heading h2{font-size:clamp(42px,4.6vw,64px);line-height:1.04;letter-spacing:-.05em}.section-heading h2 em{color:#8b9d98}.section-heading .eyebrow{margin-bottom:22px;color:#aabcb4;font-size:11px}.section-heading>p{font-size:15px;line-height:1.8;max-width:355px;margin-bottom:3px}
.lead-project,.second-project{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;border:1px solid #42695975;border-radius:19px;background:radial-gradient(ellipse at 100% 60%,#23694748,transparent 68%),linear-gradient(140deg,#11241c,#0b1612 65%);box-shadow:0 0 40px #49c49008,inset 0 1px 0 #e1fff008;gap:10px}
.lead-project-copy,.second-project-copy{padding:41px 40px}.project-kicker{display:flex;align-items:center;gap:10px;color:#b2c8ba;font-size:11px;letter-spacing:.04em;flex-wrap:wrap}.status-tag{background:#ffffff06;border:1px solid #ffffff1b;color:#a7bdaf;font:10px var(--mono);padding:3px 7px;border-radius:4px;white-space:nowrap}
.lead-project h3,.second-project h3{font-size:41px;line-height:1.11;margin:26px 0 16px;letter-spacing:-.045em}.lead-project-copy>.project-benefit,.second-project-copy>.project-benefit{font-size:16px;color:#c3d9cb;margin:0 0 12px}.lead-project-copy>p:not(.project-benefit),.second-project-copy>p:not(.project-benefit){font-size:14px;line-height:1.8;color:#9bae9f;margin:0 0 24px;max-width:345px}.lead-project-copy .text-link{color:#d4eadb;border-color:#6c9b7e6e;font-size:13px}
.project-points{display:flex;flex-wrap:wrap;gap:7px;margin-top:32px}.project-points span{color:#8faa95;border:1px solid #8fc6a21f;background:#add3bb04;border-radius:5px;font:10px var(--mono);padding:5px 7px}
.lead-project-visual{background:none;padding:38px 28px 35px 0;min-width:0}.demo-intro{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#98b4a3;margin-bottom:15px}.demo-intro>span:last-child{color:#abccb7;font-family:Manrope,Arial,sans-serif;white-space:nowrap}.demo-caption{color:#9cb1a2;font-size:11px;line-height:1.7;margin-top:14px}.lead-project-visual .nova-board{background:linear-gradient(125deg,#1a2821,#111c17);border-color:#83aa9152;box-shadow:0 24px 40px #0004}
.second-project{margin-top:26px;grid-template-columns:1fr 1.1fr;gap:10px;border-color:#3c59856e;background:radial-gradient(ellipse at 100% 55%,#284e9347,transparent 64%),linear-gradient(135deg,#101b2b,#0c131e 65%)}.second-project .project-kicker{color:#afc1df}.second-project .status-tag{color:#a0b6d3;border-color:#8db2e72d}.second-project h3{color:#e6edf9}.second-project-copy>.project-benefit{color:#b6cceb}.second-project-copy>p:not(.project-benefit){color:#96a9c1}.second-project .text-link{color:#c7dafa;border-color:#7296c275;font-size:13px}.second-project .art-link{align-self:stretch;min-height:360px}.second-project .metal-art{height:100%;min-height:410px;border:0;background:none;color:#77abed}.second-project .measurement-study{padding:30px 35px 56px 15px}.study-top{color:#9ab8dd;font:10px var(--mono);letter-spacing:.035em}.roof-diagram{filter:drop-shadow(0 0 11px #6eaff05c)}.measurement-output{border-color:#75a6df3a}.measurement-output strong{color:#b8d5f6;font-size:13px}.measurement-output span,.metal-art .art-caption{color:#93b6df;font-size:11px}.metal-art .art-caption{left:15px;bottom:24px}.measurement-output .connector{color:#72ade9}
.range{padding:111px 0 0}.range-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.range-item{--card-rgb:154,125,244;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:565px;padding:27px;border-radius:19px;border:1px solid rgba(var(--card-rgb),.28);background:radial-gradient(ellipse at 50% 72%,rgba(var(--card-rgb),.18),transparent 67%),linear-gradient(140deg,#1c1733,#100e1b);color:#e9e6f3;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s,border-color .35s}
.range-item:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(350px circle at var(--pointer-x,50%) var(--pointer-y,50%),rgba(var(--card-rgb),.13),transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;z-index:-1}.range-item:hover:before{opacity:1}.range-item:hover{transform:translateY(-6px);border-color:rgba(var(--card-rgb),.55);box-shadow:0 14px 55px rgba(var(--card-rgb),.12)}
.range-card-top{display:flex;align-items:center;gap:11px;min-height:36px}.range-item h3{font-size:21px;letter-spacing:-.035em;line-height:1.2;margin:0}.card-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff28;border-radius:8px;margin-left:auto;color:#d2cce3;font-size:18px;background:#ffffff04;flex-shrink:0}.range-item>p{color:#e4dfed;font-size:18px;line-height:1.5;font-weight:500;margin:26px 0 17px;letter-spacing:-.015em}.range-category{color:#b6a8d2;font-size:10px;letter-spacing:.055em}.range-art{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:265px;margin:25px -27px 0;overflow:hidden;border-top:1px solid #ffffff0a}
.range-wave{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:105px;max-width:none;margin:0;position:relative;z-index:2}.range-wave i{width:5px;max-height:100%;height:var(--height);border-radius:4px;background:linear-gradient(0deg,#6b45b5,#d1b4ff);box-shadow:0 0 10px #ba85ff27;animation:wave 4s ease-in-out infinite;animation-delay:var(--delay)}
.ogma-range .range-wave{width:75%;transform:rotate(-8deg);margin-bottom:25px}.orbit-ring{position:absolute;width:210px;height:210px;top:18px;left:50%;border:1px solid #bda0ef45;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 22px #b48de206,0 0 0 23px #b48de20d,inset 0 0 35px #8a55b010}.orbit-ring:after{content:'';position:absolute;width:8px;height:8px;background:#d8bfff;box-shadow:0 0 20px #ca9ef7;top:25px;left:30px;border-radius:50%}.art-subtitle{position:absolute;bottom:25px;left:0;right:0;text-align:center;font:9px var(--mono);letter-spacing:.1em;color:#aaa0c1}
.range-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff12;padding-top:17px;color:#d9cbea;font-size:12px;margin-top:0}.range-link>span{font-size:17px}
.game-range{--card-rgb:91,179,234;background:radial-gradient(ellipse at 50% 65%,#1053727a,transparent 70%),linear-gradient(140deg,#122836,#091319);color:#e1f0f5}.game-range>p{color:#dce9ec}.game-range .range-category{color:#8eafb9}.game-range .range-link{color:#b2d1da}.game-range .range-art img{position:relative;z-index:2;width:155px;height:155px;object-fit:contain;border-radius:26px;margin:0 0 34px;box-shadow:0 20px 60px #0006,0 0 70px #47b5d334;transform:rotate(-9deg);transition:transform .5s var(--ease)}.game-range:hover .range-art img{transform:rotate(0) translateY(-5px)}.game-grid{position:absolute;inset:18% -40% 0;background-image:linear-gradient(#78b9ce20 1px,transparent 1px),linear-gradient(90deg,#78b9ce20 1px,transparent 1px);background-size:34px 34px;transform:perspective(260px) rotateX(57deg);opacity:.6;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.game-range .art-subtitle{color:#96b3c1}
.creative-range{--card-rgb:240,164,106;grid-column:auto;display:flex;background:radial-gradient(ellipse at 50% 64%,#a359323d,transparent 66%),linear-gradient(140deg,#342319,#19120e);color:#f1e7df}.creative-range h3{margin:0}.creative-range>p{color:#e5d6cc}.creative-range .range-category{color:#bba190}.creative-range .range-link{color:#ddc1a8}.creative-disc{position:absolute;width:183px;height:183px;border-radius:50%;top:27px;left:50%;transform:translateX(-50%);background:repeating-radial-gradient(circle,#3f2d2299 0px,#9d78572e 1px,#37281d99 3px,#251b1599 5px);border:1px solid #edc79e35;box-shadow:0 0 50px #b875322e,0 20px 35px #0005;display:grid;place-items:center}.creative-disc>div{width:50px;height:50px;border-radius:50%;border:1px solid #eec59b55;background:radial-gradient(circle,#110e0c 4px,#d99c644a 5px,#b8834255 25px);box-shadow:0 0 18px #b58b5860}.creative-signal{display:flex;align-items:center;justify-content:center;gap:3px;height:72px;width:76%;margin-top:16px;z-index:2;position:relative}.creative-signal i{width:4px;height:var(--height);border-radius:4px;background:linear-gradient(0deg,#9e6c42,#f8d09d);box-shadow:0 0 9px #ffd59422;animation:wave 5s ease-in-out infinite;animation-delay:var(--delay)}.creative-range .art-subtitle{color:#bda28c}
.collection-link{display:flex;justify-content:center;margin-top:32px}.collection-link .text-link{font-size:13px;color:#a4b3b0}
.starting{padding:118px 0 0;background:none;border:0}.starting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:42px 0 27px}.starting-grid article{display:flex;flex-direction:column;gap:0;border:1px solid #ffffff12;background:linear-gradient(130deg,#171b1d80,#0c0e1060);border-radius:15px;padding:30px;position:relative;overflow:hidden}.starting-grid .process-symbol{font-family:var(--display);font-size:42px;color:#a8bfb7;line-height:1.2;padding:0;margin:0 0 32px;font-weight:400}.starting-grid .process-number{color:#9aaaad;font:10px var(--mono);padding:0;margin-bottom:16px}.starting-grid h3{font-size:24px;line-height:1.2;margin:0 0 15px;letter-spacing:-.035em}.starting-grid p{font-size:13px;color:#9eacaf;line-height:1.9;margin:0}.starting>.text-link{font-size:13px}
.studio-teaser{padding:104px 0 0;background:none}.studio-inner{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-block:1px solid #ffffff14;padding:63px 0;background:radial-gradient(ellipse at 90% 50%,#2740391c,transparent 60%)}.studio-teaser h2{font-size:67px;line-height:1.04;margin-top:24px}.studio-teaser h2 em{color:#78988c}.studio-teaser .eyebrow{color:#aebeb7;font-size:11px}.studio-teaser p{font-size:16px;line-height:1.9;color:#9fada7;margin:24px 0}.studio-teaser .text-link{color:#c8ded3;border-color:#688875;font-size:13px}.team-names{display:flex;gap:20px;align-items:center;font-size:34px;letter-spacing:-.035em}.team-amp{color:#7f998b}
.contact-band{position:relative;background:radial-gradient(ellipse 45% 65% at 50% 110%,#1459422e,transparent 90%);padding:118px 0 104px;text-align:center;color:var(--ink);border:0}.contact-inner{display:block}.contact-band .eyebrow{color:#9bb0a5;font-size:11px}.contact-band h2{font-size:clamp(57px,6.1vw,87px);line-height:1.025;margin:24px 0;letter-spacing:-.06em}.contact-band h2 em{color:#8fe2bf}.contact-band p{font-size:16px;line-height:1.8;color:#9eafa6;max-width:660px;margin:0 auto}.closing-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:30px}.contact-band .button-light{background:var(--mint);color:#092019;border-color:#89f1d1}.contact-person{color:#91a99b;font:11px var(--mono);margin:0}
footer{padding-top:47px;background:#07090a;border-top:1px solid #ffffff12}.footer-top{border:0;padding-bottom:45px;gap:40px}.footer-top .brand{font-size:23px}.footer-top p,.footer-top>div{font-size:13px;color:#93a1a0}.footer-top a:hover,.footer-bottom a:hover{color:var(--mint)}.footer-bottom{border-top:1px solid #ffffff10;color:#8b9997;font-size:11px;padding-block:22px}.motion-toggle{font-size:11px;color:#a0b6ac;border-color:#76988950;background:transparent}
dialog{background:#14191c;color:#e7edeb;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#020505ac;backdrop-filter:blur(10px)}.dialog-head button{background:#ffffff09;color:#c6d8cf;border-color:#ffffff1f}dialog input{background:#080e10;color:#eaf4ef;border:1px solid #ffffff30;border-radius:8px}dialog label,.search-count,.search-hint{color:#a9bbb3}#search-results a{border-color:#ffffff14}#search-results a:hover{background:#64e3bf09}#search-results strong{color:#e5f0eb}#search-results p{color:#9faeac}.skip{background:var(--mint);color:#0c2118}
.product-logo{display:block;width:34px;height:34px;object-fit:contain;flex-shrink:0;border-radius:7px}.range-card-top .product-logo{width:34px;height:34px}.console-product .product-logo{width:25px;height:25px}.mini-symbol:empty{display:none}
.project-card h3 a{display:flex;align-items:center;gap:12px}.product-intro h1>.product-logo{display:inline-block;width:.77em;height:.77em;vertical-align:-.025em;margin-right:.22em;border-radius:.14em}
.lead-project-copy{background:transparent}.board-milestone{display:block}
.product-live-link{margin-top:17px}.product-live-link .text-link{color:#9ccaff}.product-intro>.button{margin-top:26px}.status-panel>.button{margin:8px 20px 10px 0}
@media(max-width:600px){.board-milestone{display:none}}
.motion-paused .identity-copy,.motion-paused .identity-stage,.motion-paused .reveal{animation:none!important;opacity:1;transform:none}.motion-paused .hero-aura,.motion-paused .creative-signal i,.motion-paused .range-wave i{animation:none!important}
.reveal{animation:scene-enter .7s var(--ease) both}@keyframes scene-enter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes aura-breathe{from{opacity:.55;transform:scale(.93)}to{opacity:1;transform:scale(1.07)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{width:calc(100% - 48px);padding-inline:22px}.header nav{gap:20px}.identity-copy h1{font-size:clamp(61px,8vw,85px)}.identity-copy{padding-top:74px}.preview-panel{grid-template-columns:185px 1fr}.console-sidebar{padding-inline:13px}.console-product{font-size:11px}.console-main{padding:24px 22px}.console-heading h2{font-size:25px}.console-pill{display:none}.console-insight .text-link{font-size:0;gap:0}.console-insight .text-link>span{font-size:17px}.console-nav{font-size:11px}.lead-project-copy,.second-project-copy{padding:30px}.lead-project h3,.second-project h3{font-size:35px}.lead-project-visual{padding:30px 24px 30px 0}.demo-intro{flex-wrap:wrap;gap:6px}.range-grid{gap:16px}.range-item{padding:23px;min-height:555px}.range-item h3{font-size:19px}.range-item>p{font-size:17px}.range-art{margin-inline:-23px}.card-arrow{width:29px;height:29px}.starting-grid article{padding:25px}.starting-grid h3{font-size:22px}.studio-inner{gap:65px}.preview-metal,.preview-ogma{grid-template-columns:.9fr 1.1fr;gap:20px;padding:28px}.metal-console-copy h2,.ogma-console-copy h2{font-size:29px}.metal-console-art .measurement-study{padding-inline:18px}.ogma-example{padding:5px 0 5px 12px}}
@media(max-width:850px){.header nav{gap:16px}.header .brand{font-size:18px}.header .brand-mark{width:33px;height:33px;flex-basis:33px}.header .brand-mark img{width:71px;height:71px;left:-19px;top:-13px}.header .nav-contact{padding:8px 11px;gap:10px}.header{height:76px}.identity-copy{padding-top:63px}.identity-copy h1{font-size:clamp(56px,8.6vw,72px)}.identity-copy>p:not(.eyebrow){font-size:16px}.preview-panel{grid-template-columns:1fr;min-height:440px}.console-sidebar{display:none}.console-main{padding:27px}.console-heading h2{font-size:28px}.identity-stage{margin-top:48px}.lead-project,.second-project{grid-template-columns:1fr;gap:0}.lead-project-copy,.second-project-copy{padding:35px}.lead-project h3,.second-project h3{font-size:41px}.lead-project-copy>p:not(.project-benefit),.second-project-copy>p:not(.project-benefit){max-width:500px}.lead-project-visual{padding:0 35px 32px}.project-points{margin-top:25px}.second-project .art-link{min-height:340px}.second-project .metal-art{min-height:350px}.second-project .measurement-study{padding:0 35px 57px}.metal-art .art-caption{left:35px}.section-heading{align-items:flex-start;gap:25px;flex-direction:column}.section-heading>p{max-width:480px}.section-heading h2{font-size:52px}.range-grid{grid-template-columns:1fr 1fr}.creative-range{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:355px;padding:28px}.creative-range .range-card-top{grid-column:1;grid-row:1}.creative-range>p{grid-column:1;grid-row:2}.creative-range>.range-category{grid-column:1;grid-row:3}.creative-range>.range-art{grid-column:2;grid-row:1/5;margin:0 0 0 20px;min-height:285px;border:0}.creative-range .range-link{grid-column:1;grid-row:4;align-self:end}.range-item h3{font-size:21px}.starting-grid{gap:14px}.starting-grid article{padding:23px 20px}.starting-grid h3{font-size:23px}.starting-grid p{font-size:13px}.studio-inner{gap:45px}.studio-teaser h2{font-size:57px}.team-names{font-size:29px;gap:15px}.preview-metal,.preview-ogma{grid-template-columns:1fr 1.15fr;gap:20px;padding:28px;min-height:440px}.metal-console-copy h2,.ogma-console-copy h2{font-size:28px}.metal-console-art .roof-diagram{height:170px}.metal-console-art .study-top>span:last-child{display:none}.metal-console-art .measurement-output{gap:7px;flex-wrap:wrap}.metal-console-art .measurement-output strong{font-size:10px}.ogma-example .transcript,.rewrite-card p{font-size:14px}.rewrite-card{padding:17px}.stage-type{font-size:9px}.identity-hero-bottom{gap:18px 27px}}
@media(max-width:600px){html{scroll-padding-top:130px}.wrap{width:calc(100% - 36px)}.header{top:10px;margin-top:10px;width:calc(100% - 24px);height:auto;min-height:109px;display:flex;flex-direction:column;align-items:stretch;gap:15px;padding:15px 16px 12px;border-radius:14px}.header .brand{font-size:20px;align-self:center;gap:10px}.header .brand-sub{font-size:7px;letter-spacing:3.6px;margin-top:6px}.header nav{justify-content:space-between;gap:8px;font-size:11px;width:100%}.header nav>a:not(.nav-contact){padding:6px 0}.header .nav-contact{font-size:10px;padding:5px 8px;border-radius:6px;gap:7px}.header .search-trigger{gap:3px}.identity-copy{padding-top:55px}.identity-copy>.eyebrow{font-size:9px;letter-spacing:.055em}.identity-copy h1{font-size:clamp(39px,11.4vw,66px);line-height:1.06;letter-spacing:-.065em;margin:21px auto 20px}.identity-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:345px}.identity-copy>p br{display:none}.hero-actions{gap:24px;margin-top:26px}.hero-actions .button{font-size:12px;min-height:48px;padding:11px 15px;gap:14px}.hero-actions .text-link{font-size:12px;gap:10px}.identity-stage{margin-top:40px;border-radius:12px}.stage-chrome{padding:0 13px;height:39px;font-size:9px;gap:9px}.window-dots{min-width:38px;gap:4px}.window-dots i{width:5px;height:5px}.stage-type{display:none}.preview-panel{min-height:417px}.console-main{padding:20px 12px 17px}.console-eyebrow{font-size:9px}.console-heading{margin-bottom:17px}.console-heading h2{font-size:23px}.console-heading p{font-size:11px}.board-filters{padding:10px;font-size:11px;gap:6px}.board-filters>span{font-size:9px}.board-filters>span:last-child{display:none}.board-row{padding:12px 10px;grid-template-columns:1fr;gap:4px;min-height:79px}.board-row>div{grid-row:auto;gap:9px}.board-row strong{font-size:12px}.board-row small{font-size:10px}.board-milestone{display:none}.board-state{font-size:10px;margin-left:38px}.identity-stage .board-row{min-height:77px}.identity-stage .board-rows{min-height:231px}.project-initial{font-size:9px}.console-insight{padding:11px 9px;gap:9px;margin-top:12px}.console-insight strong{font-size:10px}.console-insight p{font-size:9px}.console-insight .insight-icon{font-size:18px}.preview-controls{padding:10px 7px;gap:2px;justify-content:space-between}.preview-controls button{font-size:10px;padding:7px 6px;gap:5px;min-height:38px}.preview-dot{width:4px;height:4px}.stage-footnote{font-size:9px;padding:1px 16px 12px;border-radius:0 0 12px 12px;line-height:1.8}.identity-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px 25px;margin-top:31px;padding:0 10px 18px}.identity-hero-bottom a{font-size:10px;justify-content:space-between;gap:10px}.hero-aura{inset:340px -60% 100px;filter:blur(22px)}
.work-feature{padding-top:66px}.section-heading{margin-bottom:27px;gap:19px}.section-heading .eyebrow{font-size:9px;margin-bottom:17px}.section-heading h2{font-size:42px;line-height:1.075}.section-heading>p{font-size:14px;line-height:1.8}.lead-project,.second-project{border-radius:14px}.lead-project-copy,.second-project-copy{padding:25px 23px}.project-kicker{font-size:10px;gap:9px}.status-tag{font-size:10px;padding:3px 6px}.lead-project h3,.second-project h3{font-size:32px;margin-top:23px}.lead-project-copy>.project-benefit,.second-project-copy>.project-benefit{font-size:15px}.lead-project-copy>p:not(.project-benefit),.second-project-copy>p:not(.project-benefit){font-size:13px;margin-bottom:20px}.lead-project-copy .text-link,.second-project .text-link{font-size:12px}.project-points{margin-top:24px;gap:5px}.project-points span{font-size:9px;padding:4px 6px}.lead-project-visual{padding:0 12px 23px}.demo-intro{font-size:9px;gap:7px;line-height:1.5}.demo-caption{font-size:10px;line-height:1.8;padding-inline:3px}.board-title{padding:13px 11px;font-size:12px}.sample-label{display:none}.board-filters button{font-size:11px;padding:6px 8px;min-height:37px}.board-bottom{font-size:10px;padding:12px 10px}.second-project{margin-top:20px}.second-project .measurement-study{padding:0 23px 55px}.second-project .metal-art{min-height:320px}.second-project .art-link{min-height:300px}.second-project .roof-diagram{height:190px}.metal-art .art-caption{left:23px;font-size:9px;bottom:22px}.study-top{font-size:9px}.measurement-output strong{font-size:12px}.measurement-output span{font-size:10px}
.range{padding-top:72px}.range-grid{grid-template-columns:1fr;gap:20px}.range-item{min-height:545px;padding:27px}.range-card-top{gap:12px}.range-item h3{font-size:23px}.card-arrow{width:33px;height:33px}.range-item>p{font-size:21px;margin-top:26px}.range-category{font-size:10px}.range-art{margin-inline:-27px;min-height:268px}.range-link{font-size:12px}.creative-range{grid-column:auto;display:flex;min-height:545px}.creative-range>.range-art{margin:25px -27px 0;min-height:268px;width:calc(100% + 54px);border-top:1px solid #ffffff0a}.creative-range .range-link{align-self:stretch}.creative-disc{width:184px;height:184px}.art-subtitle{font-size:10px}.collection-link{margin-top:28px}.collection-link .text-link{font-size:12px}
.starting{padding-top:75px}.starting-grid{grid-template-columns:1fr;gap:15px;margin-top:27px}.starting-grid article{padding:25px;display:grid;grid-template-columns:44px 1fr;gap:0 18px}.starting-grid .process-symbol{grid-column:1;grid-row:1/4;font-size:35px;margin:0}.starting-grid .process-number{font-size:10px;grid-column:2;margin-bottom:12px}.starting-grid h3{grid-column:2;font-size:25px;margin-bottom:12px}.starting-grid p{grid-column:2;font-size:13px;line-height:1.9}.starting>.text-link{font-size:12px}.studio-teaser{padding-top:70px}.studio-inner{grid-template-columns:1fr;padding-block:38px;gap:33px}.studio-teaser h2{font-size:52px;margin-top:20px}.studio-teaser .eyebrow{font-size:10px}.studio-teaser p{font-size:14px;line-height:1.9;margin:19px 0}.team-names{font-size:31px;gap:18px}.contact-band{padding:76px 0 73px}.contact-band .eyebrow{font-size:9px}.contact-band h2{font-size:47px;line-height:1.08;margin:22px 0}.contact-band p{font-size:14px;line-height:1.85}.contact-band p br{display:none}.closing-actions{margin-top:25px;gap:16px}.contact-band .button-light{font-size:13px;min-height:49px}.contact-person{font-size:10px}footer{padding-top:35px}.footer-top{gap:28px;padding-bottom:29px}.footer-top .brand{font-size:22px}.footer-top p,.footer-top>div{font-size:12px}.footer-bottom{font-size:10px;gap:14px}.motion-toggle{font-size:10px}
.preview-metal,.preview-ogma{grid-template-columns:1fr;gap:23px;padding:24px 18px;min-height:417px}.console-product{font-size:13px}.metal-console-copy h2,.ogma-console-copy h2{font-size:29px;line-height:1.15;margin:17px 0 13px}.metal-console-copy p,.ogma-console-copy p{font-size:13px;line-height:1.75}.report-samples{display:none}.metal-console-copy .text-link,.ogma-console-copy .text-link{font-size:12px;margin-top:18px}.metal-console-art .measurement-study{padding:17px 18px 20px}.metal-console-art .roof-diagram{height:150px;margin:10px 0}.metal-console-art .measurement-output{padding-top:13px}.metal-console-art .measurement-output strong{font-size:11px}.ogma-example{padding:0}.ogma-example .range-wave{height:50px;margin-bottom:15px}.ogma-example .transcript{font-size:14px;margin:9px 0 18px}.rewrite-card p{font-size:15px}.rewrite-footer{font-size:10px}}
/* Qualifiers describe prototype imagery and remain legible on small screens. */
.status-tag,.demo-caption,.stage-footnote,.art-caption,.range-category{font-size:12px;letter-spacing:.015em}
/* Motion adds feedback without hiding content or changing document layout. */
.reveal{animation:surface-arrive .65s var(--ease) var(--reveal-delay,0ms) backwards}
.preview-panel:not([hidden]){animation:panel-arrive .38s var(--ease) backwards}
@keyframes surface-arrive{from{opacity:.48;transform:translateY(23px)}to{opacity:1;transform:none}}
@keyframes panel-arrive{from{opacity:.45;transform:translateY(9px)}to{opacity:1;transform:none}}
.motion-surface{position:relative;isolation:isolate}.motion-surface>.surface-glow{position:absolute;top:0;left:0;width:430px;height:430px;max-width:none;padding:0;margin:0;pointer-events:none;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--card-glow,var(--mint)) 14%,transparent),transparent 66%);opacity:0;transform:translate(calc(var(--spot-x,50%) - 215px),calc(var(--spot-y,50%) - 215px));transition:opacity .3s}
.motion-surface.is-hovered>.surface-glow{opacity:1;will-change:transform}.range-item.motion-surface:before{display:none}
.text-link>span[aria-hidden],.nav-contact>span[aria-hidden],.button>span[aria-hidden],.range-link>span,.card-arrow,.round-arrow{display:inline-block;transition:transform .3s var(--ease),background .3s,color .3s}
.text-link:is(:hover,:focus-visible)>span[aria-hidden],.nav-contact:is(:hover,:focus-visible)>span[aria-hidden],.button:is(:hover,:focus-visible)>span[aria-hidden]{transform:translate(3px,-3px)}
.text-link{transition:color .2s,border-color .2s}.header nav>a:not(.nav-contact){position:relative}.header nav>a:not(.nav-contact):after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:var(--mint);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.header nav>a:is(:hover,:focus-visible):not(.nav-contact):after{transform:scaleX(1)}
.button{position:relative;overflow:hidden;isolation:isolate}.button:after{content:'';position:absolute;inset:-25% auto -25% -40%;width:35%;pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff4a,transparent);transform:translateX(0) skewX(-18deg);opacity:0;transition:transform .65s var(--ease),opacity .3s}.button:is(:hover,:focus-visible):after{transform:translateX(490%) skewX(-18deg);opacity:1}
.range-card-top .product-logo,.project-card .product-logo{transition:transform .4s var(--ease)}
.range-item:is(:hover,:focus-visible) .card-arrow{transform:translate(2px,-2px);background:#ffffff12;color:#fff}.range-item:is(:hover,:focus-visible) .range-link>span{transform:translate(3px,-3px)}
.range-item:is(:hover,:focus-visible) .product-logo,.project-card:focus-within .product-logo{transform:rotate(-4deg) scale(1.09)}
.starting-grid .process-symbol{transition:transform .45s var(--ease),color .3s}.starting-grid article:hover .process-symbol{transform:translateY(-5px) rotate(-8deg);color:#b8f3da}
.orbit-ring{animation:orbit-turn 32s linear infinite}.creative-disc{animation:orbit-turn 28s linear infinite reverse}
@keyframes orbit-turn{from{transform:translateX(-50%) rotate(0)}to{transform:translateX(-50%) rotate(360deg)}}
.motion-managed .motion-loop:not(.is-in-view),.motion-managed .motion-loop:not(.is-in-view) *,.page-inactive *,.page-inactive *:before,.page-inactive *:after{animation-play-state:paused!important}
@media(hover:hover) and (pointer:fine){
  html:not(.motion-paused) body .motion-surface:is(.range-item,.project-card):hover{transform:perspective(950px) translateY(-7px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}
  html:not(.motion-paused) body .motion-surface:is(.range-item,.project-card){transition:transform .5s var(--ease),border-color .3s,box-shadow .3s}
  .lead-project:hover,.second-project:hover{border-color:#a9d3c346;box-shadow:0 0 45px #5ce0a80b,inset 0 1px 0 #e1fff015}
  .preview-controls button{transition:transform .2s,background .2s,color .2s,border-color .2s}.preview-controls button:hover{transform:translateY(-2px)}
}
/* Pausing also cancels hover movement; color and keyboard focus remain available. */
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important}
.motion-paused .surface-glow{opacity:0!important}.motion-paused :is(.motion-surface,.button,.preview-controls button,.process-symbol,.product-logo,.card-arrow,.round-arrow){transform:none!important}
.motion-paused :is(.text-link,.nav-contact,.button)>span[aria-hidden],.motion-paused .range-link>span{transform:none!important}.motion-paused .button:after{display:none}
@media(prefers-reduced-motion:reduce){.identity-copy,.identity-stage,.hero-aura,.reveal,.creative-signal i,.range-wave i{animation:none!important}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(prefers-reduced-motion:reduce){.reveal,.preview-panel,.orbit-ring,.creative-disc{animation:none!important}.surface-glow,.button:after{display:none}html body .motion-surface:is(.range-item,.project-card):hover,.button:hover,.preview-controls button:hover,.starting-grid article:hover .process-symbol{transform:none!important}.range-item:is(:hover,:focus-visible) .product-logo,.range-item:is(:hover,:focus-visible) .card-arrow,.text-link:is(:hover,:focus-visible)>span[aria-hidden],.nav-contact:is(:hover,:focus-visible)>span[aria-hidden],.button:is(:hover,:focus-visible)>span[aria-hidden],.range-item:is(:hover,:focus-visible) .range-link>span{transform:none}}