/* Supplied C6 cascade, scoped to the native hero and its navigation. */
#c6-hero *,#c6-header *{box-sizing:border-box}
#c6-hero button,#c6-header button,#c6-hero a,#c6-header a{-webkit-tap-highlight-color:transparent}
#c6-hero button,#c6-header button{font:inherit;color:inherit;cursor:pointer}
#c6-hero a,#c6-header a{color:inherit;text-decoration:none}
#c6-hero svg,#c6-header svg{width:24px;height:24px;display:block}
#c6-hero button:focus-visible,#c6-header button:focus-visible,#c6-hero a:focus-visible,#c6-header a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
#c6-hero.experience{--ink:#102843;--muted:#45617a;--accent:#235d9d;--line:rgba(32,77,114,.2);--cta:#102c4c;--cta-ink:#fff;position:relative;min-height:760px;height:100svh;max-height:1300px;overflow:clip;isolation:isolate;color:var(--ink);transition:color 1s ease;background:#d6e7f7}
#c6-hero.experience[data-theme=emerald]{--ink:#f2fff9;--muted:#c1ded3;--accent:#d6f6c9;--line:#c4f5df40;--cta:#effff3;--cta-ink:#143f33}
#c6-hero.experience[data-theme=champagne]{--ink:#352c35;--muted:#776266;--accent:#96563a;--line:#6c423c33;--cta:#3b3038;--cta-ink:#fff6ef}
#c6-hero.experience[data-theme=midnight]{--ink:#f0f3ff;--muted:#bec9e7;--accent:#9dbfff;--line:#b3c6fa33;--cta:#eff3ff;--cta-ink:#1a2447}
#c6-hero .backgrounds,#c6-hero .backdrop,#c6-hero .ambient-light,#c6-hero .texture{position:absolute;inset:0;pointer-events:none}
#c6-hero .backgrounds{z-index:-5}
#c6-hero .backdrop{opacity:0;transition:opacity 1.1s ease}
#c6-hero .backdrop.active{opacity:1}
#c6-hero .backdrop.ice{background:radial-gradient(ellipse at 84% 24%,#94b9df 0,transparent 47%),radial-gradient(ellipse at 65% 88%,#a7c1ec 0,transparent 54%),linear-gradient(115deg,#edf5f8 4%,#d9ecf7 36%,#b3cce8 80%,#c6d3ef)}
#c6-hero .backdrop.emerald{background:radial-gradient(ellipse at 80% 74%,#7bbd9c 0,transparent 53%),radial-gradient(ellipse at 55% 7%,#3c766b 0,transparent 58%),linear-gradient(115deg,#0b3937 5%,#205b50 58%,#437c62)}
#c6-hero .backdrop.champagne{background:radial-gradient(ellipse at 89% 43%,#f6b18b 0,transparent 48%),radial-gradient(ellipse at 68% 90%,#e7b8ad 0,transparent 48%),linear-gradient(120deg,#fbf3eb 0,#eed8d3 54%,#dfc4c0)}
#c6-hero .backdrop.midnight{background:radial-gradient(ellipse at 80% 45%,#273c80 0,transparent 51%),radial-gradient(ellipse at 68% 100%,#344486 0,transparent 53%),linear-gradient(125deg,#10172c 0,#151d39 43%,#101c3e)}
#c6-hero .ambient-light{left:43%;z-index:-3;background:radial-gradient(ellipse at 70% 65%,#fff7 0,transparent 55%);opacity:.4;animation:ambient 13s ease-in-out infinite alternate;mix-blend-mode:soft-light}
#c6-hero .texture{z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
#c6-header{position:absolute;top:0;left:0;right:0;z-index:30;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%}
#c6-header .brand{display:flex;align-items:center;gap:12px;background:#ffffffdf;padding:10px 15px 10px 12px;border-radius:5px;box-shadow:0 2px 20px #17395c05}
#c6-header .brand img{width:145px;height:auto}
#c6-header .brand>span{font-size:9px;letter-spacing:2px;font-weight:700;color:#647799;border-left:1px solid #afbed2;padding-left:12px;line-height:26px}
#c6-header .navigation{display:flex;gap:36px;font-size:12px;font-weight:500}
#c6-header .navigation a{padding:12px 0;position:relative}
#c6-header .navigation a:after{content:'';position:absolute;bottom:4px;height:1px;left:0;right:100%;background:currentColor;transition:right .3s}
#c6-header .navigation a:hover:after{right:0}
#c6-header .contact{display:flex;align-items:center;gap:25px;border:1px solid var(--line);border-radius:50px;padding:12px 20px;font-size:12px;background:#ffffff0a;transition:background .3s}
#c6-header .contact:hover{background:#ffffff30}
#c6-header .contact svg{width:19px;height:19px}
#c6-hero .scene-counter{position:absolute;z-index:10;right:4.7%;top:150px;display:flex;align-items:center;gap:11px;font-size:12px;font-variant-numeric:tabular-nums}
#c6-hero .counter-current{font-size:17px;font-weight:600}
#c6-hero .counter-rule{width:30px;height:1px;background:currentColor;opacity:.35}
#c6-hero .copy-wrap{position:absolute;left:5.8%;top:24%;width:44%;height:52%;z-index:12}
#c6-hero .copy{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .55s,transform .8s cubic-bezier(.16,1,.3,1),visibility 0s .65s;pointer-events:none}
#c6-hero .copy.active{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .7s .22s,transform 1s .18s;pointer-events:auto}
#c6-hero .eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:10px;font-weight:600;color:var(--accent);margin-bottom:34px;white-space:nowrap}
#c6-hero .eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;margin-right:4px}
#c6-hero .eyebrow>span{opacity:.5;margin:0 4px}
#c6-hero h1,#c6-hero h2{font-size:clamp(50px,5.5vw,91px);font-weight:400;letter-spacing:-.055em;line-height:1.035;margin:0 0 28px}
#c6-hero h1 em,#c6-hero h2 em{font-style:normal;color:var(--accent)}
#c6-hero .copy p{font-size:clamp(15px,1.26vw,20px);line-height:1.65;letter-spacing:-.015em;color:var(--muted);margin:0 0 31px}
#c6-hero .cta{display:inline-flex;align-items:center;gap:25px;background:var(--cta);color:var(--cta-ink);border-radius:40px;padding:8px 8px 8px 24px;font-size:12px;font-weight:500;box-shadow:0 6px 26px #12315114;transition:transform .3s,box-shadow .3s}
#c6-hero .cta span{background:#ffffff19;display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #ffffff24}
#c6-hero .cta svg{width:20px;height:20px}
#c6-hero .cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #12315124}
#c6-hero.experience[data-theme=emerald] .cta span,#c6-hero.experience[data-theme=midnight] .cta span{border-color:#24305225;background:#2337540c}
#c6-hero .copy-footnote{font-size:10px;letter-spacing:.4px;display:flex;gap:10px;align-items:center;margin-top:34px;color:var(--muted)}
#c6-hero .copy-footnote>span{width:22px;height:1px;background:currentColor;opacity:.5}
#c6-hero .visuals{position:absolute;left:44%;top:10%;bottom:15%;width:59%;z-index:4;pointer-events:none}
#c6-hero .art{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(40px) scale(.95);transition:opacity .85s,transform 1.3s cubic-bezier(.2,.65,.2,1),visibility 0s 1.3s}
#c6-hero .art.active{opacity:1;visibility:visible;transform:translateX(0) scale(1);transition:opacity 1.1s .05s,transform 1.8s cubic-bezier(.2,.65,.2,1);z-index:2}
#c6-hero .art-inner{position:absolute;width:100%;height:100%;transform:translate(var(--mx,0px),var(--my,0px));transition:transform 1s ease-out;perspective:1000px}
#c6-hero .halo{position:absolute;border-radius:50%;filter:blur(45px);animation:breathe 9s ease-in-out infinite alternate}
#c6-hero .halo-ice{width:67%;height:62%;top:13%;left:20%;background:radial-gradient(ellipse,#f7feffb3,transparent 70%)}
#c6-hero .media-frame{position:absolute;overflow:hidden;isolation:isolate;background:#2a465d;box-shadow:0 24px 60px #183b6440;will-change:transform}
#c6-hero .media-frame video,#c6-hero .media-frame img,#c6-hero .photo-sliver img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
#c6-hero .media-frame video{z-index:1;filter:saturate(.72)}
#c6-hero .media-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0e2b3910 40%,#091a34a1);pointer-events:none}
#c6-hero .frame-caption{position:absolute;z-index:5;bottom:10%;left:12%;font-size:8px;letter-spacing:1.9px;color:white;display:flex;align-items:center;gap:8px}
#c6-hero .frame-caption small{position:absolute;left:14px;top:18px;white-space:nowrap;font-size:6px;letter-spacing:1.9px;opacity:.65}
#c6-hero .live-dot{width:4px;height:4px;background:#b9fdde;border-radius:50%;box-shadow:0 0 10px #b9fdde}
#c6-hero .ice-main{width:81%;height:47%;left:13%;top:28%;clip-path:polygon(11% 9%,100% 0,89% 91%,0 100%);transform:rotate(-12deg);animation:iceFloat 12s ease-in-out infinite alternate;background:#245184}
#c6-hero .ice-main video{object-position:50% 55%;mix-blend-mode:normal;opacity:1;filter:saturate(.65) contrast(1.06)}
#c6-hero .ice-main .base-photo{opacity:1;filter:brightness(.65) saturate(.7)}
#c6-hero .ice-secondary{width:31%;height:49%;left:66%;top:6%;clip-path:polygon(17% 8%,100% 0,82% 94%,0 100%);transform:rotate(-12deg);opacity:.7;animation:secondaryFloat 14s ease-in-out infinite alternate}
#c6-hero .ice-secondary img{filter:saturate(.65)}
#c6-hero .photo-sliver{position:absolute;left:27%;top:72%;width:62%;height:14%;clip-path:polygon(5% 7%,100% 0,95% 100%,0 100%);transform:rotate(-12deg);opacity:.3;filter:blur(1px);overflow:hidden}
#c6-hero .glass-sail{position:absolute;border:1px solid #fff9;box-shadow:inset 0 1px 35px #fff5,15px 15px 50px #8eafe026;backdrop-filter:blur(7px);background:linear-gradient(125deg,#fff2,#d2ecff05 48%,#fff7 50%,#74aff915 51%,#b9d9fc44);clip-path:polygon(34% 4%,100% 0,65% 100%,0 100%);transform:rotate(11deg);animation:glassDrift 16s ease-in-out infinite alternate}
#c6-hero .sail-back{width:43%;height:78%;top:0;left:25%;opacity:.45;z-index:-1}
#c6-hero .sail-front{width:26%;height:61%;top:31%;left:4%;z-index:4;opacity:.8;transform:rotate(13deg);animation-delay:-5s}
#c6-hero .ribbon{position:absolute;width:126%;height:120%;left:-19%;top:-3%;overflow:visible;z-index:6;filter:drop-shadow(0 0 8px #e7faff70);animation:ribbonFloat 15s ease-in-out infinite alternate}
#c6-hero .light-streak{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#fffe,transparent);box-shadow:0 0 16px 2px #e2f6ff7a;transform:rotate(-22deg);z-index:6;animation:shimmer 8s ease-in-out infinite}
#c6-hero .ice-streak{width:87%;top:71%;left:1%}
#c6-hero .spark{position:absolute;width:5px;height:5px;border-radius:50%;background:white;box-shadow:0 0 10px 3px #fff9,0 0 50px 10px #d6eeff88;z-index:7;animation:twinkle 5s ease-in-out infinite}
#c6-hero .spark:before,#c6-hero .spark:after{content:'';position:absolute;background:linear-gradient(90deg,transparent,#fff,transparent);width:43px;height:1px;top:2px;left:-19px}
#c6-hero .spark:after{transform:rotate(90deg);width:23px;left:-9px}
#c6-hero .spark-a{top:23%;left:69%}
#c6-hero .spark-b{top:69%;left:20%;animation-delay:-2s}
#c6-hero .floating-note{display:none!important;position:absolute;z-index:8;display:flex;flex-direction:column;gap:9px;color:var(--ink);animation:noteFloat 11s ease-in-out infinite alternate}
#c6-hero .floating-note>span{font-size:7px;letter-spacing:2px;opacity:.65}
#c6-hero .floating-note>b{font-size:12px;font-weight:400;letter-spacing:.2px}
#c6-hero .note-ice{left:58%;top:84%}
#c6-hero .halo-green{width:80%;height:70%;left:13%;top:10%;background:radial-gradient(ellipse,#c2efb34d,transparent 68%)}
#c6-hero .glass-orb{position:absolute;left:20%;top:4%;width:64%;aspect-ratio:1;border-radius:50%;border:1px solid #e4ffda80;background:radial-gradient(circle at 26% 22%,#e1ffdd24 0,transparent 48%),radial-gradient(circle at 65% 62%,transparent 40%,#f1ffd633 69%,#edffd780 72%,#ebffdf0a 73%);box-shadow:inset 14px 0 35px #e1ffe01c,inset -10px -5px 25px #e3ffc633,0 0 25px #d8ffd422;animation:orbFloat 14s ease-in-out infinite alternate;overflow:hidden}
#c6-hero .orb-grid{position:absolute;inset:5%;border-radius:50%;background-image:radial-gradient(#dcffcb9e .9px,transparent 1.3px);background-size:10px 10px;mask-image:radial-gradient(ellipse at 70% 18%,#000,transparent 61%);transform:rotate(-21deg);animation:gridFloat 24s linear infinite}
#c6-hero .green-main{left:9%;top:35%;width:89%;height:39%;clip-path:polygon(7% 14%,100% 0,94% 84%,0 100%);transform:rotate(-17deg);animation:greenFloat 10s ease-in-out infinite alternate;box-shadow:0 30px 50px #142c254d}
#c6-hero .green-main video{filter:saturate(.6) contrast(1.03)}
#c6-hero .green-back{left:62%;top:19%;width:30%;height:26%;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transform:rotate(-17deg);opacity:.5;animation:greenFloat 13s ease-in-out -6s infinite alternate}
#c6-hero .ribbon-green{top:5%;filter:drop-shadow(0 0 9px #eaffc359);animation-duration:17s}
#c6-hero .orbit{position:absolute;border:1px solid #c5e9ff7a;border-radius:50%;z-index:5;pointer-events:none}
#c6-hero .orbit-green{width:95%;height:42%;left:1%;top:34%;transform:rotate(-26deg);border-color:#efffc278;box-shadow:0 0 16px #e3ffaf22,inset 0 0 12px #e4ffb71a;animation:greenOrbit 17s ease-in-out infinite alternate}
#c6-hero .spark-c{left:21%;top:64%;box-shadow:0 0 12px 4px #fdffeeba,0 0 45px 10px #ecffc877}
#c6-hero .note-green{left:59%;top:87%}
#c6-hero .halo-orange{width:80%;height:80%;left:10%;top:8%;background:radial-gradient(ellipse,#fff0da88,transparent 70%)}
#c6-hero .industry-card{width:40%;height:36%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);transform:rotate(-11deg);border:1px solid #fff8;animation:cardFloat 12s ease-in-out infinite alternate;background:#293645}
#c6-hero .industry-card video{filter:saturate(.62)}
#c6-hero .industry-card .media-shade{background:linear-gradient(180deg,transparent 30%,#172331c9)}
#c6-hero .card-chip{left:14%;top:18%;z-index:3;animation-delay:-4s}
#c6-hero .card-energy{left:56%;top:10%;z-index:2;animation-delay:-8s;animation-duration:14s}
#c6-hero .card-retail{left:7%;top:56%;z-index:5;animation-delay:-1s;animation-duration:13s}
#c6-hero .card-bfsi{left:49%;top:48%;z-index:4;animation-delay:-6s;animation-duration:15s}
#c6-hero .industry-label{position:absolute;z-index:3;bottom:13%;left:15%;color:#fff;right:15%;display:flex;flex-direction:column;gap:8px}
#c6-hero .industry-label small{font-size:6px;letter-spacing:1.5px;opacity:.8}
#c6-hero .industry-label b{font-size:18px;font-weight:400;letter-spacing:-.5px}
#c6-hero .industry-label>span{position:absolute;right:0;bottom:0;font-size:18px;opacity:.8}
#c6-hero .industry-glass{position:absolute;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);background:linear-gradient(125deg,#ffffff05,#fff7 50%,#f2ccb405);border:1px solid #fff;transform:rotate(-11deg);animation:cardFloat 19s ease-in-out -9s infinite alternate}
#c6-hero .industry-glass-back{width:60%;height:45%;left:34%;top:5%;opacity:.5}
#c6-hero .industry-glass-front{width:73%;height:21%;left:14%;top:71%;opacity:.6;z-index:6;backdrop-filter:blur(7px);pointer-events:none}
#c6-hero .orange-streak{left:13%;top:53%;width:85%;transform:rotate(-20deg);box-shadow:0 0 20px 3px #fff3d688}
#c6-hero .spark-d{left:54%;top:47%;box-shadow:0 0 15px 6px #fff2d78f,0 0 60px 12px #ffbf7cb3}
#c6-hero .note-orange{left:59%;top:91%}
#c6-hero .globe-atmosphere{display:none;position:absolute;width:67%;aspect-ratio:1;left:18%;top:8%;border-radius:50%;box-shadow:inset 18px 4px 30px #779fff59,inset 3px 0 6px #c4d8ff,0 0 55px #4983ff55;background:radial-gradient(circle at 30% 30%,#6ea5ff0d,transparent 60%);animation:breathe 10s ease-in-out infinite alternate}
#c6-hero .halo-night{width:76%;height:80%;left:12%;top:10%;background:radial-gradient(ellipse,#5486ff44,transparent 70%)}
#c6-hero #globe{position:absolute;left:6%;top:-5%;width:90%;height:100%;opacity:.9}
#c6-hero .orbit-blue{left:-2%;top:32%;width:102%;height:38%;transform:rotate(-27deg);border-color:#9dbbff;box-shadow:0 0 8px #628fff6b,inset 0 0 8px #9aafff44;animation:nightOrbit 20s ease-in-out infinite alternate}
#c6-hero .orbit-violet{left:5%;top:38%;width:91%;height:34%;transform:rotate(-25deg);border-color:#cbbdff88;border-top-color:transparent;box-shadow:0 6px 9px -7px #fff;animation:nightOrbit 14s ease-in-out -5s infinite alternate}
#c6-hero .connections{position:absolute;inset:0;width:100%;height:100%;stroke:#90baff;stroke-width:1;opacity:.6}
#c6-hero .connections path{stroke-dasharray:8 14;animation:dash 30s linear infinite}
#c6-hero .connections circle{fill:#b9d8ff;stroke:#fff;filter:drop-shadow(0 0 6px #a8caff)}
#c6-hero .night-card{clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);transform:rotate(-13deg);background:#5e7bdb;z-index:4;border:1px solid #d9e7ffb3;animation:nightFloat 14s ease-in-out infinite alternate}
#c6-hero .night-card video,#c6-hero .night-card img{filter:saturate(.5) brightness(.95);mix-blend-mode:normal}
#c6-hero .night-one{left:53%;top:20%;width:43%;height:29%}
#c6-hero .night-two{left:8%;top:57%;width:32%;height:23%;opacity:.85;animation-delay:-7s}
#c6-hero .night-three{left:49%;top:66%;width:39%;height:23%;opacity:.75;animation-delay:-3s;animation-duration:16s}
#c6-hero .night-label{position:absolute;z-index:4;bottom:10%;left:15%;font-size:6px;letter-spacing:1.2px;color:#fff}
#c6-hero .spark-e{left:30%;top:16%;box-shadow:0 0 15px 5px #c5d6ff80,0 0 60px 12px #7c9cff88}
#c6-hero .note-night{left:53%;top:93%}
#c6-hero .particles{position:absolute;inset:0;z-index:9;overflow:hidden;pointer-events:none;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 35%)}
#c6-hero .particle{position:absolute;border-radius:50%;background:#fff;opacity:0;animation:particleFloat var(--duration) ease-in-out var(--delay) infinite}
#c6-hero .hero-footer{position:absolute;z-index:15;bottom:24px;left:5.8%;right:5.8%}
#c6-hero .footer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}
#c6-hero .concept-caption{font-size:8px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;color:var(--muted)}
#c6-hero .status-dot{width:4px;height:4px;border:1px solid currentColor;border-radius:50%}
#c6-hero .playback-controls{display:flex;align-items:center;gap:9px}
#c6-hero .circle-button{width:37px;height:37px;padding:0;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff16;border-radius:50%;transition:background .25s,transform .25s}
#c6-hero .circle-button:hover{background:#ffffff40;transform:translateY(-2px)}
#c6-hero .circle-button svg{width:19px;height:19px}
#c6-hero .reverse{transform:rotate(180deg)}
#c6-hero .divider{height:15px;width:1px;background:var(--line);margin:0 8px}
#c6-hero #speed{border:0;background:none;font-size:11px;font-variant-numeric:tabular-nums;min-width:74px;padding:10px 3px}
#c6-hero #speed>span{font-size:9px;opacity:.6;margin-left:3px}
#c6-hero .scene-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
#c6-hero .scene-tab{border:0;background:none;text-align:left;padding:0;opacity:.48;transition:opacity .4s}
#c6-hero .scene-tab:hover,#c6-hero .scene-tab.selected{opacity:1}
#c6-hero .track{height:2px;background:var(--line);display:block;position:relative;overflow:hidden;margin-bottom:15px}
#c6-hero .track i{display:block;position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left}
#c6-hero .tab-line{display:flex;align-items:center;gap:13px}
#c6-hero .tab-line small{font-size:9px;opacity:.65}
#c6-hero .tab-line b{font-size:14px;font-weight:500;letter-spacing:-.25px}
#c6-hero .theme-dot{width:7px;height:7px;border-radius:50%;display:block;margin-left:auto;margin-right:4px;box-shadow:0 0 0 3px #ffffff15}
#c6-hero .ice-dot{background:#7fa7d4}
#c6-hero .green-dot{background:#73c1a0}
#c6-hero .orange-dot{background:#dca284}
#c6-hero .blue-dot{background:#637bc9}
#c6-hero .tab-sub{display:block;font-size:9px;letter-spacing:.1px;color:var(--muted);margin:8px 0 0 26px}
#c6-hero .bottom-note{display:flex;justify-content:space-between;margin-top:28px;font-size:7px;letter-spacing:1.1px;color:var(--muted);opacity:.7}
#c6-hero .bottom-note>a{letter-spacing:.35px}
#c6-hero .note-separator{margin:0 8px;opacity:.5}
#c6-hero .svg-defs{position:fixed;top:0;width:0;height:0;overflow:hidden}
#c6-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#c6-hero.paused *,#c6-hero.paused *:before,#c6-hero.paused *:after{animation-play-state:paused!important}
@keyframes ambient{to{transform:translate(-5%,4%) scale(1.12);opacity:.65}}
@keyframes breathe{to{transform:scale(1.1) translate(-1%,2%);opacity:.65}}
@keyframes iceFloat{to{transform:translate(-5px,-10px) rotate(-10deg) scale(1.015)}}
@keyframes secondaryFloat{to{transform:translate(6px,12px) rotate(-14deg)}}
@keyframes glassDrift{to{transform:translate(-10px,15px) rotate(15deg)}}
@keyframes ribbonFloat{to{transform:translate(-9px,12px) rotate(-2deg)}}
@keyframes shimmer{50%{opacity:.4;translate:-8px 6px}}
@keyframes twinkle{50%{opacity:.3;transform:scale(.7)}}
@keyframes noteFloat{to{transform:translateY(-7px)}}
@keyframes orbFloat{to{transform:translate(5px,10px) rotate(3deg)}}
@keyframes gridFloat{to{background-position:40px 10px}}
@keyframes greenFloat{to{transform:translate(-7px,10px) rotate(-15deg)}}
@keyframes greenOrbit{to{transform:translateY(7px) rotate(-23deg) scale(.98)}}
@keyframes cardFloat{to{transform:translate(5px,-12px) rotate(-9deg)}}
@keyframes nightFloat{to{transform:translate(7px,-10px) rotate(-10deg)}}
@keyframes nightOrbit{to{transform:translateY(-8px) rotate(-22deg) scale(1.02)}}
@keyframes dash{to{stroke-dashoffset:-300}}
@keyframes particleFloat{0%,100%{opacity:0;transform:translateY(12px)}30%,70%{opacity:.55}80%{transform:translate(10px,-30px)}}
@media(min-width:1650px){#c6-hero .copy-wrap{top:26%}
#c6-hero .eyebrow{font-size:12px}
#c6-hero .copy p{margin-bottom:40px}
#c6-hero .cta{font-size:14px;padding-left:30px}
#c6-hero .cta span{width:44px;height:44px}
#c6-hero .visuals{top:9%;bottom:14%}
#c6-hero .hero-footer{bottom:35px}
#c6-hero .tab-line b{font-size:17px}
#c6-hero .tab-sub{font-size:11px}
#c6-hero .concept-caption{font-size:10px}
#c6-header .navigation{font-size:14px}
#c6-header{height:130px}}
@media(max-height:800px) and (min-width:901px){#c6-hero.experience{min-height:680px}
#c6-hero .copy-wrap{top:23%}
#c6-hero .eyebrow{margin-bottom:25px}
#c6-hero h1,#c6-hero h2{font-size:clamp(48px,5vw,76px);margin-bottom:22px}
#c6-hero .copy p{font-size:16px;margin-bottom:23px}
#c6-hero .copy-footnote{margin-top:24px}
#c6-header{height:90px}
#c6-hero .hero-footer{bottom:18px}
#c6-hero .footer-top{margin-bottom:15px}
#c6-hero .bottom-note{margin-top:19px}
#c6-hero .scene-counter{top:115px}
#c6-hero .visuals{top:9%;bottom:18%}}
@media(max-width:1100px) and (min-width:761px){#c6-header .navigation{gap:22px;font-size:11px}
#c6-header .brand img{width:120px}
#c6-header .brand>span{font-size:8px}
#c6-header{padding:0 4%}
#c6-hero .copy-wrap{left:5%;width:46%}
#c6-hero .eyebrow{font-size:8px;letter-spacing:1px}
#c6-hero .copy-footnote{font-size:9px}
#c6-hero .hero-footer{left:5%;right:5%}
#c6-hero .visuals{left:45%;width:61%}
#c6-hero .scene-tabs{gap:20px}
#c6-hero .frame-caption{font-size:6px}
#c6-hero .floating-note>b{font-size:10px}
#c6-hero .industry-label b{font-size:14px}}
@media(max-width:760px){#c6-hero.experience{min-height:820px;height:100svh;max-height:none}
#c6-header{height:89px;padding:0 6%}
#c6-header .brand{padding:8px 10px;gap:8px}
#c6-header .brand img{width:105px}
#c6-header .brand>span{font-size:7px;letter-spacing:1.2px;padding-left:8px;line-height:20px}
#c6-header .navigation{display:none}
#c6-header .contact{font-size:10px;gap:10px;padding:10px 13px}
#c6-header .contact svg{width:16px;height:16px}
#c6-hero .copy-wrap{left:7%;top:122px;right:7%;width:auto;height:310px}
#c6-hero .eyebrow{font-size:8px;letter-spacing:1.15px;margin-bottom:23px;gap:7px}
#c6-hero h1,#c6-hero h2{font-size:clamp(38px,8.9vw,66px);letter-spacing:-.05em;line-height:1.05;margin-bottom:20px}
#c6-hero .copy p{font-size:14px;line-height:1.55;margin-bottom:21px}
#c6-hero .cta{font-size:11px;padding:6px 6px 6px 18px;gap:18px}
#c6-hero .cta span{width:31px;height:31px}
#c6-hero .copy-footnote{display:none}
#c6-hero .scene-counter{top:104px;right:7%;font-size:9px;gap:7px}
#c6-hero .counter-current{font-size:12px}
#c6-hero .counter-rule{width:18px}
#c6-hero .visuals{left:9%;top:370px;width:96%;height:300px;bottom:auto}
#c6-hero .ice-main{top:22%;height:53%;left:11%;width:84%}
#c6-hero .ice-secondary{top:-2%;height:59%}
#c6-hero .sail-front{top:25%}
#c6-hero .ribbon-ice{top:-16%;height:140%}
#c6-hero .note-ice,#c6-hero .note-green,#c6-hero .note-orange,#c6-hero .note-night{display:none}
#c6-hero .glass-orb{width:62%;left:22%;top:-1%}
#c6-hero .green-main{top:29%;height:48%}
#c6-hero .ribbon-green{top:-6%}
#c6-hero .orbit-green{top:30%}
#c6-hero .industry-card{height:40%}
#c6-hero .card-chip{top:8%}
#c6-hero .card-energy{top:0}
#c6-hero .card-retail{top:51%}
#c6-hero .card-bfsi{top:43%}
#c6-hero .industry-glass-front{top:69%}
#c6-hero .industry-label b{font-size:16px}
#c6-hero .industry-label small{font-size:5px}
#c6-hero .globe-atmosphere{top:0;width:65%;left:20%}
#c6-hero #globe{top:-17%;height:119%}
#c6-hero .night-one{top:9%;height:32%}
#c6-hero .night-two{top:51%;height:25%}
#c6-hero .night-three{top:60%;height:25%}
#c6-hero .orbit-blue{top:26%}
#c6-hero .orbit-violet{top:33%}
#c6-hero .frame-caption{font-size:6px;letter-spacing:1.2px}
#c6-hero .frame-caption small{font-size:5px}
#c6-hero .hero-footer{left:7%;right:7%;bottom:20px}
#c6-hero .footer-top{margin-bottom:17px}
#c6-hero .concept-caption{font-size:6px;letter-spacing:.8px;max-width:160px;line-height:1.7}
#c6-hero .playback-controls{gap:6px}
#c6-hero .circle-button{width:30px;height:30px}
#c6-hero .circle-button svg{width:16px;height:16px}
#c6-hero .divider{margin:0 3px}
#c6-hero #speed{font-size:10px;min-width:26px}
#c6-hero #speed>span{display:none}
#c6-hero .scene-tabs{gap:14px}
#c6-hero .track{margin-bottom:12px}
#c6-hero .tab-line{gap:6px}
#c6-hero .tab-line small{font-size:7px}
#c6-hero .tab-line b{font-size:11px}
#c6-hero .theme-dot,#c6-hero .tab-sub{display:none}
#c6-hero .bottom-note{font-size:5.5px;letter-spacing:.5px;margin-top:23px}
#c6-hero .bottom-note>a{font-size:6px;letter-spacing:0}
#c6-hero .note-separator{margin:0 4px}}
@media(prefers-reduced-motion:reduce){#c6-hero *,#c6-header *,#c6-hero *:before,#c6-hero *:after{animation:none!important;transition:none!important}
#c6-hero .art-inner{transform:none!important}}
#c6-hero.experience,#c6-hero.experience[data-theme=emerald],#c6-hero.experience[data-theme=champagne],#c6-hero.experience[data-theme=midnight]{
  --ink: #f7f9ff;
  --muted: #bfcef3;
  --accent: #a9c8ff;
  --line: #c5d5ff40;
  --cta: #f4f7ff;
  --cta-ink: #103692;
  background: #0b1952;
}
#c6-hero.experience[data-theme=emerald]{ --accent: #ccc3ff; --muted: #c6c5ef; }
#c6-hero.experience[data-theme=champagne]{ --accent: #9edaf8; --muted: #c0d8f1; }
#c6-hero.experience[data-theme=midnight]{ --accent: #a0baff; --muted: #bcc8e9; }
#c6-hero .backdrop.ice{
  background: radial-gradient(ellipse at 86% 23%, #3869fc 0, transparent 48%),
    radial-gradient(ellipse at 62% 88%, #2049d6 0, transparent 55%),
    linear-gradient(118deg, #07133e 2%, #102981 45%, #164af4 100%);
}
#c6-hero .backdrop.emerald{
  background: radial-gradient(ellipse at 83% 45%, #6663de 0, transparent 49%),
    radial-gradient(ellipse at 66% 91%, #465de0 0, transparent 53%),
    linear-gradient(120deg, #111433 3%, #212365 49%, #493aaa 100%);
}
#c6-hero .backdrop.champagne{
  background: radial-gradient(ellipse at 88% 46%, #367aa9 0, transparent 46%),
    radial-gradient(ellipse at 64% 95%, #1f4d99 0, transparent 58%),
    linear-gradient(120deg, #091934 3%, #102c61 47%, #144aa2 100%);
}
#c6-hero .backdrop.midnight{
  background: radial-gradient(ellipse at 80% 43%, #293e93 0, transparent 50%),
    radial-gradient(ellipse at 68% 100%, #2f3881 0, transparent 50%),
    linear-gradient(125deg, #080d23, #101635 43%, #132555);
}
#c6-header{
  position: fixed;
  top: 0; left: 0; right: 0; z-index: 100;
  height: 112px;
  padding: 0 4.5%;
  color: #fff;
  --line: #d3dfff55;
  border: 1px solid transparent;
  border-radius: 0;
  transition: top .4s ease, left .4s ease, right .4s ease, height .4s ease,
    padding .4s ease, background .4s ease, color .35s ease, border-radius .4s ease, box-shadow .4s ease;
}
#c6-header .brand{
  gap: 15px; padding: 0; background: none;
  box-shadow: none; border-radius: 0;
}
#c6-header .brand .logo-window{
  position: relative; display: block; width: 174px; height: 43px;
  padding: 0; border: 0; overflow: hidden;
}
#c6-header .brand .logo-window img{
  position: absolute; left: 0; top: 50%; width: 100%; height: auto;
  transform: translateY(-50%);
  filter: brightness(0) invert(1);
  transition: filter .35s ease;
}
#c6-header .brand .brand-descriptor{
  color: #ffffffcc; border-left-color: #ffffff55;
  font-size: 9px; letter-spacing: 2px;
  padding-left: 15px; line-height: 26px;
  transition: color .35s ease, border-color .35s ease;
}
#c6-header .contact{ background: #ffffff07; border-color: #d3dfff55; }
#c6-header .contact:hover{ background: #ffffff18; }
#c6-header.is-scrolled{
  top: 14px; left: 3%; right: 3%; height: 76px;
  padding: 0 2.8%;
  border-radius: 16px;
  color: #172950;
  background: #fffffff0;
  border-color: #ffffffeb;
  backdrop-filter: blur(22px) saturate(1.25);
  -webkit-backdrop-filter: blur(22px) saturate(1.25);
  box-shadow: 0 10px 38px #061b6920, 0 1px 4px #1938690a;
}
#c6-header.is-scrolled .logo-window img{ filter: none; }
#c6-header.is-scrolled .brand-descriptor{ color: #244a91; border-left-color: #244a9140; }
#c6-header.is-scrolled .contact{ color: #1547f5; border-color: #1547f52e; background: #edf1ff; }
#c6-header.is-scrolled .contact:hover{ background: #dfe8ff; }
#c6-hero .cta span{ background: #1a418609; border-color: #16367825; }
#c6-hero .halo-ice{ background: radial-gradient(ellipse, #a4c2ff50, transparent 70%); }
#c6-hero .sail-front{ opacity: .6; }
#c6-hero .sail-back{ opacity: .4; }
#c6-hero .glass-sail{ box-shadow: inset 0 1px 35px #d3e6ff40, 15px 15px 50px #1a4fdf33; }
#c6-hero .live-dot{ background: #dce9ff; box-shadow: 0 0 10px #bdd7ff; }
#c6-hero .halo-green{ background: radial-gradient(ellipse, #b5bbff50, transparent 68%); }
#c6-hero .glass-orb{
  border-color: #e2dfff80;
  background: radial-gradient(circle at 26% 22%, #e4ddff26 0, transparent 48%),
    radial-gradient(circle at 65% 62%, transparent 40%, #b5caff33 69%, #dbe1ff80 72%, #dde8ff0a 73%);
  box-shadow: inset 14px 0 35px #c7d5ff22, inset -10px -5px 25px #e4dfff33, 0 0 25px #b2aaff22;
}
#c6-hero .orb-grid{ background-image: radial-gradient(#dcdcffab .9px, transparent 1.3px); }
#c6-hero .orbit-green{ border-color: #d9d8ff90; box-shadow: 0 0 16px #b0aaff33, inset 0 0 12px #b6bcff22; }
#c6-hero .ribbon-green{ filter: drop-shadow(0 0 9px #a8c4ff55); }
#c6-hero .spark-c{ box-shadow: 0 0 12px 4px #e9ecffba, 0 0 45px 10px #b9acff77; }
#c6-hero .halo-orange{ background: radial-gradient(ellipse, #88caff55, transparent 70%); }
#c6-hero .industry-glass{ background: linear-gradient(125deg, #ffffff05, #cde6ff55 50%, #a1bfff05); }
#c6-hero .industry-glass-front{ opacity: .45; }
#c6-hero .orange-streak{ box-shadow: 0 0 20px 3px #ffc56866; }
#c6-hero .spark-d{ box-shadow: 0 0 15px 6px #ffe3ad80, 0 0 60px 12px #f6a62666; }
#c6-hero .ice-dot{ background: #6797ff; }
#c6-hero .green-dot{ background: #a698ff; }
#c6-hero .orange-dot{ background: #77c5ef; }
#c6-hero .blue-dot{ background: #7c91db; }
#c6-hero .scene-tab{ opacity: .63; }
#c6-hero .scene-tab:hover,#c6-hero .scene-tab.selected{ opacity: 1; }
#c6-hero .scene-counter{ text-shadow: 0 1px 14px #081341; }
#c6-hero .scroll-cue{ display: inline-flex; align-items: center; gap: 12px; }
#c6-hero .scroll-cue span{ font-size: 13px; }
#c6-hero .beyond-hero{ padding: 105px 5.8% 35px; color: #122659; background: #f8faff; }
#c6-hero .section-kicker{ display: flex; align-items: center; gap: 12px; font-size: 9px; font-weight: 600; letter-spacing: 2px; color: #335dc0; }
#c6-hero .section-kicker span{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #1547ff; }
#c6-hero .beyond-intro{ display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin: 35px 0 65px; }
#c6-hero .beyond-intro h2{ margin: 0; font-size: clamp(32px, 4vw, 62px); line-height: 1.12; letter-spacing: -.05em; font-weight: 400; }
#c6-hero .beyond-intro h2 em{ color: #1646ec; font-style: normal; }
#c6-hero .beyond-intro p{ margin: 0 0 5px; font-size: 13px; line-height: 1.8; color: #65718b; }
#c6-hero .experience-links{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
#c6-hero .experience-links a{ display: block; border-top: 1px solid #bac9e8; padding: 25px 0 32px; }
#c6-hero .experience-links a:hover{ border-color: #1646ec; }
#c6-hero .experience-links small{ font-size: 8px; letter-spacing: 1.5px; color: #8291af; }
#c6-hero .experience-links h3{ font-size: clamp(16px, 1.6vw, 24px); font-weight: 400; letter-spacing: -.5px; margin: 18px 0 28px; }
#c6-hero .experience-links a>span{ display: flex; align-items: center; justify-content: space-between; font-size: 11px; color: #224fb5; }
#c6-hero .experience-links b{ font-size: 20px; font-weight: 400; transition: transform .25s; }
#c6-hero .experience-links a:hover b{ transform: translate(2px,-2px); }
#c6-hero .section-bottom{ display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #dae2f1; padding-top: 24px; margin-top: 60px; color: #7c8ba7; font-size: 10px; }
#c6-hero .section-bottom a{ font-size: 8px; letter-spacing: 1px; }
@media(min-width:1650px){#c6-header{ height: 130px; }}
@media(max-height:800px) and (min-width:901px){#c6-header{ height: 90px; }}
@media(max-width:1100px) and (min-width:761px){#c6-header{ padding: 0 4%; }
#c6-header .brand .logo-window{ width: 150px; height: 37px; }
#c6-header .brand .brand-descriptor{ font-size: 8px; }}
@media(max-width:760px){#c6-header{ height: 89px; padding: 0 6%; }
#c6-header .brand{ gap: 8px; }
#c6-header .brand .logo-window{ width: 121px; height: 32px; }
#c6-header .brand .brand-descriptor{ font-size: 7px; letter-spacing: 1px; line-height: 20px; padding-left: 9px; }
#c6-header .contact{ gap: 8px; padding: 9px 12px; }
#c6-header.is-scrolled{ top: 9px; left: 3%; right: 3%; height: 64px; padding: 0 4%; border-radius: 12px; }
#c6-header.is-scrolled .brand .logo-window{ width: 112px; }
#c6-hero .beyond-hero{ padding: 80px 7% 28px; }
#c6-hero .beyond-intro{ display: block; margin: 28px 0 40px; }
#c6-hero .beyond-intro h2{ font-size: 34px; }
#c6-hero .beyond-intro p{ margin-top: 24px; font-size: 12px; }
#c6-hero .experience-links{ display: block; }
#c6-hero .experience-links a{ padding: 22px 0 28px; }
#c6-hero .experience-links h3{ font-size: 21px; margin: 15px 0 20px; }
#c6-hero .section-bottom{ margin-top: 30px; font-size: 9px; }
#c6-hero .scroll-cue{ gap: 7px; }}
@media(prefers-reduced-motion:reduce){#c6-header,#c6-header .brand .logo-window img{ transition: none; }}
#c6-hero .copy h1,#c6-hero .copy h2,#c6-hero .beyond-hero h2,#c6-hero .beyond-hero h3{font-family:Jakarta,Inter,sans-serif}
#c6-hero .copy h1,#c6-hero .copy h2{font-weight:700;font-size:clamp(48px,5.3vw,88px);line-height:1.07;letter-spacing:-.065em;margin-bottom:28px}
#c6-hero .copy-wrap{left:var(--content-gutter);top:24%;width:44%}
#c6-hero .copy p{font-size:18px;line-height:1.6;letter-spacing:0;max-width:470px}
#c6-hero .eyebrow{font-size:10px;font-weight:650;letter-spacing:.16em;line-height:1.6;margin-bottom:27px}
#c6-hero .eyebrow i{background:var(--brand-gold);box-shadow:0 0 13px #f5a82855}
#c6-hero .cta{font-size:14px;font-weight:650;padding:9px 9px 9px 25px;gap:25px}
#c6-hero .hero-footer{left:var(--content-gutter);right:var(--content-gutter)}
#c6-hero .copy-footnote{font-size:11px;line-height:1.6}
#c6-hero .tab-line b{font-weight:550}
#c6-hero .tab-sub{font-size:10px}
#c6-hero.experience{--accent:#ccc5ff;--muted:#e2dcf5;--cta:var(--brand-paper);--cta-ink:var(--brand-purple)}
#c6-hero.experience[data-theme=emerald]{--accent:#d6caff;--muted:#e1d9f1}
#c6-hero.experience[data-theme=champagne]{--accent:#c8ccff;--muted:#d8daf3}
#c6-hero.experience[data-theme=midnight]{--accent:#c8b7ff;--muted:#d1cae9}
#c6-hero .backdrop.ice{background:radial-gradient(ellipse at 85% 42%,#6357ea 0,transparent 50%),radial-gradient(ellipse at 68% 95%,#4949eb66,transparent 58%),linear-gradient(115deg,#21134e 2%,#33226f 44%,#4937df 100%)}
#c6-hero .backdrop.emerald{background:radial-gradient(ellipse at 83% 45%,#927de077,transparent 52%),radial-gradient(ellipse at 68% 94%,#7461d9 0,transparent 62%),linear-gradient(120deg,#25114f,#392175 58%,#5e49c4)}
#c6-hero .backdrop.champagne{background:radial-gradient(ellipse at 85% 45%,#6c7ad677,transparent 48%),radial-gradient(ellipse at 65% 91%,#4949eb66,transparent 56%),linear-gradient(120deg,#21134e,#2e286b 50%,#4949a4)}
#c6-hero .backdrop.midnight{background:radial-gradient(ellipse at 80% 43%,#4937df66,transparent 55%),radial-gradient(ellipse at 72% 100%,#392175,transparent 60%),linear-gradient(120deg,#160d34,#25114f 57%,#2f2465)}
#c6-header{top:18px;left:max(32px,calc((100vw - 1376px)/2));right:max(32px,calc((100vw - 1376px)/2));height:92px;padding:15px 29px;border-radius:60px}
#c6-header.is-scrolled{top:10px;left:max(32px,calc((100vw - 1376px)/2));right:max(32px,calc((100vw - 1376px)/2));height:72px;padding:10px 26px;border-radius:60px;background:#faf9fff2;color:var(--brand-ink);box-shadow:0 10px 32px #29135416;border-color:#67549f26}
#c6-header .brand .logo-window{width:185px;height:45px}
#c6-header .brand-descriptor{display:none}
#c6-header.is-scrolled .logo-window{width:155px;height:39px}
#c6-header .logo-window{transition:width .35s,height .35s}
#c6-header .navigation{font-size:13px;font-weight:550;gap:27px}
#c6-header .contact{font-size:13px;font-weight:600;gap:16px;padding:12px 20px}
#c6-header.is-scrolled .contact{background:var(--brand-purple);color:var(--brand-paper);border-color:transparent}
#c6-header.is-scrolled .contact:hover{background:var(--brand-electric)}
#c6-header .contact svg{color:var(--brand-gold)}
#c6-hero .beyond-hero{padding:115px var(--content-gutter) 35px;background:var(--brand-paper);color:var(--brand-ink)}
#c6-hero .beyond-intro h2{font-weight:650;line-height:1.08;letter-spacing:-.055em}
#c6-hero .beyond-intro h2 em{color:var(--brand-electric)}
#c6-hero .beyond-intro p{color:var(--brand-muted);font-size:15px}
#c6-hero .section-kicker{color:var(--brand-purple);font-weight:650}
#c6-hero .section-kicker span{background:var(--brand-gold)}
#c6-hero .experience-links a{border-color:#d6ceeb}
#c6-hero .experience-links a>span{color:var(--brand-electric)}
#c6-hero .experience-links h3{font-weight:600}
#c6-hero .experience-links small,#c6-hero .section-bottom{color:var(--brand-muted)}
#c6-hero .media-frame{--corner:46px;--bracket:38px;--frame-accent:var(--brand-gold);--depth:1;clip-path:none!important;border:0;border-radius:var(--corner) 12px var(--corner) 12px;overflow:visible;background:none;isolation:auto;box-shadow:0 24px 60px #140c3540;translate:calc(var(--pointer-x,0px)*var(--depth)) calc(var(--pointer-y,0px)*var(--depth));will-change:transform,translate}
#c6-hero .media-surface{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background:#29204f;border:1px solid #faf9ff30;isolation:isolate}
#c6-hero .media-surface>img,#c6-hero .media-surface>video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;border-radius:inherit}
#c6-hero .media-frame:before,#c6-hero .media-frame:after{content:'';position:absolute;width:var(--bracket);height:var(--bracket);z-index:8;pointer-events:none;border:2px solid var(--frame-accent);opacity:.9}
#c6-hero .media-frame:before{left:-6px;top:-6px;border-right:0;border-bottom:0;border-radius:calc(var(--corner)*.8) 0 0 0}
#c6-hero .media-frame:after{right:-6px;bottom:-6px;border-left:0;border-top:0;border-radius:0 0 calc(var(--corner)*.8) 0}
#c6-hero .ice-secondary,#c6-hero .photo-sliver,#c6-hero .green-back,#c6-hero .night-two,#c6-hero .night-three{--corner:30px;--bracket:26px;--frame-accent:#d4c8ff;--depth:1.35}
#c6-hero .frame-caption{left:8%;bottom:9%;letter-spacing:1.3px;font-size:8px}
#c6-hero .frame-caption small{letter-spacing:1.3px}
#c6-hero .ice-main{width:66%;height:auto;aspect-ratio:1.35;left:22%;top:23%;transform:none;animation:softFloatA 11s ease-in-out infinite alternate;--depth:.8}
#c6-hero .ice-secondary{width:27%;height:auto;aspect-ratio:.98;left:7%;top:9%;opacity:.72;animation:softFloatB 13s ease-in-out -5s infinite alternate}
#c6-hero .photo-sliver{width:37%;height:auto;aspect-ratio:1.6;left:57%;top:74%;opacity:.55;filter:none;animation:softFloatC 15s ease-in-out -3s infinite alternate}
#c6-hero .glass-sail{clip-path:none;border-radius:60% 14% 60% 14%;animation:softGlass 15s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*.35) calc(var(--pointer-y,0px)*.35)}
#c6-hero .sail-back{height:69%;width:37%;top:9%;left:30%;opacity:.3;transform:rotate(24deg)}
#c6-hero .sail-front{width:21%;height:43%;top:50%;left:7%;opacity:.28;transform:rotate(24deg);z-index:2}
#c6-hero .ribbon{z-index:2;opacity:.67;stroke-linejoin:round;stroke-linecap:round;animation:softRibbon 14s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*.4) calc(var(--pointer-y,0px)*.4)}
#c6-hero .ice-main,#c6-hero .green-main,#c6-hero .industry-card{z-index:4}
#c6-hero .spark{opacity:.55}
#c6-hero .green-main{left:29%;top:33%;width:58%;height:auto;aspect-ratio:1.4;transform:none;animation:softFloatA 12s ease-in-out -3s infinite alternate;--depth:.9}
#c6-hero .green-back{left:7%;top:16%;width:30%;height:auto;aspect-ratio:1.12;opacity:.6;animation:softFloatB 14s ease-in-out -2s infinite alternate}
#c6-hero .glass-orb{left:18%;top:3%;width:67%;overflow:visible;background:radial-gradient(circle at 30% 25%,#ddd5ff15,transparent 55%);border-color:#e2dfff40;box-shadow:inset 12px 0 28px #c7d5ff15,0 0 45px #b2aaff22;animation:sphereBreathe 9s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*.3) calc(var(--pointer-y,0px)*.3)}
#c6-hero .connect-globe{position:absolute;width:114%;height:114%;inset:-7%;border-radius:50%}
#c6-hero .orbit-green{width:91%;left:5%;top:30%;height:43%;opacity:.7;animation:orbitSway 18s ease-in-out infinite alternate}
#c6-hero .industry-card{width:30%;height:auto;aspect-ratio:1.16;--corner:35px;--bracket:30px;animation:softFloatA 12s ease-in-out infinite alternate}
#c6-hero .card-chip{left:19%;top:8%;--depth:.8;animation-delay:-4s}
#c6-hero .card-energy{left:58%;top:14%;--depth:1.1;animation-name:softFloatB;animation-delay:-3s}
#c6-hero .card-retail{left:15%;top:56%;--depth:1.25;animation-name:softFloatC;animation-delay:-6s}
#c6-hero .card-bfsi{left:55%;top:60%;--depth:.7;animation-delay:-8s}
#c6-hero .industry-label{bottom:11%;left:9%;right:9%;gap:7px}
#c6-hero .industry-label b{font-family:Jakarta,Inter,sans-serif;font-size:17px;font-weight:600}
#c6-hero .industry-label small{font-size:6px}
#c6-hero .industry-glass{clip-path:none;border-radius:48px 15px 48px 15px;animation:softGlass 19s ease-in-out infinite alternate;transform:rotate(-3deg)}
#c6-hero .industry-glass-back{left:33%;top:5%;width:51%;height:50%;opacity:.2}
#c6-hero .industry-glass-front{left:29%;top:37%;width:32%;height:45%;opacity:.15;z-index:2}
#c6-hero .orange-streak{opacity:.4;top:50%;transform:rotate(-8deg)}
#c6-hero .night-card{height:auto;aspect-ratio:1.35;transform:none;animation:softFloatA 15s ease-in-out infinite alternate;--corner:35px;--bracket:28px}
#c6-hero .night-one{left:55%;top:16%;width:35%;--depth:1.25}
#c6-hero .night-two{left:7%;top:54%;width:30%;opacity:.9;animation-name:softFloatB;animation-delay:-4s}
#c6-hero .night-three{left:57%;top:65%;width:32%;opacity:.8;animation-name:softFloatC;animation-delay:-7s}
#c6-hero .night-label{left:10%;font-size:6px;letter-spacing:.7px;right:10%;line-height:1.5}
#c6-hero .orbit-blue,#c6-hero .orbit-violet{animation-name:orbitSway;translate:calc(var(--pointer-x,0px)*.2) calc(var(--pointer-y,0px)*.2)}
#c6-hero .halo{animation:haloBreathe 8s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*-.3) calc(var(--pointer-y,0px)*-.3)}
#c6-hero .halo-green{animation-delay:-3s}
#c6-hero .halo-orange{animation-delay:-5s}
#c6-hero .halo-night{animation-delay:-2s}
#c6-hero .ambient-light{animation:haloBreathe 12s ease-in-out infinite alternate}
#c6-hero .art-inner{transform:none;transition:none}
#c6-hero .art:not(.active) *{animation-play-state:paused}
#c6-hero .visuals{left:46%;width:54%;top:15%;bottom:26%}
#c6-hero .photo-sliver{width:30%;top:68%;left:62%}
#c6-hero .ribbon{left:-8%;width:112%;height:110%;top:0}
#c6-hero .ice-streak{opacity:.35}
#c6-hero.paused *,#c6-hero.paused *:before,#c6-hero.paused *:after{animation-play-state:paused!important}
@keyframes softFloatA{from{transform:translate3d(0,5px,0) rotate(-3deg)}to{transform:translate3d(-7px,-8px,0) rotate(-1deg)}}
@keyframes softFloatB{from{transform:translate3d(-3px,-5px,0) rotate(3deg)}to{transform:translate3d(5px,8px,0) rotate(1deg)}}
@keyframes softFloatC{from{transform:translate3d(4px,7px,0) rotate(2deg)}to{transform:translate3d(-4px,-7px,0) rotate(-1deg)}}
@keyframes softGlass{from{transform:translate3d(-4px,6px,0) rotate(12deg) scale(.98);opacity:.18}to{transform:translate3d(5px,-8px,0) rotate(17deg) scale(1.025);opacity:.32}}
@keyframes softRibbon{from{transform:translate3d(0,5px,0) rotate(-1deg) scaleY(.98);opacity:.48}to{transform:translate3d(-8px,-7px,0) rotate(1deg) scaleY(1.025);opacity:.76}}
@keyframes sphereBreathe{from{transform:translateY(4px) scale(.975);opacity:.7}to{transform:translateY(-5px) scale(1.025);opacity:1}}
@keyframes orbitSway{from{transform:rotate(-25deg) scale(.98);opacity:.45}to{transform:rotate(-16deg) scale(1.025);opacity:.82}}
@keyframes haloBreathe{from{transform:translate(-2%,1%) scale(.94);opacity:.5}to{transform:translate(2%,-2%) scale(1.1);opacity:.9}}
@media(min-width:1650px){#c6-hero .copy-wrap{top:26%}
#c6-hero .copy h1,#c6-hero .copy h2{font-size:88px}
#c6-hero .visuals{left:46%;width:54%}
#c6-hero .frame-caption{font-size:10px}}
@media(max-height:800px) and (min-width:901px){#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(48px,5vw,75px)}
#c6-hero .copy-wrap{top:24%}
#c6-hero .copy p{font-size:17px}
#c6-hero .eyebrow{margin-bottom:22px}}
@media(max-width:1100px) and (min-width:761px){#c6-header .navigation{gap:18px;font-size:11px}
#c6-header .brand .logo-window{width:150px}
#c6-header{padding:12px 20px}
#c6-header .contact{font-size:11px;padding:11px 15px}
#c6-hero .copy p{font-size:16px}
#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(43px,5.2vw,60px)}
#c6-hero .eyebrow{font-size:8px}
#c6-hero .industry-label b{font-size:14px}}
@media(max-width:760px){#c6-header{top:10px;left:12px;right:12px;height:74px;padding:10px 12px}
#c6-header.is-scrolled{top:9px;left:12px;right:12px;height:64px;padding:8px 14px}
#c6-header .brand .logo-window{width:132px;height:35px}
#c6-header.is-scrolled .logo-window{width:120px;height:32px}
#c6-header .contact{font-size:11px;gap:10px;padding:10px 13px}
#c6-hero .copy-wrap{top:126px;left:24px;right:24px;width:auto}
#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(35px,9vw,57px);letter-spacing:-.06em;line-height:1.09;margin-bottom:20px}
#c6-hero .eyebrow{font-size:7px;letter-spacing:.13em;margin-bottom:20px}
#c6-hero .copy p{font-size:14px;line-height:1.6;margin-bottom:23px}
#c6-hero .cta{font-size:12px;padding:7px 7px 7px 21px}
#c6-hero .visuals{top:385px;height:300px;width:94%;left:3%}
#c6-hero .hero-footer{left:24px;right:24px}
#c6-hero.experience{min-height:850px}
#c6-hero .media-frame{--corner:28px;--bracket:24px}
#c6-hero .ice-main{left:24%;top:22%;width:69%}
#c6-hero .ice-secondary{left:6%;top:7%;width:29%}
#c6-hero .photo-sliver{top:79%;width:30%;left:62%}
#c6-hero .green-main{left:30%;top:44%;width:64%}
#c6-hero .green-back{left:6%;top:18%;width:31%}
#c6-hero .glass-orb{left:15%;width:73%;top:4%}
#c6-hero .card-chip{left:12%;top:8%}
#c6-hero .card-energy{left:54%;top:16%}
#c6-hero .card-retail{left:9%;top:55%}
#c6-hero .card-bfsi{left:51%;top:63%}
#c6-hero .industry-card{width:37%;--corner:24px;--bracket:20px}
#c6-hero .industry-label b{font-size:12px}
#c6-hero .industry-label small{font-size:4px;letter-spacing:.8px}
#c6-hero .night-card{--corner:24px;--bracket:20px}
#c6-hero .night-one{top:14%;width:37%;left:56%}
#c6-hero .night-two{top:55%;left:6%;width:31%}
#c6-hero .night-three{top:67%;left:58%;width:33%}
#c6-hero .frame-caption,#c6-hero .night-label{font-size:4px;letter-spacing:.7px}
#c6-hero .frame-caption small{font-size:4px;letter-spacing:.6px}
#c6-hero .beyond-hero{padding:80px 24px 28px}
#c6-hero .beyond-intro h2{font-size:34px}
#c6-hero .beyond-intro p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#c6-hero .media-frame,#c6-hero .glass-sail,#c6-hero .ribbon,#c6-hero .glass-orb,#c6-hero .orbit,#c6-hero .halo{translate:none!important;animation:none!important}
#c6-hero .art-inner{transform:none!important}}
#c6-hero.experience{--ink:#f6f7fb;--muted:#ccdaee;--accent:#ffb673;--line:#ccdef340;--cta:#ffb05b;--cta-ink:#0a2345;--frame-tone:#ffb05b;--frame-secondary:#acc9ed;background:#071a35}
#c6-hero.experience[data-theme=emerald]{--ink:#102c4a;--muted:#2a4260;--accent:#244b76;--line:#163c6650;--cta:#102f55;--cta-ink:#fff6e8;--frame-tone:#1b4d9a;--frame-secondary:#214877;background:#f3a25e}
#c6-hero.experience[data-theme=champagne]{--ink:#fffaf1;--muted:#d5e5ff;--accent:#ffe0a5;--line:#c7dcff55;--cta:#ffd28e;--cta-ink:#10358d;--frame-tone:#ffc36c;--frame-secondary:#ffe5b7;background:#164add}
#c6-hero.experience[data-theme=midnight]{--ink:#102b48;--muted:#3e5065;--accent:#965125;--line:#173e6540;--cta:#102f55;--cta-ink:#fff3df;--frame-tone:#315484;--frame-secondary:#ad6a36;background:#f5dfc1}
#c6-hero .backdrop.ice{background:radial-gradient(ellipse at 88% 59%,#ed833b88 0,transparent 40%),radial-gradient(ellipse at 70% 15%,#3569a766,transparent 46%),linear-gradient(115deg,#06182e 2%,#102c50 51%,#304b68 78%,#ce783b 125%)}
#c6-hero .backdrop.emerald{background:radial-gradient(ellipse at 86% 65%,#1d4ea7d9 0,transparent 43%),radial-gradient(ellipse at 75% 0%,#ffd3a188,transparent 58%),linear-gradient(115deg,#fa9d57 0%,#f28b42 49%,#f3ad73 100%)}
#c6-hero .backdrop.champagne{background:radial-gradient(ellipse at 89% 71%,#f5b45d66,transparent 39%),radial-gradient(ellipse at 78% 3%,#609af188,transparent 56%),linear-gradient(118deg,#102e9f 0%,#164add 48%,#3972e3 100%)}
#c6-hero .backdrop.midnight{background:radial-gradient(ellipse at 86% 52%,#c7895d77,transparent 42%),radial-gradient(ellipse at 64% 0%,#fff8e8,transparent 55%),linear-gradient(115deg,#fbf0df 0%,#f1d9b9 50%,#efb989 100%)}
#c6-hero.contrast-experience .copy{color:var(--ink)}
#c6-hero .copy[data-scene="0"]{--ink:#f6f7fb;--muted:#ccdaee;--accent:#ffb673;--cta:#ffb05b;--cta-ink:#0a2345}
#c6-hero .copy[data-scene="1"]{--ink:#102c4a;--muted:#2a4260;--accent:#244b76;--cta:#102f55;--cta-ink:#fff6e8}
#c6-hero .copy[data-scene="2"]{--ink:#fffaf1;--muted:#d5e5ff;--accent:#ffe0a5;--cta:#ffd28e;--cta-ink:#10358d}
#c6-hero .copy[data-scene="3"]{--ink:#102b48;--muted:#3e5065;--accent:#965125;--cta:#102f55;--cta-ink:#fff3df}
#c6-hero .copy p,#c6-hero .copy-footnote,#c6-hero .concept-caption,#c6-hero .bottom-note,#c6-hero .tab-sub{transition:color .8s ease}
#c6-hero .copy em{color:var(--accent)}
#c6-hero .eyebrow{color:var(--accent)}
#c6-hero .eyebrow i{background:var(--frame-tone);box-shadow:0 0 12px #d4864744}
#c6-hero .cta{box-shadow:0 9px 30px #0b21451a}
#c6-hero .cta span{background:#ffffff12;border-color:currentColor}
#c6-hero.experience[data-theme=emerald] .cta span,#c6-hero.experience[data-theme=midnight] .cta span{border-color:#fff3;background:#ffffff0c}
#c6-hero .media-frame{--frame-accent:var(--frame-tone);box-shadow:0 24px 60px #081d3538}
#c6-hero .ice-secondary,#c6-hero .photo-sliver,#c6-hero .green-back,#c6-hero .night-two,#c6-hero .night-three{--frame-accent:var(--frame-secondary)}
#c6-hero .halo-ice{background:radial-gradient(ellipse,#ffa94d8c,transparent 69%)}
#c6-hero .halo-green{background:radial-gradient(ellipse,#2256a963,transparent 69%)}
#c6-hero .halo-orange{background:radial-gradient(ellipse,#ffcc8063,transparent 69%)}
#c6-hero .halo-night{background:radial-gradient(ellipse,#e1a36d66,transparent 70%)}
#c6-hero .glass-sail{background:linear-gradient(125deg,#ffcc7e20,#d5e8ff05 48%,#ffe8c466 50%,#ffb65a12 51%,#fbc28b33);border-color:#ffc98d77;box-shadow:inset 0 1px 35px #ffe1b328,15px 15px 50px #f99e2220}
#c6-hero .glass-orb{border-color:#194d8855;background:radial-gradient(circle at 30% 25%,#2456a320,transparent 60%);box-shadow:inset 12px 0 28px #194d8820,0 0 45px #2a67ad1a}
#c6-hero .orbit-green{border-color:#1c4d8c88;box-shadow:0 0 16px #2964b333,inset 0 0 12px #2964b311}
#c6-hero .ribbon-green{filter:drop-shadow(0 0 9px #29518d30);opacity:.5}
#c6-hero .industry-glass{background:linear-gradient(125deg,#ffe2b008,#ffcd8366 50%,#dce8ff05);border-color:#ffe8ba77}
#c6-hero .orange-streak{box-shadow:0 0 20px 3px #ffc56888}
#c6-hero .orbit-blue{border-color:#294f88aa;box-shadow:0 0 8px #53729525,inset 0 0 8px #315f9a22}
#c6-hero .orbit-violet{border-color:#ba763d99;border-top-color:transparent;box-shadow:0 6px 9px -7px #b77034}
#c6-hero .connections{stroke:#4c688d;opacity:.55}
#c6-hero .connections circle{fill:#244d80;stroke:#ffe5ba;filter:none}
#c6-hero .scene-counter{text-shadow:none;color:var(--ink)}
#c6-hero.experience[data-theme=emerald] .particle,#c6-hero.experience[data-theme=midnight] .particle{background:#24517b}
#c6-hero.experience[data-theme=emerald] .spark,#c6-hero.experience[data-theme=midnight] .spark{opacity:.35}
#c6-hero.experience[data-theme=emerald] .scene-tab,#c6-hero.experience[data-theme=midnight] .scene-tab{opacity:.72}
#c6-hero.experience[data-theme=emerald] .scene-tab.selected,#c6-hero.experience[data-theme=midnight] .scene-tab.selected{opacity:1}
#c6-hero .theme-dot{box-shadow:0 0 0 3px #ffffff25}
#c6-hero .ice-dot{background:#173a64}
#c6-hero .green-dot{background:#ef8c45}
#c6-hero .orange-dot{background:#2560ee}
#c6-hero .blue-dot{background:#f2d9b5}
#c6-hero .circle-button{transition:color .8s,border-color .8s,background .3s,transform .3s}
#c6-hero.experience[data-theme=emerald] .circle-button,#c6-hero.experience[data-theme=midnight] .circle-button{background:#fff4}
#c6-hero.experience[data-theme=emerald] .circle-button:hover,#c6-hero.experience[data-theme=midnight] .circle-button:hover{background:#fff8}
body[data-scene=emerald] #c6-header:not(.is-scrolled),body[data-scene=midnight] #c6-header:not(.is-scrolled){color:#102b48;background:transparent;box-shadow:none;backdrop-filter:none}
body[data-scene=emerald] #c6-header:not(.is-scrolled) .logo-window img,body[data-scene=midnight] #c6-header:not(.is-scrolled) .logo-window img{filter:none}
body[data-scene=emerald] #c6-header:not(.is-scrolled) .contact,body[data-scene=midnight] #c6-header:not(.is-scrolled) .contact{color:#102b48;border-color:#163c6655;background:#fff2}
body[data-scene=emerald] #c6-header:not(.is-scrolled) .contact svg,body[data-scene=midnight] #c6-header:not(.is-scrolled) .contact svg{color:#285898}
@media(prefers-reduced-motion:reduce){#c6-hero .copy p,#c6-hero .copy-footnote,#c6-hero .concept-caption,#c6-hero .bottom-note,#c6-hero .tab-sub,#c6-hero .circle-button{transition:none}}
#c6-hero.c-experience{--ink:#faf9ff;--muted:#d7d1ef;--accent:#ffc17e;--line:#e0d8ff3d;--cta:#ffbd78;--cta-ink:#22174c;--frame-tone:#ffba67;--frame-secondary:#ada4ff;background:#181137}
#c6-hero.c-experience[data-theme=emerald]{--ink:#2a2059;--muted:#4b3b68;--accent:#4937df;--line:#4937df35;--cta:#4937df;--cta-ink:#fffaff;--frame-tone:#4937df;--frame-secondary:#6a54a8;background:#f7b878}
#c6-hero.c-experience[data-theme=champagne]{--ink:#fffaff;--muted:#e1dcff;--accent:#ffcf88;--line:#ddd5ff55;--cta:#ffcb84;--cta-ink:#33206e;--frame-tone:#ffcb84;--frame-secondary:#d6cbff;background:#4937df}
#c6-hero.c-experience[data-theme=midnight]{--ink:#29204f;--muted:#5f547a;--accent:#4937df;--line:#4937df30;--cta:#4937df;--cta-ink:#fffaff;--frame-tone:#4937df;--frame-secondary:#c48a45;background:#f0eafb}
#c6-hero .backdrop.ice{background:radial-gradient(ellipse at 89% 66%,#c28a9c66,transparent 40%),radial-gradient(ellipse at 70% 12%,#4937dfb0,transparent 54%),linear-gradient(117deg,#14102c 2%,#242052 47%,#534183 100%)}
#c6-hero .backdrop.emerald{background:radial-gradient(ellipse at 89% 68%,#7562ba99,transparent 44%),radial-gradient(ellipse at 70% 5%,#ffe3bd,transparent 60%),linear-gradient(116deg,#ffc58d,#f4ae6e 53%,#d8acd1)}
#c6-hero .backdrop.champagne{background:radial-gradient(ellipse at 87% 43%,#9186ff99,transparent 53%),radial-gradient(ellipse at 72% 100%,#edb7a388,transparent 43%),linear-gradient(117deg,#34209e 0%,#4937df 47%,#6c5cec 100%)}
#c6-hero .backdrop.midnight{background:radial-gradient(ellipse at 89% 67%,#ffd5a5b0,transparent 45%),radial-gradient(ellipse at 66% 0%,#fff9f6,transparent 58%),linear-gradient(115deg,#f5f0ff,#e8def7 55%,#f2dce0)}
#c6-hero .backdrop:before,#c6-hero .backdrop:after{content:'';position:absolute;width:65%;height:95%;right:-11%;top:-7%;border-radius:45% 55% 70% 30%;filter:blur(45px);background:radial-gradient(ellipse,#8f7dff70,transparent 67%);animation:auroraTravel 12s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*-.8) calc(var(--pointer-y,0px)*-.65)}
#c6-hero .backdrop:after{right:4%;top:26%;width:48%;height:85%;background:radial-gradient(ellipse,#ffc07450,transparent 64%);animation-duration:9s;animation-delay:-4s}
#c6-hero .backdrop.emerald:before{background:radial-gradient(ellipse,#4937df75,transparent 67%)}
#c6-hero .backdrop.emerald:after{background:radial-gradient(ellipse,#fff4ddaa,transparent 62%)}
#c6-hero .backdrop.midnight:before{background:radial-gradient(ellipse,#a893eb66,transparent 67%)}
#c6-hero .backgrounds{overflow:hidden}
#c6-hero .backdrop:not(.active):before,#c6-hero .backdrop:not(.active):after{animation-play-state:paused}
#c6-hero .copy[data-scene="0"]{--ink:#faf9ff;--muted:#d7d1ef;--accent:#ffc17e;--cta:#ffbd78;--cta-ink:#22174c}
#c6-hero .copy[data-scene="1"]{--ink:#2a2059;--muted:#4b3b68;--accent:#4937df;--cta:#4937df;--cta-ink:#fffaff}
#c6-hero .copy[data-scene="2"]{--ink:#fffaff;--muted:#e1dcff;--accent:#ffcf88;--cta:#ffcb84;--cta-ink:#33206e}
#c6-hero .copy[data-scene="3"]{--ink:#29204f;--muted:#5f547a;--accent:#4937df;--cta:#4937df;--cta-ink:#fffaff}
#c6-hero .copy-wrap{width:43%;z-index:12}
#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(46px,5.1vw,86px);line-height:1.09}
#c6-hero .copy p{max-width:440px}
#c6-hero .copy[data-scene="3"] h2{font-size:clamp(44px,4.9vw,83px)}
body[data-scene=emerald] #c6-header:not(.is-scrolled),body[data-scene=midnight] #c6-header:not(.is-scrolled){color:#2a2059}
body[data-scene=emerald] #c6-header:not(.is-scrolled) .contact,body[data-scene=midnight] #c6-header:not(.is-scrolled) .contact{color:#4937df;border-color:#4937df50}
#c6-header.is-scrolled .contact{background:#4937df}
#c6-header .contact svg{color:#f5a828}
#c6-hero .visuals{left:45%;width:55%;top:15%;bottom:24%;perspective:1400px}
#c6-hero .art-inner{rotate:y var(--tilt-y,0deg);transform-origin:55% 50%;will-change:rotate}
#c6-hero .media-frame{--corner:42px;--bracket:29px;transition:box-shadow .8s;box-shadow:0 22px 55px #150d3342}
#c6-hero .media-frame:before,#c6-hero .media-frame:after{border-width:1.6px;opacity:.83}
#c6-hero .media-surface{background:#2c2151;border-color:#ffffff42}
#c6-hero .media-frame img,#c6-hero .media-frame video{filter:saturate(.87) contrast(1.02);animation:footageDrift 12s ease-in-out var(--float-delay,-3s) infinite alternate}
#c6-hero .media-shade{background:linear-gradient(180deg,#20144500 42%,#15102da8)}
#c6-hero .ice-main{width:61%;left:31%;top:24%;aspect-ratio:1.32;animation:cFloatA 8s ease-in-out infinite alternate;--depth:.76}
#c6-hero .ice-secondary{left:12%;top:3%;width:29%;aspect-ratio:1.1;opacity:.85;animation:cFloatB 10s ease-in-out -3s infinite alternate;--depth:.4}
#c6-hero .photo-sliver{left:65%;top:75%;width:29%;aspect-ratio:1.7;opacity:.7;animation:cFloatC 9s ease-in-out -4s infinite alternate;--depth:1.1}
#c6-hero .discover-extra{left:0%;top:54%;width:26%;height:auto;aspect-ratio:1.06;z-index:5;--corner:31px;--bracket:23px;--depth:1.25;animation:cFloatC 7s ease-in-out -2s infinite alternate}
#c6-hero .green-main{left:36%;top:32%;width:58%;aspect-ratio:1.34;animation:cFloatA 8.4s ease-in-out -3s infinite alternate;--depth:.8}
#c6-hero .green-back{left:15%;top:11%;width:29%;aspect-ratio:1.12;opacity:.8;animation:cFloatB 10s ease-in-out -3s infinite alternate;--depth:.38}
#c6-hero .connect-extra{left:3%;top:60%;width:27%;height:auto;aspect-ratio:1.18;--corner:30px;--bracket:23px;--depth:1.3;z-index:5;animation:cFloatC 7.5s ease-in-out -3s infinite alternate}
#c6-hero .glass-orb{left:18%;top:-1%;width:74%;border-color:#4937df35;background:radial-gradient(circle at 30% 25%,#d9c6ff20,transparent 60%);animation:sphereBreatheC 7s ease-in-out infinite alternate;box-shadow:inset 12px 0 28px #4937df15,0 0 60px #4937df25}
#c6-hero .halo{animation:haloBreatheC 7s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*-.7) calc(var(--pointer-y,0px)*-.7)}
#c6-hero .halo-ice{background:radial-gradient(ellipse,#d3a1e6b0,transparent 66%)}
#c6-hero .halo-green{background:radial-gradient(ellipse,#4937df88,transparent 69%);animation-delay:-3s}
#c6-hero .halo-orange{background:radial-gradient(ellipse,#c3b6ff80,transparent 68%);animation-delay:-4s}
#c6-hero .halo-night{background:radial-gradient(ellipse,#9f8adf77,transparent 67%);animation-delay:-1s}
#c6-hero .glass-sail{animation:cGlass 9s ease-in-out infinite alternate;box-shadow:inset 0 1px 35px #eee1ff35,15px 15px 50px #8d6bff22}
#c6-hero .sail-front{left:12%;top:47%;z-index:2}
#c6-hero .sail-back{left:37%;top:3%}
#c6-hero .ribbon{animation:cRibbon 10s ease-in-out infinite alternate;translate:calc(var(--pointer-x,0px)*-.35) calc(var(--pointer-y,0px)*-.25)}
#c6-hero .ribbon-green{opacity:.6;filter:drop-shadow(0 0 7px #4937df55)}
#c6-hero .orbit-green{border-color:#4937df60;box-shadow:0 0 18px #4937df22;animation:cOrbit 12s ease-in-out infinite alternate}
#c6-hero .industry-mosaic{position:absolute;left:51%;top:49%;width:min(84%,58vh,610px);aspect-ratio:1;translate:-50% -50%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(13px,1.1vw,21px);z-index:6;transform:rotate(-3deg)}
#c6-hero .industry-tile{position:relative;inset:auto;width:100%;height:100%;aspect-ratio:1;--corner:30px;--bracket:20px;--depth:.65;animation:tileFloat 7s ease-in-out var(--float-delay) infinite alternate;scale:.96;opacity:.85;transition:scale .85s cubic-bezier(.2,.7,.2,1),opacity .8s,box-shadow .8s;pointer-events:auto;padding:0;cursor:pointer;z-index:1;outline:none;transform-origin:center}
#c6-hero .industry-tile.is-featured{scale:1.13;opacity:1;z-index:8;box-shadow:0 24px 50px #1c104966,0 0 35px #ffce7d35;--frame-accent:#ffe0a3}
#c6-hero .industry-tile.is-featured:before,#c6-hero .industry-tile.is-featured:after{width:28px;height:28px;border-width:2px;opacity:1}
#c6-hero .industry-tile:focus-visible{outline:2px solid #ffe0a3;outline-offset:7px}
#c6-hero .industry-tile .media-shade{background:linear-gradient(180deg,#24154300 27%,#21123f6b 60%,#1b1032ed 100%)}
#c6-hero .industry-label{left:12%;right:7%;bottom:12%;text-align:left;gap:6px}
#c6-hero .industry-label b{font-size:clamp(11px,1.07vw,18px);line-height:1.23;font-family:Inter,sans-serif;font-weight:560;letter-spacing:-.035em}
#c6-hero .industry-label small{font-size:6px;letter-spacing:1px;opacity:.76}
#c6-hero .industry-label>span{display:none}
#c6-hero .industry-tile.is-featured .industry-label small{color:#ffd28f;opacity:1}
#c6-header .brand-hub{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center;color:#fff8f2;background:linear-gradient(135deg,#ffffffe0,#d4ccffb0);border:1px solid #fff9;border-radius:30px 10px 30px 10px;box-shadow:inset 0 0 32px #fff6,0 14px 40px #24176830;animation:hubBreathe 6s ease-in-out infinite alternate;overflow:hidden;z-index:2}
#c6-hero .hub-logo{width:82%;height:30px;position:relative;overflow:hidden}
#c6-hero .hub-logo img{width:100%;height:auto;position:absolute;top:50%;left:0;transform:translateY(-50%)}
#c6-header .brand-hub>span:last-of-type{font-size:clamp(7px,.65vw,11px);line-height:1.65;color:#3d3268;position:relative;z-index:1}
#c6-header .brand-hub>i{width:5px;height:5px;background:#f5a828;border-radius:50%;box-shadow:0 0 17px #ffb554}
#c6-hero .hub-ring{position:absolute;inset:-45%;border:1px solid #fff9;border-radius:42%;animation:hubTurn 20s linear infinite}
#c6-hero .industry-glass-back{left:25%;top:4%;width:59%;height:70%;opacity:.2}
#c6-hero .industry-glass-front{left:10%;top:40%;width:67%;height:45%;z-index:2;opacity:.12}
#c6-hero .orange-streak{top:50%;opacity:.23;z-index:3}
#c6-hero #globe{left:3%;top:-3%;width:95%;height:108%;opacity:1;z-index:3;translate:calc(var(--pointer-x,0px)*.3) calc(var(--pointer-y,0px)*.3)}
#c6-hero .night-card{animation:cFloatA 9s ease-in-out infinite alternate;--corner:32px;--bracket:24px}
#c6-hero .night-one{left:62%;top:17%;width:33%;aspect-ratio:1.3;z-index:6;--depth:1.25}
#c6-hero .night-two{left:4%;top:59%;width:31%;aspect-ratio:1.3;z-index:6;--depth:1;animation-name:cFloatB;animation-delay:-3s;opacity:1}
#c6-hero .night-three{left:66%;top:70%;width:30%;aspect-ratio:1.3;z-index:1;--depth:-.45;animation-name:cFloatC;animation-delay:-4s;opacity:.92}
#c6-hero .night-four{left:3%;top:4%;width:31%;aspect-ratio:1.27;z-index:1;--depth:-.6;animation-name:cFloatB;animation-delay:-6s;opacity:.9}
#c6-hero .night-label{font-size:clamp(4px,.48vw,8px);font-weight:500}
#c6-hero .orbit-blue,#c6-hero .orbit-violet{z-index:5;border-color:#4937df70;animation:cOrbit 14s ease-in-out infinite alternate;box-shadow:0 0 16px #4937df20}
#c6-hero .orbit-violet{border-color:#d4974b80;border-top-color:transparent;animation-duration:11s;animation-delay:-5s}
#c6-hero .connections{z-index:4;stroke:#6f58c4;opacity:.5}
#c6-hero .connections circle{fill:#f5a828;stroke:#fff8ed}
#c6-hero .particles{inset:-7%;opacity:.95;translate:calc(var(--pointer-x,0px)*-.7) calc(var(--pointer-y,0px)*-.8)}
#c6-hero .particle{animation:particleBreath var(--duration) ease-in-out var(--delay) infinite}
#c6-hero .spark{animation:starBreath 4s ease-in-out infinite;opacity:.8}
#c6-hero .spark-a{animation-delay:-1.7s}
#c6-hero .spark-b{animation-delay:-3s}
#c6-hero .spark-c{animation-delay:-.9s}
#c6-hero .spark-e{animation-delay:-2.1s}
#c6-hero.experience[data-theme=emerald] .particle,#c6-hero.experience[data-theme=midnight] .particle{background:#4937df}
#c6-hero.experience[data-theme=emerald] .spark,#c6-hero.experience[data-theme=midnight] .spark{background:#fff8df;opacity:.6}
#c6-hero .ice-dot{background:#312369}
#c6-hero .green-dot{background:#f4ae6e}
#c6-hero .orange-dot{background:#4937df}
#c6-hero .blue-dot{background:#e7d8ff}
@keyframes auroraTravel{from{transform:translate(-8%,7%) rotate(-9deg) scale(.85);opacity:.55}to{transform:translate(8%,-9%) rotate(13deg) scale(1.18);opacity:1}}
@keyframes cFloatA{from{transform:translate(0,9px) rotate(-3deg)}to{transform:translate(-11px,-13px) rotate(-.5deg)}}
@keyframes cFloatB{from{transform:translate(-6px,-12px) rotate(2deg)}to{transform:translate(12px,10px) rotate(-2deg)}}
@keyframes cFloatC{from{transform:translate(8px,11px) rotate(1deg)}to{transform:translate(-10px,-10px) rotate(3deg)}}
@keyframes footageDrift{from{transform:scale(1.04) translate(-.7%,.3%)}to{transform:scale(1.14) translate(1.1%,-1%)}}
@keyframes haloBreatheC{from{transform:translate(-6%,4%) scale(.85);opacity:.36}to{transform:translate(6%,-5%) scale(1.18);opacity:.95}}
@keyframes sphereBreatheC{from{transform:translateY(6px) scale(.975)}to{transform:translateY(-7px) scale(1.035)}}
@keyframes cGlass{from{transform:translate(-9px,12px) rotate(10deg) scale(.96);opacity:.22}to{transform:translate(9px,-13px) rotate(22deg) scale(1.04);opacity:.5}}
@keyframes cRibbon{from{transform:translate(0,13px) rotate(-3deg) scaleY(.97);opacity:.42}to{transform:translate(-13px,-11px) rotate(3deg) scaleY(1.04);opacity:.85}}
@keyframes cOrbit{from{transform:rotate(-28deg) scale(.97);opacity:.46}to{transform:rotate(-14deg) scale(1.045);opacity:.87}}
@keyframes tileFloat{from{transform:translate(-2px,4px) rotate(1deg)}to{transform:translate(3px,-5px) rotate(-1deg)}}
@keyframes hubBreathe{from{box-shadow:inset 0 0 32px #fff4,0 14px 40px #24176820}to{box-shadow:inset 0 0 42px #fff8,0 0 40px #c6b2ff55}}
@keyframes hubTurn{to{transform:rotate(360deg)}}
@keyframes particleBreath{0%,100%{opacity:.08;transform:translate(0,12px) scale(.65)}35%{opacity:.9;transform:translate(8px,-4px) scale(1.25)}70%{opacity:.25;transform:translate(-6px,-20px) scale(.8)}}
@keyframes starBreath{0%,100%{opacity:.15;transform:scale(.55)}45%{opacity:.9;transform:scale(1.15)}}
@media(min-width:1650px){#c6-hero .visuals{top:16%;bottom:23%}
#c6-hero .copy-wrap{top:25%}}
@media(max-height:800px) and (min-width:901px){#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(44px,5vw,72px)}
#c6-hero .copy[data-scene="3"] h2{font-size:clamp(43px,4.7vw,68px)}
#c6-hero .visuals{top:16%;bottom:25%}
#c6-hero .industry-mosaic{width:min(81%,57vh)}
#c6-hero .copy-wrap{top:23%}}
@media(max-width:1100px) and (min-width:761px){#c6-hero .copy h1,#c6-hero .copy h2{font-size:clamp(39px,5vw,54px)}
#c6-hero .copy[data-scene="3"] h2{font-size:clamp(38px,4.7vw,52px)}
#c6-hero .copy-wrap{width:43%}
#c6-hero .visuals{left:45%;width:55%}
#c6-hero .industry-mosaic{width:86%;gap:12px}
#c6-hero .industry-label b{font-size:10px}
#c6-hero .industry-label small{font-size:5px}
#c6-hero .industry-tile{--corner:23px;--bracket:17px}}
@media(max-width:760px){#c6-hero.c-experience{height:100svh;min-height:1000px;max-height:none}
#c6-hero .copy-wrap{top:123px;left:24px;right:24px;width:auto;height:280px}
#c6-hero .copy h1,#c6-hero .copy h2,#c6-hero .copy[data-scene="3"] h2{font-size:clamp(35px,8.7vw,52px);line-height:1.1;margin-bottom:17px}
#c6-hero .copy p{font-size:14px;margin-bottom:21px}
#c6-hero .eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:19px}
#c6-hero .visuals{top:421px;height:370px;width:96%;left:2%;bottom:auto}
#c6-hero .industry-mosaic{width:min(83%,350px);top:49%;left:50%;gap:13px}
#c6-hero .industry-tile{--corner:23px;--bracket:17px}
#c6-hero .industry-label{left:10%;bottom:12%;gap:4px}
#c6-hero .industry-label b{font-size:10px;letter-spacing:-.04em}
#c6-hero .industry-label small{font-size:5px;letter-spacing:.4px}
#c6-header .brand-hub{border-radius:23px 8px 23px 8px;gap:7px}
#c6-header .brand-hub>span:last-of-type{font-size:6px}
#c6-hero .hub-logo{height:24px}
#c6-header .brand-hub>i{width:4px;height:4px}
#c6-hero .discover-extra{left:5%;top:62%;width:28%;--corner:24px;--bracket:18px}
#c6-hero .ice-main{left:36%;top:26%;width:60%;aspect-ratio:1.12}
#c6-hero .ice-secondary{left:12%;top:6%;width:32%}
#c6-hero .photo-sliver{left:65%;top:80%;width:28%}
#c6-hero .green-main{left:37%;top:39%;width:58%;aspect-ratio:1.16}
#c6-hero .green-back{left:16%;top:11%;width:33%}
#c6-hero .connect-extra{left:5%;top:65%;width:28%;--corner:24px;--bracket:18px}
#c6-hero .glass-orb{width:79%;top:7%;left:15%}
#c6-hero .night-one{left:64%;top:24%;width:32%}
#c6-hero .night-two{left:5%;top:65%;width:33%}
#c6-hero .night-three{left:68%;top:73%;width:29%}
#c6-hero .night-four{left:4%;top:12%;width:32%}
#c6-hero .night-card{--corner:24px;--bracket:18px}
#c6-hero #globe{left:2%;top:2%;width:96%;height:106%}
#c6-hero .orbit-blue{top:39%}
#c6-hero .orbit-violet{top:45%}
#c6-hero .hero-footer{left:24px;right:24px;bottom:25px}
#c6-hero .concept-caption{font-size:6px;max-width:135px}
#c6-hero .frame-caption{font-size:4px}
#c6-hero .frame-caption small{font-size:3px}
#c6-hero .copy-footnote{display:none}
#c6-hero .night-label{font-size:4px}}
@media(prefers-reduced-motion:reduce){#c6-hero .backdrop:before,#c6-hero .backdrop:after,#c6-hero .industry-tile,#c6-header .brand-hub,#c6-hero .hub-ring,#c6-hero .media-frame img,#c6-hero .media-frame video{animation:none!important}
#c6-hero .art-inner{rotate:none}
#c6-hero .media-frame,#c6-hero .particles,#c6-hero #globe,#c6-hero .ribbon,#c6-hero .halo{translate:none!important}
#c6-hero .industry-tile{transition:none}
#c6-hero .industry-mosaic{translate:-50% -50%}
#c6-hero .industry-tile.is-featured{scale:1}
#c6-hero .backdrop{transition:none}}
#c6-hero.c2-experience .copy-wrap{top:24%;width:44%;height:auto}
#c6-hero.c2-experience .copy h1,#c6-hero.c2-experience .copy h2,#c6-hero.c2-experience .copy[data-scene="3"] h2{font-size:clamp(40px,4.15vw,71px);line-height:1.11;font-weight:650;letter-spacing:-.055em;margin-bottom:26px}
#c6-hero.c2-experience .copy[data-scene="2"] h2{font-size:clamp(38px,3.95vw,68px)}
#c6-hero.c2-experience .copy p{font-size:clamp(15px,1.3vw,20px);line-height:1.65;max-width:440px;margin-bottom:30px;text-wrap:pretty}
#c6-hero.c2-experience .eyebrow{font-size:11px;letter-spacing:.17em;margin-bottom:25px}
#c6-hero.c2-experience .copy em{font-weight:650}
#c6-hero.c2-experience .visuals{top:16%;bottom:23%}
#c6-hero.c2-experience .hero-footer{left:var(--content-gutter);right:var(--content-gutter);bottom:42px;display:flex;align-items:center;gap:48px}
#c6-hero.c2-experience .scene-tabs{flex:1;gap:30px}
#c6-hero.c2-experience .track{margin-bottom:17px}
#c6-hero.c2-experience .tab-line b{font-size:14px;font-weight:550}
#c6-hero.c2-experience .playback-controls{gap:10px;flex-shrink:0;align-self:flex-end}
#c6-hero.c2-experience .circle-button{width:38px;height:38px}
#c6-header .c2-experience .brand-hub{gap:0}
#c6-hero.c2-experience .hub-logo{width:84%}
#c6-header .c2-experience .brand-hub>i{position:absolute;bottom:20%;width:4px;height:4px;opacity:.6}
#c6-hero.c2-experience .industry-label{bottom:13%;gap:0}
#c6-hero.c2-experience .industry-label b{font-size:clamp(11px,1.08vw,18px)}
#c6-hero .city-horizon{position:absolute;left:0;top:-10%;width:100%;height:55%;z-index:0;overflow:hidden;pointer-events:none;color:#56439b;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 93%,transparent 100%);translate:calc(var(--pointer-x,0px)*-.45) calc(var(--pointer-y,0px)*-.28)}
#c6-hero .city-stream{display:flex;width:max-content;height:100%;animation:cityJourney 58s linear infinite;will-change:transform}
#c6-hero .city-sequence{display:flex;flex:none;height:100%;align-items:flex-end}
#c6-hero .city-landmark{flex:0 0 clamp(165px,16vw,245px);width:clamp(165px,16vw,245px);height:100%;padding:0 6px;opacity:.48}
#c6-hero .city-landmark svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 0 #fff9)}
#c6-hero .city-landmark .landmark-accent{stroke:#a96624;opacity:.75}
#c6-hero .emerald-composition .halo-green{top:20%;left:18%;opacity:.45}
#c6-hero .emerald-composition .green-back{left:8%;top:32%;width:28%;opacity:.93;--depth:.4}
#c6-hero .emerald-composition .green-main{left:38%;top:43%;width:57%;aspect-ratio:1.37;--depth:.85}
#c6-hero .emerald-composition .connect-extra{left:5%;top:73%;width:26%;aspect-ratio:1.2;--depth:1.25}
#c6-hero .emerald-composition .spark-c{left:34%;top:42%;opacity:.3}
@keyframes cityJourney{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(min-width:1650px){#c6-hero.c2-experience .copy-wrap{top:25%}
#c6-hero.c2-experience .copy h1,#c6-hero.c2-experience .copy h2,#c6-hero.c2-experience .copy[data-scene="3"] h2{font-size:clamp(62px,4.15vw,76px)}
#c6-hero.c2-experience .copy[data-scene="2"] h2{font-size:clamp(60px,3.95vw,72px)}
#c6-hero.c2-experience .copy p{font-size:20px;max-width:490px}
#c6-hero .city-landmark{opacity:.46}}
@media(max-height:800px) and (min-width:901px){#c6-hero.c2-experience .copy-wrap{top:22%}
#c6-hero.c2-experience .eyebrow{margin-bottom:23px}
#c6-hero.c2-experience .copy h1,#c6-hero.c2-experience .copy h2,#c6-hero.c2-experience .copy[data-scene="3"] h2{font-size:clamp(40px,4.05vw,62px);margin-bottom:24px}
#c6-hero.c2-experience .copy[data-scene="2"] h2{font-size:clamp(38px,3.85vw,60px)}
#c6-hero.c2-experience .copy p{font-size:16px;margin-bottom:26px}
#c6-hero.c2-experience .hero-footer{bottom:35px}
#c6-hero .city-horizon{height:58%;top:-9%}
#c6-hero .emerald-composition .green-main{top:43%}
#c6-hero .emerald-composition .connect-extra{top:74%}}
@media(max-width:1100px) and (min-width:761px){#c6-hero.c2-experience .copy-wrap{width:44%;top:25%}
#c6-hero.c2-experience .copy h1,#c6-hero.c2-experience .copy h2,#c6-hero.c2-experience .copy[data-scene="3"] h2{font-size:clamp(33px,4.05vw,45px)}
#c6-hero.c2-experience .copy[data-scene="2"] h2{font-size:clamp(32px,3.85vw,43px)}
#c6-hero.c2-experience .copy p{font-size:15px;max-width:355px}
#c6-hero.c2-experience .hero-footer{gap:25px}
#c6-hero.c2-experience .scene-tabs{gap:17px}
#c6-hero .city-landmark{flex-basis:170px;width:170px}
#c6-hero .city-horizon{height:50%;top:-1%}}
@media(max-width:760px){#c6-hero.c2-experience{min-height:950px}
#c6-hero.c2-experience .copy-wrap{top:122px;left:24px;right:24px;width:auto;height:300px}
#c6-hero.c2-experience .copy h1,#c6-hero.c2-experience .copy h2,#c6-hero.c2-experience .copy[data-scene="3"] h2{font-size:clamp(29px,7.75vw,46px);line-height:1.13;letter-spacing:-.055em;margin-bottom:20px}
#c6-hero.c2-experience .copy[data-scene="2"] h2{font-size:clamp(28px,7.4vw,44px)}
#c6-hero.c2-experience .eyebrow{font-size:9px;margin-bottom:20px}
#c6-hero.c2-experience .copy p{font-size:14px;line-height:1.6;max-width:365px;margin-bottom:24px}
#c6-hero.c2-experience .visuals{top:428px;height:350px;bottom:auto}
#c6-hero.c2-experience .hero-footer{bottom:30px;display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;left:24px;right:24px}
#c6-hero.c2-experience .playback-controls{align-self:flex-end;gap:10px}
#c6-hero.c2-experience .circle-button{width:32px;height:32px}
#c6-hero.c2-experience .scene-tabs{flex:auto;gap:14px}
#c6-hero.c2-experience .tab-line b{font-size:11px}
#c6-hero.c2-experience .track{margin-bottom:13px}
#c6-hero.c2-experience .industry-label b{font-size:10px}
#c6-hero .city-horizon{left:-4%;width:108%;top:-4%;height:52%}
#c6-hero .city-landmark{flex-basis:145px;width:145px;opacity:.55}
#c6-hero .emerald-composition .green-back{top:39%;left:8%;width:29%}
#c6-hero .emerald-composition .green-main{top:49%;left:40%;width:56%;aspect-ratio:1.2}
#c6-hero .emerald-composition .connect-extra{top:77%;left:7%;width:27%;aspect-ratio:1.3}
#c6-hero .city-stream{animation-duration:58s}}
@media(prefers-reduced-motion:reduce){#c6-hero .city-stream{animation:none!important;transform:translate3d(-16%,0,0)}
#c6-hero .city-horizon{translate:none!important}}
#c6-hero.c3-experience .city-horizon{left:-10%;top:0;width:110%;height:124%;color:#5a4399;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 94%,transparent);z-index:0}
#c6-hero.c3-experience .city-stream{animation-duration:108s}
#c6-hero.c3-experience .city-landmark{flex:0 0 clamp(350px,43vw,740px);width:clamp(350px,43vw,740px);height:100%;padding:0 12px;opacity:.32}
#c6-hero.c3-experience .city-landmark svg{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:none}
#c6-hero.c3-experience .city-landmark .landmark-accent{stroke:#a76e3e;opacity:.8}
#c6-hero.c3-experience .emerald-composition .halo-green{top:15%;height:95%;width:90%;left:2%;opacity:.35}
@media(max-width:1100px) and (min-width:761px){#c6-hero.c3-experience .city-horizon{left:-9%;width:109%;height:120%}
#c6-hero.c3-experience .city-landmark{flex-basis:43vw;width:43vw}}
@media(max-width:760px){#c6-hero.c3-experience .city-horizon{left:-9%;top:-2%;width:118%;height:110%;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
#c6-hero.c3-experience .city-landmark{flex-basis:310px;width:310px;padding:0 9px;opacity:.34}
#c6-hero.c3-experience .city-stream{animation-duration:100s}}
#c6-hero.c4-experience .media-frame,#c6-header .c4-experience .brand-hub{--ci-size:clamp(26px,2.5vw,43px);--ci-offset:-7px}
#c6-hero.c4-experience .media-frame:before,#c6-hero.c4-experience .media-frame:after,#c6-header .c4-experience .brand-hub:before,#c6-header .c4-experience .brand-hub:after{content:'';position:absolute;width:var(--ci-size);height:var(--ci-size);border:0;border-radius:0;background:var(--frame-accent,#ffcf87);opacity:.95;z-index:8;pointer-events:none;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M36 3H15Q3 3 3 15V36' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
#c6-hero.c4-experience .media-frame:before,#c6-header .c4-experience .brand-hub:before{left:var(--ci-offset);top:var(--ci-offset);right:auto;bottom:auto;transform:none}
#c6-hero.c4-experience .media-frame:after,#c6-header .c4-experience .brand-hub:after{right:var(--ci-offset);bottom:var(--ci-offset);left:auto;top:auto;transform:rotate(180deg)}
#c6-hero.c4-experience .industry-tile,#c6-header .c4-experience .brand-hub{--ci-size:clamp(24px,2.1vw,34px);--ci-offset:-6px}
#c6-header .c4-experience .brand-hub{overflow:visible;--frame-accent:#ffcf87}
#c6-hero.c4-experience .hub-ambience{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}
#c6-hero.c4-experience .discover-top{left:59%;top:7%;width:29%;height:auto;aspect-ratio:1.8;z-index:3;--corner:30px;--depth:.55;--frame-accent:#dbc9ff;animation:cFloatB 9.4s ease-in-out -5s infinite alternate}
#c6-hero.c4-experience .connect-top-middle{left:33%;top:8%;width:24%;height:auto;aspect-ratio:1.4;z-index:3;--corner:29px;--depth:.55;animation:cFloatB 9.8s ease-in-out -2s infinite alternate}
#c6-hero.c4-experience .connect-top-right{left:68%;top:5%;width:27%;height:auto;aspect-ratio:1.45;z-index:3;--corner:30px;--depth:.8;animation:cFloatC 10.2s ease-in-out -5s infinite alternate}
#c6-hero.c4-experience .industry-mosaic{top:57%}
#c6-hero.c4-experience .midnight-composition{width:95%;left:-1%}
#c6-hero.c4-experience #globe{scale:.9;transform-origin:center}
@media(max-width:760px){#c6-hero.c4-experience .media-frame,#c6-header .c4-experience .brand-hub{--ci-size:23px;--ci-offset:-5px}
#c6-hero.c4-experience .industry-tile,#c6-header .c4-experience .brand-hub{--ci-size:20px;--ci-offset:-5px}
#c6-hero.c4-experience .discover-top{left:62%;top:7%;width:29%;--corner:23px}
#c6-hero.c4-experience .connect-top-middle{left:33%;top:14%;width:25%;--corner:23px}
#c6-hero.c4-experience .connect-top-right{left:67%;top:12%;width:27%;--corner:23px}
#c6-hero.c4-experience .industry-mosaic{top:54%}
#c6-hero.c4-experience .midnight-composition{width:96%;left:0}}
#c6-hero.c4-experience .city-horizon{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
#c6-hero.c4-experience .city-landmark{flex:0 0 auto;width:auto;height:100%;aspect-ratio:var(--city-ratio);padding:0;margin-right:14px;opacity:.28}
#c6-hero.c4-experience .city-landmark svg{overflow:visible}
#c6-hero.c4-experience .city-stream{animation-duration:12s}
@media(max-width:760px){#c6-hero.c4-experience .city-landmark{height:100%;width:auto;flex-basis:auto;margin-right:9px}
#c6-hero.c4-experience .city-stream{animation-duration:12s}}
#c6-hero.c5-experience .media-surface img[data-animation-src]{animation:none;transform:none;filter:saturate(.96) contrast(1.015)}
#c6-hero.c5-experience .media-shade{background:linear-gradient(180deg,#20144500 56%,#15102d68)}
#c6-hero.c5-experience .industry-tile .media-shade{background:linear-gradient(180deg,#20144500 28%,#21123f55 60%,#1b1032ec 100%)}
#c6-hero.c6-experience .motion-backdrop{position:absolute;pointer-events:none;width:118%;height:118%;left:-12%;top:-4%;z-index:0;opacity:.68;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 92%,transparent)}
#c6-hero.c6-experience .glass-orbit-backdrop{opacity:.64;filter:drop-shadow(0 0 18px #b69cff30)}
#c6-hero.c6-experience .landscape-backdrop{left:-16%;top:-3%;width:119%;height:126%;opacity:.8}
#c6-hero.c6-experience .ice-composition>.glass-sail,#c6-hero.c6-experience .ice-composition>.ribbon,#c6-hero.c6-experience .ice-composition>.light-streak,#c6-hero.c6-experience .champagne-composition>.industry-glass,#c6-hero.c6-experience .champagne-composition>.light-streak{display:none}
@media(max-width:760px){#c6-hero.c6-experience .motion-backdrop{left:-10%;width:120%;height:116%;top:-3%}
#c6-hero.c6-experience .landscape-backdrop{top:-10%;height:128%}}
#c6-hero.c6-experience .city-stream{animation-duration:20s}
@media(max-width:760px){#c6-hero.c6-experience .city-stream{animation-duration:20s}}/* Native site integration: one navigation, local destinations and compact-radius controls. */
#c6-hero{scroll-margin-top:0}#c6-hero .copy h1,#c6-hero .copy h2{margin-top:0}#c6-hero .copy em{font-style:normal}#c6-hero .copy p{margin-top:0}#c6-hero .eyebrow{display:flex;align-items:center}#c6-hero .scene-tabs button{border-radius:8px}#c6-hero .cta{border-radius:12px}#c6-hero .cta span{border-radius:9px}#c6-hero .circle-button{border-radius:10px}#c6-hero button.industry-tile{--corner:20px}#c6-header{border-radius:18px;transform:none;width:auto;max-width:none}#c6-header.is-scrolled{border-radius:16px}#c6-header .brand{border-radius:0}#c6-header .contact{border-radius:10px}#c6-header .menu-toggle{display:none;color:inherit;background:none;border:1px solid currentColor;border-radius:9px;padding:8px 12px;font-size:12px;line-height:1.3}#c6-header .menu-toggle span{font-size:17px;margin-left:8px}#c6-header .logo-window{height:auto;overflow:visible}#c6-header .logo-window img{position:static;transform:none;width:100%;height:auto}#c6-header .brand-descriptor{display:none}
@media(min-width:1051px){#c6-header .navigation{display:flex;gap:25px;position:static;padding:0;background:none;box-shadow:none}#c6-header .navigation a{color:inherit;font-size:13px}}
@media(max-width:1050px){#c6-header{left:24px;right:24px;height:78px;padding:13px 20px;gap:18px}#c6-header.is-scrolled{left:24px;right:24px;padding:10px 20px;height:70px}#c6-header .logo-window{width:160px}#c6-header .menu-toggle{display:block;margin-left:auto}#c6-header .navigation{display:none;position:absolute;top:88px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:15px;background:#faf9ff;border:1px solid #d6ceeb;border-radius:14px;box-shadow:0 15px 40px #241b5220;color:#241b52}#c6-header .navigation.menu-open{display:flex}#c6-header .navigation a{color:#241b52;padding:12px 10px;font-size:15px}#c6-header .contact{display:flex;font-size:12px;padding:10px 14px}#c6-header .navigation a:after{display:none}}
@media(max-width:760px){#c6-header,#c6-header.is-scrolled{top:12px;left:14px;right:14px;height:70px;padding:10px 17px;border-radius:14px}#c6-header .logo-window,#c6-header.is-scrolled .logo-window{width:145px}#c6-header .contact{display:none}#c6-header .navigation{top:80px}#c6-hero .circle-button{width:40px;height:40px}#c6-hero .copy-wrap{top:112px}#c6-hero .cta{min-height:46px;font-size:13px}#c6-hero .hero-footer{bottom:26px}#c6-hero .scene-tab{min-height:44px}}

/* Keep the header action legible through all four colour scenes. */
#c6-header .contact,body[data-scene] #c6-header:not(.is-scrolled) .contact{background:#4937df;color:#fff;border-color:#ffffff35}#c6-header .contact svg{color:#f5a828}#c6-hero .copy h1,#c6-hero .copy h2{word-spacing:.07em}