/* Intranet TR V6.4 — Editorial / kinetic digital workplace landing page.
   Homepage-only rules. No third-party fonts, scripts, or external images. */
.hp-home{overflow:hidden;background:#fff;color:#152a4d}
.hp-home a,.hp-home button{transition:transform .24s ease,background .24s ease,border-color .24s ease,color .24s ease}
.hp-home a:focus-visible,.hp-home button:focus-visible{outline:3px solid #36cdb5;outline-offset:4px}
.hp-hero{position:relative;background:radial-gradient(ellipse at 75% 22%,#214867 0%,transparent 44%),linear-gradient(125deg,#0c1b34 0%,#102944 64%,#0c2338 100%);color:#fff;isolation:isolate}
.hp-hero-grid{position:absolute;inset:0;z-index:-1;opacity:.26;background-image:linear-gradient(#9ac5d41a 1px,transparent 1px),linear-gradient(90deg,#9ac5d41a 1px,transparent 1px);background-size:65px 65px;mask-image:linear-gradient(to right,transparent 5%,#000 90%)}
.hp-hero-inner{min-height:660px;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:34px;align-items:center;padding-top:80px;padding-bottom:85px}
.hp-hero-copy{position:relative;z-index:3}
.hp-overline,.hp-kicker{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.hp-overline{color:#8de5d6;border:1px solid #77c9c445;border-radius:50px;padding:10px 14px;background:#b5fff80a}
.hp-live-dot,.hp-pulse{width:7px;height:7px;display:inline-block;flex-shrink:0;border-radius:50%;background:#5de4c8;box-shadow:0 0 0 5px #5de4c823}
.hp-hero h1{font-size:clamp(48px,5.2vw,78px);line-height:1.06;letter-spacing:-.064em;font-weight:850;margin:25px 0 23px;max-width:670px}
.hp-hero h1 span{color:#72e3ce}
.hp-hero-copy>p{max-width:535px;font-size:17px;line-height:1.8;color:#bdcfdd;margin-bottom:29px}
.hp-actions{display:flex;flex-wrap:wrap;gap:12px}
.hp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:52px;border-radius:12px;padding:0 20px;font-size:14px;font-weight:750;border:1px solid transparent;white-space:normal}
.hp-button:hover{transform:translateY(-3px)}
.hp-button-primary{color:#072c35!important;background:#74e5d0;border-color:#74e5d0}
.hp-button-primary:hover{background:#a1f6e7}
.hp-button-outline{color:#fff!important;border-color:#7e9ca763;background:#ffffff0b}
.hp-button-outline:hover{background:#ffffff19;border-color:#d2eeee}
.hp-button-light{color:#0c2944!important;background:#fff}
.hp-micro{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:30px;color:#c4d8df;font-size:11px;font-weight:650}
.hp-micro b{color:#75e6d1;margin-right:5px}
.hp-stage{position:relative;min-width:0;min-height:465px;display:flex;align-items:center;justify-content:center;perspective:1300px}
.hp-stage-glow{position:absolute;width:78%;height:70%;border-radius:50%;background:#3cc9c05c;filter:blur(100px);z-index:-1}
.hp-dashboard{display:flex;position:relative;width:100%;max-width:615px;min-height:390px;transform:rotateY(-7deg) rotateX(3deg);border-radius:20px;background:#f7fbff;box-shadow:0 45px 100px #0007,0 0 0 1px #c9ffff38;overflow:hidden;animation:hp-float 8s ease-in-out infinite}
.hp-dash-sidebar{width:62px;flex-shrink:0;background:#102944;display:flex;align-items:center;flex-direction:column;gap:22px;padding:16px 8px;color:#d1e7f4}
.hp-dash-brand{font-size:0}.hp-dash-brand span{font-size:26px;color:#5de4c8}
.hp-dash-nav{display:flex;flex-direction:column;gap:14px;align-items:center}.hp-dash-nav span{display:grid;place-items:center;width:34px;height:34px;font-size:19px;border-radius:10px;color:#7b9bb4}.hp-dash-nav span.active{color:#5de4c8;background:#ffffff16}.hp-dash-avatar{margin-top:auto;display:grid;place-items:center;background:#356e7d;color:#fff;font-size:10px;font-weight:800;width:30px;height:30px;border-radius:50%}
.hp-dash-body{flex:1;min-width:0;padding:0 18px 15px;color:#152a4d}.hp-dash-top{height:51px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e6edf3;font-size:12px;font-weight:800}.hp-dash-top-dot{color:#0b9b87;font-size:12px}.hp-dash-greet{margin:18px 0 19px}.hp-dash-greet>span{font-size:9px;letter-spacing:.15em;color:#0b9b87;font-weight:850}.hp-dash-greet h2{font-size:24px;letter-spacing:-.04em;margin:6px 0 3px}.hp-dash-greet p{font-size:11px;color:#72849b;margin:0}.hp-dash-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hp-app-tile{min-height:91px;background:#fff;border:1px solid #e8eef4;border-radius:11px;box-shadow:0 4px 12px #132a4410;padding:11px;display:flex;flex-direction:column;gap:9px;position:relative;font-size:10px;font-weight:750}.hp-app-icon{display:grid;place-items:center;border-radius:8px;background:#e5f8f3;color:#008d80;width:27px;height:27px;font-size:17px}.hp-icon-2,.hp-icon-5{background:#eaf0fc;color:#4068af}.hp-icon-3,.hp-icon-6{background:#fff3e4;color:#bf7b26}.hp-app-arr{position:absolute;right:9px;top:9px;color:#9eb0be}.hp-dash-foot{display:flex;align-items:center;gap:9px;color:#7b8da3;font-size:9px;margin-top:17px}.hp-dash-foot .hp-pulse{width:5px;height:5px}
.hp-orbit{position:absolute;z-index:2;font-size:9px;letter-spacing:.13em;font-weight:900;padding:12px 15px;border:1px solid #b1e9e870;background:#143951d9;color:#a7eee4;border-radius:30px;box-shadow:0 12px 25px #071b3166;animation:hp-float 7s ease-in-out infinite}.hp-orbit-a{top:8%;right:5%}.hp-orbit-b{bottom:10%;left:-2%;animation-delay:-2s}.hp-orbit-c{bottom:3%;right:5%;animation-delay:-4s}
.hp-hero-bottom{border-top:1px solid #ffffff18}.hp-hero-bottom .container{height:57px;display:flex;align-items:center;gap:18px;color:#89a5b9;font-size:10px;font-weight:800;letter-spacing:.16em}.hp-hero-bottom .container span:nth-child(2){color:#6ee1ce}.hp-hero-bottom a{margin-left:auto;color:#75e5d0;font-size:22px}
.hp-strip{border-bottom:1px solid #e6edf2;background:#fff}.hp-strip-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:24px 0}.hp-strip-inner span{font-size:12px;font-weight:800;color:#4c6279;text-align:center}.hp-strip-inner span+span{border-left:1px solid #e6edf2}
.hp-section{padding:108px 0}.hp-heading{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:40px}.hp-heading>div{flex:1;min-width:0}.hp-kicker{color:#009b88}.hp-heading h2,.hp-future h2,.hp-cta h2{font-size:clamp(36px,4.1vw,61px);line-height:1.12;letter-spacing:-.056em;margin:18px 0 0}.hp-heading h2 em,.hp-future h2 em{font-style:normal;color:#0b9b87}.hp-heading>p{max-width:360px;color:#64778d;margin:0 0 5px;font-size:15px;line-height:1.8}
.hp-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.hp-bento{position:relative;min-height:280px;padding:27px;border:1px solid #e0e9ef;border-radius:24px;overflow:hidden;background:#f4f9fb;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.hp-bento-1,.hp-bento-2{grid-column:span 6;min-height:340px}.hp-bento-3,.hp-bento-4{grid-column:span 6}.hp-bento-1{background:#122c47;color:#fff;border-color:#122c47}.hp-bento-2{background:#e8f9f4}.hp-bento-3{background:#f1f5fd}.hp-bento-4{background:#faf6ef}.hp-bento-index{font-size:10px;letter-spacing:.14em;font-weight:900;opacity:.65}.hp-bento-text{max-width:64%;position:relative;z-index:1}.hp-bento h3{font-size:clamp(22px,2.4vw,32px);line-height:1.16;letter-spacing:-.04em;margin:0 0 11px}.hp-bento p{font-size:13px;line-height:1.7;margin:0;color:#61768a}.hp-bento-1 p{color:#c1d6e1}.hp-bento-art{position:absolute;right:7%;top:26%;font-size:clamp(80px,13vw,180px);font-weight:300;line-height:1;color:#0b9b8733;transform:rotate(-13deg);pointer-events:none;animation:hp-float 9s ease-in-out infinite}.hp-bento-1 .hp-bento-art{color:#5ce5d355}.hp-bento-2 .hp-bento-art{color:#16a18d3b}.hp-bento-3 .hp-bento-art{color:#4d77a92c}.hp-bento-4 .hp-bento-art{color:#d29d4b45}.hp-bento-3 .hp-bento-art,.hp-bento-4 .hp-bento-art{top:20%;font-size:140px}.hp-bento:hover{transform:translateY(-4px);box-shadow:0 24px 50px #122d4514}.hp-text-link{display:inline-flex;align-items:center;gap:15px;color:#008e7f;font-size:14px;font-weight:850}.hp-text-link:hover{gap:22px}.hp-bento-section .hp-text-link{margin-top:25px}
.hp-workflow{background:#f3f7fb}.hp-flow-shell{display:grid;grid-template-columns:275px minmax(0,1fr);border-radius:25px;background:#fff;box-shadow:0 24px 60px #173a5510;overflow:hidden;min-height:360px}.hp-flow-tabs{display:flex;flex-direction:column;background:#102944;padding:26px;gap:12px}.hp-flow-tab{border:1px solid transparent;border-radius:13px;background:transparent;text-align:left;color:#b3c9da;padding:17px 15px;font-size:14px;font-weight:750;display:flex;align-items:center;gap:16px}.hp-flow-tab span{font-size:11px;opacity:.6}.hp-flow-tab.is-active{background:#67dfca;color:#0b2e39}.hp-flow-tab:hover:not(.is-active){background:#ffffff15}.hp-flow-panel{position:relative;padding:40px 48px 65px;min-width:0}.hp-flow-scene{display:grid;grid-template-columns:1fr minmax(180px,.85fr);gap:25px;align-items:center;min-height:235px}.hp-flow-scene[hidden]{display:none}.hp-flow-scene-title h3{font-size:clamp(26px,2.8vw,38px);letter-spacing:-.045em;line-height:1.18;margin:14px 0}.hp-flow-scene-title p{color:#65788b;font-size:14px;line-height:1.85}.hp-spark{font-size:32px;color:#0b9b87}.hp-flow-steps{display:grid;gap:12px}.hp-flow-steps>div{display:flex;align-items:center;gap:12px;padding:15px;background:#f3f9f8;border:1px solid #e0eeeb;border-radius:12px;font-size:12px;font-weight:800}.hp-step-dot{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;background:#d7f4eb;color:#008f7c;border-radius:50%;font-weight:900}.hp-flow-label{position:absolute;bottom:25px;left:48px;right:48px;border-top:1px solid #edf1f5;padding-top:16px;display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#92a0af;letter-spacing:.08em}.hp-flow-label span{color:#0b9b87}
.hp-future{background:radial-gradient(ellipse at 85% 30%,#24556b 0%,transparent 47%),linear-gradient(135deg,#0e203c,#102d43);color:#fff}.hp-future-inner{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:380px}.hp-future .hp-kicker{color:#7be3d1}.hp-future h2 em{color:#79e6d0}.hp-future-copy p{max-width:470px;color:#bed1dd;line-height:1.85;margin:25px 0}.hp-future-art{height:340px;position:relative;display:grid;place-items:center;isolation:isolate}.hp-future-ring{position:absolute;border:1px solid #79e6d05c;border-radius:50%;width:310px;height:310px;animation:hp-rotate 28s linear infinite}.hp-ring-two{width:225px;height:225px;border-style:dashed;animation-direction:reverse;animation-duration:35s}.hp-future-center{width:130px;height:130px;border-radius:35px;background:linear-gradient(145deg,#66dfcc,#118b89);box-shadow:0 0 80px #54e4d34f;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:55px;color:#073947;transform:rotate(-8deg)}.hp-future-center span{font-size:12px;letter-spacing:.3em;font-weight:950}.hp-future-chips{position:absolute;inset:0;pointer-events:none}.hp-future-chips span{position:absolute;display:inline-flex;background:#163d52;border:1px solid #8bdacf56;padding:10px 13px;border-radius:30px;color:#c4f6ed;font-size:11px;font-weight:800;box-shadow:0 10px 20px #0003}.hp-future-chips span:nth-child(1){top:5%;left:10%}.hp-future-chips span:nth-child(2){top:19%;right:0}.hp-future-chips span:nth-child(3){bottom:14%;left:0}.hp-future-chips span:nth-child(4){bottom:2%;right:13%}.hp-future-chips span:nth-child(5){top:47%;right:-2%}
.hp-editorial{background:#fff}.hp-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hp-article{position:relative;min-height:270px;display:flex;flex-direction:column;padding:26px;border-radius:20px;border:1px solid #e1eaf0;background:#f7fafc}.hp-article:hover{transform:translateY(-5px);background:#e9f8f4;border-color:#b7e5dc}.hp-article-no{font-size:12px;color:#9aaabb;font-weight:900}.hp-article-cat{margin-top:auto;font-size:10px;color:#009c89;font-weight:900;letter-spacing:.11em}.hp-article h3{font-size:22px;line-height:1.27;letter-spacing:-.035em;margin:12px 0 30px}.hp-article-go{position:absolute;bottom:20px;right:22px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e2f5ef;color:#008b7a}
.hp-cta{padding:90px 0 110px;background:#f3f8f9}.hp-cta-inner{border-radius:30px;padding:70px 60px;background:radial-gradient(ellipse at 85% 0%,#246b75 0%,transparent 45%),#112b44;color:#fff}.hp-cta .hp-kicker{color:#8be7d7}.hp-cta h2{max-width:750px}.hp-cta p{max-width:560px;color:#b7d0dc;margin:24px 0}.hp-cta .hp-button-outline{background:transparent}
.hp-reveal{opacity:1;transform:none}.hp-js .hp-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.hp-js .hp-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes hp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hp-rotate{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hp-hero-inner{grid-template-columns:1fr;gap:10px;padding-top:75px}.hp-hero-copy{max-width:750px}.hp-stage{max-width:680px;margin-inline:auto;width:100%;min-height:430px}.hp-dashboard{transform:none}.hp-hero h1{font-size:clamp(46px,7vw,76px)}.hp-future-inner{gap:15px}}
@media(max-width:760px){.hp-section{padding:72px 0}.hp-hero-inner{padding-top:65px;padding-bottom:45px}.hp-hero h1{font-size:clamp(42px,9vw,66px)}.hp-hero-copy>p{font-size:15px}.hp-stage{min-height:365px}.hp-dashboard{min-height:345px;max-width:570px}.hp-dash-sidebar{width:48px}.hp-dash-body{padding:0 11px 11px}.hp-app-tile{min-height:79px;padding:8px;font-size:9px}.hp-orbit{font-size:8px;padding:8px}.hp-strip-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hp-strip-inner span{border:0!important;text-align:left}.hp-heading{display:block}.hp-heading>p{margin-top:20px}.hp-bento-1,.hp-bento-2,.hp-bento-3,.hp-bento-4{grid-column:span 12;min-height:260px}.hp-bento-text{max-width:65%}.hp-flow-shell{grid-template-columns:1fr}.hp-flow-tabs{flex-direction:row;overflow:auto;padding:12px;gap:7px}.hp-flow-tab{white-space:nowrap;padding:12px;font-size:12px}.hp-flow-panel{padding:27px 24px 65px}.hp-flow-label{left:24px;right:24px}.hp-future-inner{grid-template-columns:1fr}.hp-future-art{margin-top:10px}.hp-articles{grid-template-columns:1fr}.hp-article{min-height:225px}.hp-cta-inner{padding:45px 28px}.hp-heading h2,.hp-future h2,.hp-cta h2{font-size:clamp(34px,7vw,52px)}}
@media(max-width:500px){.hp-overline{font-size:9px;letter-spacing:.08em}.hp-hero-inner{padding-top:50px}.hp-hero h1{font-size:clamp(39px,10.5vw,52px)}.hp-actions{display:grid;grid-template-columns:1fr}.hp-button{width:100%}.hp-micro{gap:9px}.hp-stage{min-height:285px}.hp-dashboard{min-height:278px;border-radius:12px}.hp-dash-sidebar{width:37px;padding:12px 3px}.hp-dash-brand span{font-size:20px}.hp-dash-nav{gap:5px}.hp-dash-nav span{width:26px;height:26px;font-size:13px}.hp-dash-avatar{width:24px;height:24px}.hp-dash-top{height:37px;font-size:10px}.hp-dash-greet{margin:12px 0}.hp-dash-greet h2{font-size:17px}.hp-dash-greet p{font-size:9px}.hp-dash-greet>span{font-size:8px}.hp-dash-tiles{gap:5px}.hp-app-tile{min-height:62px;padding:6px;gap:5px;font-size:7px;border-radius:7px}.hp-app-icon{width:21px;height:21px;font-size:13px}.hp-app-arr{display:none}.hp-dash-foot{font-size:8px;margin-top:9px}.hp-orbit{display:none}.hp-hero-bottom .container{gap:9px;font-size:8px}.hp-bento{padding:22px;min-height:230px!important}.hp-bento-text{max-width:75%}.hp-bento h3{font-size:23px}.hp-bento-art{right:2%;font-size:100px!important}.hp-flow-scene{grid-template-columns:1fr;gap:15px}.hp-flow-steps{grid-template-columns:1fr;gap:7px}.hp-flow-steps>div{padding:10px;font-size:11px}.hp-flow-panel{padding-bottom:65px}.hp-future-art{height:290px}.hp-future-ring{width:260px;height:260px}.hp-ring-two{width:185px;height:185px}.hp-future-chips span{font-size:9px;padding:7px 9px}.hp-future-chips span:nth-child(5){right:0}.hp-cta{padding:60px 0}.hp-cta-inner{padding:35px 22px}.hp-cta h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hp-home *, .hp-home *::before,.hp-home *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.hp-reveal{opacity:1!important;transform:none!important}}
