:root{--navy-950:#050b13;--navy-900:#08111c;--navy-850:#0b1725;--blue-500:#3e8ed0;--blue-400:#69b5e8;--blue-300:#91cdf3;--white:#fff;--paper:#f3f6f9;--ink:#101722;--ink-soft:#4f5d6d;--muted:#aebdcd;--line-dark:rgba(255,255,255,.11);--line-light:rgba(8,17,28,.12);--shadow-dark:0 24px 80px rgba(0,0,0,.28);--shadow-light:0 20px 60px rgba(7,17,29,.11);--radius-sm:16px;--radius-md:24px;--radius-lg:34px;--content-width:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;min-width:320px;background:var(--navy-900);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;text-rendering:optimizeLegibility}body.navigation-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit}h1,h2,h3,p,blockquote{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.045em}.site-container{width:min(calc(100% - 40px),var(--content-width));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-160%);padding:10px 14px;border-radius:8px;background:var(--white);color:var(--navy-900);text-decoration:none;font-weight:800}.skip-link:focus{transform:translateY(0)}.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,11,19,.88);backdrop-filter:blur(18px)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--white);text-decoration:none;font-weight:800}.brand-logo{width:164px;height:auto;filter:invert(1)}.brand-inc{margin-top:5px;color:var(--blue-300);font-size:.98rem;font-weight:800;letter-spacing:.02em}.primary-nav{display:flex;align-items:center;gap:29px}.primary-nav a{position:relative;color:#c5d0dc;text-decoration:none;font-size:.92rem;font-weight:700;transition:color 160ms ease}.primary-nav a:not(.nav-contact)::after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:1px;transform:scaleX(0);background:var(--blue-400);transition:transform 160ms ease}.primary-nav a:hover,.primary-nav a:focus-visible{color:var(--white)}.primary-nav a:hover::after,.primary-nav a:focus-visible::after{transform:scaleX(1)}.nav-contact{padding:10px 17px;border:1px solid rgba(105,181,232,.44);border-radius:999px;background:rgba(105,181,232,.08)}.nav-toggle{display:none;width:46px;height:46px;padding:11px;border:1px solid var(--line-dark);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer}.nav-toggle-line{display:block;width:100%;height:2px;margin:5px 0;background:var(--white)}.hero{position:relative;min-height:760px;display:flex;align-items:center;overflow:hidden;padding:120px 0 105px;background:linear-gradient(180deg,var(--navy-950) 0%,var(--navy-900) 52%,#0b1724 100%)}.hero::after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(105,181,232,.35),transparent)}.hero-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(6px)}.hero-glow-left{top:80px;left:-180px;width:620px;height:620px;background:radial-gradient(circle,rgba(62,142,208,.18),transparent 67%)}.hero-glow-right{right:-160px;bottom:-130px;width:600px;height:600px;background:radial-gradient(circle,rgba(105,181,232,.12),transparent 68%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:80px}.eyebrow{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--blue-300);font-size:.78rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow::before{content:"";width:34px;height:1px;background:currentColor}.eyebrow-dark{color:var(--blue-500)}.hero h1{max-width:850px;margin-bottom:28px;font-size:clamp(3.85rem,7.8vw,7.2rem);letter-spacing:-.07em}.hero h1 span{display:block;color:var(--blue-300)}.hero-lead{max-width:720px;margin-bottom:34px;color:#b9c7d5;font-size:clamp(1.08rem,2vw,1.3rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:850;transition:transform 160ms ease,background-color 160ms ease,border-color 160ms ease,color 160ms ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--blue-400);color:#06111c}.button-primary:hover,.button-primary:focus-visible{background:#8bcdf5}.button-secondary{border-color:var(--line-dark);background:rgba(255,255,255,.045);color:var(--white)}.button-secondary:hover,.button-secondary:focus-visible{border-color:rgba(105,181,232,.52);background:rgba(105,181,232,.09)}.hero-statement{position:relative;padding:38px;border:1px solid var(--line-dark);border-radius:var(--radius-md);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:var(--shadow-dark);backdrop-filter:blur(14px)}.hero-statement::before{content:"";position:absolute;top:28px;right:28px;width:10px;height:10px;border-radius:50%;background:var(--blue-300);box-shadow:0 0 22px rgba(145,205,243,.65)}.statement-label{display:block;margin-bottom:26px;color:var(--muted);font-size:.75rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero-statement p{margin-bottom:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.32;letter-spacing:-.035em}.section{padding:110px 0}.section-light{background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:end;gap:70px;margin-bottom:50px}.section-heading h2,.partnership-grid h2,.conversation-panel h2{margin-bottom:0;font-size:clamp(2.6rem,5.4vw,5rem);letter-spacing:-.065em}.section-intro p,.section-copy{color:var(--ink-soft);font-size:1.08rem}.section:not(.section-light) .section-copy{color:var(--muted)}.section-intro p:last-child{margin-bottom:0}.philosophy-panel{position:relative;max-width:980px;margin-top:64px;padding:52px 62px;border:1px solid rgba(62,142,208,.18);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow-light)}.philosophy-mark{position:absolute;top:18px;left:28px;color:rgba(62,142,208,.17);font-family:Georgia,serif;font-size:7rem;line-height:1}.philosophy-panel blockquote{position:relative;margin-bottom:0;color:#1b2a3c;font-size:clamp(1.55rem,3.1vw,2.55rem);line-height:1.35;letter-spacing:-.04em}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.capability-card{min-height:290px;padding:30px;border:1px solid var(--line-dark);border-radius:var(--radius-sm);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));transition:transform 180ms ease,border-color 180ms ease,background-color 180ms ease}.capability-card:hover{transform:translateY(-4px);border-color:rgba(105,181,232,.4);background-color:rgba(105,181,232,.055)}.capability-number{display:block;margin-bottom:62px;color:var(--blue-300);font-size:.78rem;font-weight:900;letter-spacing:.14em}.capability-card h3{margin-bottom:12px;font-size:1.45rem}.capability-card p{margin-bottom:0;color:var(--muted)}.platforms-section{background:radial-gradient(circle at 15% 20%,rgba(62,142,208,.1),transparent 32rem),var(--navy-850)}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.platform-card{position:relative;min-height:440px;display:flex;flex-direction:column;padding:38px;overflow:hidden;border:1px solid var(--line-dark);border-radius:var(--radius-md);background:rgba(255,255,255,.045);box-shadow:var(--shadow-dark)}.platform-card::after{content:"";position:absolute;right:-90px;bottom:-90px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(105,181,232,.19),transparent 68%)}.platform-card-commerce::before,.platform-card-ksms::before{content:"";position:absolute;top:0;right:0;left:0;height:4px}.platform-card-commerce::before{background:linear-gradient(90deg,#d8e4ee,var(--blue-400))}.platform-card-ksms::before{background:linear-gradient(90deg,var(--blue-500),var(--blue-300))}.platform-topline{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:82px}.platform-category,.platform-status{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.platform-category{color:var(--blue-300)}.platform-status{color:#9fb0c1}.platform-card h3{position:relative;z-index:2;margin-bottom:17px;font-size:clamp(2rem,4vw,3.6rem)}.platform-card p{position:relative;z-index:2;max-width:600px;margin-bottom:30px;color:var(--muted);font-size:1.04rem}.text-link{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-top:auto;color:var(--blue-300);text-decoration:none;font-weight:850}.text-link:hover,.text-link:focus-visible{color:var(--white)}.platform-note{max-width:820px;margin:28px auto 0;color:#91a3b5;text-align:center;font-size:.92rem}.partnership-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr);align-items:start;gap:80px}.partnership-content>p{margin-bottom:34px;color:var(--ink-soft);font-size:1.13rem}.partnership-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.partnership-list span{padding:17px 18px;border:1px solid var(--line-light);border-radius:12px;background:rgba(255,255,255,.58);color:#263648;font-weight:750}.conversation-section{padding:38px 0 110px;background:radial-gradient(circle at 50% 0%,rgba(62,142,208,.15),transparent 36rem),var(--navy-900)}.conversation-panel{padding:78px 34px;border:1px solid var(--line-dark);border-radius:var(--radius-lg);background:rgba(255,255,255,.055);text-align:center;box-shadow:var(--shadow-dark)}.conversation-panel h2{margin-bottom:22px}.conversation-panel>p{max-width:760px;margin:0 auto 32px;color:var(--muted);font-size:1.1rem}.conversation-panel small{display:block;margin-top:18px;color:#8092a5}.site-footer{padding:58px 0;border-top:1px solid var(--line-dark);background:var(--navy-950)}.footer-grid{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(200px,.8fr) minmax(200px,.8fr);gap:42px}.footer-brand{margin-bottom:15px}.footer-grid p{margin-bottom:0;color:#8fa1b4}.footer-links,.footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-links a,.footer-meta a{color:#aebdcd;text-decoration:none}.footer-links a:hover,.footer-links a:focus-visible,.footer-meta a:hover,.footer-meta a:focus-visible{color:var(--white)}.footer-meta{color:#75889c}
@media(max-width:980px){.hero-grid,.section-heading,.partnership-grid{grid-template-columns:1fr}.hero-grid{gap:52px}.hero-statement{max-width:720px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading,.partnership-grid{gap:28px}}
@media(max-width:820px){.nav-toggle{display:block}.primary-nav{position:fixed;top:84px;right:0;bottom:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:25px 20px 50px;overflow-y:auto;background:rgba(5,11,19,.98)}.primary-nav.is-open{display:flex}.primary-nav a{padding:17px 6px;border-bottom:1px solid var(--line-dark);font-size:1.1rem}.nav-contact{margin-top:18px;border-radius:12px;text-align:center}.platform-grid,.footer-grid{grid-template-columns:1fr}.platform-card{min-height:390px}}
@media(max-width:640px){.site-container{width:min(calc(100% - 28px),var(--content-width))}.header-inner{min-height:74px}.brand-logo{width:138px}.primary-nav{top:74px}.hero{min-height:auto;padding:84px 0 78px}.hero h1{font-size:clamp(3.25rem,16.5vw,5.15rem)}.hero-statement,.philosophy-panel,.platform-card{padding:27px}.section{padding:80px 0}.section-heading h2,.partnership-grid h2,.conversation-panel h2{font-size:clamp(2.6rem,12vw,4rem)}.philosophy-panel{margin-top:40px}.philosophy-mark{top:10px;left:13px;font-size:5rem}.capability-grid,.partnership-list{grid-template-columns:1fr}.capability-card{min-height:250px}.capability-number{margin-bottom:42px}.platform-topline{margin-bottom:52px}.conversation-panel{padding:58px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* ==========================================================================
   Shared Page Heroes
   ========================================================================== */

.page-hero {
    position: relative;
    overflow: hidden;
    padding: 125px 0 105px;
    background:
        linear-gradient(
            180deg,
            var(--navy-950) 0%,
            var(--navy-900) 58%,
            var(--navy-850) 100%
        );
}

.page-hero::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(105, 181, 232, 0.34),
            transparent
        );
}

.page-hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.page-hero-glow-left {
    top: -120px;
    left: -220px;
    width: 650px;
    height: 650px;
    background:
        radial-gradient(
            circle,
            rgba(62, 142, 208, 0.18),
            transparent 68%
        );
}

.page-hero-glow-right {
    right: -230px;
    bottom: -240px;
    width: 700px;
    height: 700px;
    background:
        radial-gradient(
            circle,
            rgba(105, 181, 232, 0.12),
            transparent 68%
        );
}

.page-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(340px, 0.92fr);
    align-items: end;
    gap: 78px;
}

.page-hero h1 {
    max-width: 810px;
    margin-bottom: 0;
    font-size: clamp(3.75rem, 7.5vw, 6.9rem);
    letter-spacing: -0.072em;
}

.page-hero h1 span {
    display: block;
    color: var(--blue-300);
}

.page-hero-intro {
    padding: 34px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.05);
}

.page-hero-intro p {
    color: var(--muted);
    font-size: 1.08rem;
}

.page-hero-intro p:last-child {
    margin-bottom: 0;
}

/* ==========================================================================
   About Page
   ========================================================================== */

.about-story-grid {
    display: grid;
    grid-template-columns:
        minmax(220px, 0.34fr)
        minmax(0, 1fr);
    align-items: start;
    gap: 76px;
}

.about-index {
    position: sticky;
    top: 118px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 24px;
    border: 1px solid var(--line-light);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.72);
}

.about-index-label {
    margin-bottom: 10px;
    color: var(--blue-500);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.about-index a {
    padding: 9px 10px;
    border-radius: 8px;
    color: #405064;
    text-decoration: none;
    font-size: 0.92rem;
    font-weight: 700;
}

.about-index a:hover,
.about-index a:focus-visible {
    background: rgba(62, 142, 208, 0.08);
    color: var(--ink);
}

.about-story {
    min-width: 0;
}

.about-chapter {
    scroll-margin-top: 110px;
    padding: 0 0 92px;
}

.about-chapter + .about-chapter {
    padding-top: 92px;
    border-top: 1px solid var(--line-light);
}

.about-chapter:last-child {
    padding-bottom: 0;
}

.about-chapter h2 {
    max-width: 820px;
    margin-bottom: 28px;
    color: var(--ink);
    font-size: clamp(2.45rem, 5vw, 4.65rem);
    letter-spacing: -0.062em;
}

.about-chapter p {
    max-width: 840px;
    color: var(--ink-soft);
    font-size: 1.07rem;
}

.about-lead {
    color: #203044 !important;
    font-size: clamp(1.25rem, 2.1vw, 1.55rem) !important;
    line-height: 1.5;
    letter-spacing: -0.025em;
}

.chapter-emphasis,
.chapter-note {
    margin-top: 30px;
    padding: 22px 24px;
    border-left: 3px solid var(--blue-500);
    background: rgba(62, 142, 208, 0.065);
    color: #223347 !important;
    font-weight: 760;
}

.about-quote-panel {
    position: relative;
    margin-bottom: 32px;
    padding: 52px;
    overflow: hidden;
    border: 1px solid rgba(62, 142, 208, 0.18);
    border-radius: var(--radius-lg);
    background: var(--white);
    box-shadow: var(--shadow-light);
}

.about-quote-mark {
    position: absolute;
    top: 2px;
    left: 22px;
    color: rgba(62, 142, 208, 0.14);
    font-family: Georgia, serif;
    font-size: 8rem;
    line-height: 1;
}

.about-quote-panel blockquote {
    position: relative;
    margin-bottom: 0;
    color: #1d2b3d;
    font-size: clamp(1.55rem, 3vw, 2.5rem);
    line-height: 1.37;
    letter-spacing: -0.04em;
}

.principle-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 36px 0;
}

.principle-grid article {
    padding: 24px;
    border: 1px solid var(--line-light);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.7);
}

.principle-grid article > span {
    display: block;
    margin-bottom: 30px;
    color: var(--blue-500);
    font-size: 0.74rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.principle-grid h3 {
    margin-bottom: 9px;
    color: var(--ink);
    font-size: 1.26rem;
}

.principle-grid p {
    margin-bottom: 0;
    font-size: 0.96rem;
}

.text-link-dark {
    color: #1f6fa8;
}

.text-link-dark:hover,
.text-link-dark:focus-visible {
    color: var(--ink);
}

.about-next-section {
    padding: 42px 0 110px;
    background:
        radial-gradient(
            circle at 15% 0%,
            rgba(62, 142, 208, 0.16),
            transparent 34rem
        ),
        var(--navy-900);
}

.about-next-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 58px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: var(--shadow-dark);
}

.about-next-panel h2 {
    max-width: 760px;
    margin-bottom: 0;
    font-size: clamp(2.15rem, 4.5vw, 4rem);
    letter-spacing: -0.058em;
}

/* ==========================================================================
   Corporate Footer
   ========================================================================== */

.site-footer {
    padding: 70px 0 0;
    border-top: 1px solid var(--line-dark);
    background: var(--navy-950);
}

.corporate-footer-grid {
    display: grid;
    grid-template-columns:
        minmax(260px, 1.35fr)
        minmax(150px, 0.7fr)
        minmax(170px, 0.8fr)
        minmax(230px, 1fr);
    gap: 58px;
    padding-bottom: 58px;
}

.footer-brand {
    margin-bottom: 20px;
}

.footer-positioning {
    margin-bottom: 8px;
    color: var(--white);
    font-size: 1.04rem;
    font-weight: 780;
}

.footer-description {
    max-width: 330px;
    margin-bottom: 0;
    color: #8193a7;
}

.footer-column h2 {
    margin-bottom: 18px;
    color: var(--white);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.footer-column nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.footer-column a {
    color: #9dafc1;
    text-decoration: none;
}

.footer-column a:hover,
.footer-column a:focus-visible {
    color: var(--white);
}

.footer-contact-column p {
    max-width: 300px;
    margin-bottom: 16px;
    color: #8193a7;
    font-size: 0.94rem;
}

.footer-email {
    color: var(--blue-300) !important;
    font-weight: 800;
}

.footer-bottom {
    min-height: 74px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    border-top: 1px solid var(--line-dark);
    color: #66798d;
    font-size: 0.88rem;
}

.primary-nav a.is-active {
    color: var(--white);
}

.primary-nav a.is-active::after {
    transform: scaleX(1) !important;
}

/* ==========================================================================
   Responsive Additions
   ========================================================================== */

@media (max-width: 1040px) {
    .corporate-footer-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .about-story-grid {
        grid-template-columns: 1fr;
    }

    .about-index {
        position: static;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .about-index-label {
        grid-column: 1 / -1;
    }
}

@media (max-width: 820px) {
    .page-hero-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .page-hero-intro {
        max-width: 720px;
    }

    .about-next-panel {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .page-hero {
        padding: 88px 0 74px;
    }

    .page-hero h1 {
        font-size: clamp(3.2rem, 16vw, 5rem);
    }

    .page-hero-intro,
    .about-quote-panel,
    .about-next-panel {
        padding: 25px;
    }

    .about-index {
        grid-template-columns: 1fr;
    }

    .principle-grid,
    .corporate-footer-grid {
        grid-template-columns: 1fr;
    }

    .about-chapter {
        padding-bottom: 68px;
    }

    .about-chapter + .about-chapter {
        padding-top: 68px;
    }

    .footer-bottom {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        padding: 22px 0;
    }
}

/* ==========================================================================
   Technology Page
   ========================================================================== */

.technology-principle-panel {
    max-width: 980px;
    margin-top: 56px;
    padding: 36px 40px;
    border-left: 4px solid var(--blue-500);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    background: var(--white);
    box-shadow: var(--shadow-light);
}

.technology-principle-panel p {
    margin-bottom: 0;
    color: #223347;
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    line-height: 1.45;
    letter-spacing: -0.035em;
}

.technology-capabilities-section {
    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(62, 142, 208, 0.12),
            transparent 30rem
        ),
        var(--navy-900);
}

.technology-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.technology-detail-card {
    min-height: 290px;
    padding: 32px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-sm);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.025)
        );
    transition:
        transform 180ms ease,
        border-color 180ms ease;
}

.technology-detail-card:hover {
    transform: translateY(-4px);
    border-color: rgba(105, 181, 232, 0.42);
}

.technology-detail-number {
    display: block;
    margin-bottom: 54px;
    color: var(--blue-300);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.technology-detail-card h3 {
    margin-bottom: 13px;
    font-size: 1.5rem;
}

.technology-detail-card p {
    margin-bottom: 0;
    color: var(--muted);
}

.technology-commerce-grid,
.technology-stewardship-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 0.86fr)
        minmax(360px, 1.14fr);
    gap: 80px;
    align-items: start;
}

.technology-commerce-grid h2,
.technology-stewardship-grid h2 {
    margin-bottom: 0;
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    letter-spacing: -0.064em;
}

.technology-commerce-copy p {
    color: var(--ink-soft);
    font-size: 1.08rem;
}

.technology-stewardship-section {
    background: var(--navy-850);
}

.technology-stewardship-grid > div:last-child p {
    color: var(--muted);
    font-size: 1.08rem;
}

.back-to-top {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 120;
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 50%;
    background: var(--blue-500);
    color: var(--white);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition:
        opacity 160ms ease,
        visibility 160ms ease,
        transform 160ms ease,
        background-color 160ms ease;
}

.back-to-top:hover,
.back-to-top:focus-visible {
    background: var(--blue-400);
    transform: translateY(-2px);
}

.back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top span {
    font-size: 1.35rem;
    line-height: 1;
}

@media (max-width: 900px) {
    .technology-commerce-grid,
    .technology-stewardship-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

@media (max-width: 640px) {
    .technology-detail-grid {
        grid-template-columns: 1fr;
    }

    .technology-detail-card {
        min-height: 250px;
        padding: 26px;
    }

    .technology-detail-number {
        margin-bottom: 40px;
    }

    .technology-principle-panel {
        padding: 27px;
    }

    .back-to-top {
        right: 15px;
        bottom: 15px;
        width: 44px;
        height: 44px;
    }
}

/* ==========================================================================
   Technology Hero Signature Image
   ========================================================================== */

.technology-hero-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-self: end;
}

.technology-hero-visual {
    width: min(100%, 470px);
    margin: 0;
    justify-self: end;
}

.technology-hero-image-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border: 1px solid rgba(145, 205, 243, 0.18);
    border-radius: 20px;
    background: var(--navy-850);
    box-shadow: 0 22px 55px rgba(0, 0, 0, 0.34);
}

.technology-hero-image-wrap::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            180deg,
            rgba(8, 17, 28, 0.08) 0%,
            rgba(8, 17, 28, 0.26) 100%
        ),
        radial-gradient(
            circle at 50% 42%,
            transparent 32%,
            rgba(8, 17, 28, 0.28) 100%
        );
    pointer-events: none;
}

.technology-hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter:
        saturate(0.82)
        brightness(0.78)
        contrast(1.04);
    transform: scale(1.015);
}

.technology-hero-image-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            135deg,
            rgba(8, 17, 28, 0.22),
            rgba(62, 142, 208, 0.08)
        );
    mix-blend-mode: color;
    pointer-events: none;
}

.technology-hero-side .page-hero-intro {
    width: min(100%, 470px);
}

@media (max-width: 980px) {
    .technology-hero-side {
        max-width: 720px;
    }

    .technology-hero-visual,
    .technology-hero-side .page-hero-intro {
        width: 100%;
        max-width: 720px;
    }
}

@media (max-width: 640px) {
    .technology-hero-side {
        gap: 16px;
    }

    .technology-hero-image-wrap {
        border-radius: 16px;
    }
}


/* ==========================================================================
   Final Technology Hero Refinement
   ========================================================================== */

@media (min-width: 981px) {
    .technology-hero-side {
        margin-top: -76px;
    }

    .technology-hero-visual,
    .technology-hero-side .page-hero-intro {
        width: min(100%, 510px);
    }

    .technology-hero-image {
        filter:
            saturate(0.78)
            brightness(0.69)
            contrast(1.06);
    }

    .technology-hero-image-wrap {
        box-shadow: 0 17px 42px rgba(0, 0, 0, 0.27);
    }
}


/* ==========================================================================
   Platforms Page
   ========================================================================== */

.portfolio-framework {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 54px;
}

.portfolio-framework article {
    padding: 28px;
    border: 1px solid var(--line-light);
    border-radius: var(--radius-sm);
    background: var(--white);
    box-shadow: 0 14px 38px rgba(8, 17, 28, 0.07);
}

.portfolio-framework article > span {
    display: block;
    margin-bottom: 38px;
    color: var(--blue-500);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.portfolio-framework h3 {
    margin-bottom: 10px;
    color: var(--ink);
    font-size: 1.42rem;
}

.portfolio-framework p {
    margin-bottom: 0;
    color: var(--ink-soft);
}

.platform-profile-commerce {
    background:
        radial-gradient(
            circle at 9% 15%,
            rgba(62, 142, 208, 0.13),
            transparent 32rem
        ),
        var(--navy-900);
}

.platform-profile-grid {
    display: grid;
    grid-template-columns:
        minmax(280px, 0.78fr)
        minmax(0, 1.22fr);
    align-items: start;
    gap: 78px;
}

.platform-profile-heading {
    position: sticky;
    top: 120px;
}

.platform-profile-topline {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.platform-profile-number,
.platform-profile-type {
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.platform-profile-number {
    color: var(--blue-300);
}

.platform-profile-type {
    color: #8fa2b5;
}

.platform-profile-heading h2 {
    margin-bottom: 22px;
    font-size: clamp(3rem, 6vw, 5.7rem);
    letter-spacing: -0.07em;
}

.platform-profile-summary {
    max-width: 480px;
    margin-bottom: 31px;
    color: var(--muted);
    font-size: 1.1rem;
}

.platform-profile-grid-light .platform-profile-heading h2 {
    color: var(--ink);
}

.platform-profile-grid-light .platform-profile-summary {
    color: var(--ink-soft);
}

.platform-profile-grid-light .platform-profile-number {
    color: var(--blue-500);
}

.platform-profile-grid-light .platform-profile-type {
    color: #617286;
}

.platform-profile-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.platform-profile-block {
    padding: 32px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-sm);
    background: rgba(255, 255, 255, 0.045);
}

.platform-profile-block > span {
    display: block;
    margin-bottom: 18px;
    color: var(--blue-300);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.platform-profile-block h3 {
    margin-bottom: 15px;
    font-size: clamp(1.45rem, 2.7vw, 2.1rem);
    line-height: 1.25;
    letter-spacing: -0.035em;
}

.platform-profile-block p {
    margin-bottom: 0;
    color: var(--muted);
}

.platform-profile-block-light {
    border-color: var(--line-light);
    background: var(--white);
    box-shadow: 0 13px 34px rgba(8, 17, 28, 0.07);
}

.platform-profile-block-light > span {
    color: var(--blue-500);
}

.platform-profile-block-light h3 {
    color: var(--ink);
}

.platform-profile-block-light p {
    color: var(--ink-soft);
}

.button-dark {
    border-color: transparent;
    background: var(--navy-900);
    color: var(--white);
}

.button-dark:hover,
.button-dark:focus-visible {
    background: var(--navy-700);
}

.platform-disclosure-section {
    padding-top: 90px;
    padding-bottom: 90px;
    background: var(--navy-850);
}

.platform-disclosure-panel {
    max-width: 970px;
    padding: 56px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-lg);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.07),
            rgba(255, 255, 255, 0.025)
        );
    box-shadow: var(--shadow-dark);
}

.platform-disclosure-panel h2 {
    margin-bottom: 20px;
    font-size: clamp(2.7rem, 5.2vw, 4.8rem);
    letter-spacing: -0.064em;
}

.platform-disclosure-panel > p:last-child {
    max-width: 790px;
    margin-bottom: 0;
    color: var(--muted);
    font-size: 1.08rem;
}

.future-platforms-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 0.9fr)
        minmax(360px, 1.1fr);
    gap: 80px;
    align-items: start;
}

.future-platforms-grid h2 {
    margin-bottom: 0;
    color: var(--ink);
    font-size: clamp(2.65rem, 5vw, 4.8rem);
    letter-spacing: -0.064em;
}

.future-platforms-grid > div:last-child p {
    color: var(--ink-soft);
    font-size: 1.08rem;
}

@media (max-width: 940px) {
    .portfolio-framework,
    .platform-profile-grid,
    .future-platforms-grid {
        grid-template-columns: 1fr;
    }

    .platform-profile-heading {
        position: static;
    }

    .platform-profile-summary {
        max-width: 720px;
    }

    .platform-profile-grid,
    .future-platforms-grid {
        gap: 38px;
    }
}

@media (max-width: 640px) {
    .portfolio-framework {
        grid-template-columns: 1fr;
    }

    .platform-profile-block,
    .platform-disclosure-panel {
        padding: 26px;
    }

    .platform-profile-heading h2 {
        font-size: clamp(3rem, 15vw, 4.7rem);
    }
}


/* ==========================================================================
   Partnerships Page
   ========================================================================== */

.partnership-values-grid,
.partnership-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 54px;
}

.partnership-values-grid article,
.partnership-process-grid article {
    padding: 28px;
    border: 1px solid var(--line-light);
    border-radius: var(--radius-sm);
    background: var(--white);
    box-shadow: 0 14px 38px rgba(8, 17, 28, 0.07);
}

.partnership-values-grid article > span,
.partnership-process-grid article > span {
    display: block;
    margin-bottom: 38px;
    color: var(--blue-500);
    font-size: 0.75rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.partnership-values-grid h3,
.partnership-process-grid h3 {
    margin-bottom: 10px;
    color: var(--ink);
    font-size: 1.42rem;
}

.partnership-values-grid p,
.partnership-process-grid p {
    margin-bottom: 0;
    color: var(--ink-soft);
}

.partnerships-opportunities-section {
    background:
        radial-gradient(
            circle at 10% 14%,
            rgba(62, 142, 208, 0.13),
            transparent 31rem
        ),
        var(--navy-900);
}

.partnership-opportunity-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.partnership-opportunity-card {
    min-height: 300px;
    padding: 32px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-sm);
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.025)
        );
    transition:
        transform 180ms ease,
        border-color 180ms ease;
}

.partnership-opportunity-card:hover {
    transform: translateY(-4px);
    border-color: rgba(105, 181, 232, 0.42);
}

.partnership-opportunity-number {
    display: block;
    margin-bottom: 54px;
    color: var(--blue-300);
    font-size: 0.76rem;
    font-weight: 900;
    letter-spacing: 0.14em;
}

.partnership-opportunity-card h3 {
    margin-bottom: 13px;
    font-size: 1.5rem;
}

.partnership-opportunity-card p {
    margin-bottom: 0;
    color: var(--muted);
}

.investment-discussions-grid {
    display: grid;
    grid-template-columns:
        minmax(0, 0.88fr)
        minmax(360px, 1.12fr);
    gap: 80px;
    align-items: start;
}

.investment-discussions-grid h2 {
    margin-bottom: 0;
    color: var(--ink);
    font-size: clamp(2.65rem, 5vw, 4.85rem);
    letter-spacing: -0.064em;
}

.investment-discussions-copy p {
    color: var(--ink-soft);
    font-size: 1.08rem;
}

.investment-lead {
    color: #203044 !important;
    font-size: clamp(1.24rem, 2.1vw, 1.55rem) !important;
    line-height: 1.5;
    letter-spacing: -0.025em;
}

.partnership-process-section {
    background: var(--navy-850);
}

.partnership-process-section .partnership-process-grid article {
    border-color: var(--line-dark);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: none;
}

.partnership-process-section .partnership-process-grid article > span {
    color: var(--blue-300);
}

.partnership-process-section .partnership-process-grid h3 {
    color: var(--white);
}

.partnership-process-section .partnership-process-grid p {
    color: var(--muted);
}

.partnership-conversation-section {
    padding: 42px 0 110px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(62, 142, 208, 0.16),
            transparent 36rem
        ),
        var(--navy-900);
}

.partnership-conversation-panel {
    padding: 76px 34px;
    border: 1px solid var(--line-dark);
    border-radius: var(--radius-lg);
    background: rgba(255, 255, 255, 0.055);
    text-align: center;
    box-shadow: var(--shadow-dark);
}

.partnership-conversation-panel h2 {
    max-width: 900px;
    margin: 0 auto 22px;
    font-size: clamp(2.6rem, 5.3vw, 5rem);
    letter-spacing: -0.065em;
}

.partnership-conversation-panel > p {
    max-width: 760px;
    margin: 0 auto 32px;
    color: var(--muted);
    font-size: 1.1rem;
}

.partnership-conversation-panel small {
    display: block;
    margin-top: 18px;
    color: #8092a5;
}

@media (max-width: 940px) {
    .partnership-values-grid,
    .partnership-process-grid,
    .investment-discussions-grid {
        grid-template-columns: 1fr;
    }

    .investment-discussions-grid {
        gap: 38px;
    }
}

@media (max-width: 700px) {
    .partnership-opportunity-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .partnership-values-grid,
    .partnership-process-grid {
        grid-template-columns: 1fr;
    }

    .partnership-opportunity-card,
    .partnership-conversation-panel {
        padding: 26px;
    }

    .partnership-opportunity-card {
        min-height: 260px;
    }

    .partnership-opportunity-number {
        margin-bottom: 40px;
    }
}