@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#020912;--ink:#edf8ff;--muted:#b1c7d3;--cyan:#14e5f2;--line:#1b5667;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1290px,calc(100% - 88px));margin:auto}.page-glow{position:absolute;top:0;right:0;width:70vw;height:740px;pointer-events:none;background:radial-gradient(ellipse,#03323d88 0%,transparent 65%);z-index:-1}.site-header{position:absolute;top:0;left:0;right:0;z-index:20}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{width:184px;height:85px;display:flex;align-items:center;overflow:hidden}.brand img{width:185px;height:auto;object-fit:contain;display:block}.desktop-nav{display:flex;gap:clamp(15px,2.7vw,43px);align-items:center}.desktop-nav a{font-size:14px;color:#e6f2f8;transition:color .2s}.desktop-nav a:hover{color:var(--cyan)}.btn{display:inline-flex;gap:18px;align-items:center;justify-content:center;border-radius:100px;padding:15px 26px;font-size:14px;font-weight:700;border:1px solid #57f8ff;min-height:49px;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid white;outline-offset:4px}.btn-outline{background:#02111b99;box-shadow:0 0 18px #00dff560,inset 0 0 9px #00dff522}.btn-primary{background:linear-gradient(135deg,#69faff 0%,#09dbe9 75%,#05b9d0 100%);color:#001820;box-shadow:0 0 21px #12e7f7a0,inset 0 2px 7px #fff8}.btn-video{background:#020c16a8;color:#f4fdff;border-color:#70c6d4;box-shadow:none}.play{font-size:12px}.menu-button,.mobile-nav{display:none}.hero{min-height:695px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 74% 51%,#00435b55,transparent 49%),linear-gradient(180deg,#010611,#03121c 80%,#041b28)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,#17e6f5,transparent);opacity:.3}.hero-aurora{position:absolute;right:7%;top:5%;width:53%;height:75%;background:radial-gradient(ellipse,#0bc3e61b,transparent 65%);filter:blur(18px);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;min-height:695px;padding-top:82px}.hero-content{position:relative;z-index:5;padding-bottom:24px}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.22em;color:#7ddde9;margin-bottom:22px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4dfff3;box-shadow:0 0 10px #4dfff3;margin-right:9px;vertical-align:middle}.hero h1,.section h2,dialog h2{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}.hero h1{font-size:clamp(48px,5.25vw,83px);line-height:1.01;margin:0 0 25px;text-shadow:0 3px 30px #0008}.hero h1 span,.hero h1 em,.about h2 em{font-style:normal;background:linear-gradient(110deg,#f8ffff,#7daebe 70%,#eefbff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:460px;font-size:18px;line-height:1.65;color:#d4e4ec;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:18px}.micro-copy{margin-top:35px;font-size:12px;color:#a4c2ce;letter-spacing:.025em}.micro-dot{display:inline-block;width:5px;height:5px;background:#32e8f5;box-shadow:0 0 10px #32e8f5;border-radius:50%;vertical-align:middle;margin-right:9px}.terrain{position:absolute;left:0;right:0;bottom:0;height:125px;background:url('./assets/terrain.webp') center bottom/cover no-repeat;opacity:.57;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,#000 30%)}.scene{height:585px;position:relative;perspective:1000px;transform-style:preserve-3d;isolation:isolate}.scene-halo{position:absolute;left:10%;top:4%;width:83%;height:78%;background:radial-gradient(ellipse,#0cc8f027 0%,#05b5d511 35%,transparent 66%);filter:blur(12px)}.symbol-stage{position:absolute;z-index:3;top:0;left:24%;height:445px;width:330px;transform-style:preserve-3d;animation:levitate 6s ease-in-out infinite alternate;filter:drop-shadow(0 0 17px #0beaf3a0) drop-shadow(0 0 37px #0cc9ff65);will-change:transform}.symbol-face,.symbol-depth{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden}.symbol-face{z-index:3;filter:brightness(1.22) contrast(1.12)}.symbol-depth{background:url('./assets/ioe-symbol.png') center/contain no-repeat;opacity:.42;filter:brightness(.48) hue-rotate(9deg)}.depth-back{transform:translate3d(18px,4px,-30px)}.depth-mid{transform:translate3d(9px,2px,-15px)}.light-beam{position:absolute;z-index:1;bottom:62px;left:48%;width:4px;height:400px;background:linear-gradient(180deg,transparent,#24dfff22 40%,#4affff 100%);filter:blur(9px);box-shadow:0 0 50px 18px #00f4ff55}.platform{position:absolute;z-index:2;bottom:25px;left:8%;width:94%;height:170px;transform-style:preserve-3d}.platform-base{position:absolute;left:3%;right:3%;bottom:4px;height:94px;border-radius:50%;background:radial-gradient(ellipse at 50% 15%,#07839c 0%,#062c3c 30%,#020912 64%);border-bottom:13px solid #071c2b;box-shadow:0 25px 30px #000,0 0 30px #05c9ed50,inset 0 -10px 15px #001119}.ring{position:absolute;left:50%;top:32%;border-radius:50%;transform:translate(-50%,-50%) rotateX(64deg);border:3px solid #25f5ff;box-shadow:0 0 14px #00e9ff,inset 0 0 13px #00e9ff}.ring-outer{width:92%;height:160px;opacity:.65}.ring-middle{width:74%;height:125px;opacity:.96;animation:ringpulse 4s ease-in-out infinite alternate}.ring-inner{width:49%;height:83px;opacity:.85}.platform-core{position:absolute;top:40px;left:50%;width:35%;height:12px;transform:translateX(-50%);border-radius:50%;background:#53f9ff;filter:blur(16px);box-shadow:0 0 80px 35px #08e9ff85}.particles{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#a0fbff 1px,transparent 1.4px),radial-gradient(circle,#14e4ff 1px,transparent 1.3px);background-size:157px 139px,211px 191px;background-position:12px 34px,77px 19px;opacity:.25;mask-image:linear-gradient(to bottom,transparent,#000 28%,transparent)}.value-strip{border-block:1px solid #165366;background:linear-gradient(90deg,#020c16,#031a27 50%,#020c16)}.value-grid{min-height:125px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:20px}.value-item{display:flex;gap:18px;align-items:center;justify-content:center;font-size:15px;line-height:1.45;color:#e4f3f7}.value-item svg{width:47px;height:47px;flex-shrink:0;stroke:#74f6ff;fill:none;stroke-width:2.1;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 6px #1bd3e777)}.section{position:relative;padding:110px 0;overflow:hidden}.transformation{background:radial-gradient(ellipse at 23% 65%,#073c4b50,transparent 45%)}.split{display:grid;grid-template-columns:48% 52%;align-items:center;gap:55px}.section h2{font-size:clamp(38px,4vw,59px);line-height:1.08;margin:0 0 26px}.section p{font-size:17px;line-height:1.8;color:#c5d8e2}.split-copy{padding-right:40px}.checks{padding:0;margin:24px 0 28px;list-style:none}.checks li{position:relative;padding:9px 0 9px 36px;font-size:16px;color:#e3f0f4}.checks li:before{content:"";position:absolute;left:4px;top:12px;width:15px;height:9px;border-left:2px solid #50edfc;border-bottom:2px solid #50edfc;transform:rotate(-45deg)}.text-link{color:#8bf5fc;font-weight:700;font-size:14px}.text-link span{padding-left:7px}.stack-art{position:relative;min-height:460px;perspective:950px}.glass-sheet{position:absolute;width:57%;height:290px;top:76px;left:18%;border:1px solid #35e8f5a6;border-radius:11px;background:linear-gradient(125deg,#1ac1e322,#04232f99 65%,#03101c);box-shadow:0 0 24px #00e8f548,inset 0 0 35px #00d8f326;transform:rotate(-17deg) skewY(9deg);display:flex;align-items:center;justify-content:center}.glass-sheet span{font-size:11px;letter-spacing:.25em;color:#57dce9}.sheet-3{transform:translate(-105px,-23px) rotate(-17deg) skewY(9deg);opacity:.45}.sheet-2{transform:translate(-55px,1px) rotate(-17deg) skewY(9deg);opacity:.72}.sheet-1{transform:translate(5px,30px) rotate(-17deg) skewY(9deg);box-shadow:0 0 35px #00e8f578,inset 0 0 45px #00d8f330}.sheet-1 img{height:88%;width:70%;object-fit:contain;filter:drop-shadow(0 0 17px #00f2ff)}.stack-light{position:absolute;left:10%;bottom:30px;width:75%;height:15px;background:#05d9ef;filter:blur(26px);opacity:.8}.services{background:linear-gradient(#030d16,#04131e)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px}.section-heading p{max-width:380px;margin-bottom:25px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.service-card{min-height:285px;padding:29px;border:1px solid #1b6373;border-radius:18px;background:linear-gradient(155deg,#0b35418f,#03111c);box-shadow:inset 0 0 20px #0ff3ff0a;transition:transform .25s,border-color .25s}.service-card:hover{transform:translateY(-5px);border-color:#3adcea}.service-number{font-size:11px;color:#6bc7d6;letter-spacing:.15em}.service-icon{font-size:45px;color:#63eaf6;text-shadow:0 0 20px #00eaff99;margin:22px 0}.service-card h3{font-size:22px;margin:0 0 12px}.service-card p{font-size:14px;line-height:1.65;margin:0}.proof{background:radial-gradient(ellipse at 85% 50%,#06556a55,transparent 48%),#020b14}.proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.proof-inner p{max-width:510px}.proof-graphic{display:flex;flex-direction:column;gap:18px;transform:perspective(900px) rotateY(-13deg)}.proof-graphic span{display:block;border:1px solid #29a5b8;border-radius:12px;padding:23px 30px;letter-spacing:.19em;font-size:13px;background:linear-gradient(90deg,#0c546677,#03101d);box-shadow:0 0 25px #00b4e323}.proof-graphic span:nth-child(2){margin-left:35px}.proof-graphic span:nth-child(3){margin-left:70px}.about{text-align:center;background:radial-gradient(ellipse at center,#073442 0%,#020912 65%)}.about-inner{max-width:850px}.about p{max-width:660px;margin:auto}.contact{padding-top:45px}.contact-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #27a0b4;border-radius:25px;padding:58px;background:linear-gradient(120deg,#073342cc,#03131f);box-shadow:0 0 42px #00aaff22}.contact-panel h2{font-size:clamp(33px,3.6vw,50px)}.contact-panel p{max-width:550px;margin-bottom:0}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.contact-actions small{max-width:220px;text-align:center;color:#90aeba;font-size:11px}footer{border-top:1px solid #184858;padding:20px 0 30px;background:#010810}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ba8b6;font-size:12px}.footer-inner img{object-fit:contain}dialog{width:min(550px,calc(100% - 32px));border:1px solid #36d5e7;border-radius:20px;background:#051724;color:white;box-shadow:0 0 60px #0af0ff44;padding:0}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}.dialog-content{padding:36px}.dialog-content h2{font-size:38px}.dialog-content p{line-height:1.7;color:#c4dce4}.dialog-note{font-size:13px}.dialog-close{float:right;border:0;background:transparent;color:#dff;font-size:32px}.mobile-nav[hidden]{display:none}
@keyframes levitate{0%{transform:translateY(0) rotateY(-5deg) rotateZ(-1deg)}100%{transform:translateY(-17px) rotateY(5deg) rotateZ(1deg)}}@keyframes ringpulse{to{opacity:.52;filter:brightness(1.4)}}@media(max-width:1050px){.wrap{width:min(100% - 52px,1290px)}.desktop-nav{gap:17px}.brand{width:145px}.brand img{width:145px}.nav-demo{padding:12px 17px}.hero-grid{grid-template-columns:49% 51%}.hero h1{font-size:clamp(45px,5.6vw,67px)}.symbol-stage{left:17%}.split{gap:20px}.value-item{gap:10px;font-size:13px}.value-item svg{width:38px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1290px)}.header-inner{height:75px}.brand{width:126px;height:72px}.brand img{width:126px}.desktop-nav{display:none}.nav-demo{margin-left:auto;padding:9px 15px;min-height:39px;font-size:12px}.menu-button{display:flex;width:39px;height:39px;flex-direction:column;justify-content:center;gap:5px;border:1px solid #207181;border-radius:10px;background:#03121d;padding:9px}.menu-button span{height:2px;width:100%;background:#b9faff;border-radius:2px}.mobile-nav:not([hidden]){display:flex;position:absolute;top:75px;left:0;right:0;flex-direction:column;background:#041522f7;border-bottom:1px solid #1c8499;padding:15px 25px;gap:0;backdrop-filter:blur(16px)}.mobile-nav a{padding:13px 0;border-bottom:1px solid #164553;font-size:14px}.hero{min-height:920px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:920px;padding-top:117px}.hero-content{order:1;padding:0;z-index:5}.hero h1{font-size:clamp(47px,9.3vw,69px)}.hero-description{font-size:16px;max-width:510px}.hero-actions{gap:11px}.hero-actions .btn{padding:13px 17px;font-size:12px;min-height:44px}.micro-copy{margin-top:23px}.scene{order:2;height:395px;width:100%;margin-top:0}.symbol-stage{top:0;left:calc(50% - 113px);height:300px;width:226px}.platform{bottom:0;left:3%;width:94%;height:135px}.platform-base{height:75px}.ring-outer{height:120px}.ring-middle{height:100px}.ring-inner{height:68px}.light-beam{height:230px;bottom:46px}.terrain{height:100px}.value-grid{grid-template-columns:1fr 1fr;gap:15px;padding:25px 0}.value-item{justify-content:flex-start;font-size:12px}.section{padding:75px 0}.split,.proof-inner{grid-template-columns:1fr}.stack-art{min-height:345px;order:2}.split-copy{order:1;padding:0}.glass-sheet{height:220px;top:40px}.section-heading{display:block}.service-grid{grid-template-columns:1fr}.service-card{min-height:215px}.proof-inner{gap:35px}.contact-panel{display:block;padding:32px 25px}.contact-actions{align-items:flex-start;margin-top:25px}.contact-actions small{text-align:left}.footer-inner{flex-wrap:wrap}.footer-inner span{order:3;width:100%}}
@media(max-width:390px){.hero h1{font-size:43px}.hero-actions .btn{padding:12px}.hero{min-height:905px}.hero-grid{min-height:905px}.eyebrow{font-size:9px}.scene{height:360px}.value-item svg{width:30px;height:30px}.value-item{font-size:11px}.nav-demo{font-size:11px;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.symbol-stage.has-3d{animation:none;filter:drop-shadow(0 0 22px #0beaf380)}
.symbol-stage.has-3d .symbol-face,.symbol-stage.has-3d .symbol-depth{display:none}
.symbol-canvas{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.proof-graphic span:nth-child(4){margin-left:35px}