:root{--bg:#040c1e;--panel:#08172e;--blue:#2487ff;--ice:#70c8ff;--text:#f5faff;--muted:#a5b8d1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}a{text-decoration:none;color:inherit}.header{position:sticky;top:0;z-index:20;background:rgba(4,12,30,.9);backdrop-filter:blur(18px);border-bottom:1px solid #244166}.nav{max-width:1450px;margin:auto;min-height:92px;padding:12px 26px;display:flex;align-items:center;gap:26px;justify-content:space-between}.brand img{width:260px;max-width:100%;height:auto;display:block}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{font-size:15px;color:#c7d8ef;transition:color .2s}.navlinks a:hover,.navlinks a.active{color:var(--ice)}.cta{display:inline-block;white-space:nowrap;background:linear-gradient(110deg,#1462dd,#2696ff);padding:13px 22px;border-radius:10px;font-weight:600;box-shadow:0 0 25px #1476ef45;transition:transform .2s,box-shadow .2s}.cta:hover{transform:translateY(-2px);box-shadow:0 0 32px #1476ef88}.menu-toggle{display:none;background:transparent;border:1px solid #3c658f;border-radius:8px;color:white;font-size:23px;padding:6px 11px}.placeholder{max-width:1150px;margin:auto;min-height:480px;padding:110px 28px}.eyebrow{letter-spacing:.23em;color:var(--ice);font-size:12px;font-weight:700}.placeholder h1,.footer h2{font-size:clamp(36px,5vw,67px);line-height:1.12;letter-spacing:-.035em;max-width:800px}.placeholder em,.footer h2 em{font-style:normal;color:var(--ice)}.placeholder p,.footer p{color:var(--muted);line-height:1.7}.footer{background:radial-gradient(ellipse at 90% 0%,#123d76 0%,transparent 42%),#061126;border-top:1px solid #214675}.footer-inner{max-width:1400px;margin:auto;padding:70px 28px 20px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:65px;border-bottom:1px solid #29415f}.footer-top h2{margin:18px 0;max-width:780px}.footer-top p{max-width:600px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:40px;padding:55px 0}.footer-brand img{max-width:330px;width:100%}.footer-grid h3{font-size:16px;margin:0 0 23px}.footer-grid a{display:block;color:var(--muted);font-size:14px;margin:0 0 16px}.footer-grid a:hover,.footer-bottom a:hover{color:var(--ice)}.footer-bottom{border-top:1px solid #29415f;padding:24px 0;display:flex;justify-content:space-between;gap:20px;color:#9eb1cc;font-size:13px}@media(max-width:1100px){.nav{flex-wrap:wrap}.brand img{width:220px}.menu-toggle{display:block;margin-left:auto}.navlinks{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:12px 0}.navlinks.open{display:flex}.navlinks a{padding:13px 5px;border-bottom:1px solid #223c5c}.nav>.cta{padding:10px 13px}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.nav{padding:12px 16px;gap:10px;min-height:72px}.brand img{width:170px}.nav>.cta{display:none}.footer-inner{padding:50px 20px 16px}.footer-top{display:block}.footer-top .cta{margin-top:15px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.placeholder{padding:90px 20px}}

/* Cinematic entrance */
.experience{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 62%,#092957 0%,#040e23 54%,#010713 100%);color:#fff;text-align:center;padding:24px;transition:opacity .8s ease,visibility .8s ease}
.experience::before{content:"";position:absolute;inset:-50%;background:repeating-radial-gradient(circle at center,transparent 0 85px,#2774cf13 86px 87px);animation:df-spin 45s linear infinite;pointer-events:none}
.experience-glow{position:absolute;width:min(80vw,600px);aspect-ratio:1;border-radius:50%;background:#1677f5;filter:blur(125px);opacity:.16;pointer-events:none;transition:transform 1.1s,opacity 1.1s}
.experience-content{position:relative;z-index:1;max-width:820px;width:100%;display:flex;align-items:center;flex-direction:column;gap:22px}
.experience-kicker{font-size:11px;letter-spacing:.3em;color:#86bdfc}
.experience-logo{width:min(440px,80vw);height:auto;object-fit:contain;max-height:120px}
.experience-message{min-height:190px;display:grid;align-content:center;gap:14px;animation:df-appear .8s both}
.experience-message h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.13;margin:0;letter-spacing:-.035em}
.experience-message h1 em{font-style:normal;color:#49a6ff}
.experience-message p{font-size:clamp(1rem,2vw,1.25rem);color:#b5c9e3;margin:0}
.experience-enter{border:1px solid #75c0ff;background:linear-gradient(110deg,#1469e3,#3299ff);color:#fff;padding:17px 30px;border-radius:100px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 0 30px #178bff70;opacity:0;transform:translateY(14px);transition:opacity .6s,transform .6s,box-shadow .2s}
.experience-enter.ready{opacity:1;transform:translateY(0)}.experience-enter:hover{box-shadow:0 0 55px #3299ffbb;transform:translateY(-2px)}
.experience-skip{background:none;border:0;color:#a6b7cc;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px}
.experience.revealing .experience-glow{transform:scale(7);opacity:1}.experience.revealing{opacity:0;visibility:hidden;pointer-events:none}
.experience.hidden{display:none}
@keyframes df-appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes df-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.experience,.experience-glow,.experience-enter{transition:none!important}.experience::before{animation:none}.experience-message{animation:none}}

/* V3: cinematic interactive image-based portal entrance */
body.portal-locked{overflow:hidden}.portal-intro{position:fixed;inset:0;z-index:9999;background:#030917;overflow:hidden;isolation:isolate}.portal-scene{position:absolute;inset:0;background-image:url('../images/portal-clean.webp');background-position:center;background-size:cover;transform:scale(1.015);animation:portal-breathe 9s ease-in-out infinite alternate}.portal-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,5,20,.38) 100%);pointer-events:none}.portal-actions{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:18px;width:min(95vw,440px)}.portal-enter{border:1px solid #b4edff;border-radius:999px;color:white;background:linear-gradient(110deg,#0748ba,#057cff);padding:19px 30px;font-size:clamp(14px,1.2vw,19px);font-weight:750;box-shadow:0 0 0 3px #067fff55,0 0 30px #008bff, inset 0 0 14px #55d7ff55;cursor:pointer;transition:transform .25s,box-shadow .25s;white-space:nowrap}.portal-enter:hover,.portal-enter:focus-visible{transform:translateY(-3px) scale(1.03);box-shadow:0 0 0 4px #067fff77,0 0 55px #008bff}.portal-enter span{margin-left:16px}.portal-skip{color:#d3e9ff;background:#03162dbb;border:1px solid #78a4c466;border-radius:20px;padding:6px 18px;cursor:pointer}.portal-flash{position:absolute;left:74%;top:48%;width:10vmin;height:10vmin;border-radius:50%;background:#8cddff;box-shadow:0 0 80px 35px #168aff;opacity:0;transform:translate(-50%,-50%) scale(.1);pointer-events:none}.portal-opening .portal-flash{animation:portal-warp 1.2s ease-in forwards}.portal-opening .portal-scene{animation:portal-zoom 1.2s ease-in forwards}.portal-opening .portal-actions{opacity:0;transition:opacity .2s}.portal-opening{animation:portal-fade 1.2s ease-in forwards}@keyframes portal-breathe{to{transform:scale(1.045)}}@keyframes portal-warp{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}25%{opacity:.8}100%{opacity:1;transform:translate(-50%,-50%) scale(35)}}@keyframes portal-zoom{to{transform:scale(1.55);filter:blur(7px)}}@keyframes portal-fade{0%,75%{opacity:1}100%{opacity:0}}@media(max-width:700px){.portal-scene{background-position:56% center}.portal-intro:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,6,20,.08),rgba(0,6,20,.15) 52%,rgba(0,6,20,.85) 100%);pointer-events:none}.portal-actions{z-index:2;top:auto;bottom:7%;transform:translateX(-50%)}.portal-enter{font-size:14px;padding:16px 19px}}@media(prefers-reduced-motion:reduce){.portal-scene{animation:none}.portal-opening,.portal-opening .portal-flash,.portal-opening .portal-scene{animation:none}}

/* V4 clean artwork + genuine editable HTML intro text */
.portal-scene{background-image:url('../images/portal-clean.webp');background-position:center center}.portal-shade{background:linear-gradient(90deg,rgba(1,8,23,.08),transparent 25%,rgba(2,9,26,.18) 50%,transparent 75%),linear-gradient(0deg,rgba(1,7,21,.22),transparent 30%)}
.intro-content{position:absolute;inset:0;display:flex;align-items:center;flex-direction:column;z-index:3;pointer-events:none}.intro-brand{width:clamp(225px,28vw,440px);height:auto;max-height:22vh;object-fit:contain;margin-top:clamp(18px,4vh,55px);filter:drop-shadow(0 5px 20px #0009);animation:intro-rise .9s both}.intro-copy{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:min(42vw,670px);text-align:center;pointer-events:auto}.intro-kicker{letter-spacing:.32em;font-size:clamp(12px,1.4vw,22px);color:#c7e4ff;margin:0 0 4px;animation:intro-rise .8s .15s both}.intro-copy h1{font-size:clamp(62px,8vw,135px);line-height:.95;letter-spacing:-.05em;margin:0 0 18px;font-weight:850;background:linear-gradient(100deg,#fff 20%,#2c9aff 82%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 15px #177dff60);animation:intro-rise .9s .3s both}.intro-copy h1 span{color:#1a9cff}.intro-copy h2{font-size:clamp(23px,2.6vw,44px);line-height:1.15;margin:0 0 15px;color:#f6faff;animation:intro-rise .9s .5s both}.intro-copy h2 em{font-style:normal;color:#27b4ff}.intro-sub{font-size:clamp(13px,1.2vw,19px);line-height:1.4;color:#c6d8ed;margin:0 0 26px;animation:intro-rise .9s .7s both}.intro-copy .portal-enter{animation:intro-rise .9s .9s both,pulse-blue 2.7s 2s infinite}.intro-content .portal-skip{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);pointer-events:auto;background:rgba(2,12,32,.75);font-size:12px;opacity:.8}.portal-opening .intro-content{opacity:0;transition:opacity .25s}.portal-flash{z-index:5}@keyframes intro-rise{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@keyframes pulse-blue{50%{box-shadow:0 0 0 4px #067fff66,0 0 45px #008bff,inset 0 0 18px #55d7ff66}}
@media(max-width:800px){.portal-scene{background-position:52% center}.portal-shade{background:linear-gradient(90deg,rgba(1,7,20,.45),rgba(1,7,20,.4)),linear-gradient(0deg,rgba(1,7,20,.55),transparent 50%)}.intro-brand{width:min(70vw,350px);margin-top:7vh}.intro-copy{width:min(92vw,530px);top:52%;padding:22px 12px;border-radius:18px;background:rgba(2,11,30,.55);backdrop-filter:blur(5px)}.intro-copy h1{font-size:clamp(65px,15vw,105px)}.intro-copy h2{font-size:clamp(24px,5vw,36px)}.intro-copy .portal-enter{white-space:normal;line-height:1.35}.intro-sub{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.intro-brand,.intro-kicker,.intro-copy h1,.intro-copy h2,.intro-sub,.intro-copy .portal-enter{animation:none!important}}

/* V5: freshly generated background without any embedded text or logos */
.portal-shade{background:linear-gradient(90deg,transparent 30%,rgba(1,8,23,.20) 44%,rgba(1,8,23,.23) 59%,transparent 73%)}

/* V6 premium light corporate site */
:root{--blue:#258dff;--ice:#69bdff;--navy:#030d22;--ink:#102847}body{background:#fff;color:var(--ink)}.header{background:rgba(3,13,34,.97);border-bottom:2px solid #239aff;box-shadow:0 2px 15px #168dff6b;z-index:50}.nav{max-width:1600px;min-height:88px;padding:12px 32px;flex-wrap:nowrap;gap:22px}.brand-lockup{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;min-width:0}.brand-symbol{width:77px;height:49px;object-fit:contain;display:block}.brand-words{display:flex;flex-direction:column;gap:4px;white-space:nowrap}.brand-words strong{font-size:clamp(16px,1.45vw,23px);letter-spacing:-.035em;color:#fff;font-weight:750}.brand-words strong span{color:#2e95ff}.brand-words small{font-size:clamp(10px,.83vw,13px);color:#89caff;letter-spacing:.012em}.navlinks{gap:clamp(15px,2vw,35px);margin-left:auto;white-space:nowrap}.navlinks a{position:relative;font-size:clamp(14px,.98vw,16px);font-weight:600;color:#e4edfc;padding:15px 0;transition:color .25s,text-shadow .25s}.navlinks a:after{content:'';position:absolute;bottom:7px;left:50%;right:50%;height:2px;background:#38a9ff;box-shadow:0 0 11px #2b9fff;transition:left .25s,right .25s}.navlinks a:hover:after,.navlinks a.active:after{left:0;right:0}.navlinks a:hover,.navlinks a.active{color:#78c7ff;text-shadow:0 0 14px #238fff}.hero{min-height:640px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5%;max-width:1470px;margin:auto;padding:95px 42px 105px}.eyebrow{color:#1478df}.hero h1{font-size:clamp(43px,5.2vw,80px);line-height:1.09;letter-spacing:-.055em;margin:20px 0;color:#0a2348;max-width:800px}.hero h1 em,.section h2 em{font-style:normal;color:#1887f8}.hero-content>p{font-size:19px;line-height:1.75;color:#58708e;max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 24px;border-radius:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.primary-button{color:#fff;background:linear-gradient(120deg,#1163d7,#299dff);box-shadow:0 12px 32px #1d7feb3a}.primary-button:hover{transform:translateY(-3px);box-shadow:0 13px 35px #1d7feb88}.secondary-button{border:1px solid #bdd5f2;color:#145aaf}.secondary-button:hover{border-color:#238fff;color:#0675e3}.hero-visual{min-height:450px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#e2f2ff 0%,#f5faff 47%,transparent 73%)}.hero-orb{width:min(32vw,365px);height:min(32vw,365px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 35%,#60c4ff,#0e65cf 52%,#032d78 85%);box-shadow:0 0 0 17px #cbe9ff80,0 0 0 38px #eaf6ff,0 28px 70px #2079c144;position:relative;animation:orbfloat 7s ease-in-out infinite}.orb-core{color:#fff;font-size:clamp(60px,8vw,115px);font-weight:850;letter-spacing:-.1em;text-shadow:0 0 30px #fff7}.orb-ring{position:absolute;inset:-26px;border:1px solid #6bbcff99;border-radius:50%}.ring-two{inset:-47px;border-style:dashed;opacity:.5}.float-chip{position:absolute;background:#fff;border:1px solid #d6e9fc;box-shadow:0 15px 35px #135b9d19;padding:13px 18px;border-radius:12px;font-size:13px;font-weight:700;color:#1767ba}.chip-a{top:12%;left:0}.chip-b{top:28%;right:0}.chip-c{bottom:13%;left:4%}@keyframes orbfloat{50%{transform:translateY(-13px)}}.section{padding:100px 28px}.section-inner{max-width:1370px;margin:auto}.section h2{font-size:clamp(34px,3.6vw,54px);line-height:1.17;letter-spacing:-.04em;color:#0b2850;margin:15px 0 25px}.section p{font-size:17px;line-height:1.8;color:#5a6d86}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.text-link{color:#0b73db;font-weight:700;display:inline-block;margin-top:10px}.services-section{background:#f2f8ff}.section-lead{margin-bottom:35px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-card{background:#fff;padding:34px 26px;border:1px solid #dceafb;border-radius:18px;box-shadow:0 10px 28px #1e73bd0c;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-7px);border-color:#64baff;box-shadow:0 18px 36px #1b75d52a}.service-icon{font-size:36px;color:#1788f4}.service-card h3{font-size:19px;color:#0e315d}.service-card p{font-size:14px}.portfolio-section{background:#fff}.footer{background:radial-gradient(ellipse at 88% 4%,#0b315b 0%,transparent 43%),#030d22;border-top:2px solid #239aff;box-shadow:0 -3px 19px #168dff60;color:#fff}.footer-inner{max-width:1540px;padding:72px 34px 0}.footer-invite{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:58px;border-bottom:1px solid #27466b}.footer-invite h2{font-size:clamp(32px,3.5vw,56px);line-height:1.15;margin:14px 0;letter-spacing:-.035em}.footer-invite h2 em{color:#68bdff;font-style:normal}.footer-invite p{color:#b1c5df}.footer-grid{display:grid;grid-template-columns:1.3fr .78fr 1fr 1.4fr;gap:clamp(22px,3.1vw,55px);padding:58px 0 60px}.footer-column{min-width:0}.footer-column h3{color:#fff;font-size:17px;margin:0 0 24px;padding-bottom:16px;position:relative}.footer-column h3:after{content:'';position:absolute;left:0;bottom:0;width:34px;height:2px;background:#2e9fff;box-shadow:0 0 11px #2e9fff}.footer-column>a:not(.brand-lockup):not(.contact-item){display:block;margin:0 0 17px;font-size:14px;color:#aec3df;transition:color .2s,transform .2s}.footer-column>a:hover{color:#7ac8ff!important}.footer-about p{font-size:14px;line-height:1.9;color:#aec3df;margin-top:24px;max-width:310px}.footer-about .brand-symbol{width:70px;height:46px}.footer-about .brand-words strong{font-size:18px}.footer-about .brand-words small{font-size:10px}.contact-item{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px;color:#aec3df;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.contact-item span{color:#53b3ff;font-size:19px;flex-shrink:0}.contact-item p{margin:0;color:#aec3df;line-height:1.7}.footer-bottom{border-top:1px solid #258cdb;box-shadow:0 -5px 12px -10px #39a7ff;padding:23px 0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap;font-size:13px;color:#b6c9e3}.legal-links{display:flex;gap:27px}.legal-links a{color:#b6c9e3}.legal-links a:hover{color:#79c7ff}a:focus-visible,button:focus-visible{outline:2px solid #7ad0ff;outline-offset:4px}
@media(max-width:1080px){.nav{min-height:76px;flex-wrap:nowrap}.menu-toggle{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#05132c;padding:12px 24px 22px;box-shadow:0 15px 28px #0005;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:13px 6px;border-bottom:1px solid #183354}.hero{grid-template-columns:1fr 1fr;padding:80px 28px}.footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-about .brand-symbol{width:48px}.footer-about .brand-words strong{font-size:13px}.footer-about .brand-words small{font-size:8px}.footer-column h3{font-size:15px}}
@media(max-width:760px){.nav{padding:10px 16px}.brand-symbol{width:54px;height:38px}.brand-words strong{font-size:16px}.brand-words small{font-size:10px}.hero{grid-template-columns:1fr;padding:75px 22px}.hero-visual{min-height:360px}.hero-orb{width:230px;height:230px}.split{grid-template-columns:1fr;gap:15px}.section{padding:70px 22px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-invite{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.footer-about .brand-symbol{width:65px}.footer-about .brand-words strong{font-size:17px}.footer-about .brand-words small{font-size:10px}.footer-bottom{white-space:normal;flex-wrap:wrap}}
@media(max-width:470px){.brand-words strong{font-size:13px}.brand-words small{font-size:8px}.brand-symbol{width:45px}.service-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-bottom{font-size:12px}.float-chip{font-size:10px;padding:9px}.hero-visual{min-height:310px}}
@media(prefers-reduced-motion:reduce){.hero-orb{animation:none}.service-card,.primary-button{transition:none}}