.institutional-page{overflow:hidden;background:#fff}.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--color-pink-dark);font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.section-kicker::before{width:24px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--color-pink),var(--color-blue));content:""}.section-title{margin:16px 0 0;color:var(--color-black);font-size:clamp(2.55rem,4.2vw,4.4rem);font-weight:790;line-height:1.01;letter-spacing:-.055em}.section-lead{max-width:680px;margin:20px 0 0;color:var(--color-muted);font-size:1.06rem;line-height:1.72}.section-header--center{max-width:850px;margin-inline:auto;text-align:center}.section-header--center .section-kicker{justify-content:center}.section-header--center .section-lead{margin-inline:auto}.title-accent{color:transparent;background:linear-gradient(96deg,#ef00b8 0%,#d70bc7 32%,#6d41e9 68%,#1167f5 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.page-hero{position:relative;padding:clamp(42px,5vw,68px) 0 12px;background:linear-gradient(180deg,#fff 0%,#faf8ff 62%,#fff 100%)}.page-hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(17,103,245,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,103,245,.035) 1px,transparent 1px);background-size:54px 54px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 84%);pointer-events:none}.page-hero__glow{position:absolute;inset:-8% -4% auto auto;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(17,103,245,.13),rgba(239,0,184,.1) 42%,transparent 70%);filter:blur(34px)}.page-hero__inner{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(540px,1.1fr);align-items:center;gap:clamp(30px,4vw,58px)}.page-hero__content{position:relative;z-index:2}.page-hero h1{max-width:720px;margin:18px 0 0;color:var(--color-black);font-size:clamp(3.35rem,4.55vw,5.15rem);font-weight:790;line-height:.98;letter-spacing:-.064em}.page-hero__content>p{max-width:610px;margin:26px 0 0;color:var(--color-muted);font-size:clamp(1.04rem,1.25vw,1.18rem);line-height:1.7}.page-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-art{position:relative;margin:0;padding:18px}.hero-art::before{position:absolute;inset:8% 0 2%;border-radius:40px;background:linear-gradient(135deg,rgba(17,103,245,.22),rgba(239,0,184,.2));filter:blur(30px);content:""}.hero-art__frame{position:relative;overflow:hidden;aspect-ratio:1.28;border:1px solid rgba(255,255,255,.75);border-radius:34px;background:#050615;box-shadow:0 30px 75px rgba(15,18,38,.24)}.hero-art__frame::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,18,.16),transparent 30%,transparent 72%,rgba(5,6,18,.12)),linear-gradient(180deg,transparent 68%,rgba(5,6,18,.2));content:"";pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.04);transition:transform 700ms cubic-bezier(.2,.75,.25,1),filter 700ms ease}.hero-art:hover img{filter:saturate(1.08) contrast(1.03);transform:scale(1.075)}
.btn--shine{position:relative;isolation:isolate;overflow:hidden}.btn--shine::after{position:absolute;top:-80%;left:-42%;width:32%;height:260%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);content:"";pointer-events:none;transform:rotate(18deg);transition:left 650ms cubic-bezier(.2,.75,.25,1)}.btn--shine:hover::after,.btn--shine:focus-visible::after{left:118%}
.story-section{padding:44px 0 42px;background:#f7f8fb}.story-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);align-items:center;gap:clamp(42px,7vw,100px)}.story-copy p{max-width:660px;margin:20px 0 0;color:var(--color-muted);font-size:1.03rem;line-height:1.72}.story-visual{position:relative;overflow:hidden;min-height:430px;padding:clamp(34px,5vw,62px);border-radius:34px;color:#fff;background:radial-gradient(circle at 85% 12%,rgba(17,103,245,.5),transparent 32%),radial-gradient(circle at 18% 92%,rgba(239,0,184,.34),transparent 35%),#080a12;box-shadow:0 30px 70px rgba(14,17,28,.18)}.story-visual::after{position:absolute;inset:0;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.08) 50%,transparent 64%);content:"";transform:translateX(-110%);transition:transform 800ms ease}.story-visual:hover::after{transform:translateX(110%)}.story-visual__eyebrow{position:relative;z-index:1;color:#8fbaff;font-size:.76rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.story-visual strong{position:relative;z-index:1;display:block;margin-top:28px;font-size:clamp(2.2rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.05em}.story-visual strong span{color:#f3a6e4}.story-visual__pillars{position:absolute;right:clamp(30px,5vw,62px);bottom:clamp(30px,5vw,55px);left:clamp(30px,5vw,62px);z-index:1;display:flex;flex-wrap:wrap;gap:10px}.story-visual__pillars span{padding:10px 14px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.08);font-size:.8rem;font-weight:750;backdrop-filter:blur(8px)}
.pillars-section{padding:44px 0 42px}.pillar-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:42px}.interactive-card{--accent:var(--color-pink);position:relative;overflow:hidden;min-height:270px;padding:28px;border:1px solid #e3e6ed;border-radius:26px;background:#fff;box-shadow:0 10px 30px rgba(20,23,34,.035);transition:transform 260ms ease,border-color 260ms ease,box-shadow 260ms ease}.interactive-card::before{position:absolute;top:0;right:28px;left:28px;height:3px;border-radius:0 0 5px 5px;background:var(--accent);content:"";transition:right 260ms ease,left 260ms ease}.interactive-card::after{position:absolute;inset:0;background:radial-gradient(260px circle at var(--pointer-x) var(--pointer-y),color-mix(in srgb,var(--accent) 9%,transparent),transparent 64%);opacity:0;content:"";pointer-events:none;transition:opacity 260ms ease}.interactive-card:hover{border-color:color-mix(in srgb,var(--accent) 22%,#dfe2e9);box-shadow:0 20px 48px rgba(20,23,34,.075);transform:translateY(-5px)}.interactive-card:hover::before{right:0;left:0}.interactive-card:hover::after{opacity:1}.interactive-card>*{position:relative;z-index:1}.pillar-card--blue{--accent:var(--color-blue)}.pillar-card--green{--accent:var(--color-green)}.card-number{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,#fff);font-size:.75rem;font-weight:850}.pillar-card h3{margin:28px 0 0;font-size:1.65rem}.pillar-card p,.pillar-card li{color:var(--color-muted);line-height:1.65}.pillar-card p{margin:14px 0 0}.pillar-card ul{display:grid;gap:6px;margin-top:14px}.pillar-card li::before{margin-right:8px;color:var(--accent);content:"•"}
.method-section{padding:48px 0 38px;background:#f7f8fb}.method-header{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px}.method-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);margin-top:42px;list-style:none}.method-timeline::before{position:absolute;top:25px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,var(--color-pink),var(--color-blue),var(--color-green));content:"";opacity:.35}.method-timeline li{position:relative;padding:0 16px;text-align:center}.method-timeline li>span{position:relative;z-index:1;display:grid;width:52px;height:52px;margin-inline:auto;place-items:center;border:5px solid #f7f8fb;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--color-pink),var(--color-blue));box-shadow:0 10px 28px rgba(17,103,245,.18);font-size:.72rem;font-weight:850}.method-timeline h3{margin:20px 0 0;font-size:1.05rem}.method-timeline p{margin:9px 0 0;color:var(--color-muted);font-size:.88rem;line-height:1.55}
.page-cta{padding:10px 0 72px;background:#fff}.page-cta__box{display:flex;align-items:center;justify-content:space-between;gap:44px;overflow:hidden;padding:clamp(34px,5vw,64px);border-radius:34px;color:#fff;background:radial-gradient(circle at 88% 18%,rgba(17,103,245,.4),transparent 34%),radial-gradient(circle at 22% 100%,rgba(239,0,184,.24),transparent 38%),#08090d;box-shadow:0 32px 80px rgba(11,13,21,.18)}.page-cta__box .section-kicker{color:#8fbaff}.page-cta__box h2{max-width:700px;margin:12px 0 0;color:#fff;font-size:clamp(2.2rem,4vw,4rem);line-height:1.02;letter-spacing:-.045em}.page-cta__box p{margin:16px 0 0;color:rgba(255,255,255,.68);font-size:1.05rem}.page-cta__box .btn{flex:0 0 auto}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 650ms ease,transform 650ms ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:1100px){.page-hero__inner,.story-grid{grid-template-columns:1fr}.page-hero__content{text-align:center}.page-hero__content>p{margin-inline:auto}.page-hero__actions{justify-content:center}.hero-art{width:min(850px,100%);margin-inline:auto}.story-copy{text-align:center}.story-copy p{margin-inline:auto}.pillar-grid{grid-template-columns:repeat(2,1fr)}.method-header{grid-template-columns:1fr}.method-timeline{grid-template-columns:1fr;gap:22px}.method-timeline::before{top:0;bottom:0;left:25px;width:2px;height:auto}.method-timeline li{display:grid;grid-template-columns:52px 1fr;text-align:left;column-gap:20px;padding:0}.method-timeline li>span{grid-row:1/3;margin:0}.method-timeline h3{margin:4px 0 0}.method-timeline p{margin-top:6px}.page-cta__box{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.page-hero{padding-top:42px}.page-hero h1{font-size:clamp(2.65rem,12vw,4rem)}.page-hero__actions{display:grid}.page-hero__actions .btn{width:100%}.hero-art{padding:8px}.hero-art__frame{aspect-ratio:1;border-radius:24px}.hero-art img{object-position:center}.pillar-grid{grid-template-columns:1fr}.interactive-card{min-height:230px}.story-visual{min-height:390px}.page-cta__box .btn{width:100%}}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none!important}.hero-art img,.interactive-card,.story-visual::after,.btn--shine::after{transition:none!important}}
.hero-art__frame{aspect-ratio:3/2}
.pillar-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;column-gap:18px}
.pillar-card h3{align-self:center;margin:0}
.pillar-card p,.pillar-card ul{grid-column:1/-1;margin-top:20px}
@media(min-width:1101px){.page-hero__inner{transform:translateY(-34px)}}
@media(max-width:680px){.hero-art__frame{aspect-ratio:1}}