@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#080f1c;--surface:#0e1929;--text:#f4f5f8;--muted:#9eaabe;--orange:#ff831d;--pink:#ef1760;--line:#ffffff18;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}em{font-style:normal;color:var(--orange)}.skip{position:fixed;top:-90px;left:20px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.header{height:98px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 5.2vw;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.header.scrolled{background:#080f1ced;backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:11px}.brand>span:last-child{font-size:27px;font-weight:800;letter-spacing:.05em;line-height:1}.brand small{font-size:8px;letter-spacing:.2em;display:block;margin-top:7px}.brand-mark{display:block;width:46px;height:46px;border-radius:10px;overflow:hidden;background:#fff}.brand-mark img{width:100%;height:100%;object-fit:cover}.header nav{display:flex;gap:32px;align-items:center;font-size:13px}.header nav>a:not(.nav-cta){color:#dce1ea}.nav-cta{border:1px solid #ffffff48;border-radius:100px;padding:14px 21px}.nav-cta span{color:var(--orange);padding-left:13px}.menu-toggle{display:none}.story{height:700svh;position:relative}.stage{position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;background:#080f1c}.scene-images,.scene-image,.scene-shade{position:absolute;inset:0;width:100%;height:100%}.scene-image{object-fit:cover;object-position:center;opacity:0;will-change:opacity,transform}.scene-image.active{opacity:1}.scene-shade{background:linear-gradient(90deg,#080f1ceb 0%,#080f1c9c 31%,#080f1c05 63%),linear-gradient(0deg,#080f1ce3,transparent 20%,transparent 80%,#080f1c55);pointer-events:none}.story-copy{position:absolute;left:6.4vw;top:50%;width:48%;max-width:650px;transform:translateY(-45%)}.scene-copy{position:absolute;inset:0 auto auto 0;width:100%;opacity:0;pointer-events:none;transform:translateY(calc(-50% + 20px));transition:opacity .4s,transform .6s var(--ease)}.scene-copy.active{opacity:1;pointer-events:auto;transform:translateY(-50%)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.18em;color:#cad1dd;text-transform:uppercase;display:flex;gap:10px;align-items:center;line-height:1.6}.eyebrow>span{height:5px;width:5px;border-radius:100%;background:var(--orange);box-shadow:0 0 20px #ff831d}.scene-copy h1,.scene-copy h2{font-size:clamp(38px,4.2vw,72px);font-weight:500;line-height:1.12;letter-spacing:-.055em;margin:27px 0}.scene-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#c5cddb;max-width:360px}.text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid #ffffff5c;padding:0 0 12px;margin-top:30px;font-size:12px;font-weight:600}.text-link span{color:var(--orange);font-size:19px}.story-bottom{position:absolute;bottom:33px;left:5.2vw;right:5.2vw;display:flex;align-items:center;justify-content:space-between;padding-top:22px;border-top:1px solid #ffffff25;font-size:10px;letter-spacing:.06em}.scroll-hint{display:flex;align-items:center;gap:14px;color:#c7cfdd}.scroll-hint i{font-style:normal;font-size:23px;color:var(--orange);animation:down 2s infinite}.story-motto{font-size:9px;letter-spacing:.2em;color:#bac3d1}.story-count{display:flex;gap:12px;align-items:center}.story-count b{font-size:22px;font-weight:400}.story-count>span{color:#8e9bae}.scene-nav{position:absolute;right:2.1vw;top:50%;display:flex;flex-direction:column;gap:14px;transform:translateY(-50%)}.scene-nav button{width:5px;height:5px;padding:0;background:#ffffff48;border-radius:10px;position:relative;transition:height .3s,background .3s}.scene-nav button:before{content:'';position:absolute;inset:-8px}.scene-nav button.active{height:25px;background:var(--orange)}.story-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff12}.story-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--orange),var(--pink))}.intro-card{position:absolute;width:min(28vw,450px);aspect-ratio:1.75;left:65%;top:44%;perspective:1300px;pointer-events:none;will-change:transform,opacity}.card-rotor,.display-rotor{height:100%;width:100%;position:relative;transform-style:preserve-3d}.card-face{position:absolute;inset:0;border-radius:clamp(8px,1vw,18px);background-color:#0a1522;background-size:115% 126%;background-position:50% 50%;backface-visibility:hidden;box-shadow:0 25px 70px #0008;border:1px solid #5d6878}.card-front{background-image:url('assets/kart-on.webp')}.card-back{background-image:url('assets/kart-arka.webp');transform:rotateY(180deg)}.section{padding:110px 6.4vw;scroll-margin-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px}.section-heading h2,.card-description h2,.contact h2{font-size:clamp(36px,4.2vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin-top:20px}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.9;padding-bottom:4px}.solutions{background:#0b1422}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 22px}.solution{padding:0;text-align:left;background:transparent;overflow:hidden}.solution img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;object-position:70% center;transition:transform .7s var(--ease);border-radius:5px}.solution:hover img{transform:scale(1.035)}.solution-meta{display:block;padding:20px 0;border-bottom:1px solid var(--line)}.solution small{font-size:8px;letter-spacing:.18em;color:var(--muted)}.solution strong{display:flex;align-items:center;justify-content:space-between;font-size:19px;font-weight:500;margin-top:9px}.solution strong b{font-size:22px;font-weight:400;color:var(--orange)}.how{background:#080f1c}.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps li{border-top:1px solid #ffffff30;padding-top:25px}.steps li>span{font-size:12px;color:var(--orange)}.steps h3{font-size:21px;font-weight:500;margin:38px 0 16px}.steps p{color:var(--muted);font-size:14px;line-height:1.9;max-width:310px}.card-section{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:8vw;background:radial-gradient(ellipse at 20% 60%,#20203b,#0c1422 65%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.card-art{perspective:1300px;padding:45px 0 5px;text-align:center}.display-card{aspect-ratio:1.75;width:100%;transform:rotate(-7deg);perspective:1300px}.display-rotor{transition:transform 1.2s var(--ease)}.display-rotor.flipped{transform:rotateY(180deg)}.flip-button{margin-top:55px;background:transparent;border:1px solid #ffffff35;border-radius:100px;padding:12px 24px;font-size:11px}.flip-button span{font-size:18px;margin-left:12px;color:var(--orange)}.card-description>p:not(.eyebrow){color:var(--muted);line-height:1.9;font-size:14px;margin-top:25px;max-width:385px}.card-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.card-tags span{padding:8px 12px;border:1px solid var(--line);border-radius:4px;font-size:10px;color:#c5cedc}.contact{text-align:center;padding-top:130px;padding-bottom:130px;background:radial-gradient(ellipse at 50% 110%,#49203e80,transparent 65%)}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(45px,6vw,90px);margin-top:28px}.contact>p:not(.eyebrow){margin-top:28px;color:var(--muted);font-size:14px}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:30px;background:linear-gradient(110deg,#ff8b23,#ed205f);padding:18px 25px;border-radius:4px;color:#fff;font-size:12px;font-weight:700;margin-top:35px}.button-primary span{font-size:20px}.contact-note{display:block;font-size:10px;color:var(--muted);margin-top:18px}footer{padding:38px 6.4vw;display:flex;flex-wrap:wrap;gap:25px;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.footer-brand{font-size:25px;color:white;font-weight:700;letter-spacing:.05em;margin-right:auto}.footer-brand span{font-size:7px;letter-spacing:.2em;display:block}footer small{width:100%;font-size:9px;color:#78869c;line-height:1.7}dialog{position:fixed;background:#101c2d;color:var(--text);padding:0;border:1px solid #ffffff30;border-radius:12px;width:min(880px,92vw);max-height:90svh;overflow:auto;box-shadow:0 50px 150px #0008}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}dialog>img{width:100%;height:260px;object-fit:cover;object-position:70% 50%}.dialog-close{position:absolute;right:12px;top:12px;background:#080f1ce6;border:1px solid #ffffff40;width:38px;height:38px;border-radius:100%;font-size:25px}.dialog-content{padding:35px}.dialog-content h2{font-size:35px;margin:16px 0}.dialog-content>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#bec9da}.dialog-content ul{padding-left:18px;line-height:2;font-size:13px;color:#cbd3df}body.dialog-open{overflow:hidden}@keyframes down{50%{transform:translateY(5px)}}
@media(min-width:1700px){.story-copy{left:8vw}.header{padding:0 6.4vw}.scene-copy h1,.scene-copy h2{font-size:78px}}
@media(max-width:900px){.header{height:78px;padding:0 5vw}.header nav{gap:20px;font-size:11px}.nav-cta{padding:12px}.scene-copy h1,.scene-copy h2{font-size:43px}.story-copy{width:53%}.scene-copy>p:not(.eyebrow){font-size:13px;max-width:290px}.section{padding:85px 6vw}.solutions-grid{grid-template-columns:repeat(2,1fr)}.steps{gap:25px}.card-section{gap:5vw}.card-description h2{font-size:38px}.story-motto{display:none}.intro-card{width:34vw;left:61%}}
@media(max-width:600px){html{scroll-padding-top:78px}.header{height:76px}.brand-mark{width:36px;height:36px}.brand>span:last-child{font-size:24px}.brand small{font-size:6px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;padding:12px}.menu-toggle span{width:25px;height:1px;background:white}.header nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0c1727;padding:25px;flex-direction:column;align-items:stretch;gap:25px;font-size:14px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.nav-cta{text-align:center}.story{height:640svh}.stage{min-height:600px}.scene-image{object-position:65% 50%}.scene-shade{background:linear-gradient(0deg,#080f1c 0%,#080f1ce8 24%,#080f1c88 45%,transparent 68%,#080f1c66 100%)}.story-copy{left:7vw;top:auto;bottom:105px;transform:none;width:85%;max-width:none;height:240px}.scene-copy{top:auto;bottom:0;transform:translateY(18px)}.scene-copy.active{transform:none}.scene-copy h1,.scene-copy h2{font-size:37px;line-height:1.12;margin:16px 0}.scene-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:310px}.eyebrow{font-size:8px;letter-spacing:.14em}.text-link{margin-top:18px;font-size:11px;padding-bottom:8px}.story-bottom{left:7vw;right:7vw;bottom:20px;padding-top:15px}.scroll-hint{font-size:8px;gap:9px}.story-count b{font-size:19px}.scene-nav{right:3vw;top:46%;gap:13px}.scene-nav button{width:3px;height:3px}.scene-nav button.active{height:18px}.intro-card{width:49vw;left:42%;top:25%}.section{padding:65px 7vw}.section-heading{display:block;margin-bottom:33px}.section-heading h2,.card-description h2{font-size:37px}.section-heading>p{margin-top:23px;font-size:12px}.solutions-grid{gap:25px 15px}.solution img{aspect-ratio:1.05;object-position:73% center}.solution-meta{padding:14px 0}.solution small{font-size:6px;letter-spacing:.1em}.solution strong{font-size:13px;line-height:1.4;gap:6px}.solution strong b{font-size:17px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin:18px 0 10px;font-size:20px}.steps p{font-size:13px;max-width:none}.card-section{grid-template-columns:1fr;gap:55px}.card-art{padding:20px 5px 0}.flip-button{margin-top:33px}.card-description>p:not(.eyebrow){font-size:13px}.contact{padding-top:80px;padding-bottom:80px}.contact h2{font-size:47px}.contact>p:not(.eyebrow){font-size:13px;line-height:1.8}.button-primary{gap:15px;padding:16px 18px;font-size:11px}footer{padding:30px 7vw;font-size:10px;gap:20px}footer>p{width:100%;font-size:9px}dialog>img{height:190px}.dialog-content{padding:25px}.dialog-content h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro-card{display:none}.scene-image{will-change:auto}}
/* All six ISES solutions in the primary navigation. */
.header nav{gap:22px;font-size:11px}
@media(min-width:1101px){.header{padding-left:4vw;padding-right:4vw}.nav-cta{padding:12px 18px}}
@media(min-width:601px) and (max-width:1100px){.menu-toggle{display:flex;flex-direction:column;gap:6px;background:transparent;padding:12px}.menu-toggle span{width:25px;height:1px;background:white}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0c1727;padding:25px 6vw;flex-direction:column;align-items:stretch;gap:22px;font-size:14px;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.nav-cta{text-align:center}}
@media(max-width:600px){.header nav{font-size:14px;gap:22px;max-height:calc(100svh - 76px);overflow-y:auto}}
