:root{--navy:#080f29;--navy2:#101f48;--blue:#35b7fa;--purple:#7933c9;--ink:#15203c;--muted:#66718a;--line:#e8ebf2;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.announcement{background:#071126;color:#bdcce6;text-align:center;font-size:12px;padding:11px 16px;letter-spacing:.015em}.announcement>span{color:#45bcff;margin:0 12px}.announcement a{color:white;font-weight:700}.header{position:relative;z-index:30;background:#fff;border-bottom:1px solid #eef0f5}.nav-wrap{max-width:var(--max);margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.identity{display:inline-flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.045em;white-space:nowrap}.identity img{width:43px;height:43px;object-fit:cover;border-radius:12px}.identity b{color:#258bd6}.main-nav{display:flex;align-items:center;gap:32px}.main-nav>a{font-size:13px;font-weight:700;color:#43506a;transition:color .2s}.main-nav>a:hover{color:#137ac8}.main-nav .nav-shop{background:var(--navy);color:#fff;padding:15px 21px;border-radius:8px}.nav-shop span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;cursor:pointer}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#193c7c 0%,#0d1c41 37%,#070d22 75%);color:#fff}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(87,161,255,.045) 1px,transparent 1px),linear-gradient(rgba(87,161,255,.045) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to right,transparent,black)}.hero-glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,#2975e63d,transparent 68%);right:-170px;top:-150px;pointer-events:none}.hero-inner{max-width:var(--max);margin:auto;min-height:650px;display:grid;grid-template-columns:1.12fr .88fr;gap:36px;align-items:center;padding:75px 32px 62px;position:relative}.eyebrow,.kicker{font-size:10px;font-weight:800;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:11px;color:#a8c6ed;white-space:nowrap}.live-dot,.visual-label-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ad7e8;box-shadow:0 0 13px #3bcfff}.eyebrow-line{width:24px;height:1px;background:#5b789f}.hero h1{font-size:clamp(42px,5.15vw,72px);line-height:1.13;margin:29px 0 23px;font-weight:800}.hero h1 span{background:linear-gradient(95deg,#4dc4ff 8%,#98b7ff 50%,#c19bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-content>p{font-size:16px;line-height:1.85;max-width:510px;color:#b8c6df}.hero-actions,.about-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{min-height:52px;padding:15px 23px;border-radius:8px;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:18px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-blue{background:linear-gradient(110deg,#229de8,#4769ed);color:#fff;box-shadow:0 14px 30px #006ac42e}.button-outline{border:1px solid #54668d;color:#fff}.play{font-size:10px}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:39px;color:#a4b3d1;font-size:11px}.hero-meta i{font-style:normal;color:#4ac7ff;margin-right:5px}.hero-visual{position:relative;min-width:0}.visual-halo{position:absolute;inset:7% -6%;border:1px solid #6f9cf527;border-radius:30px;transform:rotate(8deg)}.visual-frame{position:relative;overflow:hidden;border:1px solid #5273a85c;background:#0b1735;border-radius:16px;padding:17px;box-shadow:0 30px 100px #0007}.visual-label{display:flex;align-items:center;gap:9px;color:#b5c8e6;font-size:9px;letter-spacing:.16em;font-weight:800;padding:4px 4px 16px}.visual-label>span:last-child{margin-left:auto;color:#7992ba}.brand-video{width:100%;height:390px;object-fit:cover;display:block;border-radius:8px;background:#091531}.video-overlay{position:absolute;inset:auto 17px 65px;height:80px;background:linear-gradient(transparent,#0a1531aa);pointer-events:none}.visual-bottom{display:flex;justify-content:space-between;align-items:center;padding:17px 4px 2px;font-size:11px;letter-spacing:.19em;color:#9bb8e5}.visual-bottom b{color:white}.visual-spark{font-size:21px;color:#4ac4ff}.floating-pill{position:absolute;right:-23px;bottom:40px;background:#fff;color:#223b69;font-size:11px;font-weight:800;padding:15px 20px;border-radius:50px;box-shadow:0 15px 35px #0005}.hero-bottom{position:relative;max-width:var(--max);padding:0 32px 25px;margin:auto;display:flex;align-items:center;gap:15px;color:#7895bd;font-size:10px;font-weight:800;letter-spacing:.14em}.hero-bottom a{margin-left:auto}.scroll-line{width:70px;height:1px;background:#5575a1}.trust-bar{display:flex;justify-content:center;gap:50px;align-items:center;flex-wrap:wrap;padding:24px 20px;background:#f7f9fd;color:#5c6984;font-size:10px;font-weight:800;letter-spacing:.15em}.separator{color:#339ee7}.section{max-width:var(--max);margin:auto;padding:105px 32px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.kicker{color:#298fe3;margin-bottom:22px}.section-heading h2,.about h2,.statement h2,.cta h2{font-size:clamp(34px,4vw,54px);line-height:1.19;margin-bottom:0}.section-heading h2 em,.about h2 em,.statement h2 em,.cta h2 em{font-style:normal;color:#288edc}.section-heading>p,.section-aside p{max-width:335px;line-height:1.85;color:var(--muted);font-size:14px;margin-bottom:0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.category{min-height:350px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:12px;overflow:hidden;position:relative;transition:transform .25s}.category:hover,.product:hover{transform:translateY(-5px)}.category:after{content:'';position:absolute;width:250px;height:250px;right:-100px;top:10px;border:1px solid #ffffff2a;border-radius:50%;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff06}.category-one{background:linear-gradient(145deg,#0a1a41,#193d84);color:white}.category-two{background:linear-gradient(145deg,#eaf5ff,#d5e9ff);color:#142a50}.category-three{background:linear-gradient(145deg,#282050,#56368b);color:white}.category-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;letter-spacing:.13em;position:relative;z-index:1}.category-icon{font-size:30px}.category h3{font-size:28px;line-height:1.23;margin-bottom:13px}.category p{font-size:13px;line-height:1.7;opacity:.8;max-width:250px}.category-link{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;border-top:1px solid #ffffff4d;padding-top:18px;margin-top:22px}.category-two .category-link{border-color:#abc9e9}.category-bottom{position:relative;z-index:1}.featured{padding-top:20px}.section-aside{max-width:330px}.text-link,.simple-link{font-size:13px;font-weight:800;color:#217bd2;display:inline-block;margin-top:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.product:hover{box-shadow:0 20px 50px #1b2d4d14}.product-visual{height:230px;position:relative;display:grid;place-items:center;overflow:hidden}.product-a{background:linear-gradient(145deg,#d6e9ff,#a4c9f6)}.product-b{background:linear-gradient(145deg,#e6dfff,#b6b4ee)}.product-c{background:linear-gradient(145deg,#d8f0ef,#acd9d8)}.product-badge{position:absolute;top:18px;left:18px;z-index:2;background:#fff;color:#203b68;font-size:9px;letter-spacing:.1em;font-weight:800;padding:8px 11px;border-radius:5px}.ui-preview{width:77%;min-height:165px;background:#fff;border-radius:9px;padding:15px 16px;box-shadow:0 15px 40px #233b6535;transform:rotate(-3deg) translateY(14px)}.product-b .ui-preview{transform:rotate(3deg) translateY(14px)}.ui-header{display:flex;justify-content:space-between;font-size:8px;font-weight:800;color:#7d8da5;letter-spacing:.12em;border-bottom:1px solid #e9eef6;padding-bottom:10px}.ui-header span{color:#42a1d8}.ui-metric{font-size:10px;color:#7e8ca3;margin-top:15px}.ui-metric b{display:block;font-size:30px;color:#1c3769;letter-spacing:-.06em;margin-top:3px}.ui-bars{display:flex;align-items:end;height:45px;gap:9px}.ui-bars i{flex:1;background:linear-gradient(#49bbff,#3d69ce);border-radius:3px 3px 0 0;height:40%}.ui-bars i:nth-child(2){height:80%}.ui-bars i:nth-child(3){height:57%}.ui-bars i:nth-child(4){height:100%}.ui-bars i:nth-child(5){height:70%}.ui-foot{font-size:7px;color:#8c9bb0;margin-top:9px}.ui-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:13px;text-align:center}.ui-calendar span{font-size:7px;color:#8996aa}.ui-calendar b{background:#f0f1fb;color:#5755a8;font-size:10px;padding:8px 0;border-radius:4px}.ui-calendar b:nth-last-child(2){background:#625fca;color:#fff}.ui-tasks{display:grid;gap:7px;margin-top:12px}.ui-tasks span{background:#f2f8f7;border-radius:5px;padding:7px 10px;font-size:9px;color:#3e7776}.product-info{padding:26px}.product-type{font-size:9px;letter-spacing:.13em;color:#2589d2;font-weight:800}.product h3{font-size:20px;margin:10px 0}.product p{color:var(--muted);font-size:13px;line-height:1.75;min-height:45px}.product-info>a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:20px;font-size:12px;font-weight:800}.sample-note{font-size:11px;color:#8b95a8;margin-top:19px}.statement{background:var(--navy);color:white;padding:95px max(32px,calc((100vw - 1176px)/2));display:grid;grid-template-columns:1fr 1fr;gap:100px}.statement h2{font-size:clamp(38px,4.1vw,57px)}.statement h2 em{color:#6bc5ff}.statement-left>p{color:#a6b7d3;line-height:1.9;max-width:420px;margin:25px 0 30px;font-size:14px}.value{display:flex;gap:23px;padding:26px 0;border-bottom:1px solid #32405d}.value:first-child{border-top:1px solid #32405d}.value>span{font-size:11px;color:#6bc5ff;font-weight:800}.value>div{flex:1}.value h3{font-size:18px;letter-spacing:-.035em;margin-bottom:10px}.value p{color:#a6b7d3;font-size:13px;line-height:1.8;margin:0}.value>b{font-size:17px;color:#6bc5ff}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.about-mark{height:380px;border-radius:16px;background:radial-gradient(circle at center,#234887,#08142f 75%);display:grid;place-items:center;overflow:hidden}.about-mark img{height:105%;width:100%;object-fit:contain}.about-copy p{max-width:550px;color:var(--muted);font-size:15px;line-height:1.9;margin-top:24px}.button-dark{background:#101c39;color:white}.simple-link{margin:auto 0}.cta{position:relative;overflow:hidden;text-align:center;background:linear-gradient(115deg,#0a1a42,#142e65 65%,#2a205e);color:white;padding:95px 25px}.cta-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,#349ce24b,transparent 60%)}.cta>*:not(.cta-glow){position:relative}.cta>span{font-size:10px;letter-spacing:.18em;color:#8dcfff;font-weight:800}.cta h2{margin:22px 0}.cta h2 em{color:#72c7ff}.cta p{color:#b7c8e5;font-size:14px;line-height:1.8}.button-white{background:#fff;color:#10264c;margin-top:15px}.footer{background:#060d20;color:#fff;padding:65px max(32px,calc((100vw - 1176px)/2)) 25px}.footer .identity{color:#fff}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:65px}.footer-top p{color:#879bbd;font-size:13px;margin:15px 0}.footer-links{display:flex;gap:100px}.footer-links>div{display:flex;flex-direction:column;gap:13px}.footer-links b{font-size:10px;letter-spacing:.16em;color:#a6c0e8;margin-bottom:8px}.footer-links a{color:#a2b2ce;font-size:12px}.footer-bottom{border-top:1px solid #24314a;padding-top:25px;display:flex;justify-content:space-between;color:#8093b3;font-size:10px;letter-spacing:.08em}@media(max-width:1000px){.hero-inner{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:48px}.brand-video{height:320px}.eyebrow{font-size:8px}.main-nav{gap:18px}.statement{gap:50px}.floating-pill{right:-8px}.category{padding:22px}}@media(max-width:760px){.nav-wrap{min-height:70px;padding:0 20px}.menu-toggle{display:grid;gap:5px;padding:12px}.menu-toggle span{display:block;width:23px;height:2px;background:#182c55}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:20px;gap:0;box-shadow:0 20px 30px #08112924}.main-nav.open{display:flex}.main-nav>a{padding:15px 10px;border-bottom:1px solid #edf0f5}.main-nav .nav-shop{text-align:center;margin-top:12px}.hero-inner{grid-template-columns:1fr;padding:65px 24px 40px;gap:45px}.hero h1{font-size:clamp(42px,9vw,62px)}.hero-visual{max-width:530px;width:100%;margin:auto}.brand-video{height:320px}.hero-bottom{padding:0 24px 25px}.trust-bar{gap:15px;font-size:8px}.section{padding:72px 22px}.section-heading{display:block}.section-heading>p,.section-aside{margin-top:20px}.category-grid,.product-grid{grid-template-columns:1fr}.category{min-height:285px}.product-visual{height:260px}.featured{padding-top:20px}.statement{grid-template-columns:1fr;padding:75px 24px;gap:30px}.about{grid-template-columns:1fr;gap:30px}.about-mark{height:300px}.footer{padding:60px 24px 25px}.footer-top{display:block}.footer-links{margin-top:40px;gap:55px}.footer-bottom{gap:15px;flex-wrap:wrap}.floating-pill{right:-10px}.hero-meta{gap:10px 18px}}@media(max-width:420px){.announcement{font-size:10px}.announcement>span{margin:0 5px}.hero h1{font-size:39px}.hero-actions .button{width:100%}.hero-meta{font-size:10px}.eyebrow{white-space:normal}.visual-label{font-size:8px}.brand-video{height:275px}.floating-pill{font-size:9px;right:-8px}.trust-bar .separator{display:none}.trust-bar{flex-direction:column;gap:9px}.footer-links{gap:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.demos-feature{padding-top:30px}.demos-panel{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:35px;padding:55px;border-radius:22px;background:linear-gradient(120deg,#edf6ff,#f5f1ff);border:1px solid #dbe9f9}.demos-panel h2{font-size:clamp(32px,4vw,50px);line-height:1.15}.demos-panel h2 em{font-style:normal;color:#258bd6}.demos-panel p{color:#546582;line-height:1.8;max-width:580px}.demos-panel .hero-actions{margin-top:25px}.demos-decoration{min-height:230px;background:linear-gradient(145deg,#071632,#164c9c 65%,#6736a7);border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;gap:15px;text-align:center}.demos-decoration span{color:#68d0ff;font-size:38px}.demos-decoration strong{font-size:36px;line-height:1;letter-spacing:-.05em}.demos-decoration small{font-size:10px;letter-spacing:.18em;color:#b5d3f8}.demos-panel .button-dark{color:#fff}.featured .section-aside .text-link{display:block}@media(max-width:760px){.demos-panel{grid-template-columns:1fr;padding:28px}.demos-decoration{min-height:180px}}
/* Build 03.4: display the entire supplied logo in the About panel */
.about-mark{min-height:380px;padding:34px;overflow:hidden;isolation:isolate}
.about-mark img{display:block;width:100%;height:100%;max-width:350px;max-height:310px;object-fit:contain;object-position:center center;transform:none}
@media(max-width:760px){.about-mark{min-height:300px;height:300px;padding:28px}.about-mark img{max-height:244px;max-width:280px}}

/* Optional homepage promotion (Build 06) */
.uv-promo-banner{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding:14px 24px;text-align:center;font-family:inherit;font-size:14px}.uv-promo-banner strong{font-weight:800}.uv-promo-banner a{font-weight:800;text-decoration:underline;text-underline-offset:3px}.uv-promo-navy{background:#0d1b3b;color:#fff}.uv-promo-blue{background:#258fda;color:#fff}.uv-promo-light{background:#f3f7ff;color:#10234c}@media(max-width:600px){.uv-promo-banner{gap:8px;font-size:13px}}

/* Build 06.1: optional stronger last-line emphasis in Our Story */
#about .about-copy h2.uv-heading-large em{font-size:1.18em;line-height:1.08;display:inline-block}
#about .about-copy h2.uv-heading-extra-large em{font-size:1.38em;line-height:1.06;display:inline-block}
@media(max-width:760px){#about .about-copy h2.uv-heading-large em{font-size:1.12em}#about .about-copy h2.uv-heading-extra-large em{font-size:1.22em}}


/* Build 09.1 preview polish — balanced Explore introduction.
   Separate grid columns prevent supporting copy from overlapping the heading. */
@media (min-width: 1180px) {
  #explore .section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.48fr) minmax(320px, 1fr);
    column-gap: 44px;
    align-items: end;
  }
  #explore .section-heading > div {
    min-width: 0;
  }
  #explore .section-heading > p {
    position: static;
    width: auto;
    max-width: 390px;
    margin: 0 0 8px;
    padding-left: 24px;
    border-left: 2px solid #d9e9fa;
    font-size: 14px;
    line-height: 1.85;
    text-wrap: pretty;
  }
}
@media (min-width: 761px) and (max-width: 1179px) {
  #explore .section-heading {
    display: block;
  }
  #explore .section-heading > p {
    margin: 18px 0 0;
    max-width: 480px;
  }
}
@media (max-width: 760px) {
  #explore .section-heading > p {
    margin-top: 18px;
    max-width: 100%;
  }
}

/* The transparent bag artwork contains internal whitespace.
   Enlarge the logo artwork only; other Admin Studio story images remain
   normally contained if the story image is replaced in the future. */
#about .about-mark img[src*="upskill-logo-transparent"] {
  transform: scale(1.8);
  transform-origin: center;
}
@media (max-width: 760px) {
  #about .about-mark img[src*="upskill-logo-transparent"] {
    transform: scale(1.48);
  }
}