:root{color-scheme:dark;--space:#05070b;--white:#f4f6fa;--muted:#8b95a8;--line:#ffffff20;font-family:'Manrope',Arial,sans-serif;color:var(--white);background:var(--space)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #62bdec;outline-offset:5px}button:disabled{cursor:default;opacity:.5}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}#universe,.space-glow{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#universe{z-index:-2}.space-glow{z-index:-1;background:radial-gradient(ellipse at 62% 85%,#273d5e25,transparent 52%)}#studio-header{height:100px;position:absolute;z-index:5;top:0;left:0;width:100%;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.fusion-logo{font-size:31px;font-weight:700;letter-spacing:-2px}.fusion-logo span{color:#a9c7e7}#studio-header>div{display:flex;align-items:center;gap:34px}#studio-header button,#skip-intro{background:none;font-size:12px;color:#b6bfce}#skip-intro span{padding-left:12px}#motion-toggle{border-bottom:1px solid #ffffff26;padding:7px 0}#stage{min-height:100svh;outline:none}.scene{position:relative;min-height:100svh;padding:140px 7% 110px;display:flex;align-items:center;justify-content:center}.scene-inner{position:relative;z-index:1}.opening{text-align:center;overflow:hidden}.opening h1{font-weight:400;letter-spacing:-.06em;font-size:clamp(52px,6.2vw,102px);line-height:1.1;margin:0 0 48px}.opening h1 span{color:#cbd5e4}.begin{display:inline-flex;gap:16px;align-items:center;font-size:13px;letter-spacing:.06em;background:none}.begin-circle{display:grid;place-items:center;border:1px solid #c3d7f950;width:61px;height:61px;border-radius:50%;font-size:26px;transition:background .3s,transform .3s}.begin:hover .begin-circle{background:#e4edff12;transform:translateX(6px)}.orbital{pointer-events:none;position:absolute;width:76vw;height:50vw;left:38%;top:53%;transform:rotate(-18deg);opacity:.75}.orbital i{position:absolute;inset:10%;border-radius:50%;border:1px solid #97b9e45b;box-shadow:0 0 17px #82baff0f,inset 0 0 8px #acdbff15;transform:rotateX(73deg);animation:tide 9s ease-in-out infinite alternate}.orbital i:nth-child(2){inset:13%;border-color:#b3d9ff80;animation-delay:-2s}.orbital i:nth-child(3){inset:17%;animation-delay:-4s}.orbital i:nth-child(4){inset:22%;animation-delay:-6s}.orbital i:nth-child(5){inset:28%;border-color:#b3d9ff90}.orbital i:nth-child(6){inset:34%}@keyframes tide{from{transform:rotateX(73deg) scale(.94);opacity:.35}to{transform:rotateX(70deg) scale(1.05);opacity:.9}}.story{text-align:center}.overline{font-size:10px;letter-spacing:.23em;color:#9aa9bf;font-weight:600}.story h1{font-size:clamp(55px,6vw,93px);font-weight:400;letter-spacing:-.065em;line-height:1.08;margin:25px 0 34px}.story-lines{font-size:clamp(15px,1.6vw,20px);line-height:1.85;color:#99a5b8}.story-lines strong{display:block;color:#e8edf6;font-weight:500;margin-top:21px}.studio-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid #c6d8f255;background:#c6ddff05;border-radius:99px;padding:18px 28px;font-size:13px;transition:background .3s,border-color .3s}.studio-button:hover{background:#accdf01b;border-color:#e1eeff}.story .studio-button{margin-top:27px}.story .orbital{left:9%;top:56%;width:82vw;height:39vw;transform:none;opacity:.4}#journey-footer{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#8f9bb0;z-index:4}.scene-progress{display:flex;gap:10px;position:absolute;left:50%;transform:translateX(-50%)}.scene-progress a{width:22px;height:22px;display:grid;place-items:center}.scene-progress a:after{content:'';width:5px;height:5px;border-radius:50%;background:#687387}.scene-progress a.active:after{background:#e1edff;box-shadow:0 0 12px #91b9ff}.explore{display:block;max-width:1450px;margin:auto;padding-top:147px;padding-bottom:130px}.explore-heading{margin-bottom:38px}.explore-heading .overline{margin-bottom:16px}.explore h1{font-size:clamp(37px,4.1vw,64px);font-weight:400;letter-spacing:-.055em;margin-bottom:14px}.explore-heading>p:last-child{font-size:14px;color:#8f9bb0}.business-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.business-card{position:relative;isolation:isolate;overflow:hidden;text-align:left;min-height:142px;border:1px solid #a7bfdf25;border-radius:9px;padding:23px;background:linear-gradient(125deg,#8cb9f209,#080d1505);transition:border-color .35s,transform .35s,background .35s}.business-card:hover{transform:translateY(-5px);border-color:#9dbfe688;background:#9bbef511}.business-card:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--x,50%) var(--y,50%),#c5e1ff12,transparent 70%);opacity:0;transition:opacity .3s}.business-card:hover:before{opacity:1}.business-card svg{width:24px;height:24px;color:#b4c5dd;margin-bottom:21px;stroke-width:1.35}.business-card h2{font-size:15px;font-weight:500;letter-spacing:-.02em;margin-bottom:7px}.business-card p{font-size:10px;color:#8593aa;margin:0}.business-card .enter-arrow{position:absolute;right:20px;top:22px;opacity:0;transition:opacity .3s}.business-card:hover .enter-arrow{opacity:1}.explore-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:29px;color:#8491a7;font-size:11px}.explore-bottom button{background:none;border-bottom:1px solid #ffffff3b;padding:8px 0;color:#c4cede}.demo-mode{background:#fff;color:#171b22;color-scheme:light}.demo-mode #universe,.demo-mode .space-glow,.demo-mode #studio-header,.demo-mode #journey-footer{display:none}.demo-toolbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:53px;padding:9px 24px;background:#080c13;color:#d8e2f1;font-size:11px;box-shadow:0 1px #fff2}.demo-toolbar a{display:flex;gap:12px;align-items:center;white-space:nowrap}.demo-toolbar .toolbar-brand{color:#9ba7b9;font-size:10px;letter-spacing:.04em}.demo-toolbar button{border:1px solid #b5c7df55;background:transparent;padding:9px 15px;border-radius:99px;font-size:10px}.demo-site{min-height:calc(100svh - 53px);overflow-x:clip}.demo-site button,.demo-site input,.demo-site select,.demo-site textarea{font:inherit}.demo-site dialog{max-width:min(680px,calc(100% - 28px));max-height:88svh;overflow:auto}.demo-site dialog::backdrop{background:#03080bb3;backdrop-filter:blur(5px)}#water-transition{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse at center,transparent 0%,#101c2a66 100%)}.water-ring{position:absolute;left:var(--origin-x,50%);top:var(--origin-y,50%);width:50vmax;height:50vmax;border-radius:50%;border:1px solid #e5f7ffd9;box-shadow:0 0 32px #b5d9ff88,inset 0 0 38px #c2e9ff40;backdrop-filter:blur(2px);transform:translate(-50%,-50%) scale(.01);opacity:0}.water-ring:nth-child(2){width:43vmax;height:43vmax}.water-ring:nth-child(3){width:35vmax;height:35vmax}#portal-label{color:#fff;font-size:11px;letter-spacing:.25em;text-transform:uppercase;text-shadow:0 2px 12px #000}.filter-defs{position:absolute;width:0;height:0;pointer-events:none}.studio-dialog{color-scheme:dark;background:#0d131e;color:#edf3ff;border:1px solid #7188a34f;border-radius:18px;padding:43px;width:min(500px,calc(100% - 24px));max-height:90svh;overflow:auto}.studio-dialog::backdrop{background:#03070bd9;backdrop-filter:blur(12px)}.studio-dialog h2{font-size:35px;font-weight:400;letter-spacing:-.05em;margin-bottom:15px}.studio-dialog>p:not(.overline){font-size:13px;line-height:1.7;color:#98a7bd}.dialog-close{position:absolute;right:15px;top:12px;background:none;font-size:29px;color:#d6e0ef}.studio-dialog form{display:grid;gap:17px;margin-top:27px}.studio-dialog label{display:grid;gap:8px;font-size:11px;color:#b5c3d6}.studio-dialog input,.studio-dialog select,.studio-dialog textarea{width:100%;background:#ffffff06;border:1px solid #bfd4f52c;color:#f0f5ff;padding:11px;border-radius:5px;font-size:13px}.studio-dialog option{background:#101823}.form-note{font-size:10px;color:#8491a7;text-align:center;margin:0}#brief-status{font-size:12px;color:#b8dfc8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;top:-100px;left:15px;padding:12px;background:#fff;color:#000;z-index:1001}.skip-link:focus{top:10px}.motion-off *, .motion-off *:before,.motion-off *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body:not(.demo-mode){position:relative}
@media(min-width:1500px){.business-card{min-height:175px;padding:28px}.business-card svg{margin-bottom:32px}}
@media(max-width:800px){#studio-header{height:80px;padding:0 6%}#studio-header>div{gap:20px}.fusion-logo{font-size:27px}.scene{padding:120px 7% 100px}.business-grid{grid-template-columns:repeat(3,1fr)}.business-card{padding:18px;min-height:140px}.explore{padding-top:115px}.explore-bottom{gap:25px}.opening h1{font-size:clamp(48px,9vw,73px)}.orbital{width:120vw;height:80vw;left:15%;top:55%}#journey-footer{position:absolute}.demo-toolbar .toolbar-brand{display:none}}
@media(max-width:540px){#studio-header>div{gap:16px}#motion-toggle{font-size:9px!important}#skip-intro{font-size:10px}.opening h1{font-size:50px;letter-spacing:-.06em}.opening .scene-inner{margin-top:-50px}.begin-circle{width:53px;height:53px}.story h1{font-size:55px}.story-lines{font-size:14px}.story .orbital{width:160vw;height:100vw;left:-30%;top:64%}.explore h1{font-size:38px}.explore-heading>p:last-child{font-size:12px}.business-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.business-card{padding:18px 15px;min-height:140px}.business-card h2{font-size:13px}.business-card p{font-size:9px}.explore-bottom{align-items:flex-start;flex-direction:column;gap:14px}.demo-toolbar{padding:8px 13px;font-size:10px;gap:8px}.demo-toolbar button{font-size:9px;padding:8px 10px}.studio-dialog{padding:35px 24px}.studio-dialog h2{font-size:31px}#journey-footer{bottom:24px}.scene-progress{gap:4px}}
.story{overflow:hidden}
:root{overflow-x:clip}body{min-width:0}
/* Project entry stays clear without competing with the twelve examples. */
.fusion-logo{font-size:28px;letter-spacing:-1.6px}
.showcase-start{display:flex;align-items:center;gap:18px;margin-top:27px}
.showcase-start>span{font-size:11px;color:#8f9bb0;max-width:150px;line-height:1.7}
.project-primary{background:#e0eaf8;color:#101b2b;border-color:#e0eaf8;font-weight:700;min-height:48px}
.project-primary:hover{background:#fff;color:#101b2b;border-color:#fff;transform:translateY(-1px)}
.demo-depth{display:block;margin-top:13px;font-size:9px;letter-spacing:.04em;color:#d1e2fb}
.mobile-project-start{display:none}
@media(min-width:1050px){.explore-heading{position:relative;padding-right:330px;min-height:128px}.showcase-start{position:absolute;right:0;bottom:7px;flex-direction:column;align-items:flex-end;gap:8px;margin:0}.showcase-start>span{max-width:none}}
@media(max-width:540px){.fusion-logo{font-size:23px;letter-spacing:-1.2px}#studio-header>div{gap:12px}.showcase-start{align-items:flex-start;flex-direction:column;gap:9px}.showcase-start>span{max-width:none}.explore{padding-bottom:185px}.mobile-project-start{display:flex;position:fixed;z-index:10;bottom:0;left:0;right:0;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#080c13f5;border-top:1px solid #b4c5dd22;backdrop-filter:blur(14px)}.mobile-project-start .studio-button{width:100%}body:has(.explore) #journey-footer{bottom:90px}.demo-toolbar button{max-width:145px;line-height:1.4}}