/* Alongside case study */
:root{--bg:#f8f8ff;--surface:#fff;--surface2:#f1efff;--text:#111629;--muted:#5e667b;--purple:#7c35f3;--purple2:#955cff;--line:rgba(17,22,41,.10);--shadow:0 28px 80px rgba(51,31,112,.14);--max:1280px;--content:780px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(124,53,243,.07),transparent 24%),linear-gradient(180deg,#fbfbff 0%,#f6f6ff 100%);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{display:block;width:100%;height:auto}a{color:inherit}figure{margin:0}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.narrow{max-width:var(--content)}.section-shell{position:relative;padding:118px 0;overflow:clip}.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-160%);z-index:999;padding:10px 14px;background:#fff;color:#111;border-radius:10px}.skip-link:focus{transform:translateY(0)}.eyebrow{margin:0 0 18px;color:var(--purple);font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1{margin-bottom:14px;font-size:clamp(4.7rem,10.5vw,9.8rem);line-height:.9;letter-spacing:-.035em}h2{margin-bottom:24px;font-size:clamp(2.6rem,5.3vw,5.6rem);line-height:1;letter-spacing:-.022em}h3{margin-bottom:10px;font-size:1.4rem;line-height:1.15;letter-spacing:-.01em}p{color:var(--muted);text-wrap:pretty}.lede{font-size:clamp(1.18rem,2vw,1.52rem);line-height:1.66}.site-header{position:absolute;z-index:50;inset:0 0 auto;padding:28px 0}.header-inner,.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.header-actions,.footer-links{display:flex;gap:20px;flex-wrap:wrap}.portfolio-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;text-decoration:none;font-weight:900;background:rgba(255,255,255,.75);backdrop-filter:blur(16px)}.back-link,.footer-links a{color:var(--text);text-decoration:none;font-size:.94rem}.hero{min-height:1030px;padding-top:170px;padding-bottom:0}.hero-copy{position:relative;z-index:2}.hero-dek{margin-bottom:24px;max-width:1000px;color:var(--text);font-size:clamp(1.8rem,3.3vw,3.3rem);line-height:1.1;letter-spacing:-.015em}.hero-intro{max-width:780px;font-size:1.16rem;line-height:1.72}.project-meta{display:grid;grid-template-columns:repeat(4,1fr);margin:56px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-meta div{min-height:112px;padding:20px 22px 20px 0}.project-meta div+div{padding-left:22px;border-left:1px solid var(--line)}.project-meta dt{margin-bottom:7px;color:var(--purple);font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.project-meta dd{margin:0;color:var(--text);font-size:.92rem;line-height:1.55}.build-note{display:flex;align-items:center;gap:16px;margin-top:26px;padding:16px 18px;border:1px solid rgba(124,53,243,.16);border-radius:18px;background:rgba(255,255,255,.72)}.build-label{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--surface2);color:var(--purple);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.build-note strong{font-size:.95rem}.hero-phones{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,3vw,46px);margin-top:78px}.phone{overflow:hidden;border:1px solid rgba(17,22,41,.08);border-radius:38px;background:#fff;box-shadow:var(--shadow)}.hero-phones .phone{width:min(28vw,340px)}.hero-phones .phone-a{transform:translateY(74px) rotate(-5deg)}.hero-phones .phone-b{z-index:2;width:min(31vw,390px)}.hero-phones .phone-c{transform:translateY(74px) rotate(5deg)}.hero-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5}.glow-a{width:560px;height:560px;right:-180px;top:90px;background:rgba(124,53,243,.18)}.glow-b{width:500px;height:500px;left:-180px;bottom:30px;background:rgba(78,140,255,.14)}.opportunity{background:rgba(255,255,255,.48)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.problem-grid article,.decision-grid article,.ai-grid article{padding:32px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.76)}.problem-grid span,.decision-grid span,.ai-grid span{display:block;margin-bottom:36px;color:var(--purple);font-size:.74rem;font-weight:800}.principle-card{padding:clamp(40px,7vw,90px);border-radius:42px;background:radial-gradient(circle at 85% 20%,rgba(78,140,255,.12),transparent 30%),linear-gradient(135deg,rgba(222,213,255,.82),rgba(255,255,255,.88));border:1px solid rgba(124,53,243,.13)}.principle-card blockquote{margin:40px 0 30px;color:var(--text);font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1.15;font-weight:750;letter-spacing:-.02em}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end;margin-bottom:72px}.section-heading>p{max-width:430px;margin-bottom:18px;line-height:1.72}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.story-grid article{min-width:0}.story-copy{min-height:220px}.step{display:block;margin-bottom:12px;color:var(--purple);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.story-grid .phone{margin-top:24px}.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:60px}.decision-grid article:nth-child(2),.decision-grid article:nth-child(3){background:rgba(241,239,255,.72)}.three-up{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.three-up .phone{margin-bottom:28px}.caption{padding:0 6px}.ai-process{background:radial-gradient(circle at 14% 18%,rgba(124,53,243,.08),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.28),rgba(241,239,255,.55))}.ai-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:64px}.ai-grid article{min-height:280px;padding:24px}.ai-grid article h3{margin-top:0}.ai-grid article p{font-size:.9rem;line-height:1.65}.ai-banner{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center;margin-top:34px;padding:28px;border-radius:24px;background:#17152a;color:#fff}.ai-banner strong{font-size:1.35rem;line-height:1.35}.ai-banner p{margin:0;color:#c8c3da}.outcome-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.outcome-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.outcome-columns>div{padding:28px;border:1px solid var(--line);border-radius:26px;background:rgba(255,255,255,.75)}.outcome-columns ul{margin:16px 0 0;padding:0;list-style:none}.outcome-columns li{position:relative;padding:13px 0 13px 26px;border-bottom:1px solid var(--line);color:var(--text)}.outcome-columns li::before{content:"✓";position:absolute;left:0;color:var(--purple);font-weight:900}.button{display:inline-flex;align-items:center;gap:8px;margin-top:20px;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,var(--purple),#6c25e8);color:#fff;text-decoration:none;font-weight:750;box-shadow:0 14px 40px rgba(124,53,243,.22)}.reflection-card{padding:clamp(42px,7vw,88px);border:1px solid rgba(124,53,243,.13);border-radius:40px;background:linear-gradient(135deg,#f0ebff,#fff)}.reflection-card .lede{max-width:880px}.site-footer{padding:40px 0 52px;border-top:1px solid var(--line);background:rgba(255,255,255,.45)}.footer-inner strong,.footer-inner span{display:block}.footer-inner span{margin-top:4px;color:var(--muted);font-size:.86rem}
@media(max-width:1024px){.section-shell{padding:96px 0}.project-meta{grid-template-columns:1fr 1fr}.project-meta div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.project-meta div:nth-child(4){border-top:1px solid var(--line)}.story-grid,.three-up{grid-template-columns:1fr 1fr}.story-grid article:last-child,.three-up article:last-child{grid-column:1/-1;max-width:50%}.ai-grid{grid-template-columns:1fr 1fr}.ai-grid article:last-child{grid-column:1/-1}.hero{min-height:auto}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),var(--max))}.section-shell{padding:78px 0}.site-header{padding-top:18px}.header-inner{align-items:flex-start}.header-actions{flex-direction:column;align-items:flex-end;gap:8px}h1{font-size:clamp(4rem,22vw,6.9rem)}h2{font-size:clamp(2.35rem,11.5vw,4rem)}.hero{padding-top:132px}.hero-intro,.lede{line-height:1.6}.project-meta{grid-template-columns:1fr}.project-meta div,.project-meta div+div{min-height:auto;padding:16px 0;border-left:0;border-top:1px solid var(--line)}.project-meta div:first-child{border-top:0}.build-note{align-items:flex-start;flex-direction:column}.hero-phones{justify-content:flex-start;gap:14px;width:calc(100% + 80px);margin-left:-40px;overflow:hidden}.hero-phones .phone,.hero-phones .phone-b{flex:0 0 55vw;width:55vw}.hero-phones .phone-a{transform:translateY(36px) rotate(-4deg)}.hero-phones .phone-c{transform:translateY(36px) rotate(4deg)}.problem-grid,.section-heading,.story-grid,.decision-grid,.three-up,.ai-grid,.outcome-grid,.outcome-columns,.ai-banner{grid-template-columns:1fr}.section-heading{gap:12px;margin-bottom:48px}.story-grid article:last-child,.three-up article:last-child,.ai-grid article:last-child{grid-column:auto;max-width:none}.story-grid .phone,.three-up .phone{width:min(82vw,390px);margin-inline:auto}.story-copy{min-height:0}.principle-card{border-radius:30px}.ai-banner{gap:14px}.outcome-grid{gap:36px}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}