:root{--navy:#071a3c;--blue:#2868f0;--cyan:#57cae5;--ink:#111b2e;--muted:#667085;--line:#dfe5ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-9999px}.announcement{height:38px;padding:0 5vw;background:var(--navy);color:#c9d5e8;display:flex;align-items:center;justify-content:space-between;font-size:11px}.announcement div{display:flex;gap:25px}header{height:82px;padding:0 5vw;display:flex;align-items:center;gap:48px;position:sticky;top:0;z-index:20;background:#fffd;backdrop-filter:blur(18px);border-bottom:1px solid #e8edf4;transition:.2s}header.compact{height:70px;box-shadow:0 10px 30px #0921530c}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo>span,.mini-logo{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#102d68,#2d75f5 65%,#55c8e8);color:#fff;font:800 17px Manrope;box-shadow:0 8px 20px #2868f033}.logo em{font-style:normal;color:#aeeaff}.logo strong,.logo small{display:block}.logo strong{font:800 18px Manrope}.logo small{font-size:9px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}nav{display:flex;gap:29px;font-size:13px;font-weight:600;color:#4b5567}nav a:hover{color:var(--blue)}.nav-cta{padding:12px 18px;border-radius:10px;background:var(--navy);color:#fff;font-size:12px;font-weight:700}.menu{display:none;border:0;background:none;width:36px}.menu i{display:block;height:2px;background:var(--ink);margin:7px}.hero{min-height:700px;padding:70px max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:radial-gradient(circle at 82% 25%,#dff6ff,transparent 28%),linear-gradient(135deg,#fafcff,#eef5ff)}.badge{display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #cddcf1;background:#fff9;border-radius:99px;font-size:10px;font-weight:700;color:#315b9e}.badge i{width:7px;height:7px;background:#42c49a;border-radius:50%;box-shadow:0 0 0 5px #42c49a20}.hero h1,.section h2,.learning h2,.business h2,.cta h2{font:800 clamp(50px,5.3vw,78px)/.98 Manrope;letter-spacing:-.055em;margin:25px 0}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--cyan));background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.7;color:var(--muted);max-width:590px}.actions{display:flex;gap:12px;margin-top:30px}.button{padding:15px 19px;border-radius:11px;font-size:13px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--navy);color:#fff;box-shadow:0 12px 30px #081a3b24}.secondary{background:#fff;border:1px solid var(--line)}.proof{display:flex;align-items:center;gap:15px;margin-top:42px}.avatars{display:flex}.avatars span{width:38px;height:38px;margin-left:-8px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#dbe7fa;color:#1a52b8;font-size:9px;font-weight:800}.avatars span:first-child{margin:0;background:#173c83;color:#fff}.proof p{font-size:11px!important;line-height:1.5!important;color:var(--muted)}.proof b{color:var(--ink)}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.orb{position:absolute;width:500px;height:500px;border-radius:50%;background:linear-gradient(145deg,#dce9ff,#d8f8ff)}.app-shell{position:relative;width:390px;padding:24px;background:#fff;border:1px solid #d8e2f0;border-radius:26px;box-shadow:0 35px 80px #173a7825;transform:rotate(2deg)}.app-top{display:flex;gap:11px;align-items:center}.app-top .mini-logo{width:34px;height:34px;font-size:11px}.app-top b,.app-top small{display:block;font-size:11px}.app-top small{font-size:8px;color:var(--muted)}.progress-card{padding:21px;margin-top:20px;border-radius:18px;background:linear-gradient(130deg,#0c285c,#245cc2);color:#fff}.progress-card>span,.label{font-size:8px;letter-spacing:.13em;font-weight:700;opacity:.7}.progress-card h3{font:700 17px Manrope}.progress-row{display:flex;align-items:center;gap:12px}.ring{width:48px;height:48px;border:5px solid #65d7e7;border-left-color:#ffffff33;border-radius:50%;display:grid;place-items:center;font-weight:800}.ring small{font-size:7px}.progress-row b,.progress-row small{display:block;font-size:9px}.progress-row small{opacity:.65}.app-label{display:flex;justify-content:space-between;margin:20px 0 10px;font-size:10px}.app-label span{color:var(--blue)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mini-grid>div{padding:14px;border:1px solid #e4e9f0;border-radius:13px}.mini-grid i{font-style:normal;display:grid;place-items:center;width:28px;height:28px;background:#edf4ff;color:var(--blue);border-radius:8px}.mini-grid b,.mini-grid small{display:block;font-size:9px;margin-top:8px}.mini-grid small{font-size:7px;color:var(--muted)}.float-card{position:absolute;padding:12px 15px;background:#fff;border:1px solid #e0e7f1;border-radius:13px;box-shadow:0 18px 35px #16356c20;display:flex;gap:10px}.float-card b,.float-card small{display:block;font-size:9px}.float-card small{font-size:7px;color:var(--muted)}.float-card.one{left:-10px;top:70px}.float-card.two{right:-20px;bottom:75px}.trust{padding:30px 5vw;border-bottom:1px solid var(--line);text-align:center}.trust p{font-size:9px;letter-spacing:.2em;color:#8a94a7;font-weight:700}.trust div{display:flex;justify-content:center;gap:clamp(25px,5vw,72px);margin-top:22px;color:#667085;font:700 14px Manrope}.section{max-width:1240px;margin:auto;padding:120px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:55px}.kicker{font-size:9px;letter-spacing:.2em;color:var(--blue);font-weight:800}.section h2,.business h2{font-size:clamp(40px,4.5vw,62px);margin:18px 0 0}.section-head>p{max-width:430px;color:var(--muted);line-height:1.7}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.platform-card{min-height:365px;padding:32px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s;border:1px solid transparent}.platform-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #102b5a17}.platform-card.featured{grid-row:span 2;min-height:748px;background:linear-gradient(145deg,#0a224f,#205cc3);color:#fff}.notes{background:#eef8ff;border-color:#d9ebf6}.rju{background:#f3f8e9;border-color:#e1eccb}.audit{grid-column:2;background:#f6f2ff;border-color:#e8def9}.card-top{display:flex;justify-content:space-between;font-size:22px}.card-icon{width:58px;height:58px;border-radius:17px;background:#fff;display:grid;place-items:center;color:var(--blue);font:800 18px Manrope;box-shadow:0 10px 25px #16386c14}.featured .card-icon{background:#ffffff15;color:#9ee9f4}.platform-card h3{font:700 26px Manrope;margin:12px 0}.featured h3{font-size:40px}.platform-card p{color:#5c687c;line-height:1.65;font-size:14px;max-width:480px}.featured p{color:#c7d6ee;font-size:16px}.chips{display:flex;gap:7px;margin-top:25px}.chips span{font-size:9px;padding:7px 10px;border-radius:99px;background:#fff8;border:1px solid #dfe6ee}.featured .chips span{background:#ffffff10;border-color:#ffffff25}.learning{padding:110px max(5vw,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:120px;align-items:center;background:var(--navy);color:#fff;overflow:hidden}.kicker.light{color:#72d7e8}.learning h2{font-size:clamp(42px,4.5vw,62px)}.learning-copy>p{color:#aebdd5;line-height:1.7}.learning ul{list-style:none;padding:0;margin:35px 0}.learning li{display:flex;gap:15px;margin:18px 0}.learning li i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#53d6b522;color:#6ee3bd}.learning li b,.learning li small{display:block}.learning li b{font-size:13px}.learning li small{color:#96a8c4;margin-top:4px}.stores{display:flex;gap:10px}.stores a{display:flex;gap:10px;align-items:center;padding:10px 15px;border-radius:10px;background:#fff;color:var(--ink)}.stores small,.stores b{display:block;font-size:7px}.stores b{font-size:12px}.phone-wrap{position:relative;display:grid;place-items:center}.phone-wrap:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #67d8e728;border-radius:50%;box-shadow:0 0 0 80px #67d8e70b,0 0 0 160px #67d8e708}.phone{position:relative;width:310px;height:610px;padding:30px 24px;background:#f6f8fc;color:var(--ink);border:8px solid #08142b;border-radius:45px;box-shadow:0 40px 80px #0007}.speaker{position:absolute;top:11px;left:120px;width:60px;height:6px;border-radius:8px;background:#142139}.phone-head{display:flex;justify-content:space-between}.phone-head .mini-logo{width:33px;height:33px;font-size:11px}.phone>p{font-size:9px;color:var(--muted);margin:28px 0 5px}.phone>h3{font:800 25px/1.15 Manrope;margin:0}.daily{padding:18px;margin:22px 0;border-radius:17px;background:linear-gradient(140deg,#173c83,#2d6bdd);color:#fff}.daily>span{font-size:7px;opacity:.7}.daily>b{display:block;font-size:13px;margin:9px 0 20px}.daily div{display:flex;justify-content:space-between;align-items:center}.daily small{font-size:8px;opacity:.7}.daily button{border:0;border-radius:8px;padding:8px 12px;background:#fff;color:#17408c;font-size:8px}.phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.phone-stats div{padding:12px;border:1px solid #e1e6ef;background:#fff;border-radius:13px}.phone-stats b,.phone-stats small{display:block}.phone-stats b{font-size:15px}.phone-stats small{font-size:7px;color:var(--muted)}.phone h4{font-size:10px;margin:22px 0 10px}.course{padding:12px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e6ef;border-radius:13px}.course>i{width:35px;height:35px;display:grid;place-items:center;background:#e8f1ff;color:var(--blue);font-style:normal;border-radius:9px}.course>span{flex:1}.course b,.course small{display:block;font-size:8px}.course small{color:var(--muted)}.course em{height:3px;display:block;background:#e4e9f0}.course u{display:block;width:64%;height:100%;background:var(--blue)}.course strong{font-size:8px}.score{position:absolute;right:-30px;top:80px;padding:17px;background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 25px 50px #0005}.score>*{display:block}.score small{font-size:7px;color:var(--muted)}.score b{font:800 23px Manrope;color:#20a57b}.score span{font-size:8px}.business{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.business-visual{padding:45px 0 45px 45px;background:#edf3ff;border-radius:28px;overflow:hidden}.dash{width:670px;height:420px;display:flex;background:#fff;border-radius:15px;box-shadow:0 30px 60px #15377123;overflow:hidden}.dash aside{width:64px;padding:17px;display:flex;flex-direction:column;align-items:center;gap:23px;background:#0b214d}.dash aside .mini-logo{width:32px;height:32px;font-size:10px}.dash aside i{width:18px;height:18px;background:#ffffff16;border-radius:5px}.dash-main{padding:25px;flex:1}.dash-title{display:flex;justify-content:space-between}.dash-title small,.dash-title b{display:block;font-size:7px;color:var(--muted)}.dash-title b{font-size:14px;color:var(--ink)}.dash-title button{border:0;background:var(--blue);color:#fff;border-radius:7px;font-size:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.metrics>div{padding:15px;border:1px solid #e5eaf1;border-radius:10px}.metrics small,.metrics b,.metrics span{display:block;font-size:7px;color:var(--muted)}.metrics b{font-size:12px;color:var(--ink);margin:9px 0}.metrics span{color:#1fa77a}.chart{padding:16px;border:1px solid #e5eaf1;border-radius:10px;font-size:9px}.chart svg{width:100%;height:210px}.business-copy>p{color:var(--muted);line-height:1.7}.feature-list{margin:30px 0}.feature-list>div{display:flex;gap:18px;padding:17px 0;border-top:1px solid var(--line)}.feature-list i{font-style:normal;color:var(--blue);font-size:10px;font-weight:800}.feature-list b,.feature-list small{display:block}.feature-list b{font-size:13px}.feature-list small{color:var(--muted);margin-top:5px}.text-link{font-size:12px;color:var(--blue);font-weight:800}.story{padding-top:30px}.story-card{padding:90px;background:linear-gradient(135deg,#0a2049,#143777);border-radius:28px;color:#fff;text-align:center}.story blockquote{font:700 clamp(31px,4vw,52px)/1.25 Manrope;letter-spacing:-.035em;max-width:900px;margin:28px auto}.story-card>p{color:#aebdd5}.values{display:flex;justify-content:center;gap:90px;margin-top:55px}.values b,.values span{display:block}.values b{font:700 35px Manrope;color:#65d4ea}.values span{font-size:10px;color:#aebdd5}.cta{text-align:center;padding:130px 20px}.cta h2{font-size:clamp(43px,5vw,68px)}.cta .actions{justify-content:center}footer{padding:70px max(5vw,calc((100vw - 1240px)/2)) 25px;background:#071630;color:#fff}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}.footer-top>div:first-child p{max-width:350px;color:#93a4bd;font-size:12px;line-height:1.7}.footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:13px}.footer-top b{font-size:12px}.footer-top a:not(.logo){font-size:11px;color:#91a3bd}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:24px;border-top:1px solid #ffffff17;color:#71849f;font-size:9px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.section{padding-left:5vw;padding-right:5vw}.hero{gap:25px}.hero-visual{transform:scale(.85)}.business{grid-template-columns:1fr}.learning{gap:40px}.dash{width:650px}}
@media(max-width:800px){.announcement{display:none}header{height:70px;padding:0 20px}.logo small{display:none}nav{position:absolute;display:none;top:69px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.hero{padding:60px 22px;grid-template-columns:1fr}.hero h1{font-size:52px}.hero-visual{transform:scale(.78);margin:-35px -50px}.trust div{flex-wrap:wrap;gap:18px 30px}.section{padding:80px 20px}.section-head{display:block}.platform-grid{grid-template-columns:1fr}.platform-card,.platform-card.featured{grid-column:auto;grid-row:auto;min-height:350px}.learning{grid-template-columns:1fr;padding:80px 22px;gap:80px}.phone-wrap{transform:scale(.88)}.business{gap:45px}.business-visual{padding:25px 0 25px 25px}.dash{transform:scale(.7);transform-origin:left center;margin-right:-200px}.story-card{padding:60px 22px}.values{gap:30px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}}
@media(max-width:480px){.hero h1{font-size:43px}.actions{flex-direction:column}.button{text-align:center}.app-shell{width:360px}.learning h2,.business h2,.section h2{font-size:38px}.stores{flex-wrap:wrap}.dash{transform:scale(.58);margin-right:-280px}.values{flex-direction:column;gap:20px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:8px 0}}
@media(min-width:801px) and (max-width:1050px){header{padding:0 28px}nav{position:absolute;display:none;top:81px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;border-bottom:1px solid var(--line)}header.compact nav{top:69px}nav.open{display:flex}.nav-cta{display:none}.menu{display:block}}
.brand-mark{width:88px;height:64px;object-fit:contain;display:block}.logo:has(.brand-mark)>div{display:none}.logo:has(.brand-mark){min-width:92px}
.motion-card,.motion-title{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}.motion-card.from-left,.motion-title.from-left{transform:translateX(-48px)}.motion-card.from-right,.motion-title.from-right{transform:translateX(48px)}.motion-card.visible,.motion-title.visible{opacity:1;transform:translateX(0)}.motion-ticker{overflow:hidden;padding:16px 0;background:#071a3c;color:#fff;border-top:1px solid #c99a2e;border-bottom:1px solid #c99a2e}.ticker-row{overflow:hidden;white-space:nowrap}.ticker-row+ .ticker-row{margin-top:8px;opacity:.27}.ticker-row>div{display:inline-flex;align-items:center;min-width:max-content;animation:ticker-left 34s linear infinite}.ticker-row.reverse>div{animation-name:ticker-right;animation-duration:42s}.ticker-row span{font:700 clamp(13px,1.3vw,18px) Manrope;letter-spacing:.08em;margin:0 24px}.ticker-row i{color:#e7b83e;font-style:normal}@keyframes ticker-left{to{transform:translateX(-50%)}}@keyframes ticker-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-card,.motion-title,.reveal{opacity:1!important;transform:none!important;transition:none!important}.ticker-row>div{animation-play-state:paused!important}}
.action-marquee{--am-bg:#fffaf0;--am-card:#fff;--am-border:#ead9ae;overflow:hidden;padding:15px 0;background:radial-gradient(circle at 14% 20%,#f1c84a26,transparent 24%),linear-gradient(135deg,var(--am-bg),#f8fbff);border-block:1px solid #d4ae43;box-shadow:0 12px 35px #10274a0d}.action-row{overflow:hidden}.action-row+.action-row{margin-top:9px}.action-row>div{display:flex;width:max-content;gap:11px;padding-inline:6px;animation:action-left 38s linear infinite}.action-row.reverse>div{animation:action-right 44s linear infinite}.action-row:hover>div{animation-play-state:paused}.action-row a{width:clamp(270px,24vw,340px);min-height:76px;padding:11px 14px;display:grid;grid-template-columns:46px 1fr 22px;align-items:center;gap:12px;border:1px solid var(--am-border);border-radius:14px;background:var(--am-card);box-shadow:0 8px 22px #0b224412;color:#10203b;transition:transform .2s,border-color .2s,box-shadow .2s}.action-row a:hover{transform:translateY(-3px);border-color:#c99a24;box-shadow:0 13px 28px #0b22441d}.action-row i{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#fff1bc,#e9b932);color:#08234c;font:800 13px Manrope;font-style:normal}.action-row b,.action-row small{display:block}.action-row b{font:700 13px Manrope}.action-row small{margin-top:3px;color:#66748b;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-row em{color:#b27c00;font-size:19px;font-style:normal}.technology-mode .action-marquee,.dark-page .action-marquee{--am-bg:#061a3c;--am-card:#0c2855;--am-border:#2b4b78;background:radial-gradient(circle at 82% 25%,#21b6dd25,transparent 25%),linear-gradient(120deg,#061a3c,#0b2e63);border-color:#c89d32}.technology-mode .action-row a,.dark-page .action-row a{color:#fff;box-shadow:0 10px 28px #0002}.technology-mode .action-row small,.dark-page .action-row small{color:#bdcde3}@keyframes action-left{to{transform:translateX(calc(-50% - 5.5px))}}@keyframes action-right{from{transform:translateX(calc(-50% - 5.5px))}to{transform:translateX(0)}}
@media(max-width:700px){.action-marquee{padding:11px 0}.action-row+.action-row{margin-top:7px}.action-row>div{gap:8px}.action-row a{width:270px;min-height:68px;padding:9px 11px}.action-row i{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.action-row>div{animation-play-state:paused!important}}
.hintplus-footer{background:#04142f!important;color:#fff!important;padding:0!important;border-top:2px solid #d9ad38}.hp-footer-main{max-width:1340px;margin:auto;padding:62px 5vw 45px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:55px}.hp-footer-brand img{width:105px;height:82px;object-fit:contain}.hp-footer-brand p{max-width:390px;color:#9eb0c9;line-height:1.7;font-size:13px}.hp-footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.hp-footer-main b{font:800 11px Manrope;color:#e7bc4a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:7px}.hp-footer-main a{color:#dbe7f5;font-size:12px;transition:.2s}.hp-footer-main a:hover{color:#fff;transform:translateX(3px)}.hp-footer-contact{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.hp-footer-contact a{padding:10px 12px;border:1px solid #ffffff20;border-radius:8px}.hp-footer-bar{padding:17px 5vw;border-top:1px solid #ffffff13;display:flex;justify-content:space-between;color:#788da9;font-size:10px}.wa-widget{position:fixed;right:24px;bottom:22px;z-index:9999}.wa-launch{height:58px;padding:0 18px 0 13px;display:flex;align-items:center;gap:9px;border:0;border-radius:999px;background:#22c765;color:#fff;box-shadow:0 13px 34px #071a3c45;font:800 12px Manrope;cursor:pointer}.wa-launch svg{width:32px;height:32px;fill:#fff}.wa-panel{position:absolute;right:0;bottom:72px;width:310px;padding:23px;border-radius:18px;background:#fff;color:#12213b;box-shadow:0 22px 65px #071a3c42;opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s}.wa-panel.open{opacity:1;visibility:visible;transform:none}.wa-panel>span{font:800 9px Manrope;letter-spacing:.13em;color:#14955a}.wa-panel h3{font:800 23px Manrope;margin:8px 0}.wa-panel p{font-size:12px;color:#6b7990}.wa-panel a{padding:11px;margin-top:8px;display:flex;justify-content:space-between;border:1px solid #e0e7ef;border-radius:9px;color:#172640;font-size:12px}.wa-panel a:hover{border-color:#22c765;background:#f2fff7}.wa-panel small{display:block;margin-top:14px;color:#8793a6}.wa-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:21px;color:#7d899a;cursor:pointer}.hp-success{position:fixed;top:25px;left:50%;transform:translateX(-50%);z-index:10000;padding:14px 20px;border-radius:10px;background:#0d9b60;color:#fff;box-shadow:0 12px 35px #0003;font-weight:700}.portfolio-showcase{padding:95px max(7vw,28px);background:#f3f7fb}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.portfolio-card{padding:16px;border:1px solid #dbe4ee;border-radius:18px;background:#fff;box-shadow:0 16px 42px #102b520e;transition:.25s}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #102b521a}.browser-frame{border-radius:12px;overflow:hidden;background:#edf2f8;border:1px solid #d9e1ec}.browser-top{height:30px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#e8edf4}.browser-top i{width:7px;height:7px;border-radius:50%;background:#bdc7d5}.browser-screen{height:210px;padding:23px;background:linear-gradient(135deg,#071d43,#124486);color:#fff;position:relative;overflow:hidden}.browser-screen.light{background:linear-gradient(135deg,#eef6ff,#dff4fb);color:#10203b}.browser-screen.gold{background:linear-gradient(135deg,#fff8e4,#f1c94f);color:#10203b}.browser-screen h4{font:800 24px/1.05 Manrope;max-width:250px;margin:8px 0}.browser-screen p{font-size:10px;opacity:.7;max-width:250px}.browser-screen:after{content:"";position:absolute;width:160px;height:160px;right:-25px;bottom:-40px;border-radius:32px;background:#ffffff16;box-shadow:-35px -25px 0 #ffffff0d}.portfolio-meta{padding:16px 4px 5px;display:flex;justify-content:space-between;align-items:center}.portfolio-meta b{font:800 15px Manrope}.portfolio-meta span{font-size:10px;color:#728097}.portfolio-meta a{color:#0b85a1;font-weight:800;font-size:11px}@media(max-width:850px){.hp-footer-main{grid-template-columns:1fr 1fr}.portfolio-grid{grid-template-columns:1fr}}@media(max-width:560px){.hp-footer-main{grid-template-columns:1fr;gap:30px}.hp-footer-bar{display:block}.hp-footer-bar span{display:block;margin:5px 0}.wa-widget{right:13px;bottom:13px}.wa-launch span{display:none}.wa-launch{width:55px;padding:0;justify-content:center}.wa-panel{width:min(310px,calc(100vw - 26px))}.portfolio-showcase{padding-block:65px}}
/* Actual live-product previews */
.browser-screen.actual{height:255px;padding:0;background:#eef3f8;color:inherit}
.browser-screen.actual:after{display:none}
.browser-screen.actual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .45s ease}
.portfolio-card:hover .browser-screen.actual img{transform:scale(1.018)}
.live-badge{position:absolute;left:13px;bottom:13px;padding:7px 10px;border:1px solid #ffffff55;border-radius:999px;background:#071a3ddd;color:#fff;font:800 8px Manrope;letter-spacing:.12em;box-shadow:0 6px 18px #071a3c33;backdrop-filter:blur(8px)}
.portfolio-meta>span{display:flex;flex-direction:column;gap:3px}.portfolio-meta>span small{display:block}
.portfolio-showcase{overflow:hidden}.portfolio-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.portfolio-card,.browser-frame{min-width:0;max-width:100%;width:100%}.browser-screen.actual{height:440px;display:flex;align-items:center;justify-content:center;background:#eef3f8}.browser-screen.actual img{width:100%;height:100%;min-width:0;max-width:100%;object-fit:contain;object-position:center top;background:#fff}.portfolio-card:hover .browser-screen.actual img{transform:none}@media(max-width:850px){.portfolio-grid{grid-template-columns:1fr}.browser-screen.actual{height:min(540px,70vh)}}

/* Professional mobile and tablet navigation */
@media(max-width:1050px){header{isolation:isolate;gap:14px}header nav,.tech-site header nav{position:absolute;top:calc(100% + 1px);left:16px;right:16px;width:auto;padding:10px;gap:4px;background:#fff;color:#14233d;border:1px solid #dce5f0;border-top:3px solid #e3b63c;border-radius:0 0 18px 18px;box-shadow:0 24px 55px #071a3c30;max-height:calc(100vh - 92px);overflow-y:auto}header.compact nav,.tech-site header.compact nav{top:calc(100% + 1px)}header nav a,.tech-site header nav a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:11px;color:#172640!important;font:700 13px Manrope;letter-spacing:0;border:1px solid transparent;transition:background .18s,color .18s,border-color .18s,transform .18s}header nav a:hover,.tech-site header nav a:hover{color:#0c5eae!important;background:#eef6ff;border-color:#dcecff;transform:translateX(2px)}header nav a.active,.tech-site header nav a.active{color:#082653!important;background:linear-gradient(135deg,#fff8dc,#eef7ff);border-color:#ebd483;box-shadow:inset 3px 0 #dcae2f}.menu{width:42px;height:42px;padding:8px;border-radius:11px;cursor:pointer;flex:0 0 42px;transition:background .18s}.menu:hover,.menu[aria-expanded="true"]{background:#102b5712}.tech-site .menu:hover,.tech-site .menu[aria-expanded="true"]{background:#ffffff16}.menu i{margin:6px 2px;transition:transform .2s,opacity .2s,background .2s}.tech-site .menu i{background:#fff}.menu[aria-expanded="true"] i:first-child{transform:translateY(4px) rotate(45deg)}.menu[aria-expanded="true"] i:last-child{transform:translateY(-4px) rotate(-45deg)}body.nav-open{overflow:hidden}}
@media(max-width:560px){header{padding-inline:14px;gap:8px}header nav,.tech-site header nav{left:9px;right:9px;padding:8px;border-radius:0 0 15px 15px}header nav a,.tech-site header nav a{min-height:46px;padding:11px 12px}.brand-mark{width:72px;height:54px}.logo:has(.brand-mark){min-width:76px}.mode-switch{padding-inline:13px;min-width:0;white-space:nowrap}.mode-switch span{font-size:11px}}

/* v2.8.1: deterministic theme and enhancement styles (kept in the main CSS so
   the footer, support widget and theme never depend on a late JS stylesheet). */
.hp-theme-toggle{order:-1;display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #d4deeb;border-radius:999px;background:#fff;color:#10203b;cursor:pointer}.hp-theme-toggle span{font-size:12px}.hp-theme-toggle i{width:28px;height:16px;padding:2px;border-radius:99px;background:#dce8f5}.hp-theme-toggle i:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:#2873ee;transition:.2s}.hp-theme-toggle[aria-pressed=true] i:after{transform:translateX(12px);background:#f1bb36}
.hp-dark{background:#061a3c!important;color:#f7faff!important}.hp-dark header{background:#071a3c!important;color:#fff!important;border-bottom-color:#d5aa39!important}.hp-dark header nav a,.hp-dark header .logo strong{color:#dce8f7!important}.hp-dark header nav a.active{color:#fff!important}.hp-dark .hp-theme-toggle{background:#102d59;color:#fff;border-color:#38557b}
.hp-dark .v2-hero,.hp-dark .v2-section,.hp-dark .how,.hp-dark .v2-cta,.hp-dark .student-hero,.hp-dark .page-hero,.hp-dark .about-hero,.hp-dark .business-page-hero,.hp-dark .business-cta{background-color:#071a3c!important;color:#f7faff!important}.hp-dark .v2-hero{background-image:linear-gradient(120deg,#071a3c,#102f6b)!important}.hp-dark .v2-section,.hp-dark .how{background:#081f43!important}.hp-dark .v2-cta{background:#0b2851!important}
.hp-dark .v2-copy h1,.hp-dark .quick-heading h2,.hp-dark .intro h2,.hp-dark .how h2,.hp-dark .steps h3,.hp-dark .student-hero h1,.hp-dark .page-hero h1,.hp-dark .about-hero h1,.hp-dark .business-page-hero h1,.hp-dark .business-cta h2,.hp-dark .page-section h1,.hp-dark .page-section h2,.hp-dark .page-section h3{color:#f7faff!important}.hp-dark .v2-copy>p,.hp-dark .hero-proof span,.hp-dark .intro>p,.hp-dark .steps p,.hp-dark .student-hero p,.hp-dark .page-hero p,.hp-dark .about-hero p,.hp-dark .business-page-hero p,.hp-dark .business-cta p,.hp-dark .page-section p{color:#bdcde2!important}
.hp-dark .quick-start,.hp-dark .quick-links a,.hp-dark .offer-grid>a,.hp-dark .steps article,.hp-dark .visual-chip,.hp-dark .search-card,.hp-dark .resource-grid>a,.hp-dark .principles article,.hp-dark .business-features article{background:#102e59!important;border-color:#315078!important;color:#f7faff!important}.hp-dark .quick-links b,.hp-dark .offer-grid h3,.hp-dark .resource-grid h3,.hp-dark .business-features h3{color:#fff!important}.hp-dark .quick-links small,.hp-dark .offer-grid p,.hp-dark .resource-grid p,.hp-dark .business-features p{color:#bfd0e5!important}.hp-dark .cv-offer{background:#132d58!important}.hp-dark .filter{background:#102e59;color:#e8f1fc;border-color:#315078}.hp-dark .filter.active{background:#e9bc45;color:#071a3c}.hp-dark .v2-btn.outline{background:#102e59!important;border-color:#496589!important;color:#fff!important}
.hp-dark .wa-panel{background:#fff!important;color:#12213b!important}.hp-dark .wa-panel h3,.hp-dark .wa-panel a{color:#12213b!important}.hp-dark .wa-panel p,.hp-dark .wa-panel small{color:#6b7990!important}
.hp-delivery-system{background:radial-gradient(circle at 75% 15%,#114d7866,transparent 32%),linear-gradient(135deg,#04162f,#092c5d)!important;color:#fff}.hp-delivery-system .tech-heading{max-width:900px;margin:0 auto 58px;text-align:center}.hp-delivery-system .tech-heading span{color:#69d9ee}.hp-delivery-system .tech-heading h2{color:#fff}.hp-delivery-timeline{max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:42px 110px;position:relative}.hp-delivery-timeline:before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:3px;transform:translateX(-50%);background:#e9bc45}.hp-delivery-timeline article{display:flex;gap:20px;min-height:180px;padding:30px;border:1px solid #ffffff21;border-radius:22px;background:#102f5b;position:relative}.hp-delivery-timeline article:nth-child(even){transform:translateY(72px)}.hp-delivery-timeline article:after{content:"";position:absolute;top:44px;width:18px;height:18px;border:6px solid #e9bc45;border-radius:50%;background:#fff}.hp-delivery-timeline article:nth-child(odd):after{right:-66px}.hp-delivery-timeline article:nth-child(even):after{left:-66px}.hp-delivery-timeline i{flex:0 0 58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#e9bc45;color:#071a3c;font:800 15px Manrope;font-style:normal}.hp-delivery-timeline span{font:800 10px Manrope;color:#6ad9ed}.hp-delivery-timeline h3{font:800 23px Manrope;margin:8px 0;color:#fff}.hp-delivery-timeline p{margin:0;color:#c4d2e6;line-height:1.65;font-size:14px}
.hp-tech-trusted{padding:90px 0;background:#071a3c;color:#fff;overflow:hidden;border-top:1px solid #d9ad39}.hp-tech-trusted>div:first-child{max-width:900px;margin:0 auto 44px;padding:0 28px;text-align:center}.hp-tech-trusted span{font:800 10px Manrope;color:#e9bc45}.hp-tech-trusted h2{font:800 clamp(34px,4.6vw,60px)/1.08 Manrope;margin:13px 0;color:#fff}.hp-tech-trusted p{color:#aebdd2}.hp-logo-marquee>div{display:flex;width:max-content;gap:16px;animation:hp-scroll 48s linear infinite}.hp-logo-marquee article{width:250px;height:150px;display:grid;grid-template-columns:72px 1fr;align-items:center;gap:15px;padding:20px;border:1px solid #ffffff22;border-radius:18px;background:#102e59}.hp-logo-marquee img{width:72px;height:72px;object-fit:contain;padding:7px;border-radius:13px;background:#fff}.hp-logo-marquee b{color:#fff}@keyframes hp-scroll{to{transform:translateX(-50%)}}
@media(max-width:1050px){header nav .hp-theme-toggle{width:max-content;margin:4px 0 12px;order:-1}.hp-dark header nav,.hp-dark .tech-site header nav{background:#0c2851!important;border-color:#38557b!important}.hp-dark header nav a,.hp-dark .tech-site header nav a{color:#eaf2fc!important}.hp-dark header nav a:hover,.hp-dark .tech-site header nav a:hover,.hp-dark header nav a.active{background:#173b6b!important;color:#fff!important;border-color:#41668e!important}}
@media(max-width:800px){.hp-delivery-timeline{grid-template-columns:1fr;padding-left:35px;gap:18px}.hp-delivery-timeline:before{left:10px}.hp-delivery-timeline article:nth-child(even){transform:none}.hp-delivery-timeline article:after,.hp-delivery-timeline article:nth-child(odd):after,.hp-delivery-timeline article:nth-child(even):after{left:-34px;right:auto}.hp-delivery-timeline article{min-height:0}.hp-logo-marquee article{width:220px}}