:root{--bg:#090d1a;--panel:#101524;--ink:#f3f2fa;--muted:#a2a7b9;--line:#ffffff21;--violet:#b4a9ff;--cyan:#9ed9df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}::selection{background:#a99bfd;color:#080b17}.skip{position:fixed;left:12px;top:-60px;background:white;color:black;padding:15px;z-index:100}.skip:focus{top:12px}.preview-bar{height:29px;text-align:center;background:#191c30;color:#c2bfd5;letter-spacing:.12em;font-size:9px;display:flex;align-items:center;justify-content:center;gap:10px}.preview-bar span{color:#a99bfd}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);position:relative;z-index:20;background:#090d1af2}.home{display:inline-flex;align-items:center;background:#fff;border-radius:3px;padding:9px 12px}.home img{object-fit:contain;width:165px;height:27px}nav{display:flex;align-items:center;gap:43px;font-size:13px}nav a{padding:12px 0}nav a:hover{color:var(--violet)}nav sup{color:var(--violet);font-size:9px;margin-left:5px}nav a:last-child{border:1px solid #77778d;padding:13px 20px;border-radius:30px}nav a span{margin-left:20px}.menu{display:none}.hero{min-height:710px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 42%,#27214f66,transparent 48%),radial-gradient(ellipse at 1% 100%,#15223966,transparent 50%);padding:95px 5.5% 0}.hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#d1ccff7a .7px,transparent .7px);background-size:93px 91px;opacity:.24;mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy{position:relative;z-index:3;max-width:800px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;line-height:1.7;color:var(--muted);margin:0 0 26px}.hero .eyebrow{color:#d4d1ef}.status-dot{display:inline-block;width:6px;height:6px;background:#b9acff;border-radius:50%;box-shadow:0 0 14px #ad98ff;margin:0 9px 1px 0}h1{font-size:clamp(42px,5.15vw,81px);font-weight:400;line-height:1.09;letter-spacing:-.055em;margin:0 0 30px}em{font-style:normal;color:var(--violet)}.hero-intro{font-size:16px;color:#b3b6c6;line-height:1.85;margin-bottom:34px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;border-radius:3px;font-size:12px;padding:18px 23px;transition:transform .2s,background .2s}.primary{background:#c0b5ff;color:#171327}.primary:hover{background:#d7d0ff;transform:translateY(-3px)}.button span{font-size:20px}.text-link{font-size:12px;display:inline-flex;gap:17px;align-items:center}.text-link:hover{color:var(--violet)}.orbital{position:absolute;width:550px;height:550px;right:3%;top:35px;opacity:.85;pointer-events:none}.sphere{position:absolute;inset:140px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#b0a6de40,transparent 37%),radial-gradient(circle at 35% 28%,#3a356e,#191932 52%,#090e1c 74%);box-shadow:inset -8px -9px 30px #000a,inset 4px 4px 3px #ccc4,0 0 100px #6151aa30;border:1px solid #aca2db66;transform:rotate(-12deg)}.sphere:after{content:'';position:absolute;inset:12px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent,transparent 10px,#b6c5ff09 11px,transparent 12px);border-left:1px solid #d5c9ff30}.sphere span{font-size:51px;font-weight:400;letter-spacing:.1em;line-height:1.05;text-align:center;color:#c0b9e4aa;text-shadow:0 0 35px #b3b0ff55}.sphere b{font-size:35px;font-weight:400;letter-spacing:.15em}.orbit{position:absolute;inset:65px;border:1px solid #a3a1e849;border-radius:50%;transform:rotate(-28deg) scaleY(.48)}.orbit-one{inset:15px;transform:rotate(-33deg) scaleY(.55)}.orbit-two{transform:rotate(44deg) scaleY(.67);border-style:dashed;opacity:.55}.orbit-three{inset:39px;transform:rotate(83deg) scaleY(.62);border-color:#a8dbda44}.orbit:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#c7bcff;left:11%;top:18%;box-shadow:0 0 17px #d6bfff}.orbit-label{position:absolute;z-index:2;font-size:8px;letter-spacing:.13em;color:#c3bed9;background:#101322b3;padding:8px 12px;border:1px solid #8482a43d;border-radius:20px}.n1{top:116px;left:83px}.n2{top:198px;right:0}.n3{bottom:178px;left:0}.n4{bottom:115px;right:47px}.n5{top:34px;right:97px}.orbital-note{position:absolute;bottom:10px;left:180px;font-size:7px;letter-spacing:.22em;color:#878198}.hero-bottom{display:flex;gap:27px;justify-content:space-between;align-items:center;margin-top:106px;border-top:1px solid var(--line);position:relative;padding:24px 0;font-size:9px;letter-spacing:.14em;color:#b0b2c4}.hero-bottom a{margin-left:auto;color:#efedf8}.section{padding:100px 5.5%;scroll-margin-top:20px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-bottom:1px solid var(--line);background:#0d1120}.section-note{color:var(--muted);line-height:1.7;font-size:14px}.intro h2,h2{font-size:clamp(34px,3.5vw,53px);font-weight:400;line-height:1.14;letter-spacing:-.045em;margin:0 0 25px}h2 span{color:#a7a9ba}.intro-text{max-width:640px;color:#b9bdcc;font-size:16px;line-height:1.9}.company-name{border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:9px;line-height:1.8;letter-spacing:.09em;color:#a2a7b9}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.section-heading>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:270px;margin-bottom:30px}.brand-jump{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0 45px;justify-content:space-between}.brand-jump a{font-size:11px;padding:20px 0;color:#b4b8c9}.brand-jump a:hover{color:var(--violet)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 32px}.brand{min-width:0;scroll-margin-top:30px}.brand-image{height:300px;position:relative;background:#131a27;overflow:hidden;border:1px solid var(--line);border-radius:4px}.brand-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.brand:hover .brand-image>img{transform:scale(1.04)}.brand-image:after{content:'';position:absolute;inset:0;background:linear-gradient(#02041035,transparent 45%,#02041066)}.index{position:absolute;top:20px;left:22px;z-index:2;font-size:9px;letter-spacing:.14em;background:#0a1026a6;padding:9px;color:#ededf8}.logo-plate{position:absolute;bottom:20px;left:22px;z-index:3;width:175px;height:60px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;padding:10px 15px}.logo-plate img{max-width:100%;max-height:100%;object-fit:contain}.brand-space .logo-plate{background:#0a1119}.brand-soap .logo-plate{height:76px}.brand-body{padding:24px 0 0}.brand-body .eyebrow{font-size:8px;margin:0 0 14px;color:#a59bcf}.brand h3{font-size:30px;font-weight:400;letter-spacing:-.035em;margin:0 0 13px}.brand-line{font-size:15px;color:#dddce9;margin:0 0 9px}.brand-desc{color:#9da4b8;line-height:1.8;font-size:13px;max-width:470px;margin:0;min-height:70px}.brand-link{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0 17px;font-size:11px}.brand-link span{font-size:22px;color:var(--violet)}.brand-link:hover{color:var(--violet)}.brand-soap{grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;background:#121b22;border:1px solid #a2bcb32e;border-radius:4px}.brand-soap .brand-image{height:410px;border:0;border-radius:0}.brand-soap .brand-body{padding:50px 40px;align-self:center}.brand-soap .brand-body .eyebrow{color:#b7cebf}.brand-soap .brand-link span{color:#b7cebf}.contact{background:radial-gradient(ellipse at 80% 10%,#36305b6b,transparent 65%),#101425;border-top:1px solid var(--line)}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:clamp(55px,6vw,90px);line-height:1.02}.contact-top>p{font-size:16px;line-height:1.8;color:#aeb2c6}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;border-top:1px solid var(--line);margin-top:40px}.contact-item{position:relative;padding:28px 25px 10px 0;display:flex;flex-direction:column;gap:18px}.contact-item:not(:first-child){padding-left:30px;border-left:1px solid var(--line)}.contact-item span{font-size:8px;letter-spacing:.16em;color:#969db6}.contact-item strong{font-weight:400;font-size:20px;line-height:1.5}.contact-item b{position:absolute;right:22px;top:23px;color:var(--violet);font-size:20px;font-weight:400}.contact-item:hover strong{color:var(--violet)}.contact-item.address strong{font-size:14px}footer{padding:40px 5.5% 22px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:35px}.footer-top p{font-size:12px;color:#9fa4b9}.back-top{font-size:11px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:8px;color:#81889e;line-height:1.7}@media(min-width:1450px){.hero,.section,header,footer{padding-left:max(5.5%,calc((100vw - 1320px)/2));padding-right:max(5.5%,calc((100vw - 1320px)/2))}.orbital{right:calc((100vw - 1400px)/2)}}@media(max-width:1100px){.orbital{right:-140px;opacity:.6}.hero-copy{max-width:650px}.hero{min-height:680px}.hero-bottom{margin-top:110px}.contact-item strong{font-size:17px}.brand-image{height:260px}}@media(max-width:760px){header{height:77px;padding:0 6%}.home img{width:139px;height:25px}.home{padding:7px 9px}.menu{display:flex;background:transparent;border:1px solid #ffffff40;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:6px;color:white}.menu span{width:16px;height:1px;background:currentColor;transition:transform .2s}.menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{display:none;position:absolute;left:0;right:0;top:77px;background:#111628;padding:25px 6%;border-bottom:1px solid var(--line);gap:20px;flex-direction:column;align-items:stretch}nav.open{display:flex}nav a:last-child{border:0;padding:12px 0}.hero{padding:60px 6% 0;min-height:900px}.hero h1{font-size:clamp(38px,8vw,58px);line-height:1.15;letter-spacing:-.05em}.hero-intro{font-size:14px;max-width:340px}.hero .eyebrow{font-size:8px;margin-bottom:24px}.hero-actions{gap:19px;flex-wrap:wrap}.button{font-size:11px;padding:15px 18px;gap:22px}.text-link{font-size:10px}.orbital{top:380px;width:440px;height:440px;right:calc(50% - 220px);opacity:.9}.sphere{inset:110px}.sphere span{font-size:37px}.sphere b{font-size:25px}.n1{top:100px;left:25px}.n2{top:175px;right:4px}.n3{bottom:100px;left:8px}.n4{bottom:70px;right:15px}.n5{top:45px;right:80px}.orbital-note{left:100px}.hero-bottom{margin-top:470px;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-start;font-size:7px;padding:20px 0}.hero-bottom a{width:100%;margin:5px 0 0}.section{padding:65px 6%}.intro{grid-template-columns:1fr;gap:25px}.intro .section-note{display:none}.intro .eyebrow{margin-bottom:0}h2,.intro h2{font-size:36px}.intro-text{font-size:14px}.company-name{font-size:8px}.section-heading{display:block}.section-heading>p{font-size:13px}.brand-jump{justify-content:flex-start;gap:0 23px;margin-bottom:30px}.brand-jump a{font-size:10px;padding:13px 0}.brand-grid{grid-template-columns:1fr;gap:38px}.brand-image{height:285px}.brand-body{padding-top:22px}.brand h3{font-size:29px}.brand-desc{min-height:0;font-size:13px}.brand-soap{grid-column:auto;display:block}.brand-soap .brand-image{height:300px}.brand-soap .brand-body{padding:26px 22px}.contact-top{display:block}.contact h2{font-size:64px}.contact-top>p{font-size:14px}.contact-grid{grid-template-columns:1fr;margin-top:30px}.contact-item{padding:24px 30px 24px 0!important;border-left:0!important;border-bottom:1px solid var(--line)}.contact-item strong{font-size:23px}.contact-item.address strong{font-size:16px}.contact-item b{right:3px}.footer-top{flex-wrap:wrap;gap:18px}.footer-top p{width:100%;order:3;font-size:11px}.footer-bottom{flex-direction:column;gap:1px}.preview-bar{font-size:8px}.eyebrow{font-size:9px}.logo-plate{width:162px}}@media(prefers-reduced-motion:no-preference){.sphere{animation:float 9s ease-in-out infinite}.orbit-label{animation:float 8s ease-in-out infinite}.n2,.n4{animation-delay:-4s}@keyframes float{50%{translate:0 -8px}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.brand-ayna .brand-image>img{object-position:center 78%}
@media(max-width:760px){.orbital{width:360px;height:400px;right:calc(50% - 180px);top:420px}.sphere{inset:90px 70px}.orbit-label{font-size:7px;padding:7px 9px}.n1{left:5px;top:75px}.n2{right:0;top:170px}.n3{left:0;bottom:90px}.n4{right:0;bottom:45px}.n5{top:25px;right:30px}.orbital-note{left:65px;bottom:-5px;font-size:6px}}
/* V2 — graphite, platinum and architectural light */
:root{--bg:#070b12;--panel:#0e1520;--ink:#f0f3f8;--muted:#929daf;--line:#b5c8e51e;--violet:#b8c9e4;--cyan:#a7d9e8}
body{background:#070b12}.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:100;background:linear-gradient(90deg,#9eaccc,#d8f7ff);transform:scaleX(0);transform-origin:left;box-shadow:0 0 12px #b0d0eb80;pointer-events:none}.preview-bar{background:#111925;color:#8693a8;font-size:8px;letter-spacing:.17em}.preview-bar span{color:#bad9e8}header{height:100px;background:#070b12e8;border-color:#b6cce217;backdrop-filter:blur(20px)}.home{background:transparent;padding:0;border-radius:0}.home img{width:192px;height:auto;filter:brightness(1.9) contrast(1.12) drop-shadow(0 0 10px #c4dfff20);opacity:.95}nav{font-size:11px;letter-spacing:.025em;gap:42px}nav a:last-child{border-color:#a4b8d838;border-radius:2px;padding:14px 22px}.hero{min-height:790px;padding-top:120px;background:radial-gradient(ellipse at 81% 49%,#26375535,transparent 49%),linear-gradient(120deg,#070b12,#0b111c 66%,#070b12)}.hero:before{background-size:117px 119px;opacity:.3}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#a5c8ec08 1px,transparent 1px),linear-gradient(90deg,#a5c8ec08 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at 78% 50%,#000,transparent 67%);transform:perspective(800px) rotateY(-14deg) scale(1.15);pointer-events:none}.ambient-light{position:absolute;width:650px;height:650px;left:45%;top:0;border-radius:50%;background:radial-gradient(circle,#477bab10,transparent 65%);pointer-events:none}.hero-copy{max-width:660px}.hero .eyebrow{font-size:9px;color:#9daec5;letter-spacing:.24em;margin-bottom:34px}.status-dot{background:#b6dce9;box-shadow:0 0 13px #b6dce9}h1{font-size:clamp(46px,4.7vw,73px);line-height:1.1;letter-spacing:-.055em}h1 em{display:inline-block;background:linear-gradient(100deg,#f2f5fa 0%,#a1b7d4 60%,#7187a8 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-intro{color:#8d9bb0;font-size:15px;line-height:1.95;max-width:430px;margin-top:30px;margin-bottom:39px}.hero-actions{gap:28px}.primary{background:linear-gradient(110deg,#e5edf6,#aebfd5);color:#131b28;border:1px solid #e3efff70;box-shadow:0 3px 28px #a6c0e30d;border-radius:2px;padding:18px 21px}.primary:hover{background:#e3efff;box-shadow:0 5px 35px #a6c0e32b}.text-link{color:#b4c0d2;font-size:11px}.hero-bottom{margin-top:141px;border-color:#b6cce21f;font-size:8px;letter-spacing:.16em;color:#76869c;padding:25px 0}.hero-bottom a{color:#a9b7cd}.constellation{position:absolute;width:610px;height:610px;right:1.2%;top:26px;isolation:isolate;--rx:0deg;--ry:0deg;transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .8s cubic-bezier(.2,.7,.2,1)}.tech-rings{position:absolute;width:100%;height:100%;inset:0;filter:drop-shadow(0 0 20px #8ebcf20a)}.ring-spin{transform-origin:320px 320px;animation:precisionSpin 70s linear infinite}.ring-counter{transform-origin:320px 320px;animation:precisionSpin 55s linear infinite reverse}.orbit-tilt{transform:rotate(-28deg);transform-origin:320px 320px}.orbit-tilt-two{transform:rotate(57deg);transform-origin:320px 320px}.orbit-tracer{animation:traceOrbit 17s linear infinite}.orbit-tilt-two .orbit-tracer{animation-direction:reverse;animation-duration:23s}.brand-core{position:absolute;left:32%;top:40%;width:36%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse,#b2d2ff10,transparent 75%);z-index:2}.brand-core img{width:90%;height:auto;filter:brightness(2) contrast(1.1) drop-shadow(0 0 10px #c6e6ff40)}.brand-core>span:not(.core-corner){font-size:6px;letter-spacing:.3em;color:#7185a4}.core-corner{position:absolute;width:9px;height:9px;border-color:#8da6ca69;border-style:solid}.c1{left:0;top:0;border-width:1px 0 0 1px}.c2{right:0;top:0;border-width:1px 1px 0 0}.c3{right:0;bottom:0;border-width:0 1px 1px 0}.c4{left:0;bottom:0;border-width:0 0 1px 1px}.constellation-top,.constellation-bottom{position:absolute;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;color:#687d9a}.constellation-top{top:0}.micro{font-size:7px;letter-spacing:.19em}.motion-toggle{border:1px solid #819abc44;background:#0e1722;color:#b2c6df;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:10px}.motion-toggle:hover{border-color:#b9cbe1}.constellation-bottom{bottom:3px;font-size:6px;letter-spacing:.14em}.constellation-bottom i{display:inline-block;width:4px;height:4px;background:#b6dce9;border-radius:50%;margin-right:5px}.constellation-node{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;cursor:pointer;border:1px solid #91aac52b;border-radius:2px;background:#0c1420ed;color:#8c9db6;padding:10px 13px;transition:background .3s,border-color .3s,box-shadow .3s,transform .3s;text-align:left}.constellation-node>span:last-child{display:flex;gap:10px;align-items:center;font-size:9px;white-space:nowrap;letter-spacing:.01em}.constellation-node small{font-size:7px;color:#586e8e}.node-dot{width:4px;height:4px;border-radius:50%;background:#657c9b;box-shadow:0 0 0 3px #657c9b15}.constellation-node.selected,.constellation-node:hover{border-color:#c5e5f373;color:#f1f6ff;box-shadow:0 0 23px #87bfea18;background:#182536;transform:translateY(-2px)}.constellation-node.selected .node-dot{background:#d1f4ff;box-shadow:0 0 12px #c6f3ff}.node-1{top:20%;left:10%}.node-2{top:34%;right:2%}.node-3{bottom:23%;left:1%}.node-4{bottom:15%;right:13%}.node-5{top:9%;right:20%}.section{position:relative}.intro{background:linear-gradient(105deg,#0b111b,#0a1018);padding-top:110px;padding-bottom:110px}.intro h2,h2{letter-spacing:-.045em}h2 span{color:#7d8da4}.intro-text{color:#9ba8bb;font-size:15px}.company-name{color:#687b97}.section .eyebrow{color:#7d92b1}.ecosystem{display:grid;grid-template-columns:.8fr 1.5fr;gap:65px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#070b12,#0b111a)}.eco-heading h2{font-size:38px}.eco-heading>p:last-child{font-size:13px;line-height:1.9;color:#8494ab}.eco-map{position:relative;min-width:0}.eco-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative;z-index:2}.eco-tab{background:#0d1520;border:1px solid #728cab2b;padding:16px 12px;min-height:100px;display:flex;flex-direction:column;text-align:left;justify-content:space-between;color:#8fa0b7;cursor:pointer;position:relative;transition:border-color .3s,background .3s}.eco-tab small{font-size:8px;color:#617795}.eco-tab span{font-size:10px;line-height:1.5}.eco-tab b{position:absolute;right:9px;top:11px;font-size:12px;font-weight:400;color:#5e7999}.eco-tab.selected,.eco-tab:hover{border-color:#c5dceb99;background:#1b293a;color:#e3edf9}.eco-tab:after{content:'';position:absolute;bottom:-31px;height:30px;width:1px;background:#738eac4a;left:50%}.eco-track{height:1px;background:#738eac4a;position:absolute;left:10%;right:10%;top:130px}.eco-track:after{content:'';position:absolute;height:30px;width:1px;left:50%;top:0;background:#738eac4a}.eco-track span{position:absolute;inset:0;background:linear-gradient(90deg,transparent,#b8e6fa,transparent);background-size:200% 100%;animation:signal 5s linear infinite}.eco-detail{margin-top:60px;border:1px solid #9db4d02b;background:linear-gradient(120deg,#111c2b,#0b111b);display:grid;grid-template-columns:140px 1fr;gap:24px;position:relative;padding:28px;min-height:205px;overflow:hidden}.eco-identity{display:flex;flex-direction:column;gap:30px;align-items:flex-start}.eco-identity>.micro{color:#607c9f}.eco-identity img{max-width:130px;max-height:55px;object-fit:contain;background:#fff;padding:8px;border-radius:2px}.eco-detail[data-selected=space] .eco-identity img{background:transparent}.eco-copy{position:relative;z-index:2}.eco-copy .eyebrow{font-size:7px;margin-bottom:10px}.eco-copy h3{font-size:20px;font-weight:400;letter-spacing:-.025em;margin:0 0 12px}.eco-copy p:not(.eyebrow){font-size:11px;line-height:1.85;color:#8fa2bb;max-width:400px}.eco-copy a{font-size:10px;color:#cad9ed;display:flex;gap:20px;align-items:center;margin-top:20px}.eco-watermark{position:absolute;right:-12px;bottom:-48px;font-size:175px;line-height:1;letter-spacing:-.1em;font-weight:600;color:#d0eaff04;pointer-events:none}.brands-section{background:linear-gradient(180deg,#090e16,#070b12)}.brand-grid{gap:58px 36px}.brand-image{border-radius:2px;border-color:#a2bad22b;height:330px}.brand-image:before{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;border:1px solid transparent;transition:border-color .4s}.brand:hover .brand-image:before{border-color:#d0eaff66}.brand-body .eyebrow{color:#7894b9;letter-spacing:.2em}.brand h3{font-size:32px}.brand-desc{color:#8394ac}.brand-link{color:#bdcadc;border-color:#8ca7c42e}.brand-link span{transition:transform .3s}.brand-link:hover span{transform:translate(3px,-3px)}.logo-plate{box-shadow:0 10px 25px #0003;border-radius:2px}.brand-soap{background:linear-gradient(110deg,#0e191a,#101c20)}.brand-subtitle{display:block;font-size:18px;color:#96b4b2;font-weight:400;letter-spacing:.02em;margin-top:7px}.brand-soap .brand-image{height:440px}.brand-jump{border-color:#8ca7c429}.brand-jump a{color:#7c92b1}.contact{background:radial-gradient(ellipse at 90% 35%,#263b5740,transparent 65%),#0b121e;overflow:hidden}.contact:before{content:'';position:absolute;width:850px;height:850px;border:1px solid #98b8d215;border-radius:50%;right:-300px;top:-350px;box-shadow:0 0 0 70px #98b8d204,0 0 0 140px #98b8d203;pointer-events:none}.contact h2 em{background:linear-gradient(110deg,#f1f6fe,#7595bd);background-clip:text;-webkit-background-clip:text;color:transparent}.contact-item strong{color:#ccd7e7}.footer-top .home img{width:170px}.reveal{opacity:0;transform:translateY(26px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.section-heading:after{content:'';height:1px;background:linear-gradient(90deg,transparent,#a3c0dd55);width:14%;align-self:center}.brand-jump a{transition:color .3s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .constellation{transform:none!important}.eco-detail.changing .eco-copy{animation:detailIn .5s ease both}@keyframes precisionSpin{to{transform:rotate(360deg)}}@keyframes traceOrbit{to{stroke-dashoffset:-1450}}@keyframes signal{to{background-position:200% 0}}@keyframes detailIn{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.constellation{right:calc((100vw - 1450px)/2);width:650px;height:650px;top:10px}.hero-copy{max-width:720px}}
@media(max-width:1200px) and (min-width:761px){.constellation{width:500px;height:500px;right:-3%;top:75px}.hero-copy{max-width:580px}.hero{padding-top:110px;min-height:730px}.hero h1{font-size:53px}.hero-intro{max-width:350px}.constellation-node{padding:8px}.constellation-node>span:last-child{font-size:8px}.hero-bottom{margin-top:148px}.ecosystem{gap:35px;grid-template-columns:.7fr 1.5fr}.eco-tabs{gap:5px}.eco-tab{padding:12px 7px}.eco-tab span{font-size:9px}.eco-detail{grid-template-columns:100px 1fr;padding:23px;gap:15px}.eco-identity img{max-width:95px}.eco-heading h2{font-size:32px}.brand-image{height:285px}}
@media(max-width:760px){header{height:82px}.home img{width:166px}.hero{padding-top:60px;min-height:1020px}.hero .eyebrow{font-size:7px;letter-spacing:.19em;margin-bottom:29px}.hero h1{font-size:clamp(36px,8.4vw,58px);line-height:1.12}.hero-intro{font-size:13px;max-width:330px;line-height:1.9;margin-top:25px;margin-bottom:28px}.hero-actions{gap:18px}.primary{padding:16px;font-size:10px;gap:25px}.text-link{font-size:9px;gap:10px}.hero-bottom{margin-top:520px;font-size:6px;gap:17px;padding:22px 0}.hero-bottom a{font-size:7px}.constellation{width:370px;height:410px;right:calc(50% - 185px);top:435px;transform:none!important}.constellation-top{left:7%;right:7%;top:0}.constellation-top .micro{font-size:6px}.motion-toggle{width:25px;height:25px}.constellation-bottom{bottom:0;left:7%;right:7%;font-size:5px;letter-spacing:.08em}.constellation-node{padding:8px;gap:7px}.constellation-node>span:last-child{font-size:7px;gap:6px}.constellation-node small{font-size:6px}.node-dot{width:3px;height:3px}.node-1{top:22%;left:4%}.node-2{right:1%;top:36%}.node-3{left:1%;bottom:24%}.node-4{right:9%;bottom:14%}.node-5{right:16%;top:12%}.brand-core{top:41%;height:18%;gap:10px}.brand-core>span:not(.core-corner){font-size:4px}.brand-core img{width:100%}.tech-rings{top:10px}.ecosystem{grid-template-columns:1fr;gap:35px;padding-top:65px}.eco-heading h2{font-size:35px}.eco-heading>p:last-child{font-size:12px}.eco-tabs{gap:6px;grid-template-columns:repeat(3,1fr)}.eco-tab{padding:12px;min-height:85px}.eco-tab span{font-size:9px}.eco-tab small{font-size:7px}.eco-tab:after,.eco-track{display:none}.eco-detail{margin-top:16px;grid-template-columns:1fr;padding:23px;gap:23px;min-height:270px}.eco-identity{flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.eco-identity img{max-width:115px;max-height:43px}.eco-copy h3{font-size:22px;max-width:250px}.eco-copy p:not(.eyebrow){font-size:12px}.eco-copy a{font-size:11px}.eco-detail .eyebrow{font-size:7px}.brand-image{height:300px}.brand-soap .brand-image{height:300px}.brand h3{font-size:29px}.brand-subtitle{font-size:17px}.section-heading:after{display:none}.menu{border-radius:2px;border-color:#7c96b340}nav{top:82px;background:#0c1523}nav a{font-size:12px}.brand-grid{gap:42px}.intro{padding-top:65px;padding-bottom:65px}.contact:before{right:-630px}.footer-top .home img{width:155px}.reveal{transform:translateY(16px)}}
@media(max-width:370px){.constellation{width:330px;right:calc(50% - 165px)}.hero-actions{gap:14px}.primary{gap:12px;padding:14px 12px}.text-link{font-size:8px}.hero h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.constellation{transform:none!important}.reading-progress{transition:none}.eco-detail.changing .eco-copy{animation:none}}
.constellation{transform:none!important}.tech-rings{transform:perspective(1200px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform 1s cubic-bezier(.2,.7,.2,1)}.skip{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;top:0;left:0;padding:0}.skip:focus{clip-path:none;width:auto;height:auto;top:12px;left:12px;padding:15px}.motion-paused .tech-rings{transform:none!important}@media(prefers-reduced-motion:reduce){.tech-rings{transform:none!important}}
.tech-rings{pointer-events:none}.constellation-top,.constellation-bottom{z-index:5}

/* Six-brand constellation */
.node-6{left:0;top:49%}
.node-5 .node-name{max-width:145px;white-space:normal;line-height:1.4}
.eco-tabs{grid-template-columns:repeat(6,minmax(0,1fr))}
.eco-tab{min-width:0}
.eco-track{left:8.333%;right:8.333%}
.eco-detail[data-selected=fuaistanbul] .eco-identity img{background:transparent;padding:0;max-width:130px;max-height:100px}
.brand-soap{grid-column:auto;display:block;background:transparent;border:0;border-radius:0}
.brand-soap .brand-image{height:330px;border:1px solid var(--line);border-radius:2px}
.brand-soap .brand-body{padding:24px 0 0}
.brand-fuaistanbul .brand-image{background:#000}
.brand-fuaistanbul .brand-image>img{object-fit:contain}
@media(max-width:1200px) and (min-width:761px){.node-5 .node-name{max-width:125px}.brand-soap .brand-image{height:285px}}
@media(max-width:760px){.node-6{top:52%;left:4%}.node-5{right:12%;top:10%}.node-5 .node-name{max-width:105px}.eco-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-soap .brand-image{height:300px}.brand-soap .brand-body{padding:22px 0 0}.eco-detail[data-selected=fuaistanbul] .eco-identity img{max-height:76px}}

@media(max-width:370px){.constellation{width:calc(100% - 16px);right:8px}}

/* Two connected orbits: corporate brands and upcoming applications. */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px;padding-top:35px;min-height:0}
.hero-copy{padding-top:90px;max-width:660px}
.brand-universe{position:relative;min-width:0;width:100%;max-width:590px;justify-self:end}
.constellation{position:relative;top:auto;right:auto;width:100%;max-width:560px;height:auto;aspect-ratio:1;margin:0 auto}
.hero-bottom{grid-column:1/-1;margin-top:27px}
.application-orbit{position:relative;height:240px;width:100%;max-width:560px;margin:8px auto 0;isolation:isolate;scroll-margin-top:45px}
.application-orbit:before{content:'';position:absolute;inset:12% 5%;border-radius:50%;background:radial-gradient(ellipse,#798ec50c,transparent 70%);pointer-events:none}
.app-orbit-art{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.app-orbit-trace{animation:appSignal 24s linear infinite;filter:drop-shadow(0 0 4px #c9c9ff70)}
.app-orbit-trace-two{animation-duration:19s;animation-direction:reverse}
.application-orbit-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap}
.application-orbit-core h2{margin:0 0 10px;color:#b3bfda;font-size:9px;font-weight:400;line-height:1.3;letter-spacing:.19em;text-transform:uppercase}
.application-orbit-core h2 span{margin-left:7px;color:#677d9d;font-size:7px;letter-spacing:.05em}
.application-orbit-core p{margin:0;font-size:8px;letter-spacing:.045em;color:#7c8da6}
.application-satellites{list-style:none;margin:0;padding:0}
.app-satellite{position:absolute;display:flex;align-items:center;gap:8px;padding:7px 9px;font-size:9px;letter-spacing:.09em;line-height:1.4;color:#b9c8df;white-space:nowrap;background:radial-gradient(ellipse,#0a111df5 40%,#0a111d00 75%);animation:appDrift 11s ease-in-out infinite}
.app-star{width:4px;height:4px;flex:none;border-radius:50%;background:#bdb9df;box-shadow:0 0 0 3px #bdb9df0c,0 0 12px #bdb9df55}
.app-luma{left:22%;top:9%;animation-delay:-2s}
.app-orbit-quote{right:10%;top:17%;animation-delay:-5s}
.app-pawviora{left:0;top:48%;animation-delay:-7s}
.app-clearwork{right:0;top:60%;animation-delay:-3s}
.app-selim{left:43%;top:82%;font-size:8px;animation-delay:-9s}
.app-rivora{left:13%;top:74%;animation-delay:-6s}
@keyframes appSignal{to{stroke-dashoffset:-1000}}
@keyframes appDrift{0%,100%{transform:translate(0,0)}25%{transform:translate(3px,-3px)}50%{transform:translate(0,-5px)}75%{transform:translate(-3px,-2px)}}
@media(min-width:1600px){.brand-universe{max-width:630px}.constellation{max-width:600px}.application-orbit{max-width:580px}.hero-copy{max-width:720px;padding-top:105px}}
@media(max-width:1200px) and (min-width:1001px){.hero{padding-top:45px;column-gap:12px}.hero-copy{padding-top:75px}.hero h1{font-size:48px}.constellation{width:100%;height:auto;top:auto;right:auto}.application-orbit{height:215px}.app-satellite{font-size:8px;gap:6px}.app-selim{font-size:7px;left:43%}.application-orbit-core h2{font-size:8px;letter-spacing:.12em}.application-orbit-core p{font-size:7px}.hero-actions{gap:16px}.primary{padding:16px;font-size:10px}.text-link{font-size:10px}}
@media(max-width:1000px){.hero{display:block;padding-top:75px}.hero-copy{padding-top:0;max-width:100%}.brand-universe{width:100%;max-width:560px;margin:55px auto 0}.constellation{width:100%;height:auto;right:auto;top:auto}.hero-bottom{margin-top:35px}.application-orbit{margin-top:15px}}
@media(max-width:760px){.hero{padding-top:60px;min-height:0}.brand-universe{max-width:370px;margin-top:42px}.constellation{width:100%;height:410px;aspect-ratio:auto;right:auto;top:auto}.application-orbit{height:240px;margin-top:15px}.app-orbit-art{inset:4px -2%;width:104%;height:calc(100% - 8px)}.application-orbit-core h2{font-size:8px;letter-spacing:.11em;margin-bottom:9px}.application-orbit-core h2 span{font-size:6px;margin-left:4px}.application-orbit-core p{font-size:7px}.app-satellite{font-size:8px;padding:6px 7px;gap:6px;letter-spacing:.06em}.app-luma{top:16%;left:21%}.app-orbit-quote{top:22%;right:3%}.app-pawviora{left:-1%;top:48%}.app-clearwork{right:-1%;top:63%}.app-selim{left:43%;top:79%;font-size:7px}.app-rivora{left:6%;top:72%}.hero-bottom{margin-top:25px}}
@media(max-width:370px){.application-orbit-core h2{font-size:7px;letter-spacing:.09em}.application-orbit-core p{font-size:6px}.app-satellite{font-size:7px;gap:5px}.app-selim{left:40%;font-size:6.5px}.app-rivora{left:4%}.application-orbit{height:225px}}

/* Published apps retain their orbit label styling and expose native store links. */
.app-store-link{color:inherit;text-decoration:none;text-underline-offset:4px;transition:color .2s}
.app-store-link:hover{color:#eff3ff;text-decoration:underline}
.app-satellite:focus-within{animation-play-state:paused}
