.case-hero{color:#f2f2f5;border-bottom:1px solid #ffffff1f;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(28px,4vw,64px);padding:40px 0 56px;display:grid}.case-hero>*{min-width:0}.case-hero__label{color:#b4b4bf;letter-spacing:.06em;margin:0 0 24px;font:500 .875rem/1.5 JetBrains Mono,monospace}.case-hero__headline{color:#f2f2f5;letter-spacing:-.055em;text-transform:none;text-wrap:balance;max-width:15ch;margin:0;font:500 clamp(2.4rem,4.3vw,4rem)/1.04 Space Grotesk,sans-serif}.case-hero__description{color:#b4b4bf;max-width:42ch;margin:24px 0 0;font-size:1rem;font-weight:400;line-height:1.7}.case-hero__actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:28px;display:flex}.case-hero__cta{color:#111115;background:#e9e9ed;border:1px solid #e9e9ed;border-radius:8px;justify-content:space-between;align-items:center;gap:22px;padding:15px 20px;font-size:.9375rem;font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.case-hero__cta:hover{background:#fff;border-color:#fff}.case-hero__secondary{color:#c0c0ca;align-items:center;gap:20px;min-height:32px;font-size:.875rem;text-decoration:none;display:inline-flex}.case-hero__secondary:hover{color:#fff;text-underline-offset:5px;text-decoration:underline}.case-hero__proof{color:#9999a5;margin:28px 0 0;font-size:.875rem;line-height:1.6}.case-hero__proof:before{content:"";background:#6fd4d4;border-radius:50%;width:5px;height:5px;margin:0 9px 2px 0;display:inline-block}.case-hero__visual{margin:0}.case-hero__stage{background:#17171c;border:1px solid #ffffff1f;border-radius:14px;align-items:center;display:grid;overflow:hidden}.case-hero__image{width:100%;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.case-hero__image img{border:0;border-radius:0;width:100%;height:auto;display:block}.case-hero__image>span{color:#b4b4bf;text-align:center;padding:14px 10px;font-size:.875rem;display:block}.case-hero--pair .case-hero__stage{grid-template-columns:1fr 1fr;align-items:stretch;gap:1px}.case-hero--pair .case-hero__image{background:#111115}.case-hero--pair .case-hero__image img{aspect-ratio:4/5;object-fit:contain;background:#f4f4f4}.case-hero--slides .case-hero__stage{grid-template-columns:1fr 1fr;gap:14px;padding:30px 20px}.case-hero--slides .case-hero__image:first-child{transform:translateY(-10px)rotate(-4deg)}.case-hero--slides .case-hero__image:last-child{transform:translateY(10px)rotate(4deg)}.case-hero--slides .case-hero__image{border-radius:4px;box-shadow:0 10px 24px #0005}.case-hero__stage video{aspect-ratio:16/9;background:#000;width:100%;display:block}.case-hero__visual figcaption{color:#a4a4af;justify-content:space-between;gap:16px;margin:14px 2px 0;font-size:.875rem;line-height:1.5;display:flex}.case-hero__call{background:radial-gradient(at 85% 10%,#27434455,#0000 65%),#131317;padding:clamp(24px,3vw,42px)}.case-hero__call-label{color:#b4b4bf;font:.875rem/1.5 JetBrains Mono,monospace}.case-hero__availability{letter-spacing:-.085em;margin-top:28px;font-size:clamp(5rem,9vw,8rem);font-weight:400;line-height:1;display:block}.case-hero__availability span{color:#728a8b}.case-hero__call p{color:#d5d5de;margin:24px 0;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.4}.case-hero__call audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:42px;display:block}.case-hero a:focus-visible,.case-hero button:focus-visible{outline-offset:5px;outline:2px solid #7de2e2}@media (width<=760px){.case-hero{grid-template-columns:1fr;gap:32px;padding-top:24px;padding-bottom:36px}.case-hero__headline{max-width:18ch;font-size:clamp(2.25rem,8vw,3.6rem)}.case-hero__label{margin-bottom:20px;padding-right:36px}.case-hero__description{max-width:48ch}.case-hero__proof{margin-top:22px}.case-hero__visual{width:100%;max-width:540px}}.hero__layout{grid-template-columns:minmax(0,1fr) clamp(380px,32vw,440px);align-items:center;gap:clamp(32px,4vw,56px);display:grid}.hero__copy{min-width:0}.hero__layout .hero__title{font-size:clamp(2.6rem,6.4vw,6.1rem)}.hero__layout .hero__bottom{flex-direction:column;align-items:flex-start;gap:24px;margin-top:28px}.hero__layout .hero__intro{max-width:49ch}.hero__layout .hero__actions{width:auto}.flagship-card{isolation:isolate;place-self:start end;width:100%;max-width:440px;margin-top:16px;scroll-margin-top:100px;position:relative}.flagship-card:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(140deg,#271b24,#151b22 55%,#173034);border:1px solid #71858b44;border-radius:12px;position:absolute;inset:8px -8px -8px 8px;transform:rotate(1.3deg)}.flagship-card__surface{color:#edf0f4;background:linear-gradient(#111318,#111318) padding-box padding-box,linear-gradient(135deg,#ff4d5e66,#ffffff1a 48%,#35e0e066) border-box;border:1px solid #0000;border-radius:10px;overflow:hidden;box-shadow:0 24px 64px #0007}.flagship-card__header{color:#e2e8ee;background:#16181f;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;display:flex}.flagship-card__badge{font-family:var(--font-mono);letter-spacing:.04em;align-items:center;gap:9px;font-size:.8125rem;line-height:1.5;display:inline-flex}.flagship-card__badge>span{background:var(--brand-grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.125rem}.flagship-card__edition{font-family:var(--font-mono);color:#909ba9;white-space:nowrap;font-size:.75rem;line-height:1.5}.flagship-card__preview{color:#9ca8b7;background:#0b0b0f;margin:0}.flagship-card__preview video{aspect-ratio:16/9;object-fit:contain;background:#070709;width:100%;display:block}.flagship-card__preview figcaption{background:#101217;justify-content:space-between;align-items:center;gap:12px;padding:9px 20px;font-size:.8125rem;line-height:1.5;display:flex}.flagship-card__body{padding:22px 24px 24px}.flagship-card__name{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.flagship-card__name>span:first-child{letter-spacing:-.03em;font-size:1.0625rem;font-weight:600;line-height:1.5}.flagship-card__name>span:last-child{color:#96a3b1;font-size:.75rem;line-height:1.5}.flagship-card__body h2{font-family:var(--font-display);letter-spacing:-.045em;color:#eef2f6;margin:0 0 16px;font-size:clamp(1.85rem,2.6vw,2.4rem);font-weight:500;line-height:1.05}.flagship-card__body p{color:#b4bfcc;margin:0;font-size:1rem;line-height:1.6}.flagship-card__footer{background:#16191f;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.flagship-card__footer>span{color:#99a8b6;font-size:.8125rem;line-height:1.5}.flagship-card__footer button{text-align:left;color:#dcebea;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:8px 10px;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.flagship-card__footer button:hover{background:#253237}.flagship-card__footer button:focus-visible{outline-offset:3px;outline:2px solid #92d9d6}.flagship-card__preview video:focus-visible{outline-offset:-3px;outline:2px solid #92d9d6}@media (width<=1100px){.hero__layout{grid-template-columns:1fr;gap:40px}.hero__layout .hero__title{font-size:clamp(2.6rem,8.6vw,7.6rem)}.flagship-card{justify-self:start;max-width:460px;margin-top:0}.hero:has(.flagship-card){padding-bottom:110px}.hero__layout .hero__actions{width:100%}}@media (width<=480px){.flagship-card__header{padding:12px 16px}.flagship-card__body{padding:20px}.flagship-card__footer{flex-wrap:wrap;padding:10px 12px}.flagship-card__name{flex-wrap:wrap;align-items:flex-start;gap:4px 12px}.flagship-card:before{inset:5px -4px -5px 5px;transform:rotate(.6deg)}}@media (width<=400px){.hero__layout .hero__title{font-size:2.35rem}}.po{color:#eeeef3;background:#0b0c10;padding:80px 0 48px;scroll-margin-top:68px;position:relative}.po__inner{max-width:1360px;margin:0 auto;padding:0 clamp(22px,6vw,88px)}.po__heading{padding-bottom:36px}.po__heading h2{letter-spacing:-.045em;margin:0 0 14px;font-size:clamp(2rem,4vw,3.25rem);font-weight:500;line-height:1.1}.po__heading>p{color:#a5a8b4;max-width:64ch;font-size:1rem;line-height:1.65}.po__project{border-top:1px solid #40434b;padding:40px 0 44px;scroll-margin-top:90px}.po__project+.po__project{border-top:2px solid #68747e;margin-top:56px;padding-top:56px;position:relative}.po__project+.po__project:before{content:"";background:var(--brand-grad);pointer-events:none;width:96px;height:2px;position:absolute;top:-2px;left:0}.po__project-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.po__project-number{font-family:var(--font-mono);color:#a8d6d2;letter-spacing:-.03em;font-size:1.0625rem;line-height:1.5}.po__eyebrow{color:#9ea4b0;font-size:.875rem;line-height:1.6}.po__project-main{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.po__story{min-width:0}.po__story h3{letter-spacing:-.04em;text-wrap:balance;max-width:19ch;margin:0 0 22px;font-size:clamp(1.85rem,3.5vw,3rem);font-weight:500;line-height:1.08}.po__description{color:#b2b6c1;max-width:50ch;font-size:1rem;line-height:1.75}.po__metric{flex-wrap:wrap;align-items:center;gap:10px 18px;margin:24px 0;display:flex}.po__metric strong{letter-spacing:-.035em;color:#e4efed;font-size:1.65rem;font-weight:400;line-height:1.2}.po__metric span{color:#929ca8;max-width:27ch;font-size:.875rem;line-height:1.6}.po__read{text-align:left;color:#12181c;background:#e2e8ea;border-radius:5px;align-items:center;gap:24px;min-height:46px;padding:12px 18px;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.po__read:hover{background:#fff}.po button:focus-visible,.po a:focus-visible{outline-offset:4px;outline:2px solid #a2d4d1}.po__output{min-width:0;margin:0}.po__output>figcaption{color:#919ba7;margin-top:12px;font-size:.875rem;line-height:1.5}.po__audio{aspect-ratio:16/10;background:linear-gradient(140deg,#202d32,#13181d);border:1px solid #303a42;border-radius:8px;flex-direction:column;justify-content:center;padding:clamp(24px,3.5vw,44px);display:flex}.po__audio>span{color:#9fb4bf;font-size:.875rem;line-height:1.5}.po__audio p{letter-spacing:-.03em;color:#e3ecee;margin:20px 0 28px;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.25}.po__audio audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:40px;display:block}.po__comparison{aspect-ratio:16/10;background:#1a1d23;border-radius:8px;grid-template-rows:minmax(0,1fr);grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.po__comparison figure{background:#e6e6e6;border-radius:4px;min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.po__comparison img{object-fit:contain;width:100%;height:100%;display:block}.po__comparison figcaption{color:#fff;background:#10141be8;border-radius:3px;padding:3px 8px;font-size:.8125rem;position:absolute;bottom:8px;left:8px}.po__slides{aspect-ratio:16/10;background:#191d23;border-radius:8px;align-items:center;gap:10px;padding:24px 16px;display:flex}.po__slides img{border-radius:3px;width:calc(33.3333% - 6.66667px);min-width:0;height:auto;display:block}.po__video,.po__website{aspect-ratio:16/10;object-fit:contain;background:#10141a;border:1px solid #2c3139;border-radius:8px;width:100%;display:block}.po__visit{color:#e8edf2;background:#14171ce6;border:1px solid #ffffff30;border-radius:10px;align-items:center;gap:12px;width:fit-content;min-height:48px;margin-top:14px;padding:10px 16px;font-size:.9375rem;line-height:1.5;transition:background .2s,border-color .2s;display:flex}.po__visit-dot{background:#cc2943;border-radius:50%;flex:none;width:6px;height:6px}.po__visit-arrow{margin-left:14px;transition:transform .2s}.po__visit:hover{background:#202029;border-color:#b9536555}.po__visit:hover .po__visit-arrow{transform:translate(2px,-2px)}.po__websites{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.po__websites>a{background:#10141a;border:1px solid #30353f;border-radius:8px;transition:border-color .2s;display:block;overflow:hidden}.po__websites img{aspect-ratio:16/10;object-fit:contain;background:#050507;width:100%;display:block}.po__websites a>span{border-top:1px solid #ffffff14;grid-template-columns:1fr auto;gap:4px 12px;padding:16px;display:grid}.po__websites b{color:#e5eaf0;font-size:1rem;font-weight:500}.po__websites small{color:#9da9b8;grid-column:1;font-size:.8125rem}.po__websites i{color:#bbd7d9;grid-area:1/2/3;align-self:center;font-style:normal}.po__websites a:hover{border-color:#799da2}.po__visit:focus-visible,.po__websites a:focus-visible{outline-offset:4px;outline:2px solid #9bdedc}@media (width<=420px){.po__websites{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.po__visit,.po__visit-arrow,.po__websites>a{transition:none}}.po__project-bottom{border-top:1px solid #252a31;margin-top:28px;padding-top:22px}.po__flow{flex-wrap:wrap;align-items:center;gap:10px 18px;margin:10px 0 20px;padding:0;list-style:none;display:flex}.po__flow li{color:#d3d9df;align-items:center;gap:18px;font-size:.9375rem;line-height:1.6;display:flex}.po__connector{color:#779b9e}.po__stack{text-align:center;border-top:1px solid #252a31;margin-top:26px;padding-top:24px}.po__stack>.po__eyebrow{margin-bottom:18px}.po__tools{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 28px;max-width:1040px;margin:0 auto;padding:0;list-style:none;display:flex}.po__tools li{color:#b9c3cf;overflow-wrap:anywhere;align-items:center;gap:10px;max-width:100%;font-size:1rem;line-height:1.5;display:flex}.po__tools img{object-fit:contain;flex:none;width:25px;height:25px}.po__icon--light{filter:invert()}.po__highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:4px 0 28px;display:grid}.po__highlights h4{color:#e0e7ec;margin-bottom:10px;font-size:1.0625rem;font-weight:500;line-height:1.4}.po__highlights p{color:#a6b1bf;font-size:.9375rem;line-height:1.75}.po__impact{border-top:1px solid #303b42;border-bottom:1px solid #303b42;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:24px 0;display:grid}.po__impact>div+div{border-left:1px solid #303b42;padding-left:32px}.po__impact strong{letter-spacing:-.035em;color:#c0e3dc;margin:10px 0;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:500;line-height:1.25;display:block}.po__impact>div>p:last-child{color:#a6b1bf;max-width:52ch;font-size:.9375rem;line-height:1.65}.po__impact-note{color:#929caa;max-width:110ch;margin-top:14px;font-size:.8125rem;line-height:1.7}.po__workflow{margin-top:26px}.po__contact{border-top:1px solid #40434b;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding-top:28px;display:flex}.po__contact p{color:#b8c0c9;font-size:1.125rem;line-height:1.5}.po__contact a{color:#edf1f3;text-underline-offset:6px;align-items:center;gap:24px;min-height:44px;font-size:1rem;text-decoration:underline;display:inline-flex}@media (width<=760px){.po{padding:56px 0 36px}.po__heading{padding-bottom:28px}.po__project{padding:28px 0 32px}.po__project+.po__project{margin-top:40px;padding-top:40px}.po__project-top{align-items:flex-start;margin-bottom:24px}.po__project-top>.po__eyebrow{text-align:right;max-width:20ch}.po__project-main{grid-template-columns:1fr;gap:28px}.po__story h3{max-width:24ch}.po__description{max-width:55ch}.po__output{width:100%;max-width:540px}.po__flow{display:block}.po__flow li{justify-content:space-between;padding:6px 0}.po__connector{transform:rotate(90deg)}.po__contact{flex-direction:column;align-items:flex-start;gap:14px}.po__highlights,.po__impact{grid-template-columns:1fr;gap:22px}.po__impact>div+div{border-top:1px solid #303b42;border-left:0;padding-top:22px;padding-left:0}.po__tools{gap:16px 22px}.po__tools li{font-size:.9375rem}.po__tools img{width:24px;height:24px}}.po__impact .po__previous{color:#a6b1bf;text-decoration-color:#ff4d5e;text-decoration-thickness:2px}.po__listen{color:#142b1c;min-height:46px;font-family:var(--font-mono);letter-spacing:.12em;cursor:pointer;background:#b3e5c1;border:1px solid #9ddbb1;border-radius:100px;justify-content:center;align-self:flex-start;align-items:center;gap:12px;margin-top:20px;padding:0 22px;font-size:.8125rem;font-weight:700;transition:background .2s,box-shadow .2s;display:inline-flex}.po__listen:hover{background:#c8efd2;box-shadow:0 0 20px #9ddbb11a}.po__listen:focus-visible{outline-offset:4px;outline:2px solid #b3e5c1}@media (prefers-reduced-motion:reduce){.po__listen{transition:none}}.po__web-showcase{gap:16px;display:grid}