@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500&display=swap');
:root{--bg:#0a0a09;--surface:#10110e;--text:#ededeb;--muted:#a7a7a1;--line:#292b24;--field:#11120f;--accent:#cff45b;--header:#0a0a09e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{font:inherit}.header-actions{display:flex;align-items:center;gap:12px}header{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--header);backdrop-filter:blur(16px);z-index:10}.logo{font-size:30px;font-weight:600}.logo span,.eyebrow{color:var(--accent)}nav{display:flex;gap:32px}nav a{color:var(--muted);transition:.2s}nav a:hover{color:var(--accent)}.avail{font-size:13px;border:1px solid var(--line);border-radius:30px;padding:12px 17px;color:var(--text)}.avail i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:9px;box-shadow:0 0 12px var(--accent)}.theme-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;font-size:18px}.theme-toggle .sun{display:none}.menu{display:none;background:none;border:0;color:var(--text)}.hero,.skills,.work,.experience,.contact{padding:100px 4vw;max-width:1500px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;margin-bottom:24px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(55px,7.4vw,112px);line-height:.98;letter-spacing:-.065em;font-weight:400;max-width:1350px;margin:0 0 72px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw}.portrait{height:500px;background:var(--accent);border-radius:22px;overflow:hidden;position:relative}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.portrait span{position:absolute;border:1px solid #5e6d28;border-radius:30px;background:#edffd4e8;color:#111;padding:10px 16px;bottom:24px}.portrait span:last-child{right:24px}.portrait span:first-of-type{left:24px}.intro{display:flex;flex-direction:column;justify-content:center}.intro>p,.section-head p,.experience>div>p,.contact>div>p{font-size:20px;line-height:1.55;color:var(--muted);max-width:650px}.actions{display:flex;gap:15px;margin:25px 0 70px}.primary,.secondary{display:inline-flex;align-items:center;gap:10px;border-radius:100px;padding:15px 24px;border:1px solid var(--accent);font-weight:600}.primary{background:linear-gradient(90deg,#a8ce2d,#e5fa8a);color:#0a0a09}.secondary{color:var(--text)}.meta{display:flex;gap:28px;color:var(--muted)}.skills,.work{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.section-head h2,.experience h2,.contact h2{font-family:Manrope;font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.055em;font-weight:400;max-width:780px;margin:0}.skill-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-grid article{min-height:220px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:.25s}.skill-grid article:hover{background:#d9f875;color:#111}.skill-grid b{color:var(--muted);font-size:12px}.skill-grid h3{font-size:25px;margin-top:78px}.experience{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--surface);max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.experience .primary{margin-top:25px}.timeline article{display:grid;grid-template-columns:130px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.timeline span,.timeline p{color:var(--muted)}.timeline h3{font-size:24px;margin:0 0 8px}.timeline p{margin:0}.projects{display:grid;grid-template-columns:1fr 1fr;gap:70px 28px}.projects article{cursor:pointer}.project-img{height:420px;overflow:hidden;border-radius:18px;position:relative}.project-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.projects article:hover img{transform:scale(1.03)}.projects article>p{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin:20px 0 8px}.projects h3{font-size:36px;margin:0}.projects h4{font-weight:400;color:var(--muted);font-size:17px;margin:8px 0}.quote{padding:120px 10vw;text-align:center;background:#d9f875;color:#10110e}.quote p{font-family:Manrope;font-size:clamp(34px,4.5vw,70px);line-height:1.15;letter-spacing:-.05em;margin:0 auto 35px;max-width:1200px}.quote span{font-weight:600}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{color:var(--muted);font-size:13px}.contact input,.contact select,.contact textarea{display:block;width:100%;margin-top:9px;background:var(--field);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:16px}.contact textarea{height:140px;resize:none}.contact label:last-of-type{grid-column:1/-1}.contact button{justify-self:start}footer{border-top:1px solid var(--line);padding:40px 4vw;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
[data-theme=light]{--bg:#f5f4ef;--surface:#ebeae3;--text:#171813;--muted:#62645b;--line:#d3d3c8;--field:#fff;--accent:#769900;--header:#f5f4efe8}[data-theme=light] .theme-toggle .sun{display:inline}[data-theme=light] .theme-toggle .moon{display:none}[data-theme=light] .portrait{background:#d9f875}[data-theme=light] .quote{background:#1d2410;color:#f2f5e8}
.skill-grid{border:0;gap:18px;grid-template-columns:repeat(12,1fr);align-items:start}.skill-grid article{min-height:300px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);grid-column:span 4}.skill-grid article.service-featured{grid-column:span 7;min-height:390px}.skill-grid article.service-compact{grid-column:span 5;min-height:285px}.skill-grid article.service-wide{grid-column:span 6;min-height:330px}.skill-grid article:hover{transform:translateY(-5px);border-color:var(--accent);background:var(--surface);color:var(--text)}.service-icon{width:68px;height:68px;display:grid;place-items:center;color:var(--accent);font-size:39px;border:1px solid var(--accent);border-radius:14px}.skill-grid article>a{position:absolute;right:25px;top:25px;width:54px;height:54px;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;font-size:25px;color:var(--text);transition:.25s}.skill-grid article:hover>a{background:var(--accent);border-color:var(--accent);color:#111}.skill-grid h3{font-size:25px;margin:78px 0 10px}.skill-grid p{color:var(--muted);font-size:16px;line-height:1.55;margin:0}
.about-page h2{font-family:Manrope;font-size:clamp(42px,5vw,74px);line-height:1.05;letter-spacing:-.055em;font-weight:400;margin:0}.about-page h2 em{font-style:normal;color:var(--accent)}.about-title{padding:75px 4vw 100px;text-align:center;border-bottom:1px solid var(--line)}.about-title h1{font-family:Manrope;font-size:clamp(58px,8vw,110px);letter-spacing:-.065em;font-weight:400;margin:28px 0 0}.breadcrumb{display:inline-flex;gap:14px;align-items:center;border:1px solid var(--accent);border-radius:50px;padding:10px 20px;color:var(--muted)}.breadcrumb b{color:var(--text)}.about-intro,.about-details,.philosophy,.process,.about-cta{padding:100px 4vw;max-width:1500px;margin:auto}.about-intro>h2{max-width:900px;margin-bottom:55px}.about-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.about-portrait{height:650px;background:var(--accent);border-radius:22px;overflow:hidden}.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.about-copy h3{font-family:Manrope;font-size:clamp(28px,3vw,44px);line-height:1.15;letter-spacing:-.035em;margin:0 0 26px}.about-copy p,.lead,.philosophy p,.process p{color:var(--muted);font-size:18px;line-height:1.65}.about-copy .primary{margin-top:20px}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:8vw;background:var(--surface);max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.detail-stack article{padding:26px 0;border-bottom:1px solid var(--line)}.detail-stack span{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.detail-stack h3{font-size:22px;line-height:1.45;margin:12px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto;padding:0 4vw;border-left:1px solid var(--line)}.stats article{padding:65px 25px;border-right:1px solid var(--line);text-align:center}.stats strong{font-family:Manrope;font-size:clamp(48px,6vw,82px);font-weight:400;color:var(--accent);display:block}.stats span{color:var(--muted)}.philosophy{border-top:1px solid var(--line)}.philosophy>h2,.process>h2{max-width:850px;margin-bottom:55px}.philosophy-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.philosophy-grid article{min-height:240px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.philosophy-grid b{color:var(--accent)}.philosophy-grid h3{font-size:27px;margin:70px 0 10px}.process{background:var(--surface);max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.process-list article{display:grid;grid-template-columns:160px 1fr;padding:32px 0;border-bottom:1px solid var(--line)}.process-list strong{font-family:Manrope;font-size:46px;color:var(--accent);font-weight:400}.process-list h3{font-size:27px;margin:0 0 8px}.process-list p{margin:0}.about-cta{display:flex;align-items:end;justify-content:space-between;gap:50px}.about-cta h2{max-width:900px}
.career-tools{padding:100px 4vw;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;border-top:1px solid var(--line)}.career-tools h3{font-family:Manrope;font-size:30px;margin:0 0 10px}.career-tools>div>p{color:var(--muted);line-height:1.6;margin:0 0 35px}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.career-grid article{display:flex;gap:16px;align-items:center;border:1px solid var(--line);padding:16px;border-radius:12px;background:var(--surface)}.career-grid img{width:58px;height:58px;object-fit:cover;border-radius:50%}.career-grid h4{font-size:16px;margin:0 0 5px}.career-grid p,.career-grid span{font-size:13px;color:var(--muted);margin:0}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tools-grid article{border:1px solid var(--line);border-radius:12px;min-height:115px;display:grid;place-items:center;padding:16px;background:var(--surface)}.tools-grid img{width:38px;height:38px}.tools-grid span{font-size:13px}.work-together{max-width:1500px;margin:0 auto 80px;padding:28px 4vw;display:flex;align-items:center;justify-content:space-between;background:#d9f875;color:#111;border-radius:16px}.work-together h3{font-family:Manrope;font-size:clamp(24px,3vw,42px);margin:0}.work-together a{width:55px;height:55px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:25px}.philosophy-icon{width:58px;height:58px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;display:grid;place-items:center;font-size:27px}.philosophy-grid h3{margin:35px 0 10px}
@media(max-width:800px){header{height:70px}.avail{display:none}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--surface);padding:25px 4vw;flex-direction:column}nav.open{display:flex}.hero,.skills,.work,.experience,.contact,.about-intro,.about-details,.philosophy,.process,.about-cta,.career-tools{padding:70px 20px}.hero h1{margin-bottom:45px}.hero-grid,.experience,.contact,.about-intro-grid,.about-details,.career-tools{grid-template-columns:1fr}.portrait{height:430px}.actions{flex-direction:column;align-items:start;margin-bottom:40px}.meta{flex-direction:column}.section-head{display:block}.skill-grid,.philosophy-grid,.career-grid{grid-template-columns:1fr}.skill-grid article,.skill-grid article.service-featured,.skill-grid article.service-compact,.skill-grid article.service-wide{grid-column:auto;min-height:285px;margin-top:0}.projects{grid-template-columns:1fr;gap:45px}.project-img{height:300px}.contact form{grid-template-columns:1fr}.contact label{grid-column:1/-1}footer{align-items:start;gap:20px;flex-direction:column}.about-title{padding:60px 20px 75px}.about-portrait{height:520px}.stats{grid-template-columns:1fr 1fr;padding:0 20px}.stats article{padding:35px 12px;border-bottom:1px solid var(--line)}.process-list article{grid-template-columns:80px 1fr}.about-cta{align-items:start;flex-direction:column}.tools-grid{grid-template-columns:repeat(2,1fr)}.work-together{margin:0 20px 50px}}

.skill-grid article:nth-child(3){grid-column:span 5}.skill-grid article:nth-child(4){grid-column:span 7}.skill-grid article:nth-child(5){grid-column:span 7}.skill-grid article:nth-child(6){grid-column:span 5}
.skill-grid article,.skill-grid article.service-featured,.skill-grid article.service-compact,.skill-grid article.service-wide{min-height:330px}
@media(max-width:800px){.skill-grid article:nth-child(3),.skill-grid article:nth-child(4),.skill-grid article:nth-child(5),.skill-grid article:nth-child(6){grid-column:auto}}

.about-heading-row{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:55px}.about-heading-row h2{max-width:900px}.about-contact{border-top:1px solid var(--line)}.about-contact a,.about-contact div{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--muted)}.about-contact span{color:var(--accent);width:18px;text-align:center}.about-contact a:hover{color:var(--text)}
@media(max-width:800px){.about-heading-row{grid-template-columns:1fr;gap:32px}}
.location-pin{display:inline-block;width:13px!important;height:17px;border:2px solid var(--accent);border-radius:9px 9px 9px 1px;transform:rotate(-45deg);position:relative;margin-left:2px}.location-pin:after{content:"";position:absolute;width:3px;height:3px;border:1px solid var(--accent);border-radius:50%;top:4px;left:3px}

.hero-heading-row{display:grid;grid-template-columns:1.35fr .65fr;gap:7vw;align-items:end;margin-bottom:72px}.hero-heading-row .hero h1,.hero-heading-row h1{margin-bottom:0}.hero-heading-row .about-contact{margin-bottom:8px}
@media(max-width:800px){.hero-heading-row{grid-template-columns:1fr;gap:30px;margin-bottom:45px}}

@media(min-width:1100px){.philosophy>h2{max-width:none;white-space:nowrap;font-size:clamp(42px,4.2vw,68px)}}

@media(min-width:1100px){.process>h2{max-width:none;white-space:nowrap;font-size:clamp(42px,4.2vw,68px)}}

.hero-heading-row{align-items:start}.hero-heading-row .about-contact{margin-top:0;margin-bottom:0}

.hero-positioning{display:flex;flex-direction:column;gap:8px}.hero-positioning strong{font-weight:600}.hero-positioning span{color:var(--muted);font-size:11px;letter-spacing:.14em}
.case-study h2{font-family:Manrope;font-size:clamp(40px,5vw,72px);line-height:1.08;letter-spacing:-.055em;font-weight:400;margin:0}.case-hero,.case-section,.case-dark{padding:100px 4vw;max-width:1500px;margin:auto}.case-hero h1{font-family:Manrope;font-size:clamp(58px,7vw,108px);line-height:1;letter-spacing:-.065em;font-weight:400;max-width:1300px;margin:0 0 55px}.case-hero h1 em{font-style:normal;color:var(--accent)}.case-hero>img,.case-board{width:100%;border-radius:20px;display:block;margin-top:55px}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-bottom:40px}.case-meta div{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.case-meta span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:8px}.case-section.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.case-section p,.case-section li,.case-dark p{color:var(--muted);font-size:18px;line-height:1.65}.case-section li{margin-bottom:10px}.case-dark{max-width:none;background:var(--surface);padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.case-dark h2{max-width:1050px;margin-bottom:55px}.insights{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.insights article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:260px}.insights strong{color:var(--accent)}.insights h3{font-size:26px;margin:80px 0 10px}.outcomes{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.outcome-grid article{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:25px}.outcome-grid strong{font-family:Manrope;font-size:48px;color:var(--accent);display:block}.outcome-grid span{color:var(--muted);font-size:14px;line-height:1.4}@media(max-width:800px){.case-hero,.case-section,.case-dark{padding:70px 20px}.case-meta,.case-section.split,.outcomes,.insights,.outcome-grid{grid-template-columns:1fr}.case-hero h1{margin-bottom:35px}.insights h3{margin-top:40px}.case-board,.case-hero>img{margin-top:35px;border-radius:10px}}
.case-image-frame{width:100%;aspect-ratio:16/9;margin-top:55px;border-radius:20px;overflow:hidden;background:var(--surface);border:1px solid var(--line)}.case-image-frame img,.case-hero .case-image-frame img,.case-section .case-image-frame img{width:100%;height:100%;object-fit:contain;display:block;margin:0;border-radius:0}.case-overview{padding:0 4vw 100px;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.case-overview article{padding:32px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.case-overview article:first-child{grid-row:span 3}.case-overview h2{font-family:Manrope;font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0 0 25px}.case-overview h3{font-size:25px;margin:0 0 12px}.case-overview p{color:var(--muted);font-size:17px;line-height:1.65;margin:0}@media(max-width:800px){.case-overview{padding:0 20px 70px;grid-template-columns:1fr}.case-overview article:first-child{grid-row:auto}.case-image-frame{margin-top:35px;border-radius:10px}}
.phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:55px;align-items:start}.phone-gallery figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:14px;box-shadow:0 22px 55px #0003}.phone-gallery img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:18px}.phone-gallery figcaption{padding:15px 5px 3px;color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.1em}.hero-phones{max-width:1100px;margin-left:auto;margin-right:auto}.hero-phones figure:nth-child(2){margin-top:70px}.case-band{padding:90px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:80px 1fr 1fr;gap:45px;align-items:start;border-top:1px solid var(--line)}.case-band.alt{background:var(--surface)}.case-band h2{font-family:Manrope;font-size:clamp(38px,4.3vw,64px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0}.case-band>p{color:var(--muted);font-size:18px;line-height:1.7;margin:35px 0 0}.case-icon{width:62px;height:62px;border:1px solid var(--accent);border-radius:16px;color:var(--accent);display:grid;place-items:center;font-size:30px}.case-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.case-tools span{padding:12px 18px;border:1px solid var(--line);border-radius:50px;background:var(--bg);color:var(--text)}@media(max-width:800px){.phone-gallery{grid-template-columns:1fr;gap:24px}.phone-gallery figure{max-width:390px;margin-left:auto!important;margin-right:auto!important}.hero-phones figure:nth-child(2){margin-top:0}.case-band{padding:70px 20px;grid-template-columns:1fr;gap:20px}.case-band>p{margin-top:0}}

@media(min-width:1200px){.case-dark>h2,.case-section>h2{max-width:none;white-space:nowrap;font-size:clamp(38px,4.3vw,64px)}}
.artifact-section{padding:95px max(4vw,calc((100vw - 1500px)/2));border-top:1px solid var(--line)}.artifact-section.alt{background:var(--surface)}.artifact-head{display:grid;grid-template-columns:80px 1fr;gap:35px;align-items:start;margin-bottom:50px}.artifact-head h2{font-family:Manrope;font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0}.artifact-grid{display:grid;gap:16px}.artifact-grid.three{grid-template-columns:repeat(3,1fr)}.artifact-grid.four{grid-template-columns:repeat(4,1fr)}.artifact-grid.persona-layout{grid-template-columns:1.2fr 1fr 1fr}.artifact-grid article,.design-system article{border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--bg)}.artifact-grid strong,.design-system strong{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.artifact-grid h3,.design-system h3{font-size:23px;margin:45px 0 10px}.artifact-grid p,.artifact-grid li,.design-system p,.journey p{color:var(--muted);font-size:16px;line-height:1.6}.journey{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.journey article{padding:25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px}.journey b{color:var(--accent)}.journey h3{margin:70px 0 8px}.flow-map{display:grid;grid-template-columns:repeat(6,auto);gap:13px;align-items:center}.flow-map span{border:1px solid var(--line);background:var(--bg);padding:16px 18px;border-radius:10px;text-align:center}.flow-map i{color:var(--accent);font-style:normal;text-align:center}.wireframes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wireframes article{aspect-ratio:9/16;border:1px solid var(--line);border-radius:22px;padding:25px;background:var(--bg);display:flex;flex-direction:column;gap:18px}.wire-box{height:28%;border:2px solid var(--muted);border-radius:10px}.wire-box.tall{height:38%}.wire-box.small{height:16%}.wire-line{height:12px;background:var(--line);border-radius:10px}.wire-line.short{width:60%}.wireframes span{margin-top:auto;color:var(--muted)}.design-system{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.swatches{display:flex;gap:8px;margin-top:50px}.swatches i{width:38px;height:38px;border-radius:50%;background:#10172f}.swatches i:nth-child(2){background:#cff45b}.swatches i:nth-child(3){background:#f7f3e9}.swatches i:nth-child(4){background:#727770}.component-samples{display:flex;flex-direction:column;gap:12px;margin-top:38px}.component-samples button{border:0;border-radius:30px;padding:13px;background:#cff45b;color:#111}.component-samples span{border:1px solid var(--line);border-radius:10px;padding:14px}@media(max-width:800px){.artifact-section{padding:70px 20px}.artifact-head{grid-template-columns:1fr;gap:18px}.artifact-grid.three,.artifact-grid.four,.artifact-grid.persona-layout,.journey,.wireframes,.design-system{grid-template-columns:1fr}.flow-map{grid-template-columns:1fr}.flow-map i{transform:rotate(90deg)}.wireframes article{max-width:360px;width:100%;margin:auto}.journey h3{margin-top:35px}}
.empathy-map{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;position:relative}.empathy-map article,.empathy-person{border:1px solid var(--line);border-radius:14px;padding:24px;background:var(--bg)}.empathy-person{grid-column:1/-1;text-align:center;background:var(--accent);color:#111}.empathy-person strong{font-size:24px;display:block}.empathy-person span{font-size:14px}.empathy-map strong{color:var(--accent);text-transform:uppercase;font-size:12px;letter-spacing:.12em}.empathy-map li,.empathy-map p{color:var(--muted);line-height:1.55}.empathy-map .pain{border-color:#e07777}.empathy-map .gain{border-color:var(--accent)}.journey-map{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.journey-row{display:grid;grid-template-columns:150px repeat(5,minmax(170px,1fr));min-width:1000px}.journey-row>*{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;line-height:1.45}.journey-row b{color:var(--accent);background:var(--bg)}.journey-row.header{background:var(--accent);color:#111}.journey-row.header b{background:var(--accent);color:#111}.journey-row.emotion span{color:var(--accent);letter-spacing:3px}.journey-row.opportunity span{background:color-mix(in srgb,var(--accent),transparent 88%)}.wireframes.complete article{gap:12px}.wf-top{display:flex;justify-content:space-between}.wf-top i{width:25px;height:25px;border:2px solid var(--muted);border-radius:50%}.wf-title{height:18px;width:65%;background:var(--line);border-radius:5px}.wf-title.short,.wf-section.short{width:45%}.wf-balance{height:22%;border:2px solid var(--muted);border-radius:12px}.wf-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.wf-actions i{aspect-ratio:1;border:2px solid var(--muted);border-radius:8px}.wf-section{height:12px;width:55%;background:var(--line);border-radius:5px}.wf-list{display:grid;gap:8px}.wf-list i,.wf-field{height:42px;border:2px solid var(--muted);border-radius:8px}.wf-summary{border:2px solid var(--muted);border-radius:10px;padding:10px;display:grid;gap:8px}.wf-summary i{height:8px;background:var(--line);border-radius:5px}.wf-button{height:44px;background:var(--muted);border-radius:25px}.wf-nav{height:42px;border-top:2px solid var(--muted);margin-top:auto}.wf-goal{height:22%;border:2px solid var(--muted);border-radius:10px;padding:12px}.wf-goal i{display:block;height:10px;background:var(--line);border-radius:5px;margin-bottom:12px}.design-system.full{grid-template-columns:repeat(3,1fr)}.design-system.full article{min-height:250px}.design-system.full h3{margin-top:25px}.type-stack,.button-stack{display:flex;flex-direction:column;align-items:start;gap:13px;margin-top:30px}.type-stack b:first-child{font-size:34px}.type-stack b:nth-child(2){font-size:24px}.button-stack button{width:100%;padding:12px;border-radius:30px;border:1px solid var(--accent);background:var(--accent);color:#111}.button-stack button:nth-child(2){background:transparent;color:var(--text)}.ds-fields label{display:block;color:var(--muted);font-size:12px;margin-top:18px}.ds-fields input{display:block;width:100%;padding:12px;margin-top:6px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:8px}.mini-account,.mini-insight{padding:17px;border:1px solid var(--line);border-radius:10px;margin-top:18px}.mini-account b{display:block;font-size:22px;margin-top:8px}.mini-insight p{margin:7px 0 0}.ds-access li{color:var(--muted);margin-bottom:12px}@media(max-width:800px){.empathy-map,.design-system.full{grid-template-columns:1fr}.empathy-person{grid-column:auto}}
/* Finwise artifact presentation system */
.case-study{--doc-bg:#f8f5ec;--doc-card:#fffdf8;--doc-navy:#061a37;--doc-ink:#17243a;--doc-muted:#647083;--doc-line:#d9d7cc;--doc-lime:#c8f000}.artifact-section,.artifact-section.alt{background:var(--doc-bg);color:var(--doc-ink);border-top:1px solid var(--doc-line)}.artifact-head .case-icon{border-color:#9fbd00;color:#789100;background:var(--doc-card)}.artifact-head .eyebrow,.artifact-section strong{color:#789100}.artifact-head h2{color:var(--doc-navy)}.artifact-grid article,.empathy-map article,.empathy-person,.design-system article{background:var(--doc-card);border-color:var(--doc-line);color:var(--doc-ink);border-radius:10px}.artifact-grid h3,.design-system h3{color:var(--doc-navy)}.artifact-grid p,.artifact-grid li,.design-system p,.empathy-map li,.empathy-map p{color:var(--doc-muted)}.artifact-grid article{box-shadow:0 6px 20px #061a370a}.artifact-grid article:before{content:"";display:block;width:30px;height:3px;background:var(--doc-lime);margin-bottom:18px}.persona-layout article:first-child{background:var(--doc-navy);color:white}.persona-layout article:first-child h3,.persona-layout article:first-child strong{color:var(--doc-lime)}.persona-layout article:first-child p{color:#dce5ef}.empathy-map{gap:0;border:1px solid var(--doc-line);border-radius:12px;overflow:hidden;background:var(--doc-card);padding:14px}.empathy-map article{border-radius:0;min-height:185px}.empathy-person{grid-column:1/-1;background:var(--doc-navy);color:white;border-radius:9px;margin-bottom:12px;position:relative}.empathy-person:before{content:"◎";display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--doc-lime);color:var(--doc-navy);font-size:24px;margin:0 auto 10px}.empathy-map strong{color:#789100}.empathy-map .pain{border-color:#e7caca;background:#fff7f3}.empathy-map .gain{border-color:#b8d873;background:#f6fde8}.journey-map{border-color:var(--doc-line);border-radius:10px;background:var(--doc-card);box-shadow:0 8px 30px #061a370a}.journey-row>*{border-color:var(--doc-line);color:var(--doc-ink);background:var(--doc-card)}.journey-row b{color:var(--doc-navy);background:#f2f0e7}.journey-row.header{background:transparent}.journey-row.header span,.journey-row.header b{background:var(--doc-lime);color:var(--doc-navy);font-weight:700;text-transform:uppercase;font-size:11px;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,6% 50%)}.journey-row.emotion span{color:#8eaa00;background:#fbfaef}.journey-row.opportunity span{background:#f0f8d7;color:#34420b}.flow-map{background:var(--doc-card);border:1px solid var(--doc-line);padding:28px;border-radius:10px}.flow-map span{border-color:#b9c67d;background:#f7faeb;color:var(--doc-navy);font-size:13px;box-shadow:0 3px 0 #e7e4d8}.flow-map span:first-child{background:var(--doc-navy);color:white}.flow-map i{color:#91ac00}.wireframes.complete{background:var(--doc-card);border:1px solid var(--doc-line);border-radius:12px;padding:30px}.wireframes article{background:#fff;color:var(--doc-ink);border-color:#9da8b6;border-radius:24px;box-shadow:0 8px 20px #061a3712}.wireframes article>span{color:var(--doc-navy);font-weight:600;text-align:center}.wf-top i,.wf-balance,.wf-actions i,.wf-list i,.wf-field,.wf-summary,.wf-goal{border-color:#aeb6c0}.wf-title,.wf-section,.wf-summary i,.wf-goal i{background:#d9dde2}.wf-button{background:var(--doc-navy)}.wf-nav{border-color:#aeb6c0}.design-system.full{background:var(--doc-card);border:1px solid var(--doc-line);border-radius:12px;padding:20px;gap:0}.design-system.full article{border-radius:0;border-color:var(--doc-line);min-height:275px}.design-system.full strong{color:var(--doc-navy)}.swatches i{border:1px solid #d6d2c7}.swatches i:nth-child(1){background:var(--doc-navy)}.swatches i:nth-child(2){background:var(--doc-lime)}.swatches i:nth-child(3){background:#f8f5ec}.swatches i:nth-child(4){background:#647083}.swatches i:nth-child(5){background:#fff}.button-stack button{background:var(--doc-lime);border-color:#a8c600}.button-stack button:nth-child(2){background:white;color:var(--doc-navy);border-color:#b9c67d}.ds-fields input{background:white;color:var(--doc-navy);border-color:var(--doc-line)}.mini-account{background:var(--doc-navy);color:white}.mini-insight{background:#f0f8d7;color:var(--doc-navy)}.ds-access li{color:var(--doc-muted)}[data-theme=light] .artifact-section,[data-theme=light] .artifact-section.alt{background:var(--doc-bg);color:var(--doc-ink)}
.prototype-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;margin:65px 0 100px;padding:55px;border-radius:24px;background:var(--surface);border:1px solid var(--line)}.prototype-copy h3{font-family:Manrope;font-size:clamp(30px,3.5vw,50px);line-height:1.1;margin:0 0 20px}.prototype-copy p{color:var(--muted);font-size:18px;line-height:1.6}.prototype-reset{border:1px solid var(--accent);border-radius:30px;padding:13px 20px;background:transparent;color:var(--text);cursor:pointer}.prototype-hints{display:flex;flex-direction:column;gap:12px;margin-top:45px;color:var(--muted);font-size:13px}.device{width:min(390px,100%);margin:auto;background:#070b13;border:8px solid #222a36;border-radius:45px;padding:10px;box-shadow:0 30px 70px #0007}.device-screen{height:720px;overflow:hidden;background:#faf8f1;color:#091a35;border-radius:31px;padding:25px 20px 75px;position:relative;font-family:'DM Sans',sans-serif}.app-top{display:flex;justify-content:space-between;align-items:center;font-size:24px;margin:5px 0 2px}.app-top span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#101b38;color:#cff45b;font-size:11px}.app-muted{color:#78808b;margin:5px 0 18px}.balance-card{background:#101b38;color:white;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px}.balance-card strong{font-size:30px}.balance-card em{font-style:normal;color:#cff45b;font-size:12px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 24px}.quick-actions button{border:1px solid #e1dfd5;border-radius:12px;background:white;color:#101b38;padding:12px 5px;display:grid;gap:5px;font-size:18px}.quick-actions small,.app-nav small{font-size:9px}.device-screen h4{margin:18px 0 10px}.transaction{display:grid;grid-template-columns:35px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #ebe8df;font-size:12px}.transaction i{width:32px;height:32px;border-radius:50%;background:#eaf2d0;display:grid;place-items:center;font-style:normal}.transaction span small{display:block;color:#888;margin-top:3px}.transaction b{font-size:11px}.positive{color:#648000}.app-nav{position:absolute;bottom:0;left:0;right:0;height:62px;background:white;border-top:1px solid #e6e2d9;display:grid;grid-template-columns:repeat(4,1fr);z-index:2}.app-nav button{border:0;background:transparent;color:#738092;display:grid;place-items:center;padding:8px}.app-back{border:0;background:#edf0e7;border-radius:50%;width:34px;height:34px;color:#101b38}.insight-total{background:#101b38;color:white;border-radius:16px;padding:20px;position:relative;min-height:165px}.insight-total strong{font-size:28px;display:block;margin-top:7px}.donut{width:78px;height:78px;border:13px solid #cff45b;border-right-color:#667083;border-radius:50%;position:absolute;right:22px;bottom:20px}.bar{display:grid;grid-template-columns:75px 1fr 30px;gap:8px;align-items:center;font-size:11px;margin:15px 0}.bar i{height:7px;background:#cff45b;border-radius:5px}.app-tip{background:#eef5d9;border-radius:12px;padding:13px;margin-top:22px}.app-tip p{font-size:11px;margin:4px 0}.app-field{display:block;color:#697483;font-size:11px;margin:18px 0}.app-field input{width:100%;padding:14px;border:1px solid #d9d7ce;background:white;border-radius:10px;margin-top:6px;color:#101b38}.transfer-summary{display:grid;gap:0;border:1px solid #e1ded5;border-radius:12px;margin:20px 0;overflow:hidden}.transfer-summary span{padding:13px;color:#78808b;font-size:10px;border-bottom:1px solid #e1ded5}.transfer-summary span:last-child{border:0}.transfer-summary b{float:right;color:#101b38;font-size:11px}.app-primary{width:100%;border:0;border-radius:30px;background:#cff45b;color:#101b38;padding:14px;font-weight:700;cursor:pointer}.review-avatar,.success-check{width:76px;height:76px;border-radius:50%;background:#101b38;color:#cff45b;display:grid;place-items:center;font-size:22px;margin:50px auto 15px}.review-to,.review-amount,.success-title,.center{text-align:center;display:block}.review-amount{font-size:36px;margin:16px}.success-check{background:#cff45b;color:#101b38;font-size:38px;margin-top:150px}.success-title{font-size:25px}.goal-card{border:1px solid #e0ded5;border-radius:14px;padding:17px;margin:14px 0}.goal-card span b{display:block;font-size:11px;color:#7a8490;margin-top:5px}.goal-card strong{float:right;margin-top:-32px}.goal-card i{display:block;background:#e8e7df;height:7px;border-radius:5px;margin-top:15px;overflow:hidden}.goal-card em{display:block;height:100%;background:#cff45b}@media(max-width:800px){.prototype-layout{grid-template-columns:1fr;padding:25px 15px;margin:40px 0 70px}.device-screen{height:680px}.prototype-hints{margin-top:25px}}
.persona-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.persona-cards article{background:var(--doc-navy);color:white;border-radius:14px;padding:25px;border:1px solid #203754;box-shadow:0 12px 28px #061a3718}.persona-avatar{width:64px;height:64px;border-radius:50%;background:var(--doc-lime);color:var(--doc-navy);display:grid;place-items:center;font-weight:700;font-size:20px;margin-bottom:16px}.persona-title strong{display:block;color:white;font-size:20px;letter-spacing:0;text-transform:none}.persona-title span{color:#9fb0c5;font-size:13px}.persona-cards article>p{color:#dce5ef;line-height:1.55;min-height:78px}.persona-cards article>div:not(.persona-avatar):not(.persona-title){border-top:1px solid #29425f;padding-top:15px;margin-top:15px}.persona-cards b{color:var(--doc-lime);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.persona-cards ul{padding-left:18px;color:#dce5ef;font-size:13px;line-height:1.6}.persona-cards blockquote{margin:20px 0 0;padding:14px;border-left:3px solid var(--doc-lime);background:#0b2343;color:var(--doc-lime);font-size:13px;line-height:1.5}@media(max-width:900px){.persona-cards{grid-template-columns:1fr}.persona-cards article>p{min-height:auto}}
.persona-cards{align-items:stretch}.persona-cards article{display:flex;flex-direction:column;gap:0;border:2px solid #29425f;border-radius:20px;padding:28px;box-shadow:0 18px 45px #061a3730;overflow:hidden;position:relative}.persona-cards article:before{content:"PERSONA";position:absolute;right:20px;top:20px;color:#6f8298;font-size:10px;letter-spacing:.18em}.persona-cards article>div:not(.persona-avatar):not(.persona-title){background:#0b2343;border:1px solid #29425f;border-radius:10px;padding:15px;margin-top:12px}.persona-cards blockquote{margin-top:auto;border-radius:0 10px 10px 0}.persona-title{padding-bottom:16px;border-bottom:1px solid #29425f;margin-bottom:3px}
.persona-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.persona-cards article{min-width:0}@media(max-width:650px){.persona-cards{grid-template-columns:1fr!important}}
.shift-case{--shift-blue:#071c3a;--shift-lime:#c9f000;--shift-cream:#faf8f1}.shift-hero,.shift-overview,.shift-section,.shift-problem,.shift-results{padding:100px max(4vw,calc((100vw - 1280px)/2))}.shift-hero{background:var(--shift-blue);color:white}.shift-hero>span,.shift-section>span,.shift-problem>span,.shift-results>span,.shift-overview span{display:inline-block;color:#91ad00;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.shift-hero h1{font-family:Manrope;font-size:clamp(72px,10vw,150px);line-height:.95;letter-spacing:-.07em;margin:30px 0 20px}.shift-hero p{font-size:24px;color:#c7d1de;max-width:800px}.shift-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:40px}.shift-meta b{padding:11px 17px;border:1px solid #425673;border-radius:30px;font-size:13px}.shift-overview{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--shift-cream);color:var(--shift-blue)}.shift-overview h2,.shift-section h2,.shift-problem h2,.shift-results h2{font-family:Manrope;font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:20px 0 25px}.shift-overview p,.shift-section p,.shift-problem p,.shift-results p{line-height:1.65}.shift-overview img{width:100%;height:500px;object-fit:contain;object-position:center;border:0;border-radius:0;background:transparent}.shift-problem{background:var(--bg)}.shift-problem h2,.shift-results h2{max-width:1050px}.shift-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.shift-stats article{padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.shift-stats strong{color:var(--accent);font-family:Manrope;font-size:48px}.shift-stats p{color:var(--muted)}.shift-section.alt{background:var(--shift-cream);color:var(--shift-blue)}.shift-section h2{max-width:1000px}.shift-grid,.shift-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.shift-grid article,.shift-features article{border:1px solid var(--line);border-radius:14px;padding:28px;background:var(--surface)}.shift-section.alt .shift-grid article,.shift-section.alt .shift-features article{background:white;border-color:#dedbd1}.shift-grid i{width:50px;height:50px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-size:24px;font-style:normal}.shift-grid h3,.shift-features h3{font-size:23px;margin:55px 0 8px}.shift-grid b,.shift-features b{color:#91ad00}.shift-personas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.shift-personas article{padding:30px;border-radius:16px;background:var(--shift-blue);color:white}.shift-personas article>div{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--shift-lime);color:var(--shift-blue);font-weight:700}.shift-personas h3{font-size:28px;margin:18px 0 3px}.shift-personas b{color:var(--shift-lime)}.shift-personas p,.shift-personas li{color:#cfdae7;line-height:1.6}.shift-features{grid-template-columns:repeat(2,1fr)}.shift-source{display:block;width:100%;max-height:1000px;object-fit:cover;object-position:top;margin-top:60px;border:1px solid #ddd8cc;border-radius:16px}.shift-results{background:var(--shift-blue);color:white}.shift-results .shift-stats article{background:#0b294f;border-color:#23456d}@media(max-width:800px){.shift-hero,.shift-overview,.shift-section,.shift-problem,.shift-results{padding:70px 20px}.shift-overview,.shift-stats,.shift-grid,.shift-personas,.shift-features{grid-template-columns:1fr}.shift-overview img{height:300px}.shift-source{max-height:700px}}
.key-features{padding:100px max(4vw,calc((100vw - 1280px)/2));background:linear-gradient(135deg,#f7f9fc,#fff);color:#0b1f3b}.key-features>span{display:block;color:var(--accent);font-family:Manrope;font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.05em;font-weight:400;text-transform:none;margin-bottom:35px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:45px 0;border-bottom:1px solid #e3e8ef}.feature-row.reverse .feature-copy{order:2}.feature-copy>b{display:inline-block;padding:5px 15px;border-radius:30px;background:#e6f8f5;color:#18b6a4;font-size:13px}.feature-copy h2{font-family:Manrope;font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.feature-copy p,.feature-copy li{color:#4a5565;line-height:1.65}.feature-copy ul{list-style:none;padding:12px 0 0}.feature-copy li{margin:10px 0}.feature-copy li:before{content:'✓';color:#10b981;margin-right:12px;font-weight:700}.feature-preview{border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px #0004;min-height:340px}.feature-preview.gradient{background:linear-gradient(135deg,#0b1f3b,#18b6a4);color:white}.feature-preview.light{background:white;border:1px solid #e3e8ef}.feature-preview>small{font-weight:600;color:#18b6a4}.shift-card{margin-top:15px;background:#ffffff18;border-radius:10px;padding:24px}.shift-card em{font-size:11px;text-transform:uppercase;color:#ffffffaa}.shift-card h3{margin:8px 0 2px}.shift-card p{margin:0;color:#ffffffdd}.shift-card hr{border:0;border-top:1px solid #ffffff33;margin:18px 0}.shift-card span{display:flex;justify-content:space-between;font-size:12px;margin:8px 0;color:#ffffffaa}.shift-card b{color:white}.feature-preview button{width:100%;padding:13px;border:0;border-radius:10px;background:#18b6a4;color:white;font-weight:600;margin-top:16px}.request{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f7f9fc;border-radius:10px;margin-top:16px;font-size:13px}.request span small{display:block;color:#7c8796;margin-top:4px}.request>b{color:#f59e0b;background:#fff4dc;border-radius:20px;padding:4px 10px;font-size:11px}.request>b.approved{color:#10b981;background:#e7f8f1}.availability{display:grid;gap:8px;margin-top:16px}.availability span{display:flex;justify-content:space-between;padding:12px;background:#f7f9fc;border-radius:10px;font-size:13px}.availability b{color:#10b981;background:#e6f8f1;border-radius:20px;padding:3px 10px;font-size:11px}.availability b.off{color:#667085;background:#e8eaed}@media(max-width:800px){.key-features{padding:70px 20px}.feature-row{grid-template-columns:1fr}.feature-row.reverse .feature-copy{order:0}}
.shift-hero,.shift-results{background:var(--bg);color:var(--text);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.shift-hero p{color:var(--muted)}.shift-meta b{border-color:var(--line);color:var(--text)}.shift-results .shift-stats article{background:var(--surface);border-color:var(--line)}
.key-features{background:var(--bg);color:var(--text);border-top:1px solid var(--line)}.feature-row{border-color:var(--line)}.feature-copy h2{color:var(--text)}.feature-copy p,.feature-copy li{color:var(--muted)}.feature-preview.light{background:var(--surface);border-color:var(--line);color:var(--text)}.feature-preview.light .request,.feature-preview.light .availability span{background:var(--bg);color:var(--text)}
.complete-experience{padding:100px max(4vw,calc((100vw - 1280px)/2));background:var(--surface);border-top:1px solid var(--line)}.complete-experience>span{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.complete-experience>h2{color:var(--accent);font-family:Manrope;font-size:clamp(40px,5vw,70px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0 0 20px}.complete-experience>p{color:var(--muted);font-size:18px;max-width:760px;line-height:1.6}.experience-group{margin-top:65px}.experience-group h3{font-size:26px;margin-bottom:25px}.shift-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.shift-phone{aspect-ratio:390/844;background:#f8fafc;color:#0b1f3b;border:7px solid #1d2633;border-radius:35px;padding:25px 18px 55px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0004}.sp-top{display:flex;justify-content:space-between;align-items:center;font-size:21px;margin-bottom:3px}.sp-top i{width:30px;height:30px;border-radius:50%;background:#18b6a4;color:white;display:grid;place-items:center;font-size:11px;font-style:normal}.shift-phone>small{color:#6c7888}.sp-alert{background:#fff4dc;color:#b66b00;border-radius:9px;padding:13px;margin:18px 0;font-size:11px}.shift-phone h4{margin:22px 0 10px}.shift-phone h4 em{float:right;background:#e6f8f1;color:#10a875;border-radius:20px;padding:3px 8px;font-size:9px;font-style:normal}.sp-shift{background:white;border:1px solid #e1e6ec;border-radius:12px;padding:15px;display:grid;gap:10px;font-size:11px}.sp-shift b{font-size:14px}.shift-phone button{width:100%;border:0;border-radius:9px;padding:11px;background:#18b6a4;color:white;margin-top:17px}.shift-phone nav{position:absolute;bottom:0;left:0;right:0;background:white;border-top:1px solid #e1e6ec;padding:16px 8px;text-align:center;color:#6c7888;font-size:12px}.sp-list{display:grid;gap:10px;margin-top:20px}.sp-list span{display:block;background:white;border:1px solid #e1e6ec;border-radius:10px;padding:13px;font-size:10px;color:#788494;position:relative}.sp-list b{display:block;color:#0b1f3b;font-size:12px;margin-bottom:4px}.sp-list em{position:absolute;right:9px;top:9px;background:#e6f8f1;color:#10a875;border-radius:15px;padding:3px 7px;font-size:8px;font-style:normal}.sp-success{text-align:center;background:#e8faf5;border-radius:12px;padding:20px;color:#10a875;font-size:28px;margin-top:25px}.sp-success b,.sp-success span{display:block;color:#0b1f3b;font-size:14px;margin-top:8px}.sp-success span{font-size:10px;color:#788494}.sp-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.sp-metrics span{background:white;border:1px solid #e1e6ec;border-radius:9px;padding:10px 5px;text-align:center;font-size:8px;color:#788494}.sp-metrics b{display:block;color:#0b1f3b;font-size:17px}.sp-bars{display:grid;gap:13px;margin-top:30px}.sp-bars span{font-size:10px}.sp-bars i{display:block;height:7px;background:#18b6a4;border-radius:5px;margin-top:5px}@media(max-width:900px){.shift-screen-grid{grid-template-columns:1fr}.shift-phone{max-width:390px;width:100%;margin:auto}}
.complete-experience-image{display:block;width:100%;height:auto;margin-top:50px;border:0;border-radius:20px;background:transparent}
@media(max-width:800px){.complete-experience-image{margin-top:30px;border-radius:12px}}
.shift-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:40px;align-items:center;min-height:680px;overflow:hidden}
.shift-hero-copy>span{display:inline-block;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}
.shift-hero-image{display:block;width:115%;max-width:none;height:auto;margin:-30px -15% -70px 0;background:transparent}
.feature-copy>b{background:var(--accent);color:#111}
.project-img.shiftsnap-thumbnail{display:grid;place-items:center;padding:26px;background-color:#071523;background-image:radial-gradient(circle at 75% 20%,rgba(28,185,169,.55),transparent 38%),linear-gradient(145deg,#112b43,#071523)}
.project-img.shiftsnap-thumbnail img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 24px rgba(0,0,0,.55))}
@media(max-width:900px){.shift-hero{grid-template-columns:1fr;min-height:auto}.shift-hero-image{width:100%;margin:20px 0 -30px}.feature-copy>b{background:var(--accent);color:#111}}
/* Metric OS case study */
.metric-case{--metric-bg:#07100e;--metric-panel:#0d1916;--metric-card:#12211d;--metric-mint:#b8ff6a;--metric-cyan:#57e5c5;--metric-ink:#e9f5ef;--metric-muted:#91aaa0;--metric-line:#254038}.metric-hero,.metric-dark,.metric-section,.metric-command,.metric-system,.metric-impact{padding:110px max(4vw,calc((100vw - 1320px)/2))}.metric-hero{min-height:740px;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:7vw;background:radial-gradient(circle at 72% 45%,#173d33 0,transparent 36%),var(--metric-bg);color:var(--metric-ink);overflow:hidden}.metric-hero-copy>span,.metric-dark>span,.metric-heading>span,.metric-impact>div>span,.metric-overview span{display:inline-block;color:var(--metric-mint);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.metric-hero h1{font-family:Manrope;font-size:clamp(86px,12vw,170px);line-height:.85;letter-spacing:-.085em;font-weight:400;margin:32px 0}.metric-hero h1 em{font-style:normal;color:var(--metric-mint)}.metric-hero p{color:var(--metric-muted);font-size:22px;line-height:1.6;max-width:700px}.metric-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:38px}.metric-tags b{border:1px solid var(--metric-line);border-radius:40px;padding:10px 15px;font-size:12px;font-weight:500}.metric-orbit{width:min(500px,42vw);aspect-ratio:1;border-radius:50%;position:relative;margin:auto}.orbit-ring{position:absolute;inset:5%;border:1px solid #57e5c54d;border-radius:50%;box-shadow:0 0 100px #57e5c51f,inset 0 0 80px #57e5c512}.orbit-ring:after,.orbit-ring:before{content:"";position:absolute;border:1px solid #57e5c52e;border-radius:50%}.orbit-ring:before{inset:14%}.orbit-ring:after{inset:31%}.orbit-core{position:absolute;inset:30%;display:flex;flex-direction:column;justify-content:center;text-align:center;border-radius:50%;background:linear-gradient(145deg,#b8ff6a,#57e5c5);color:#07100e;box-shadow:0 0 80px #57e5c54a}.orbit-core small{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.orbit-core strong{font-family:Manrope;font-size:54px}.orbit-core span{font-size:10px}.orbit-node{position:absolute;background:#10251f;border:1px solid #3a6658;color:var(--metric-ink);border-radius:30px;padding:9px 14px;font-style:normal;font-size:11px}.orbit-node:before{content:"";display:inline-block;width:6px;height:6px;background:var(--metric-mint);border-radius:50%;margin-right:7px}.orbit-node.n1{top:8%;left:38%}.orbit-node.n2{right:0;top:48%}.orbit-node.n3{bottom:6%;left:40%}.orbit-node.n4{left:0;top:48%}.metric-overview{padding:90px max(4vw,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1.35fr repeat(3,.55fr);gap:1px;background:var(--line)}.metric-overview article{padding:32px;background:var(--bg)}.metric-overview h2,.metric-heading h2,.metric-dark h2,.metric-impact h2{font-family:Manrope;font-weight:400;letter-spacing:-.055em;line-height:1.06}.metric-overview h2{font-size:clamp(38px,4.4vw,64px);margin:20px 0}.metric-overview h3{font-size:22px;margin:28px 0 12px}.metric-overview p{color:var(--muted);line-height:1.65}.metric-dark{background:var(--metric-bg);color:var(--metric-ink)}.metric-dark h2{font-size:clamp(48px,6vw,82px);max-width:1100px;margin:25px 0 65px}.metric-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--metric-line);border-left:1px solid var(--metric-line)}.metric-stats article{padding:30px;border-right:1px solid var(--metric-line);border-bottom:1px solid var(--metric-line)}.metric-stats strong{display:block;color:var(--metric-mint);font-family:Manrope;font-size:54px}.metric-stats p{color:var(--metric-muted);max-width:260px}.metric-section{background:var(--metric-bg);color:var(--metric-ink);border-top:1px solid var(--metric-line)}.metric-section.light{background:#eef5f0;color:#10251f;border-color:#cfddd6}.metric-heading{max-width:1000px;margin-bottom:60px}.metric-heading h2,.metric-impact h2{font-size:clamp(44px,5.3vw,74px);margin:22px 0}.metric-heading p{color:var(--metric-muted);font-size:18px;line-height:1.65;max-width:750px}.metric-section.light .metric-heading>span{color:#397b66}.metric-findings,.metric-personas,.metric-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric-findings article{background:white;border:1px solid #cfddd6;border-radius:14px;padding:28px;color:#10251f;min-height:280px}.metric-findings b,.metric-capabilities>article>b{color:#397b66;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.metric-findings h3{font-size:25px;margin:80px 0 10px}.metric-findings p{color:#657a70;line-height:1.6}.metric-personas article{background:var(--metric-card);border:1px solid var(--metric-line);padding:28px;border-radius:18px}.persona-mark{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--metric-mint);color:#07100e;font-weight:700;margin-bottom:25px}.metric-personas small{color:var(--metric-cyan);text-transform:uppercase;letter-spacing:.12em}.metric-personas h3{font-size:28px;margin:8px 0}.metric-personas p,.metric-personas li{color:var(--metric-muted);line-height:1.6}.decision-loop{display:grid;grid-template-columns:repeat(4,1fr auto) 1fr;align-items:center}.decision-loop article{background:white;border:1px solid #cfddd6;padding:24px;border-radius:14px;min-height:190px}.decision-loop b{color:#397b66}.decision-loop span{display:block;font-size:24px;font-weight:700;margin:35px 0 8px}.decision-loop p{color:#657a70;font-size:13px;line-height:1.55}.decision-loop i{color:#397b66;font-style:normal;padding:0 8px}.metric-command{background:#050c0a;color:var(--metric-ink);border-top:1px solid var(--metric-line)}.os-shell{display:grid;grid-template-columns:58px 1fr;background:#e9efeb;color:#12211d;border:8px solid #182620;border-radius:20px;overflow:hidden;box-shadow:0 45px 100px #0009}.os-shell aside{background:#0a1613;color:white;padding:17px 9px;display:flex;flex-direction:column;align-items:center}.os-logo{font-family:Manrope;font-size:22px}.os-logo span{color:var(--metric-mint)}.os-shell aside nav{display:grid;gap:18px;margin:65px 0}.os-shell aside nav b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#8ca69b}.os-shell aside nav b:first-child{color:#07100e;background:var(--metric-mint)}.os-shell aside i{margin-top:auto;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#204038;font-size:10px;font-style:normal}.os-main{padding:24px;min-width:0}.os-top,.card-title,.queue-item{display:flex;justify-content:space-between;align-items:center}.os-top small,.card-title small{color:#71847b}.os-top h3{margin:5px 0;font-size:23px}.os-actions{display:flex;gap:8px}.os-actions button,.os-brief button,.card-title button{border:1px solid #ced9d3;background:white;border-radius:8px;padding:9px 12px;color:#233a32}.os-actions .os-primary,.os-brief button{background:#122b24;color:white;border-color:#122b24}.os-brief{display:grid;grid-template-columns:1fr 180px;gap:20px;background:#102a23;color:white;border-radius:13px;padding:22px;margin:22px 0}.os-brief span{color:var(--metric-mint);font-size:9px;letter-spacing:.12em}.os-brief h3{font-size:24px;margin:12px 0 6px}.os-brief p{color:#a8bbb3;font-size:11px;max-width:620px}.os-brief button{background:var(--metric-mint);color:#10251f;font-size:11px}.brief-score{border-left:1px solid #345048;display:flex;flex-direction:column;justify-content:center;padding-left:24px}.brief-score small{color:#a8bbb3}.brief-score strong{font-family:Manrope;font-size:60px;color:var(--metric-mint)}.brief-score span{font-size:9px;color:#a8bbb3}.os-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.os-kpis article,.os-grid article{background:white;border:1px solid #d2ddd7;border-radius:11px;padding:16px;position:relative;overflow:hidden}.os-kpis span{display:flex;justify-content:space-between;font-size:10px;color:#62756d}.os-kpis span i{font-style:normal;color:#397b66;background:#e3f5ed;padding:2px 5px;border-radius:8px}.os-kpis strong{font-size:26px;display:block;margin:17px 0 3px}.os-kpis b{color:#168763;font-size:9px}.os-kpis b.down{color:#c55555}.spark{height:25px;margin-top:10px;background:linear-gradient(160deg,transparent 48%,#22af84 50%,transparent 53%),linear-gradient(20deg,transparent 46%,#22af84 48%,transparent 51%);opacity:.65}.spark.s2{filter:hue-rotate(130deg)}.spark.s3{filter:hue-rotate(285deg)}.os-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:12px}.card-title h4{font-size:16px;margin:4px 0}.card-title button{font-size:10px}.signal-canvas{height:235px;position:relative;background:radial-gradient(circle,#d7e8e0 1px,transparent 1px);background-size:15px 15px;border-radius:10px;margin-top:15px}.signal-center,.sig{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center}.signal-center{width:96px;height:96px;left:calc(50% - 48px);top:calc(50% - 48px);background:#102a23;color:white;font-size:11px;box-shadow:0 0 0 15px #dff2ea}.signal-center strong{font-size:19px}.sig{width:67px;height:67px;background:white;border:1px solid #9bc9b8;font-size:8px;color:#61766d}.sig b{color:#168763}.sig.a{top:12px;left:15%}.sig.b{right:12%;top:22px}.sig.c{bottom:15px;left:10%}.sig.d{right:15%;bottom:10px}.decision-queue .card-title>b{background:#fff1dd;color:#a46717;border-radius:20px;padding:5px 8px;font-size:9px}.queue-item{padding:14px 0;border-bottom:1px solid #e1e8e4;gap:10px}.queue-item i{width:8px;height:8px;background:#eeb450;border-radius:50%}.queue-item i.risk{background:#dc5b5b}.queue-item i.good{background:#28aa7f}.queue-item span{flex:1}.queue-item span b,.queue-item span small{display:block;font-size:10px}.queue-item span small{color:#71847b;margin-top:3px}.queue-item em{font-size:9px;color:#397b66;font-style:normal}.metric-capabilities>article{background:var(--metric-card);border:1px solid var(--metric-line);padding:26px;border-radius:18px}.metric-capabilities h3{font-size:27px;margin:35px 0 10px}.metric-capabilities p{color:var(--metric-muted);line-height:1.6}.cap-ui,.scenario-ui,.trust-ui{background:#eaf3ee;color:#12211d;border-radius:12px;padding:18px;margin-top:35px}.cap-ui span{color:#b34343;background:#ffe5e2;border-radius:20px;padding:4px 8px;font-size:9px}.cap-ui strong,.trust-ui strong{display:block;margin:18px 0 7px}.cap-ui p{color:#657a70;font-size:11px}.cap-ui i{font-style:normal;color:#397b66;font-size:10px}.scenario-ui span{display:flex;justify-content:space-between;font-size:10px;margin:10px 0 5px}.scenario-ui i{display:block;height:8px;background:#d0ddd6;border-radius:10px;overflow:hidden}.scenario-ui em{display:block;height:100%;background:#397b66;border-radius:10px}.trust-ui span,.trust-ui small{display:block;margin-top:10px;color:#397b66}.metric-ia{display:grid;grid-template-columns:repeat(3,1fr auto) 1fr;align-items:center;gap:8px}.metric-ia div{display:grid;gap:8px;background:white;border:1px solid #cfddd6;border-radius:14px;padding:18px}.metric-ia b{color:#173a30}.metric-ia span{border-top:1px solid #dce6e1;padding-top:8px;color:#657a70;font-size:12px}.metric-ia i{font-style:normal;color:#397b66}.metric-system{background:#0d1916;color:var(--metric-ink);border-top:1px solid var(--metric-line)}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--metric-line)}.system-grid article{background:#0d1916;padding:25px;min-height:240px}.system-grid small{color:var(--metric-cyan);text-transform:uppercase;letter-spacing:.12em}.system-grid p,.system-grid li{color:var(--metric-muted);line-height:1.6}.metric-swatches{display:flex;gap:7px;margin:45px 0 20px}.metric-swatches i{width:37px;height:37px;border-radius:50%;background:#07100e;border:1px solid #38564b}.metric-swatches i:nth-child(2){background:#b8ff6a}.metric-swatches i:nth-child(3){background:#57e5c5}.metric-swatches i:nth-child(4){background:#e9f5ef}.metric-swatches i:nth-child(5){background:#dc5b5b}.metric-number{display:block;font-family:Manrope;font-size:48px;color:var(--metric-mint);margin-top:45px}.trust-chips{display:flex;flex-direction:column;gap:12px;margin-top:45px}.trust-chips span{border:1px solid var(--metric-line);border-radius:20px;padding:9px 12px;color:var(--metric-muted)}.metric-impact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--metric-bg);color:var(--metric-ink);border-top:1px solid var(--metric-line)}.metric-impact p{color:var(--metric-muted);line-height:1.65}.metric-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric-impact-grid article{background:var(--metric-card);border:1px solid var(--metric-line);border-radius:14px;padding:23px}.metric-impact-grid strong{display:block;color:var(--metric-mint);font-family:Manrope;font-size:44px}.metric-impact-grid span{color:var(--metric-muted);font-size:12px;line-height:1.5}.project-img.metric-thumbnail{background:radial-gradient(circle at 75% 25%,#57e5c566,transparent 35%),#07100e;padding:32px;display:grid;place-items:center}.metric-thumb-ui{width:100%;height:100%;border:1px solid #365c4e;border-radius:14px;background:#0d1916;padding:28px;color:#e9f5ef;display:flex;flex-direction:column;box-shadow:0 25px 45px #0008}.metric-thumb-ui span{color:#57e5c5;text-transform:uppercase;letter-spacing:.16em;font-size:11px}.metric-thumb-ui strong{font-family:Manrope;font-size:26px;margin-top:auto}.metric-thumb-ui b{font-family:Manrope;font-size:75px;color:#b8ff6a;line-height:1}.metric-thumb-ui i{display:block;height:8px;border-radius:10px;background:linear-gradient(90deg,#57e5c5 0 75%,#254038 75%);margin-top:12px}.metric-thumb-ui i:nth-last-child(2){width:82%;opacity:.7}.metric-thumb-ui i:last-child{width:64%;opacity:.5}
@media(max-width:900px){.metric-hero,.metric-overview,.metric-impact{grid-template-columns:1fr}.metric-hero,.metric-dark,.metric-section,.metric-command,.metric-system,.metric-impact{padding:75px 20px}.metric-orbit{width:min(420px,90vw)}.metric-overview{padding:70px 20px}.metric-findings,.metric-personas,.metric-capabilities,.metric-stats,.system-grid,.metric-impact-grid{grid-template-columns:1fr}.decision-loop,.metric-ia{grid-template-columns:1fr}.decision-loop i,.metric-ia i{transform:rotate(90deg);text-align:center}.os-shell{grid-template-columns:1fr;border-width:4px}.os-shell aside{display:none}.os-main{padding:12px}.os-top,.os-actions{align-items:start;flex-direction:column}.os-brief,.os-kpis,.os-grid{grid-template-columns:1fr}.brief-score{border-left:0;border-top:1px solid #345048;padding:15px 0 0}.signal-canvas{height:270px}.metric-heading{margin-bottom:40px}.metric-overview-main{grid-column:auto}.metric-thumb-ui b{font-size:55px}}
.metric-overview{background:var(--metric-line);color:var(--metric-ink)}.metric-overview article{background:var(--metric-panel)}.metric-overview span{color:var(--metric-mint)}.metric-overview h2,.metric-overview h3{color:var(--metric-ink)}.metric-overview p{color:var(--metric-muted)}
.metric-cockpit{padding:110px max(4vw,calc((100vw - 1320px)/2));background:#e8efeb;color:#10251f;border-top:1px solid #c8d8d0}.metric-cockpit .metric-heading>span{color:#397b66}.metric-cockpit .metric-heading p{color:#657a70}.cockpit-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.cockpit-grid>article{background:#fff;border:1px solid #cbd9d2;border-radius:16px;padding:20px;box-shadow:0 14px 35px #173a3010;overflow:hidden}.cockpit-revenue{grid-column:span 8}.cockpit-composition{grid-column:span 4}.cockpit-heatmap{grid-column:span 7}.cockpit-forecast{grid-column:span 5}.cockpit-metrics{grid-column:span 8}.cockpit-actions{grid-column:span 4}.cockpit-title{display:flex;justify-content:space-between;align-items:start}.cockpit-title small{color:#71847b;text-transform:uppercase;letter-spacing:.11em;font-size:9px}.cockpit-title h3{font-size:19px;margin:6px 0}.cockpit-title h3 b{color:#168763;font-size:10px;margin-left:8px}.cockpit-title>span{border:1px solid #d9e3de;border-radius:20px;padding:5px 9px;color:#657a70;font-size:9px}.revenue-chart{height:245px;position:relative;margin:25px 0 10px;background:repeating-linear-gradient(to bottom,#e6ece9 0 1px,transparent 1px 49px)}.chart-line{position:absolute;left:0;right:0;height:100%;clip-path:polygon(0 79%,12% 72%,25% 74%,37% 55%,50% 59%,62% 40%,74% 45%,87% 22%,100% 10%,100% 13%,87% 27%,74% 50%,62% 45%,50% 64%,37% 60%,25% 79%,12% 77%,0 84%);background:linear-gradient(90deg,#397b66,#57e5c5)}.chart-line.compare{clip-path:polygon(0 85%,12% 82%,25% 77%,37% 70%,50% 62%,62% 56%,74% 47%,87% 39%,100% 31%,100% 33%,87% 42%,74% 51%,62% 59%,50% 65%,37% 73%,25% 80%,12% 85%,0 88%);background:#9cafa6}.point{position:absolute;width:9px;height:9px;background:#397b66;border:2px solid white;box-shadow:0 0 0 2px #397b66;border-radius:50%}.point.p1{left:12%;top:70%}.point.p2{left:37%;top:53%}.point.p3{left:62%;top:38%}.point.p4{left:87%;top:20%}.point.p5{right:0;top:8%}.chart-tooltip{position:absolute;right:4%;top:3%;background:#102a23;color:white;border-radius:9px;padding:10px 13px;display:grid;box-shadow:0 12px 30px #0003}.chart-tooltip small{color:#9eb4aa}.chart-tooltip strong{font-size:18px;margin:3px 0}.chart-tooltip span{color:#b8ff6a;font-size:8px}.chart-legend{display:flex;gap:20px;font-size:9px;color:#71847b}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#397b66;margin-right:5px}.chart-legend span:nth-child(2) i{background:#9cafa6}.chart-legend span:nth-child(3) i{background:#57e5c5}.composition-ring{width:170px;height:170px;margin:20px auto;border-radius:50%;display:grid;place-items:center;align-content:center;background:conic-gradient(#397b66 0 62%,#57e5c5 62% 90%,#d7e3dd 90%);position:relative}.composition-ring:before{content:"";position:absolute;inset:26px;background:#fff;border-radius:50%}.composition-ring strong,.composition-ring span{position:relative}.composition-ring strong{font-size:30px}.composition-ring span{color:#71847b;font-size:9px}.composition-list{display:grid;gap:10px}.composition-list span{display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;color:#657a70;font-size:10px}.composition-list i{width:7px;height:7px;border-radius:50%;background:#397b66}.composition-list span:nth-child(2) i{background:#57e5c5}.composition-list span:nth-child(3) i{background:#d7e3dd}.composition-list b{color:#10251f}.heatmap-labels,.heatmap-row{display:grid;grid-template-columns:100px repeat(6,1fr);gap:5px;align-items:center}.heatmap-labels{margin-top:25px;color:#71847b;text-align:center;font-size:9px}.heatmap-row{margin-top:5px}.heatmap-row b{font-size:10px}.heatmap-row i{height:38px;border-radius:6px;background:#dce7e2}.heatmap-row i.h2{background:#bee3d5}.heatmap-row i.h3{background:#83ceb7}.heatmap-row i.h4{background:#4aac8c}.heatmap-row i.h5{background:#24795e}.forecast-value{margin:35px 0 30px}.forecast-value strong{font-size:42px;display:block}.forecast-value span{color:#71847b;font-size:10px}.forecast-track{height:54px;position:relative;background:linear-gradient(90deg,#dce7e2,#82ceb7,#dce7e2);border-radius:30px}.forecast-range{position:absolute;left:20%;right:18%;top:14px;height:26px;border:1px dashed #397b66;border-radius:20px}.forecast-marker{position:absolute;left:58%;top:5px;width:4px;height:44px;background:#102a23;border-radius:4px}.forecast-labels{display:flex;justify-content:space-between;margin-top:13px;font-size:10px}.forecast-labels span{text-align:center}.forecast-labels small{color:#71847b;font-size:8px}.metric-row{display:grid;grid-template-columns:9px 1fr 70px 65px;gap:10px;align-items:center;border-top:1px solid #e1e9e5;padding:13px 0}.metric-row i{width:8px;height:8px;border-radius:50%;background:#28aa7f}.metric-row i.watch{background:#eeb450}.metric-row i.risk{background:#dc5b5b}.metric-row span b,.metric-row span small{display:block}.metric-row span b{font-size:11px}.metric-row span small{font-size:8px;color:#71847b;margin-top:3px}.metric-row em{font-style:normal;font-weight:700;font-size:11px}.metric-row strong{font-size:8px;color:#397b66;text-align:right}.action-progress{margin-top:23px}.action-progress span{display:flex;justify-content:space-between;font-size:10px}.action-progress span em{font-style:normal;color:#397b66}.action-progress>i{display:block;height:6px;background:#dce7e2;border-radius:6px;margin:9px 0;overflow:hidden}.action-progress>i strong{display:block;height:100%;background:#397b66}.action-progress small{color:#71847b;font-size:8px}
@media(max-width:900px){.metric-cockpit{padding:75px 20px}.cockpit-grid{grid-template-columns:1fr}.cockpit-grid>article{grid-column:auto}.revenue-chart{height:210px}.heatmap-labels,.heatmap-row{grid-template-columns:75px repeat(6,1fr)}.heatmap-row i{height:28px}.metric-row{grid-template-columns:9px 1fr 55px}.metric-row strong{display:none}}
.monitor-shell{background:#020a09;border:7px solid #172c27;border-radius:22px;color:#d8f1e8;overflow:hidden;box-shadow:0 45px 100px #000b,0 0 80px #16e4c318;font-family:'DM Sans',sans-serif}.monitor-top{height:58px;display:grid;grid-template-columns:220px 1fr 140px;align-items:center;padding:0 18px;border-bottom:1px solid #18362f;background:#061310}.monitor-top>div:first-child strong,.monitor-top>div:first-child span{display:block}.monitor-top>div:first-child strong{font-family:Manrope;color:#f0fff9}.monitor-top>div:first-child strong:first-letter{color:#38e5cd}.monitor-top>div:first-child span{color:#64877b;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.monitor-top nav{display:flex;justify-content:center;gap:24px;color:#66877c;font-size:9px}.monitor-top nav b{color:#52e1c9}.monitor-top>div:last-child{display:flex;justify-content:end;gap:7px}.monitor-top>div:last-child i{width:25px;height:25px;border:1px solid #24463c;border-radius:50%;display:grid;place-items:center;font-size:8px;font-style:normal}.monitor-top>div:last-child i:not(:last-child):before{content:"";width:6px;height:6px;background:#50e2c9;border-radius:50%}.monitor-toolbar{display:flex;justify-content:space-between;align-items:center;padding:15px 18px 12px;border-bottom:1px solid #17332c}.monitor-toolbar>span{font-size:12px;font-weight:700;letter-spacing:.04em}.monitor-toolbar>div{display:flex;align-items:center;gap:8px}.monitor-toolbar b{font-size:8px;color:#50e2c9}.monitor-toolbar button{border:1px solid #25483e;background:#081713;color:#9ac0b3;border-radius:5px;padding:5px 8px;font-size:8px}.monitor-grid{display:grid;grid-template-columns:1fr 1fr}.monitor-panel{min-width:0;padding:15px 18px 13px;border-right:1px solid #17332c;border-bottom:1px solid #17332c;background:linear-gradient(145deg,#03100d,#020908)}.monitor-panel:nth-child(even){border-right:0}.monitor-panel-title{display:flex;justify-content:space-between;align-items:start}.monitor-panel-title span{font-size:9px;font-weight:700}.monitor-panel-title small{display:block;color:#45dcc4;font-size:7px;margin-top:4px}.monitor-panel-title b{color:#66877c;font-size:7px}.combo-chart{height:250px;margin:12px 0 3px 28px;position:relative;border-left:1px solid #18473e;border-bottom:1px solid #18473e;background:repeating-linear-gradient(to bottom,#15362f 0 1px,transparent 1px 50px)}.y-axis{position:absolute;color:#4f8376;font-size:7px}.y-axis.left{right:calc(100% + 7px);top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between}.bar-cluster{position:absolute;inset:10px 12px 0 10px;display:flex;align-items:end;gap:4px}.bar-cluster i{flex:1;background:linear-gradient(#32f3ed,#00a6d9);box-shadow:0 0 8px #18e1dc33}.render-bars i{background:linear-gradient(#31f4e9,#16c9d6)}.combo-chart svg,.multi-line-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.combo-chart polyline{fill:none;stroke:#f3a2b8;stroke-width:3;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px #f3a2b866)}.chart-callout{position:absolute;left:25%;top:20%;background:#f1f3ef;color:#17221f;border-radius:3px;padding:7px 10px;text-align:center;box-shadow:0 5px 12px #0008}.chart-callout small{display:block;color:#727c78;font-size:6px}.chart-callout strong{font-size:14px}.chart-bottom{position:absolute;top:calc(100% + 5px);left:0;right:0;display:flex;justify-content:space-between;color:#4f8376;font-size:7px}.monitor-legend{display:flex;justify-content:center;gap:20px;color:#66877c;font-size:7px;margin-top:12px}.monitor-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.monitor-legend i.cyan{background:#27e9e0}.monitor-legend i.pink{background:#f3a2b8}.line-panel,.session-panel{min-height:270px}.monitor-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.monitor-metrics div{border-right:1px solid #17332c}.monitor-metrics div:last-child{border:0}.monitor-metrics small,.monitor-metrics strong,.monitor-metrics em{display:block}.monitor-metrics small{color:#8d6d91;font-size:7px}.monitor-metrics strong{color:#e689dc;font-size:17px;margin-top:5px}.monitor-metrics.green small{color:#53bd9d}.monitor-metrics.green strong{color:#8fffb0}.monitor-metrics em{color:#79d69d;font-size:6px;font-style:normal}.multi-line-chart{height:145px;position:relative;background:repeating-linear-gradient(to bottom,#123028 0 1px,transparent 1px 48px)}.multi-line-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.blue-line{stroke:#00a9ee}.pink-line{stroke:#c466a6}.green-line{stroke:#486f75}.mint-line{stroke:#72e7c2}.lime-line{stroke:#7fd04e}.monitor-footer{display:flex;justify-content:space-between;padding:12px 18px;color:#61877a;font-size:8px}.monitor-footer i{display:inline-block;width:6px;height:6px;background:#55e2a3;border-radius:50%;box-shadow:0 0 8px #55e2a3;margin-right:5px}
@media(max-width:900px){.monitor-shell{border-width:4px;border-radius:14px}.monitor-top{grid-template-columns:1fr auto}.monitor-top nav{display:none}.monitor-toolbar{align-items:start;gap:12px;flex-direction:column}.monitor-grid{grid-template-columns:1fr}.monitor-panel{border-right:0}.combo-chart{height:210px}.monitor-footer{gap:10px;flex-direction:column}}
/* Dark observability cockpit */
.metric-cockpit{background:#020a09;color:#d8f1e8;border-color:#17332c}.metric-cockpit .metric-heading>span{color:#50e2c9}.metric-cockpit .metric-heading h2{color:#e9f8f2}.metric-cockpit .metric-heading p{color:#78998d}.cockpit-grid{background:#17332c;gap:1px;border:1px solid #17332c;border-radius:17px;overflow:hidden}.cockpit-grid>article{background:linear-gradient(145deg,#061310,#020908);color:#d8f1e8;border:0;border-radius:0;box-shadow:none}.cockpit-title small,.forecast-value span,.forecast-labels small,.composition-list span,.metric-row span small,.action-progress small,.chart-legend{color:#62877a}.cockpit-title h3,.composition-list b,.metric-row span b,.metric-row em,.forecast-labels span{color:#d8f1e8}.cockpit-title>span{border-color:#25483e;color:#8eb2a5;background:#081713}.revenue-chart,.multi-line-chart{background-color:#03100d;background-image:repeating-linear-gradient(to bottom,#15362f 0 1px,transparent 1px 49px)}.chart-tooltip{background:#102a23;color:#e9f8f2}.chart-tooltip small{color:#82a296}.chart-line{background:linear-gradient(90deg,#00a6d9,#32f3ed)}.chart-line.compare{background:#f3a2b8}.point{border-color:#061310;background:#32f3ed;box-shadow:0 0 0 2px #32f3ed}.composition-ring{background:conic-gradient(#27e9e0 0 62%,#e689dc 62% 90%,#17332c 90%)}.composition-ring:before{background:#061310}.heatmap-row i{background:#10251f}.heatmap-row i.h2{background:#174d43}.heatmap-row i.h3{background:#168478}.heatmap-row i.h4{background:#13bbb4}.heatmap-row i.h5{background:#27e9e0}.heatmap-labels{color:#62877a}.forecast-track{background:linear-gradient(90deg,#17332c,#27e9e0,#17332c)}.forecast-range{border-color:#e689dc}.forecast-marker{background:#f3a2b8}.metric-row{border-color:#17332c}.action-progress>i{background:#17332c}.action-progress>i strong{background:linear-gradient(90deg,#00a6d9,#32f3ed)}.action-progress span em,.metric-row strong{color:#50e2c9}
/* Metric OS strategic narrative */
.metric-so-what,.metric-primary-user,.critical-workflow,.metric-incident,.ux-defended{padding:110px max(4vw,calc((100vw - 1320px)/2));border-top:1px solid var(--metric-line)}.metric-so-what{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--metric-bg);color:var(--metric-ink)}.metric-so-what>div>span,.metric-primary-user .metric-heading>span,.critical-workflow .metric-heading>span,.metric-incident .metric-heading>span,.ux-defended .metric-heading>span{color:var(--metric-mint);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700}.metric-so-what h2{font-family:Manrope;font-size:clamp(43px,5vw,72px);font-weight:400;line-height:1.07;letter-spacing:-.055em;margin:22px 0}.so-what-copy>p{color:var(--metric-muted);font-size:18px;line-height:1.7}.so-what-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--metric-line);margin-top:40px}.so-what-stats article{background:var(--metric-panel);padding:20px}.so-what-stats strong{display:block;color:var(--metric-mint);font-family:Manrope;font-size:34px}.so-what-stats span{color:var(--metric-muted);font-size:10px;line-height:1.4}.metric-primary-user{background:#eef5f0;color:#10251f}.metric-primary-user .metric-heading>span{color:#397b66}.sre-persona{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.sre-persona>article{background:#10251f;color:white;border-radius:18px;padding:30px}.sre-id{display:flex;align-items:center;gap:15px}.sre-id>b{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:var(--metric-mint);color:#10251f}.sre-id span strong,.sre-id span small{display:block}.sre-id span small{color:#95aea3;margin-top:4px}.sre-persona blockquote{margin:45px 0;padding:20px;border-left:3px solid var(--metric-mint);background:#16352d;color:var(--metric-mint);font-family:Manrope;font-size:23px;line-height:1.4}.sre-context{display:grid;gap:10px}.sre-context span{color:#b6c8c0;font-size:12px}.sre-context b{display:block;color:#57e5c5;margin-bottom:4px;text-transform:uppercase;font-size:9px;letter-spacing:.12em}.pain-stack{display:grid;gap:12px}.pain-stack article{background:white;border:1px solid #cfddd6;border-radius:14px;padding:23px}.pain-stack b{color:#397b66;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.pain-stack h3{font-size:22px;margin:20px 0 7px}.pain-stack p{color:#657a70;line-height:1.55;margin:0}.critical-workflow{background:var(--metric-bg);color:var(--metric-ink)}.workflow-steps{display:grid;gap:1px;background:var(--metric-line);border:1px solid var(--metric-line)}.workflow-steps article{display:grid;grid-template-columns:80px 1fr 220px;gap:30px;align-items:center;background:var(--metric-panel);padding:28px}.workflow-steps article>b{color:var(--metric-mint);font-family:Manrope;font-size:38px}.workflow-steps article span{color:var(--metric-cyan);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.workflow-steps h3{font-size:25px;margin:8px 0}.workflow-steps p{color:var(--metric-muted);line-height:1.6}.workflow-steps em{font-style:normal;color:var(--metric-mint);border:1px solid var(--metric-line);border-radius:30px;padding:12px 16px;text-align:center;font-size:11px}
/* Incident response split-pane */
.metric-incident{background:radial-gradient(circle at 25% 45%,#301621 0,transparent 28%),radial-gradient(circle at 75% 65%,#102f2c 0,transparent 30%),#050707;color:#e8f2ee}.metric-incident .metric-heading p{color:#83958e}.incident-app{position:relative;background:#080b0b;border:1px solid #48504f;border-radius:22px;padding:72px 12px 12px;box-shadow:0 45px 120px #000c,0 0 80px #53d9c513;overflow:hidden}.glass-nav{position:absolute;top:10px;left:12px;right:12px;height:50px;border:1px solid #ffffff24;border-radius:14px;background:#141818b8;backdrop-filter:blur(22px);box-shadow:0 14px 35px #0008,inset 0 1px #ffffff18;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;padding:0 14px;z-index:5}.incident-breadcrumb{display:flex;gap:8px;color:#84938d;font-size:9px}.incident-breadcrumb b{color:#eef8f4}.incident-breadcrumb strong{color:#ff7883}.command-search{border:1px solid #ffffff1c;background:#080b0bbd;color:#71817b;border-radius:8px;padding:9px 12px;font-size:9px}.incident-nav-actions{display:flex;justify-content:end;align-items:center;gap:12px}.incident-nav-actions i{color:#62e4b4;font-style:normal;font-size:9px}.incident-nav-actions b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#22302c;font-size:9px}.incident-summary{display:flex;justify-content:space-between;align-items:end;padding:18px 15px;border:1px solid #202827;background:#0b0f0f;border-radius:14px 14px 0 0}.severity{color:#ff7681;background:#3d171b;border:1px solid #81383e;border-radius:20px;padding:4px 8px;font-size:8px;letter-spacing:.1em}.incident-summary h3{font-size:25px;margin:12px 0 5px}.incident-summary p{color:#81918b;font-size:10px}.incident-summary-actions{display:flex;gap:8px}.incident-summary-actions button,.canvas-dock button,.log-toolbar button,.root-cause button{border:1px solid #34403d;background:#151b1a;color:#b2c1bb;border-radius:7px;padding:8px 10px;font-size:9px}.incident-summary-actions .rollback,.root-cause button{background:#d74c58;border-color:#ed6975;color:white}.incident-split{display:grid;grid-template-columns:40% 60%;border:1px solid #202827;border-top:0;min-height:770px}.topology-pane,.debug-pane{min-width:0;background:#080b0b}.topology-pane{border-right:1px solid #27302e}.pane-head{display:flex;justify-content:space-between;padding:14px;border-bottom:1px solid #202827}.pane-head small,.pane-head strong{display:block}.pane-head small{color:#71817b;font-size:8px;text-transform:uppercase;letter-spacing:.11em}.pane-head strong{font-size:11px;margin-top:5px}.pane-head>span{color:#ff8d75;font-size:8px}.topology-canvas{height:700px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#331419aa 0,transparent 23%),radial-gradient(#20302b 1px,transparent 1px);background-size:auto,19px 19px}.topology-canvas svg{position:absolute;inset:0;width:100%;height:100%}.topology-canvas line{stroke:#42534e;stroke-width:1;stroke-dasharray:5 5}.topo-node{position:absolute;width:128px;padding:12px;border-radius:13px;background:#131918d6;backdrop-filter:blur(18px);border:1px solid #ffffff1b;box-shadow:0 14px 35px #0009;display:grid;grid-template-columns:23px 1fr;gap:3px 8px;align-items:center}.topo-node i{grid-row:span 2;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#16362e;color:#62e4b4;font-style:normal;font-size:9px}.topo-node b{font-size:9px}.topo-node small{color:#71817b;font-size:7px}.topo-node>span{position:absolute;bottom:calc(100% + 6px);left:5px;border-radius:5px;padding:4px 6px;font-size:7px}.topo-node.healthy{opacity:.48;filter:blur(.15px);transform:scale(.88)}.topo-node.warning{border-color:#c98842;background:#281b11e8;box-shadow:0 0 25px #f0a04d40,0 18px 35px #0009}.topo-node.warning i{background:#5b3518;color:#ffc269}.topo-node.warning>span{background:#5b3518;color:#ffc269}.topo-node.anomalous{z-index:2;border-color:#e65360;background:#321317ed;box-shadow:0 0 22px #ff45556b,0 0 65px #ff45552e,0 20px 45px #000}.topo-node.anomalous i{background:#7a2029;color:#ffadb4}.topo-node.anomalous>span{background:#7a2029;color:#ffadb4}.n-auth{left:6%;top:8%}.n-catalog{right:5%;top:7%}.n-gateway{left:calc(50% - 64px);top:38%}.n-checkout{right:2%;top:47%}.n-payment{left:4%;top:58%}.n-orders{right:17%;bottom:5%}.canvas-dock{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;border:1px solid #ffffff24;background:#161b1bc7;backdrop-filter:blur(18px);border-radius:12px;padding:6px;box-shadow:0 12px 30px #0009}.canvas-dock i{width:1px;height:18px;background:#394441}.canvas-dock b{font-size:8px;padding:0 5px}.debug-pane{padding:12px}.debug-query{display:flex;align-items:center;border:1px solid #35413e;background:#111615;border-radius:9px;padding:10px;color:#6c8078;font-size:11px}.debug-query code{color:#deebe6;font-family:'JetBrains Mono','SFMono-Regular',Consolas,monospace}.debug-query span{margin-left:auto;color:#71817b;font-size:8px}.debug-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.debug-kpis article{position:relative;border:1px solid #27312e;background:#0c1110;border-radius:9px;padding:12px;overflow:hidden}.debug-kpis span,.debug-kpis strong,.debug-kpis small{display:block}.debug-kpis span{color:#71817b;font-size:8px}.debug-kpis strong{font-size:22px;margin:8px 0}.debug-kpis small{color:#ff7883;font-size:7px}.debug-kpis i{position:absolute;right:8px;bottom:8px;width:45%;height:25px;background:linear-gradient(160deg,transparent 47%,#ff6372 49%,transparent 52%)}.debug-kpis i.latency-spark{filter:hue-rotate(35deg)}.debug-kpis i.sat-spark{filter:hue-rotate(300deg)}.log-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.log-toolbar b,.log-toolbar span{display:block}.log-toolbar b{font-size:12px}.log-toolbar span{color:#71817b;font-size:8px;margin-top:3px}.log-toolbar>div:last-child{display:flex;gap:5px}.log-table{border:1px solid #27312e;border-radius:9px;overflow:auto}.log-row{min-width:780px;display:grid;grid-template-columns:90px 120px 62px minmax(340px,1fr) 85px;border-bottom:1px solid #202927;align-items:center}.log-row>*{padding:10px 9px;min-width:0}.log-row time,.log-row code,.log-row a{font-family:'JetBrains Mono','SFMono-Regular',Consolas,monospace;font-size:7px}.log-row time{color:#87968f}.log-row b{font-size:8px}.log-row code{color:#b4c2bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-row a{color:#62dccc}.log-row em{justify-self:start;font-size:7px;font-style:normal;border-radius:4px;padding:3px 5px}.log-error{color:#ff9da6;background:#45191d}.log-warn{color:#ffc373;background:#4a3016}.log-ok{color:#73e2b7;background:#13382d}.log-row.selected{background:#381519}.log-head{background:#131918;color:#71817b;text-transform:uppercase;font-size:7px;letter-spacing:.08em;position:sticky;top:0}.root-cause{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border:1px solid #613038;background:linear-gradient(120deg,#321318,#121716);border-radius:10px;padding:14px;margin-top:12px}.root-cause span{color:#ff8d98;font-size:8px;text-transform:uppercase;letter-spacing:.1em}.root-cause strong{display:block;font-size:11px;margin:7px 0}.root-cause p{color:#84958e;font-size:8px;margin:0}.ux-defended{background:#eef5f0;color:#10251f}.ux-defended .metric-heading>span{color:#397b66}.ux-defended .metric-heading p{color:#657a70}.defense-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.defense-grid article{border:1px solid #cadbd2;background:white;border-radius:14px;padding:26px}.defense-grid b{color:#397b66;font-size:10px;text-transform:uppercase;letter-spacing:.11em}.defense-grid h3{font-size:24px;margin:38px 0 12px}.defense-grid p{color:#657a70;line-height:1.65}.defense-grid strong{display:block;color:#10251f;border-top:1px solid #dce7e1;padding-top:16px;margin-top:25px;font-size:11px}
@media(max-width:1000px){.metric-so-what,.sre-persona{grid-template-columns:1fr}.workflow-steps article{grid-template-columns:60px 1fr}.workflow-steps em{grid-column:2}.incident-split{grid-template-columns:1fr}.topology-pane{border-right:0;border-bottom:1px solid #27302e}.topology-canvas{height:560px}.debug-pane{overflow:hidden}.defense-grid{grid-template-columns:1fr}}@media(max-width:700px){.metric-so-what,.metric-primary-user,.critical-workflow,.metric-incident,.ux-defended{padding:75px 20px}.so-what-stats{grid-template-columns:1fr}.glass-nav{grid-template-columns:1fr auto}.command-search{display:none}.incident-summary{align-items:start;gap:15px;flex-direction:column}.debug-kpis{grid-template-columns:1fr}.workflow-steps article{grid-template-columns:1fr}.workflow-steps em{grid-column:auto}.topology-canvas{height:500px}.topo-node{width:112px;padding:9px}.n-gateway{left:calc(50% - 56px)}.canvas-dock button:last-child{display:none}.root-cause{grid-template-columns:1fr}.root-cause button{justify-self:start}}
.alert-compression{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:12px;margin-top:30px;padding:20px;border:1px solid var(--metric-line);border-radius:14px;background:#050d0b}.alert-compression>i{font-style:normal;color:var(--metric-mint);font-size:24px;text-align:center}.alert-cloud{display:flex;flex-wrap:wrap;gap:6px}.alert-cloud span{border:1px solid #703139;background:#2e1518;color:#ff929b;border-radius:5px;padding:5px 7px;font-family:'JetBrains Mono','SFMono-Regular',monospace;font-size:7px}.incident-container{border:1px solid #4f765f;background:linear-gradient(145deg,#173d31,#0d1e19);border-radius:11px;padding:15px;box-shadow:0 0 30px #57e5c51c}.incident-container small,.incident-container strong,.incident-container b,.incident-container span{display:block}.incident-container small{color:var(--metric-cyan);font-size:7px;letter-spacing:.12em}.incident-container strong{font-size:20px;margin:10px 0}.incident-container b{font-size:10px}.incident-container span{color:var(--metric-muted);font-size:8px;margin-top:5px}.context-switch{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:20px 0}.context-switch>div{min-height:70px;background:#091512;border:1px solid #29443a;border-radius:8px;padding:9px;overflow:hidden}.context-switch b,.context-switch span,.context-switch strong{display:block}.context-switch b{color:#57e5c5;font-size:7px;letter-spacing:.1em}.context-switch span{color:#8ca399;font-family:'JetBrains Mono','SFMono-Regular',monospace;font-size:6px;margin-top:7px;white-space:nowrap}.context-switch strong{font-size:20px;color:#ff7883;margin-top:8px}.context-switch i{display:block;height:2px;background:#57e5c5;margin-top:13px;transform:rotate(-8deg)}.context-switch i:nth-child(3){width:70%;transform:rotate(6deg)}.context-switch i:nth-child(4){width:40%;transform:rotate(-15deg)}.workflow-steps article{grid-template-columns:65px 1fr 180px 190px}.workflow-visual{height:100px;border:1px solid var(--metric-line);border-radius:12px;background:#081310;position:relative;overflow:hidden}.alert-mini{display:flex;align-items:center;justify-content:center;gap:6px}.alert-mini i{width:15px;height:15px;border-radius:4px;background:#6b2830;box-shadow:0 0 8px #ff5665}.alert-mini i:nth-child(2){transform:translateY(-22px)}.alert-mini i:nth-child(3){transform:translateY(20px)}.alert-mini i:nth-child(4){transform:translateY(-12px)}.alert-mini b{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--metric-mint);color:#07100e}.topology-mini i,.topology-mini b{position:absolute;width:16px;height:16px;border-radius:50%;background:#376050}.topology-mini i:nth-child(1){left:18%;top:20%}.topology-mini i:nth-child(2){right:15%;top:18%}.topology-mini i:nth-child(4){left:20%;bottom:15%}.topology-mini i:nth-child(5){right:18%;bottom:17%}.topology-mini b{width:30px;height:30px;left:calc(50% - 15px);top:calc(50% - 15px);display:grid;place-items:center;background:#a93643;color:#ffd4d7;box-shadow:0 0 25px #ff4f5f}.topology-mini:before,.topology-mini:after{content:"";position:absolute;left:20%;right:20%;top:50%;height:1px;background:#4b6a5f;transform:rotate(28deg)}.topology-mini:after{transform:rotate(-28deg)}.rollback-mini{display:flex;align-items:center;justify-content:center;gap:9px;color:#8ca399;font-size:8px}.rollback-mini i{width:28px;height:1px;background:#57e5c5}.rollback-mini b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--metric-mint);color:#07100e}.defense-grid article:before{content:"";display:block;height:90px;border-radius:9px;margin-bottom:22px;background:linear-gradient(135deg,#0d1e19,#254c3e);box-shadow:inset 0 0 0 1px #315c4d}.defense-grid article:nth-child(1):before{background:repeating-linear-gradient(to bottom,#15241f 0 8px,#25453a 8px 9px)}.defense-grid article:nth-child(2):before{background:radial-gradient(circle at 50% 50%,#ff5866 0 8px,#5d2329 9px 18px,transparent 19px),radial-gradient(circle at 22% 60%,#315c4d 0 7px,transparent 8px),radial-gradient(circle at 78% 32%,#315c4d 0 7px,transparent 8px),#0d1e19}.defense-grid article:nth-child(3):before{background:linear-gradient(90deg,#14251f 0 38%,#57e5c5 38% 39%,#0d1e19 39% 100%)}@media(max-width:1100px){.workflow-steps article{grid-template-columns:60px 1fr 160px}.workflow-steps em{grid-column:2/-1}.workflow-visual{height:90px}}@media(max-width:700px){.alert-compression{grid-template-columns:1fr}.alert-compression>i{transform:rotate(90deg)}.workflow-steps article{grid-template-columns:1fr}.workflow-steps em{grid-column:auto}.context-switch{grid-template-columns:1fr 1fr}}
.project-img.metric-os-thumbnail{padding:18px;background:radial-gradient(circle at 30% 55%,#421820 0,transparent 32%),radial-gradient(circle at 78% 30%,#123831 0,transparent 35%),#050908}.metric-os-thumbnail:hover .metric-thumb-body{transform:scale(1.015)}.metric-thumb-top{height:38px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border:1px solid #ffffff1c;border-bottom:0;border-radius:12px 12px 0 0;background:#141918cc;backdrop-filter:blur(15px);padding:0 11px;color:#e8f2ee}.metric-thumb-top b{font-size:11px}.metric-thumb-top span{color:#ff8d98;background:#45191f;border-radius:20px;padding:4px 7px;font-size:6px;letter-spacing:.08em}.metric-thumb-top i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#294139;font-size:6px;font-style:normal}.metric-thumb-body{height:calc(100% - 38px);display:grid;grid-template-columns:40% 60%;border:1px solid #ffffff1c;border-radius:0 0 12px 12px;overflow:hidden;transition:.3s}.metric-thumb-topology{position:relative;background:radial-gradient(circle at 50% 50%,#4a1820 0,transparent 30%),radial-gradient(#20302b 1px,transparent 1px),#080b0b;background-size:auto,13px 13px;border-right:1px solid #293531}.metric-thumb-topology small{position:absolute;left:9px;top:9px;color:#6e8980;font-size:6px;letter-spacing:.1em}.metric-thumb-topology svg{position:absolute;inset:15px 0 0;width:100%;height:100%}.metric-thumb-topology line{stroke:#426057;stroke-width:1;stroke-dasharray:4 4}.metric-thumb-topology .tn{position:absolute;width:13px;height:13px;border-radius:50%;background:#3d6759;box-shadow:0 0 0 3px #17251f}.metric-thumb-topology .tn.a{left:15%;top:24%}.metric-thumb-topology .tn.b{right:15%;top:23%}.metric-thumb-topology .tn.c{left:16%;bottom:20%}.metric-thumb-topology .tn.d{right:14%;bottom:20%}.metric-thumb-topology .tn.root{width:28px;height:28px;left:calc(50% - 14px);top:calc(50% - 14px);display:grid;place-items:center;background:#a93643;color:#ffd4d7;box-shadow:0 0 22px #ff4f5f;font-size:11px}.metric-thumb-topology>span{position:absolute;left:calc(50% - 38px);top:calc(50% - 46px);background:#6b252d;color:#ffb1b7;border-radius:4px;padding:3px 5px;font-size:5px}.metric-thumb-debug{background:#080b0b;padding:10px}.metric-thumb-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.metric-thumb-kpis span{background:#101514;border:1px solid #25332e;border-radius:6px;padding:7px}.metric-thumb-kpis small,.metric-thumb-kpis b{display:block}.metric-thumb-kpis small{color:#6e8980;font-size:4px}.metric-thumb-kpis b{color:#ff8d98;font-size:13px;margin-top:5px}.metric-thumb-logs{display:grid;margin-top:7px;border:1px solid #25332e;border-radius:6px;overflow:hidden}.metric-thumb-logs span{display:grid;grid-template-columns:35px 1fr;gap:6px;padding:8px;border-bottom:1px solid #1d2824;color:#9aada6;font-family:'JetBrains Mono','SFMono-Regular',monospace;font-size:5px}.metric-thumb-logs span:last-child{border:0}.metric-thumb-logs i{color:#ff9da6;font-style:normal}
/* Expanded capabilities */
.capability-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin-bottom:55px}.capability-intro h2{font-family:Manrope;font-size:clamp(45px,5.5vw,80px);font-weight:400;line-height:1.04;letter-spacing:-.06em;margin:0;max-width:950px}.capability-intro>p{color:var(--muted);font-size:19px;line-height:1.65;margin:0}.capability-proof{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);margin-bottom:65px}.capability-proof article{padding:22px;border-right:1px solid var(--line)}.capability-proof article:last-child{border:0}.capability-proof strong,.capability-proof span{display:block}.capability-proof strong{color:var(--accent);font-family:Manrope;font-size:34px}.capability-proof span{color:var(--muted);font-size:11px;margin-top:5px;text-transform:uppercase;letter-spacing:.1em}.service-top{display:flex;justify-content:space-between;align-items:start}.service-top>b{color:var(--muted);font-size:10px;letter-spacing:.13em;text-transform:uppercase}.skill-grid article.service-featured{background:radial-gradient(circle at 80% 20%,#cff45b18,transparent 35%),var(--surface)}.skill-grid article h3{font-family:Manrope;font-size:clamp(28px,3vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:65px 0 12px}.skill-grid article p{max-width:620px}.service-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.service-tags span{border:1px solid var(--line);border-radius:30px;padding:7px 10px;color:var(--muted);font-size:10px}.service-output{position:absolute;left:28px;right:28px;bottom:27px;border-top:1px solid var(--line);padding-top:14px}.service-output b,.service-output span{display:block}.service-output b{color:var(--accent);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.service-output span{color:var(--muted);font-size:10px;margin-top:6px}.service-meter{position:absolute;left:28px;right:28px;bottom:28px;display:grid;grid-template-columns:100px 1fr;gap:8px 12px;align-items:center}.service-meter span{color:var(--muted);font-size:9px}.service-meter i{height:5px;background:var(--line);border-radius:6px;overflow:hidden}.service-meter i b{display:block;height:100%;background:var(--accent)}.service-loop{position:absolute;left:28px;right:28px;bottom:28px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;color:var(--muted);font-size:10px}.service-loop i{color:var(--accent);font-style:normal}.capability-ops{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--accent),var(--surface) 94%))!important}.capability-engagement{margin-top:65px;border:1px solid var(--line);border-radius:18px;padding:32px;display:grid;grid-template-columns:1fr 1.4fr auto;gap:35px;align-items:center;background:var(--surface)}.capability-engagement>div:first-child span{color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:10px}.capability-engagement h3{font-family:Manrope;font-weight:400;font-size:30px;letter-spacing:-.04em;margin:10px 0}.engagement-options{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.engagement-options article{background:var(--surface);padding:12px;display:flex;gap:10px;font-size:11px}.engagement-options b{color:var(--accent)}@media(max-width:900px){.capability-intro,.capability-engagement{grid-template-columns:1fr}.capability-proof{grid-template-columns:1fr 1fr}.capability-proof article:nth-child(2){border-right:0}.capability-proof article:nth-child(-n+2){border-bottom:1px solid var(--line)}.capability-engagement{align-items:start}.service-output,.service-meter,.service-loop{position:static;margin-top:28px}.skill-grid article.service-featured{min-height:430px}}@media(max-width:600px){.capability-proof,.engagement-options{grid-template-columns:1fr}.capability-proof article{border-right:0;border-bottom:1px solid var(--line)!important}.capability-proof article:last-child{border-bottom:0!important}}
.skills .skill-grid{align-items:stretch}.skills .skill-grid article,.skills .skill-grid article.service-featured,.skills .skill-grid article.service-compact,.skills .skill-grid article.service-wide{display:flex;flex-direction:column;min-height:430px;height:auto}.skills .skill-grid article.service-featured{min-height:500px}.skills .skill-grid article h3{margin:48px 0 12px}.skills .service-tags{margin-bottom:0}.skills .service-output,.skills .service-meter,.skills .service-loop{position:static;left:auto;right:auto;bottom:auto;margin-top:auto;padding-top:18px}.skills .service-output{border-top:1px solid var(--line)}.skills .service-meter{width:100%}.skills .service-loop{width:100%}@media(max-width:800px){.skills .skill-grid article,.skills .skill-grid article.service-featured,.skills .skill-grid article.service-compact,.skills .skill-grid article.service-wide{min-height:0}.skills .service-output,.skills .service-meter,.skills .service-loop{margin-top:30px}}
.skills .skill-grid article:nth-child(1){min-height:420px}.skills .skill-grid article:nth-child(2){min-height:420px}
.skills .capability-engagement{margin-top:8px;padding:24px;grid-template-columns:.9fr 1.25fr auto;gap:22px}.skills .capability-engagement h3{font-size:26px;margin:7px 0 0}.skills .engagement-options article{padding:10px 11px;min-height:44px;align-items:center}.skills .capability-engagement .primary{padding:13px 20px;white-space:nowrap}@media(max-width:900px){.skills .capability-engagement{grid-template-columns:1fr;margin-top:18px}.skills .capability-engagement .primary{justify-self:start}}

/* NAVFlow AI case study */
.navflow-thumbnail{padding:18px;background:radial-gradient(circle at 85% 15%,#9b51e033,transparent 38%),#081126;color:#edf0ff}.nav-thumb-bar{height:38px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:0 12px;border:1px solid #ffffff20;border-radius:12px 12px 0 0;background:#151d34}.nav-thumb-bar b{font-size:11px;color:#e4b7ff}.nav-thumb-bar span{font-size:6px;text-transform:uppercase;letter-spacing:.08em;color:#d8b8ed}.nav-thumb-bar i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #b76dff;border-radius:50%;font-size:6px;font-style:normal}.nav-thumb-body{height:calc(100% - 38px);padding:10px;border:1px solid #ffffff20;border-top:0;border-radius:0 0 12px 12px;background:#0b1429}.nav-thumb-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.nav-thumb-kpis span{border:1px solid #2b3550;border-radius:7px;padding:8px;background:#141d34}.nav-thumb-kpis small,.nav-thumb-kpis b{display:block}.nav-thumb-kpis small{color:#8c95ac;font-size:5px;text-transform:uppercase}.nav-thumb-kpis b{font-size:16px;margin-top:5px}.nav-thumb-pipeline{margin-top:8px;padding:10px;border:1px solid #2b3550;border-radius:7px;background:#111a30}.nav-thumb-pipeline>small,.nav-thumb-lower small{color:#d5a5f1;font-size:5px;letter-spacing:.08em}.nav-thumb-pipeline>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.nav-thumb-pipeline b{font-size:5px;font-weight:500;padding:6px;border-radius:4px;background:#2d2343}.nav-thumb-pipeline i{width:8px;height:1px;background:#764aa0}.nav-thumb-lower{display:grid;grid-template-columns:1.3fr .7fr;gap:7px;margin-top:8px}.nav-thumb-lower>div{height:90px;padding:9px;border:1px solid #2b3550;border-radius:7px;background:#111a30;overflow:hidden}.nav-thumb-lower>div:first-child{display:flex;align-items:end;gap:5px}.nav-thumb-lower>div:first-child small{position:absolute;align-self:start}.nav-thumb-lower i{width:11%;height:40%;background:#4c426c;border-radius:2px 2px 0 0}.nav-thumb-lower i:nth-of-type(2),.nav-thumb-lower i:nth-of-type(6){height:60%}.nav-thumb-lower i:nth-of-type(3),.nav-thumb-lower i:nth-of-type(5){height:75%}.nav-thumb-lower i:nth-of-type(4){height:92%;background:#a66ee1}.nav-thumb-lower span{display:flex;justify-content:space-between;color:#9da5ba;font-size:5px;padding:7px 0;border-bottom:1px solid #263049}.nav-thumb-lower span b{color:#58e4a8}
.nav-case{--nav-bg:#081126;--nav-surface:#101a31;--nav-card:#162038;--nav-line:#2b3550;--nav-text:#e5eaff;--nav-muted:#9aa4bd;--nav-purple:#d6a3f5}.nav-hero,.nav-overview,.nav-principles,.nav-screen-section,.nav-workflow,.nav-approval-story,.nav-agents-section,.nav-system,.nav-impact{padding:100px 4vw;max-width:1500px;margin:auto}.nav-hero{min-height:780px;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:center}.nav-hero-copy>span,.nav-heading>span,.nav-overview span,.nav-problem>div>span,.nav-impact>div>span{color:#ad62df;text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:600}.nav-hero h1{font-family:Manrope;font-size:clamp(70px,9vw,145px);font-weight:400;line-height:.9;letter-spacing:-.075em;margin:24px 0 35px}.nav-hero h1 em{color:#b76dff;font-style:normal}.nav-hero p{color:var(--muted);font-size:19px;line-height:1.65}.nav-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.nav-tags b{border:1px solid var(--line);border-radius:30px;padding:9px 12px;font-size:10px;color:var(--muted)}.nav-hero-console{color:var(--nav-text);padding:20px;border:1px solid #4c4267;border-radius:24px;background:radial-gradient(circle at 100% 0,#6f2ca94f,transparent 34%),#081126;box-shadow:0 35px 80px #0008;transform:perspective(1400px) rotateY(-4deg) rotateX(2deg)}.nav-console-top{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:10px 0 20px;border-bottom:1px solid var(--nav-line)}.nav-console-top strong{color:var(--nav-purple);font-size:17px}.nav-console-top span{color:#d3b6e5;font-size:8px;text-transform:uppercase}.nav-console-top i{font-size:8px;font-style:normal;border:1px solid #76508c;border-radius:20px;padding:7px 9px}.nav-console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.nav-console-kpis article{padding:15px;border:1px solid var(--nav-line);border-radius:12px;background:#131d35}.nav-console-kpis small,.nav-console-kpis b,.nav-console-kpis span{display:block}.nav-console-kpis small{color:var(--nav-muted);font-size:7px;text-transform:uppercase}.nav-console-kpis b{font-size:26px;margin:10px 0}.nav-console-kpis span{color:#caa5df;font-size:8px}.nav-console-flow{border:1px solid var(--nav-line);border-radius:13px;padding:17px;background:#101a30}.nav-console-flow>small{color:var(--nav-muted);font-size:7px;letter-spacing:.1em}.nav-console-flow>div{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.nav-console-flow span{font-size:7px;border:1px solid currentColor;border-radius:7px;padding:9px 7px}.nav-console-flow i{width:14px;height:1px;background:#596278}.nav-console-flow .blue{color:#68a7ff}.nav-console-flow .purple{color:#ca83ff}.nav-console-flow .red{color:#ff858d}.nav-console-flow .orange{color:#f6a44d}.nav-console-flow .green{color:#55dda0}.nav-console-flow .indigo{color:#888cff}.nav-console-agents{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.nav-console-agents span{padding:10px;border:1px solid var(--nav-line);border-radius:9px;color:var(--nav-muted);font-size:7px}.nav-console-agents b{color:#54dfa0}
.nav-overview{display:grid;grid-template-columns:1.3fr .7fr;gap:15px}.nav-overview article{padding:30px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.nav-overview-main{grid-row:span 3}.nav-overview h2,.nav-heading h2,.nav-problem h2,.nav-impact h2{font-family:Manrope;font-size:clamp(40px,5vw,72px);font-weight:400;letter-spacing:-.055em;line-height:1.06;margin:20px 0}.nav-overview h3{font-size:23px;margin:16px 0 10px}.nav-overview p,.nav-heading p,.nav-problem p,.nav-principle-grid p,.nav-impact p{color:var(--muted);line-height:1.65}.nav-problem{padding:110px max(4vw,calc((100vw - 1500px)/2));background:#d9f875;color:#111}.nav-problem>div:first-child{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw;align-items:start}.nav-problem>div>span{color:#4d6313;margin-top:15px}.nav-problem h2{margin:0}.nav-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid #74892e;border-left:1px solid #74892e}.nav-problem-grid article{padding:28px;border-right:1px solid #74892e;border-bottom:1px solid #74892e}.nav-problem-grid strong{font-family:Manrope;font-size:44px}.nav-problem-grid h3{font-size:20px;margin:45px 0 10px}.nav-problem-grid p{color:#435014;margin:0}.nav-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:55px}.nav-principle-grid article{padding:30px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.nav-principle-grid b{color:#ad62df;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.nav-principle-grid h3{font-size:25px;margin:65px 0 13px}.nav-dark-section{max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2));background:#081126;color:var(--nav-text)}.nav-dark-section .nav-heading p{color:var(--nav-muted)}.nav-heading{max-width:1050px}.nav-screen{margin-top:55px;overflow:hidden;border-radius:20px;background:#081126;border:1px solid #35405d;box-shadow:0 30px 80px #0006}.nav-screen img{width:100%;height:auto;display:block}.nav-screen.tall{max-width:980px;margin-left:auto;margin-right:auto}.nav-screen.tall img,.nav-screen.wide img{height:auto;object-fit:contain}.nav-stage-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:50px 0}.nav-stage-row article{border-top:4px solid currentColor;border-radius:10px;padding:16px;background:var(--surface);min-height:155px}.nav-stage-row b,.nav-stage-row span{display:block}.nav-stage-row b{font-size:10px}.nav-stage-row span{font-size:15px;font-weight:600;margin:22px 0 8px}.nav-stage-row p{color:var(--muted);font-size:10px;line-height:1.5}.nav-stage-row .blue{color:#5596f6}.nav-stage-row .purple{color:#b76dff}.nav-stage-row .red{color:#f56f78}.nav-stage-row .orange{color:#ee9a43}.nav-stage-row .green{color:#48c98e}.nav-stage-row .indigo{color:#787cf2}.nav-callouts,.nav-approval-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.nav-callouts article,.nav-approval-points article{padding:20px;border-top:2px solid #b76dff;background:var(--surface)}.nav-callouts b,.nav-callouts span,.nav-approval-points strong{display:block}.nav-callouts b{font-size:14px}.nav-callouts span,.nav-approval-points p{color:var(--muted);font-size:12px;line-height:1.5;margin-top:8px}.nav-approval-points article{border:1px solid var(--line);border-radius:14px}.nav-agent-layout{display:grid;grid-template-columns:.35fr .65fr;gap:25px;align-items:start}.nav-agent-metrics{display:grid;gap:10px;margin-top:55px}.nav-agent-metrics article{padding:22px;border:1px solid var(--nav-line);border-radius:13px;background:var(--nav-surface)}.nav-agent-metrics strong,.nav-agent-metrics span{display:block}.nav-agent-metrics strong{font-family:Manrope;font-size:35px;color:var(--nav-purple)}.nav-agent-metrics span{color:var(--nav-muted);font-size:11px;margin-top:6px}.nav-agent-layout .nav-screen{margin-top:55px}.nav-system-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:50px}.nav-system-grid article{padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.nav-system-grid small{color:#ad62df;text-transform:uppercase;letter-spacing:.1em}.nav-system-grid p,.nav-system-grid li{color:var(--muted);font-size:13px;line-height:1.6}.nav-swatches{display:flex;gap:7px;margin:28px 0}.nav-swatches i{width:40px;height:40px;border-radius:8px;background:#5596f6}.nav-swatches i:nth-child(2){background:#b76dff}.nav-swatches i:nth-child(3){background:#f56f78}.nav-swatches i:nth-child(4){background:#ee9a43}.nav-swatches i:nth-child(5){background:#48c98e}.nav-swatches i:nth-child(6){background:#787cf2}.nav-trust{display:flex;flex-direction:column;gap:8px;margin:28px 0}.nav-trust span{border:1px solid var(--line);border-radius:7px;padding:10px;font-size:11px}.nav-impact{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--surface);max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.nav-impact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-impact-grid article{padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.nav-impact-grid strong,.nav-impact-grid span{display:block}.nav-impact-grid strong{font-family:Manrope;font-size:43px;color:#ad62df}.nav-impact-grid span{color:var(--muted);font-size:11px;line-height:1.5;margin-top:7px}
@media(max-width:1000px){.nav-hero,.nav-overview,.nav-problem>div:first-child,.nav-agent-layout,.nav-impact{grid-template-columns:1fr}.nav-overview-main{grid-row:auto}.nav-principle-grid,.nav-stage-row{grid-template-columns:repeat(2,1fr)}.nav-hero-console{transform:none}.nav-system-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.nav-hero,.nav-overview,.nav-principles,.nav-screen-section,.nav-workflow,.nav-approval-story,.nav-agents-section,.nav-system,.nav-impact{padding:70px 20px}.nav-problem{padding:70px 20px}.nav-problem-grid,.nav-principle-grid,.nav-stage-row,.nav-callouts,.nav-approval-points,.nav-system-grid,.nav-impact-grid{grid-template-columns:1fr}.nav-console-kpis,.nav-console-agents{grid-template-columns:1fr}.nav-console-flow>div{flex-wrap:wrap;gap:5px}.nav-console-flow i{display:none}.nav-screen{margin-top:35px;border-radius:10px}.nav-screen.wide img{aspect-ratio:auto}.nav-screen.tall img{max-height:none}.nav-thumb-lower{grid-template-columns:1fr}}

/* NAVFlow interface polish */
.nav-screen-section,.nav-workflow,.nav-approval-story,.nav-agents-section{padding-top:120px;padding-bottom:120px}.nav-dark-section{background:radial-gradient(circle at 82% 8%,#6f2ca922,transparent 28%),linear-gradient(180deg,#081126,#070f20)}.nav-dark-section .nav-heading>span{color:#d7a7f7}.nav-dark-section .nav-heading h2{color:#f4f1ff}.nav-heading p{max-width:760px;font-size:17px}.nav-screen{position:relative;width:100%;aspect-ratio:16/10;margin-top:64px;padding:10px;overflow:hidden;border:1px solid #ffffff20;border-radius:24px;background:linear-gradient(145deg,#252d45,#0a1123);box-shadow:0 34px 90px #0007,0 0 0 1px #ffffff0b inset;transition:transform .35s ease,box-shadow .35s ease}.nav-screen:before{content:"";position:absolute;z-index:2;top:3px;left:23px;width:5px;height:5px;border-radius:50%;background:#ff7d85;box-shadow:10px 0 #f5bd62,20px 0 #62d6a0}.nav-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border-radius:15px}.nav-screen:hover{transform:translateY(-4px);box-shadow:0 42px 110px #0009,0 0 0 1px #b76dff30 inset}.nav-agent-layout{display:block}.nav-agent-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:48px 0 0}.nav-agent-metrics article{min-height:125px;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(145deg,#18223b,#101a31);box-shadow:0 18px 40px #0003}.nav-agent-metrics strong{font-size:40px}.nav-agent-metrics span{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.nav-stage-row{position:relative;gap:12px;margin:55px 0 20px}.nav-stage-row:before{content:"";position:absolute;left:4%;right:4%;top:28px;height:1px;background:linear-gradient(90deg,#5596f6,#b76dff,#f56f78,#ee9a43,#48c98e,#787cf2);opacity:.45}.nav-stage-row article{position:relative;z-index:1;min-height:175px;padding:20px;border:1px solid var(--line);border-top:0;border-radius:16px;background:linear-gradient(155deg,var(--surface),color-mix(in srgb,currentColor,var(--surface) 94%));box-shadow:0 18px 35px #0002}.nav-stage-row article:before{content:"";display:block;width:14px;height:14px;margin-bottom:30px;border:4px solid var(--bg);border-radius:50%;background:currentColor;box-shadow:0 0 0 1px currentColor,0 0 20px currentColor}.nav-stage-row b{position:absolute;right:16px;top:17px;color:var(--muted)}.nav-stage-row span{font-size:16px;margin:0 0 10px}.nav-stage-row p{font-size:11px;margin:0}.nav-callouts,.nav-approval-points{gap:16px;margin-top:48px}.nav-callouts article,.nav-approval-points article{min-height:130px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,#b76dff,var(--surface) 96%));box-shadow:0 18px 38px #0002}.nav-callouts article:before,.nav-approval-points article:before{content:"✦";display:grid;place-items:center;width:32px;height:32px;margin-bottom:22px;border:1px solid #b76dff66;border-radius:9px;color:#c98af0;background:#b76dff10}.nav-callouts b,.nav-approval-points strong{font-size:15px}.nav-callouts span,.nav-approval-points p{font-size:12px;margin:8px 0 0}.nav-principle-grid article{min-height:330px;display:flex;flex-direction:column}.nav-principle-grid h3{margin-top:auto}.nav-overview article{box-shadow:0 18px 40px #0002}
@media(max-width:1000px){.nav-agent-metrics{grid-template-columns:repeat(2,1fr)}.nav-stage-row:before{display:none}.nav-stage-row article:before{margin-bottom:18px}.nav-screen-section,.nav-workflow,.nav-approval-story,.nav-agents-section{padding-top:90px;padding-bottom:90px}}@media(max-width:700px){.nav-agent-metrics{grid-template-columns:1fr 1fr}.nav-screen{aspect-ratio:16/10;padding:5px;border-radius:12px;margin-top:38px}.nav-screen img{border-radius:8px}.nav-screen:before{display:none}.nav-stage-row article{min-height:150px}.nav-principle-grid article{min-height:0}}

/* NAVFlow strategic narrative */
.nav-transformation,.nav-roles,.nav-rationale,.nav-future{padding:110px 4vw;max-width:1500px;margin:auto}.nav-compare{display:grid;grid-template-columns:1fr 105px 1fr;gap:20px;align-items:center;margin-top:55px}.nav-compare article{min-height:470px;padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);display:flex;flex-direction:column}.nav-compare article.before{border-color:#a9575e;background:linear-gradient(145deg,var(--surface),#4d202520)}.nav-compare article.after{border-color:#558e72;background:linear-gradient(145deg,var(--surface),#1f543a24)}.nav-compare article>div span,.nav-role-grid article>span,.nav-future-grid article>span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted)}.nav-compare article>div strong{display:block;font-family:Manrope;font-size:30px;font-weight:400;margin-top:10px}.nav-compare ul{list-style:none;padding:0;margin:45px 0;display:grid;gap:15px}.nav-compare li{position:relative;padding-left:26px;color:var(--muted);font-size:14px;line-height:1.5}.nav-compare li:before{content:"×";position:absolute;left:0;color:#e47c84;font-weight:600}.nav-compare .after li:before{content:"✓";color:#62d69b}.nav-compare em{margin-top:auto;border-top:1px solid var(--line);padding-top:18px;color:#e59097;font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.nav-compare .after em{color:#65d9a0}.nav-shift{text-align:center;display:grid;place-items:center;gap:10px}.nav-shift b{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:#19072a;background:linear-gradient(135deg,#dfaaff,#8faeff);box-shadow:0 0 40px #b76dff50}.nav-shift span{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.nav-roles,.nav-future{max-width:none;padding-left:max(4vw,calc((100vw - 1500px)/2));padding-right:max(4vw,calc((100vw - 1500px)/2))}.nav-role-grid,.nav-rationale-grid,.nav-future-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.nav-role-grid article{min-height:390px;padding:28px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(145deg,#17213a,#0e172c);display:flex;flex-direction:column}.role-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid #b76dff80;border-radius:14px;color:#d9aff3;background:#b76dff12;font-size:12px;font-weight:600;margin-bottom:35px}.nav-role-grid h3,.nav-rationale-grid h3,.nav-future-grid h3{font-size:24px;line-height:1.25;margin:14px 0}.nav-role-grid ul{padding-left:18px;color:var(--nav-muted);font-size:13px;line-height:1.7}.nav-role-grid b{margin-top:auto;border-top:1px solid #ffffff14;padding-top:15px;color:#d7a7f7;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.nav-rationale-grid article{min-height:380px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:flex;flex-direction:column}.nav-rationale-grid article:before{content:"";height:90px;margin-bottom:28px;border-radius:11px;background:linear-gradient(90deg,#111a30 0 62%,#b76dff 62% 63%,#1d2842 63%);box-shadow:inset 0 0 0 1px #ffffff12}.nav-rationale-grid article:nth-child(2):before{background:linear-gradient(90deg,#111a30 0 68%,#252f49 68% 100%)}.nav-rationale-grid article:nth-child(3):before{background:radial-gradient(circle at center,#b76dff 0 12px,#39254d 13px 34px,transparent 35px),#111a30}.nav-rationale-grid b{color:#ad62df;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.nav-rationale-grid p,.nav-future-grid p{color:var(--muted);line-height:1.65;font-size:14px}.nav-rationale-grid strong{margin-top:auto;border-top:1px solid var(--line);padding-top:15px;font-size:10px}.nav-future-grid{position:relative}.nav-future-grid:before{content:"";position:absolute;left:12%;right:12%;top:29px;height:1px;background:linear-gradient(90deg,#b76dff,#6fa9ff,#62d69b)}.nav-future-grid article{position:relative;z-index:1;min-height:330px;padding:28px;border:1px solid #ffffff1c;border-radius:18px;background:linear-gradient(145deg,#17213a,#0d162a);display:flex;flex-direction:column}.nav-future-grid article>span{width:58px;padding:8px;text-align:center;border:1px solid #b76dff80;border-radius:30px;color:#d7a7f7;background:#0c1428}.nav-future-grid article:nth-child(2)>span{border-color:#6fa9ff80;color:#9ac4ff}.nav-future-grid article:nth-child(3)>span{border-color:#62d69b80;color:#85e6b2}.nav-future-grid i{margin-top:auto;height:5px;border-radius:10px;background:linear-gradient(90deg,#b76dff 65%,#ffffff12 65%)}.nav-future-grid article:nth-child(2) i{background:linear-gradient(90deg,#6fa9ff 38%,#ffffff12 38%)}.nav-future-grid article:nth-child(3) i{background:linear-gradient(90deg,#62d69b 14%,#ffffff12 14%)}.nav-future-grid b{color:var(--nav-muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-top:13px}
@media(max-width:1000px){.nav-compare{grid-template-columns:1fr}.nav-shift{display:flex;justify-content:center}.nav-shift b{width:52px;height:52px}.nav-role-grid,.nav-rationale-grid,.nav-future-grid{grid-template-columns:1fr}.nav-future-grid:before{display:none}.nav-role-grid article,.nav-rationale-grid article,.nav-future-grid article{min-height:0}}@media(max-width:700px){.nav-transformation,.nav-roles,.nav-rationale,.nav-future{padding:75px 20px}.nav-compare article{min-height:0;padding:22px}.nav-compare article>div strong{font-size:25px}.nav-compare ul{margin:30px 0}.nav-role-grid,.nav-rationale-grid,.nav-future-grid{margin-top:38px}}

/* NAVFlow light/dark contrast */
[data-theme=light] .nav-compare article.before{border-color:#b95b64;background:linear-gradient(145deg,#fff,#fbecef)}[data-theme=light] .nav-compare article.after{border-color:#3c9368;background:linear-gradient(145deg,#fff,#e9f7ef)}[data-theme=light] .nav-compare .before em{color:#8f2530;border-color:#e5c3c7;font-weight:600}[data-theme=light] .nav-compare .after em{color:#17643f;border-color:#bddfcb;font-weight:600}[data-theme=light] .nav-compare .before li:before{color:#a93440}[data-theme=light] .nav-compare .after li:before{color:#167047}[data-theme=light] .nav-compare article>div span{color:#55584f}[data-theme=light] .nav-dark-section{color:#e5eaff}[data-theme=light] .nav-dark-section .nav-heading>span{color:#d7a7f7}[data-theme=light] .nav-dark-section .nav-heading h2{color:#f4f1ff}[data-theme=light] .nav-dark-section .nav-heading p{color:#aab4cc}[data-theme=light] .nav-role-grid article>span,[data-theme=light] .nav-future-grid article>span{color:#aeb8ce}[data-theme=light] .nav-role-grid li,[data-theme=light] .nav-future-grid p{color:#b4bdd2}[data-theme=light] .nav-role-grid b{color:#e1b8fb}[data-theme=light] .nav-agent-metrics span{color:#b4bdd2}[data-theme=light] .nav-agent-metrics strong{color:#e0b2fb}

/* NAVFlow case-study presentation follows the portfolio system */
.nav-case .nav-hero-copy>span,.nav-case .nav-heading>span,.nav-case .nav-overview span,.nav-case .nav-impact>div>span{color:var(--accent)}.nav-case .nav-hero h1 em{color:var(--accent)}.nav-case .nav-tags b{border-color:var(--line);color:var(--muted);background:var(--surface)}.nav-case .nav-overview article,.nav-case .nav-principle-grid article,.nav-case .nav-compare article,.nav-case .nav-role-grid article,.nav-case .nav-rationale-grid article,.nav-case .nav-future-grid article,.nav-case .nav-agent-metrics article,.nav-case .nav-system-grid article,.nav-case .nav-impact-grid article{background:var(--surface);border-color:var(--line);border-radius:14px;box-shadow:none;color:var(--text)}.nav-case .nav-overview,.nav-case .nav-transformation,.nav-case .nav-principles,.nav-case .nav-roles,.nav-case .nav-screen-section,.nav-case .nav-workflow,.nav-case .nav-approval-story,.nav-case .nav-agents-section,.nav-case .nav-system,.nav-case .nav-rationale,.nav-case .nav-impact,.nav-case .nav-future{border-top:1px solid var(--line)}.nav-case .nav-dark-section{background:var(--bg);color:var(--text)}.nav-case .nav-dark-section .nav-heading>span{color:var(--accent)}.nav-case .nav-dark-section .nav-heading h2{color:var(--text)}.nav-case .nav-dark-section .nav-heading p{color:var(--muted)}.nav-case .nav-principle-grid b,.nav-case .nav-rationale-grid b,.nav-case .nav-system-grid small{color:var(--accent)}.nav-case .nav-principle-grid article{min-height:290px}.nav-case .nav-principle-grid h3{margin-top:auto}.nav-case .nav-role-grid article,.nav-case .nav-rationale-grid article,.nav-case .nav-future-grid article{min-height:350px}.nav-case .role-icon{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 92%);border-radius:50%}.nav-case .nav-role-grid article>span,.nav-case .nav-future-grid article>span{color:var(--muted)}.nav-case .nav-role-grid h3,.nav-case .nav-future-grid h3{color:var(--text)}.nav-case .nav-role-grid li,.nav-case .nav-future-grid p{color:var(--muted)}.nav-case .nav-role-grid b{color:var(--accent);border-color:var(--line)}.nav-case .nav-shift b{color:#111;background:var(--accent);box-shadow:none}.nav-case .nav-compare article.before,.nav-case .nav-compare article.after{background:var(--surface);border-color:var(--line)}.nav-case .nav-compare .before em{color:#df858b}.nav-case .nav-compare .after em{color:var(--accent)}.nav-case .nav-stage-row:before{background:var(--line);opacity:1}.nav-case .nav-stage-row article{color:var(--text);background:var(--surface);border-color:var(--line);box-shadow:none}.nav-case .nav-stage-row article:before{background:var(--accent);box-shadow:0 0 0 1px var(--accent);border-color:var(--bg)}.nav-case .nav-stage-row span{color:var(--text)}.nav-case .nav-stage-row p{color:var(--muted)}.nav-case .nav-callouts article,.nav-case .nav-approval-points article{background:var(--surface);border-color:var(--line);box-shadow:none}.nav-case .nav-callouts article:before,.nav-case .nav-approval-points article:before{border-color:var(--accent);color:var(--accent);background:transparent}.nav-case .nav-agent-metrics strong,.nav-case .nav-impact-grid strong{color:var(--accent)}.nav-case .nav-agent-metrics span{color:var(--muted)}.nav-case .nav-rationale-grid article:before{background:linear-gradient(90deg,var(--field) 0 62%,var(--accent) 62% 63%,var(--surface) 63%);box-shadow:inset 0 0 0 1px var(--line)}.nav-case .nav-rationale-grid article:nth-child(2):before{background:linear-gradient(90deg,var(--field) 0 68%,var(--surface) 68% 100%)}.nav-case .nav-rationale-grid article:nth-child(3):before{background:radial-gradient(circle at center,var(--accent) 0 12px,color-mix(in srgb,var(--accent),transparent 75%) 13px 34px,transparent 35px),var(--field)}.nav-case .nav-future-grid:before{background:var(--line)}.nav-case .nav-future-grid article>span{border-color:var(--accent);color:var(--accent);background:var(--bg)}.nav-case .nav-future-grid article:nth-child(2)>span,.nav-case .nav-future-grid article:nth-child(3)>span{border-color:var(--accent);color:var(--accent)}.nav-case .nav-future-grid i,.nav-case .nav-future-grid article:nth-child(2) i,.nav-case .nav-future-grid article:nth-child(3) i{background:linear-gradient(90deg,var(--accent) 45%,var(--line) 45%)}.nav-case .nav-future-grid b{color:var(--muted)}.nav-case .nav-impact{background:var(--surface)}.nav-case .nav-impact-grid article{background:var(--bg)}[data-theme=light] .nav-case .nav-dark-section{background:var(--bg);color:var(--text)}[data-theme=light] .nav-case .nav-dark-section .nav-heading>span{color:var(--accent)}[data-theme=light] .nav-case .nav-dark-section .nav-heading h2{color:var(--text)}[data-theme=light] .nav-case .nav-dark-section .nav-heading p,[data-theme=light] .nav-case .nav-role-grid li,[data-theme=light] .nav-case .nav-future-grid p,[data-theme=light] .nav-case .nav-agent-metrics span{color:var(--muted)}[data-theme=light] .nav-case .nav-role-grid b,[data-theme=light] .nav-case .nav-agent-metrics strong{color:var(--accent)}
.nav-hero h1{white-space:nowrap;font-size:clamp(62px,7.2vw,112px)}@media(max-width:700px){.nav-hero h1{white-space:normal;font-size:clamp(64px,19vw,82px)}}
.nav-tags{flex-wrap:nowrap;gap:6px}.nav-tags b{white-space:nowrap;padding:9px 10px;font-size:9px}@media(max-width:1000px){.nav-tags{flex-wrap:wrap}.nav-tags b{font-size:10px;padding:9px 12px}}

/* Three-column selected work */
.projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:58px 22px}.project-img{height:320px}.projects h3{font-size:30px}.projects h4{font-size:15px;line-height:1.45}.uba-thumbnail{background:linear-gradient(145deg,#f4eee8 0 48%,#cf2029 48%);color:#161616}.uba-thumb-copy{position:absolute;z-index:2;left:24px;top:24px;display:grid}.uba-thumb-copy span{font-family:Manrope;font-size:42px;font-weight:600;color:#cf2029;letter-spacing:-.08em}.uba-thumb-copy small{text-transform:uppercase;letter-spacing:.12em;font-size:8px;font-weight:600}.uba-thumb-phone{position:absolute;width:155px;height:300px;padding:7px;border-radius:26px;background:#171717;right:25px;top:34px;transform:rotate(7deg);box-shadow:0 22px 35px #0004}.uba-thumb-phone.second{right:130px;top:93px;transform:rotate(-7deg)}.uba-thumb-phone>div{height:100%;padding:20px 12px;border-radius:20px;background:#fff;display:flex;flex-direction:column;color:#171717}.uba-thumb-phone b{font-size:10px;margin-bottom:35px}.uba-thumb-phone small{color:#8b8b8b;font-size:7px}.uba-thumb-phone strong{font-size:17px;margin:6px 0 22px}.uba-thumb-phone i{height:38px;margin-bottom:7px;border-radius:7px;background:#f3f3f3}.uba-thumb-phone i:first-of-type{background:#cf2029}
@media(max-width:1100px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}.project-img{height:360px}}@media(max-width:800px){.projects{grid-template-columns:1fr}.project-img{height:300px}.projects h3{font-size:32px}}

/* UBA mobile banking case study */
.uba-case{--uba:#cf2029;--uba-dark:#991b22;--uba-ink:#161616;--uba-paper:#f5f1eb;overflow:hidden}.uba-case h2{font-family:Manrope;font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.06em;font-weight:400;margin:0}.uba-hero-copy,.uba-hero-visual{min-width:0}
.uba-hero{min-height:820px;padding:100px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;overflow:hidden;background:var(--uba-paper);color:var(--uba-ink)}.uba-hero .eyebrow{color:var(--uba)}.uba-mark{display:block;font-family:Manrope;font-size:44px;font-weight:600;letter-spacing:-.08em;color:var(--uba);margin-bottom:35px}.uba-hero h1{font-family:Manrope;font-size:clamp(58px,6.5vw,105px);line-height:.94;letter-spacing:-.075em;font-weight:400;margin:0 0 30px}.uba-hero h1 em{font-style:normal;color:var(--uba)}.uba-hero-copy>p{max-width:590px;font-size:18px;line-height:1.65;color:#5d5955}.uba-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.uba-tags span{padding:10px 14px;border:1px solid #d7cec5;border-radius:30px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.uba-hero-visual{height:650px;position:relative}.uba-orbit{position:absolute;width:620px;height:620px;border-radius:50%;right:-60px;top:25px;background:var(--uba);box-shadow:0 0 0 70px #cf202918}.uba-phone{width:280px;height:570px;padding:9px;border-radius:42px;background:#171717;box-shadow:0 35px 65px #0005;overflow:hidden}.uba-hero-visual .uba-phone{position:absolute}.uba-phone.hero-a{right:275px;top:20px;transform:rotate(-7deg)}.uba-phone.hero-b{right:20px;top:100px;transform:rotate(7deg)}.uba-screen{height:100%;border-radius:34px;background:#f7f7f7;color:#111;padding:18px 15px;overflow:hidden}.u-status{font-size:9px;font-weight:600;display:flex;justify-content:space-between;margin-bottom:25px}.u-welcome,.u-title,.u-row,.u-verified{display:flex;align-items:center}.u-welcome{justify-content:space-between;font-size:11px}.u-welcome b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f1e5e5;color:var(--uba)}.u-balance{margin:18px -2px 14px;padding:18px;border-radius:16px;color:#fff;background:linear-gradient(145deg,var(--uba),var(--uba-dark));display:grid}.u-balance small,.u-balance span{font-size:8px;opacity:.8}.u-balance strong{font-size:22px;margin:9px 0}.u-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:17px 0 25px}.u-actions i{display:grid;place-items:center;gap:5px;font-style:normal;font-size:15px;color:var(--uba)}.u-actions small{font-size:7px;color:#555}.u-title{justify-content:space-between;font-size:11px;font-weight:600;margin:12px 0}.u-title b{font-size:8px;color:var(--uba)}.u-row{gap:8px;padding:10px 0;border-top:1px solid #e7e7e7}.u-row>i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-size:7px;font-style:normal;color:var(--uba);background:#f9e7e8}.u-row span{display:grid;margin-right:auto}.u-row b{font-size:8px}.u-row small{font-size:7px;color:#888;margin-top:3px}.u-row strong{font-size:8px}.transfer .u-title{font-size:17px;margin-bottom:30px}.u-verified{gap:10px;padding:12px;border:1px solid #edc9cb;border-radius:12px;color:var(--uba);margin-bottom:30px}.u-verified>span{display:grid}.u-verified b{font-size:10px;color:#111}.u-verified small,.transfer>small{font-size:7px;color:#777;margin-top:3px}.u-amount{padding:18px 0;margin-bottom:22px;border-bottom:1px solid #ddd;font-size:28px;font-weight:600}.u-note{padding:15px;border-radius:12px;background:#eee;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:8px}.transfer button{width:100%;padding:14px;margin-top:115px;border:0;border-radius:10px;background:var(--uba);color:#fff;font-size:10px}
.uba-overview{padding:90px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1.25fr repeat(3,.75fr);gap:14px}.uba-overview article{min-height:230px;padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column}.uba-overview-main{grid-row:span 2;min-height:475px!important}.uba-overview h2{font-size:clamp(38px,4vw,62px);margin-bottom:25px}.uba-overview p{color:var(--muted);line-height:1.6}.uba-overview article>span,.uba-heading>span,.uba-feature-copy>span{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.14em}.uba-overview article>b{font-size:22px;margin:auto 0 0}.uba-red-band{padding:100px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;background:var(--uba);color:#fff}.uba-red-band span{display:block;margin-bottom:24px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.uba-red-band p{font-size:18px;line-height:1.7;color:#ffe8e8}.uba-red-band.compact{display:block;text-align:center}.uba-red-band.compact h2{max-width:1100px;margin:auto}.uba-editorial,.uba-flow-section,.uba-system{padding:110px max(4vw,calc((100vw - 1500px)/2));border-top:1px solid var(--line)}.uba-editorial.alt{background:var(--surface)}.uba-heading{display:grid;grid-template-columns:.35fr .65fr;gap:6vw;align-items:start}.uba-heading h2{max-width:1000px}.uba-insight-grid,.uba-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:65px}.uba-insight-grid article,.uba-principles article{min-height:310px;padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column}.uba-insight-grid b,.uba-principles span{color:var(--uba);font-size:12px}.uba-insight-grid h3,.uba-principles h3{font-size:25px;margin:auto 0 12px}.uba-insight-grid p,.uba-principles p,.uba-system p{color:var(--muted);line-height:1.6;margin:0}.uba-persona{display:grid;grid-template-columns:1.4fr repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.uba-persona>div{min-height:290px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.uba-persona-id{display:flex;flex-direction:column}.uba-persona-id>i{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:var(--uba);color:#fff;font-style:normal;font-weight:600}.uba-persona-id>span{display:grid;margin-top:22px}.uba-persona-id small{color:var(--muted);margin-top:5px}.uba-persona blockquote{margin:auto 0 0;font-family:Manrope;font-size:20px;line-height:1.35}.uba-persona ul,.uba-feature-copy ul,.uba-system ul{padding-left:18px;color:var(--muted);line-height:1.7}.uba-principles{grid-template-columns:repeat(4,1fr)}
.uba-heading.stacked{display:block}.uba-heading.stacked span{display:block;margin-bottom:22px}.uba-heading.stacked h2{max-width:1150px}
.uba-persona{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.uba-persona>article{min-width:0;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column}.uba-persona>article>p{min-height:76px;color:var(--muted);line-height:1.55}.uba-persona>article>div:not(.uba-persona-id){padding-top:16px;margin-top:10px;border-top:1px solid var(--line)}.uba-persona>article>div>b{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.uba-persona>article blockquote{margin:auto 0 0;padding:18px 0 0;border-top:1px solid var(--line);font-size:16px;color:var(--text)}.uba-persona .uba-persona-id{display:flex;flex-direction:row;align-items:center;gap:14px}.uba-persona .uba-persona-id>span{margin:0}.uba-persona .uba-persona-id>i{width:56px;height:56px;flex:0 0 56px}
.uba-principles{align-items:stretch}.uba-principles article{min-height:220px;padding:24px;justify-content:flex-start}.uba-principles h3{margin:32px 0 10px;min-height:60px;display:flex;align-items:flex-end;line-height:1.15}.uba-principles p{font-size:14px;line-height:1.55}
@media(max-width:1050px){.uba-persona{grid-template-columns:1fr 1fr}.uba-persona>article:last-child{grid-column:1/-1}}@media(max-width:700px){.uba-persona{grid-template-columns:1fr}.uba-persona>article:last-child{grid-column:auto}.uba-persona>article>p{min-height:0}}
.uba-flow-section{background:var(--surface)}.uba-flow{display:grid;grid-template-columns:auto repeat(5,auto auto);align-items:center;gap:8px;margin-top:65px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--bg);overflow-x:auto}.uba-flow span,.uba-flow b{min-width:145px;padding:16px;border:1px solid var(--line);border-radius:30px;text-align:center;white-space:nowrap;font-size:12px}.uba-flow b{color:#fff;background:var(--uba);border-color:var(--uba)}.uba-flow i{color:var(--uba);font-style:normal}.uba-flow-notes{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px}.uba-flow-notes span{color:var(--muted);font-size:10px;text-align:center}.uba-feature{min-height:800px;padding:110px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--uba-paper);color:var(--uba-ink)}.uba-feature.reverse{background:var(--uba);color:#fff}.uba-feature.reverse .uba-feature-copy>span{color:#fff}.uba-feature-copy h2{margin:20px 0 25px}.uba-feature-copy p{max-width:610px;color:#655e58;font-size:18px;line-height:1.7}.uba-feature.reverse p,.uba-feature.reverse li{color:#ffe8e8}.uba-feature-phones{display:grid;place-items:center}.uba-feature .uba-phone{width:320px;height:650px}.uba-screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.uba-screen-grid article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--bg)}.uba-screen-grid h3{font-size:22px;margin:22px 0 8px}.uba-screen-grid p{color:var(--muted);font-size:14px}.mini-uba-card{height:260px;padding:25px;border-radius:14px;display:flex;flex-direction:column;background:#fff;color:#111}.mini-uba-card.red{color:#fff;background:linear-gradient(145deg,var(--uba),var(--uba-dark))}.mini-uba-card.red b{font-size:35px;margin:18px 0 auto}.mini-uba-card.bill{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-uba-card.bill b{grid-column:1/-1}.mini-uba-card.bill span{display:grid;place-items:center;border-radius:10px;background:#f5ecec;color:var(--uba)}.mini-uba-card.control{gap:12px}.mini-uba-card.control span{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #eee}.mini-uba-card.control i{width:25px;height:14px;border-radius:20px;background:var(--uba)}
.uba-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:65px}.uba-system-grid article{min-height:320px;padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column}.uba-system-grid article>b{color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.13em}.uba-swatches{display:flex;gap:7px;margin:auto 0}.uba-swatches i{width:45px;height:45px;border-radius:50%;background:var(--uba)}.uba-swatches i:nth-child(2){background:var(--uba-dark)}.uba-swatches i:nth-child(3){background:#161616}.uba-swatches i:nth-child(4){background:#f5f1eb;border:1px solid #ddd}.uba-system-grid strong{font-family:Manrope;font-size:75px;margin:auto 0 0}.uba-system-grid button,.uba-system-grid .success{padding:13px;border-radius:8px;margin-top:12px;border:1px solid var(--uba);background:var(--uba);color:#fff}.uba-system-grid .outline{background:transparent;color:var(--text)}.uba-system-grid .success{margin-top:auto;color:#19774b;border-color:#83caa9;background:#eaf8f1;font-size:11px}.uba-red-band.outcome{align-items:start}.uba-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.uba-metrics article{padding:20px;border-top:1px solid #ffffff66}.uba-metrics b{display:block;font-family:Manrope;font-size:50px}.uba-metrics span{font-size:11px;line-height:1.5;color:#ffe8e8}

/* UBA wireframes and complete product suite */
.uba-lowfi,.uba-product-suite{padding:110px max(4vw,calc((100vw - 1500px)/2));border-top:1px solid var(--line)}.uba-lowfi{background:var(--surface)}.uba-section-intro{max-width:720px;margin:25px 0 0;color:var(--muted);font-size:17px;line-height:1.65}.uba-lowfi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:65px}.uba-lowfi-grid article{min-width:0}.uba-lowfi-grid article>span{display:block;margin-top:14px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.uba-wf{height:390px;padding:16px 12px;border:2px solid #aeb0aa;border-radius:24px;background:#f8f8f5;display:flex;flex-direction:column;gap:10px;overflow:hidden}.uba-wf i{display:block;border-radius:6px;background:#d9dbd6}.uba-wf .wf-logo{width:40px;height:17px;margin:14px auto 30px;background:#a9aca5}.uba-wf .wf-hero{height:100px;border-radius:50%;width:100px;margin:0 auto 18px}.uba-wf .wf-line{width:60%;height:8px;margin:0 auto}.uba-wf .wf-line.wide{width:88%}.uba-wf .wf-button{height:35px;margin-top:auto;background:#a9aca5}.uba-wf .wf-link{width:40%;height:6px;margin:0 auto 16px}.uba-wf .wf-field{height:42px;border:1px solid #bfc1bb;background:transparent}.uba-wf .wf-row{height:25px;margin-top:5px}.uba-wf .wf-top{height:22px;width:100%;margin-bottom:4px;background:linear-gradient(90deg,#a9aca5 0 35%,transparent 35% 80%,#a9aca5 80%)}.uba-wf .wf-card{height:92px;background:#a9aca5}.uba-wf .wf-actions{height:48px;background:repeating-linear-gradient(90deg,#d9dbd6 0 35px,transparent 35px 44px)}.uba-wf .wf-list{height:38px;border:1px solid #c6c8c2;background:transparent}.uba-wf .wf-nav{height:30px;margin-top:auto;background:repeating-linear-gradient(90deg,#d0d2cd 0 24px,transparent 24px 38px)}.uba-wf .wf-recipient{height:58px;border:1px solid #bfc1bb;background:linear-gradient(90deg,#d9dbd6 0 38px,transparent 38px)}.uba-wf .wf-summary{height:80px;margin-top:8px}.uba-wf .wf-toggle{height:48px;border:1px solid #c6c8c2;background:linear-gradient(90deg,transparent 0 75%,#a9aca5 75%)}.uba-product-suite{background:var(--bg)}.uba-suite-group{display:grid;grid-template-columns:.34fr .66fr;gap:6vw;align-items:center;padding:100px 0;border-bottom:1px solid var(--line)}.uba-suite-group:last-child{border-bottom:0}.uba-suite-group>div:first-child>span{color:var(--accent);font-size:10px;text-transform:uppercase;letter-spacing:.14em}.uba-suite-group>div:first-child h3{font-family:Manrope;font-size:clamp(32px,4vw,55px);font-weight:400;line-height:1.08;letter-spacing:-.05em;margin:20px 0}.uba-suite-group>div:first-child p{color:var(--muted);line-height:1.65}.uba-suite-phones{display:flex;justify-content:center;align-items:center;gap:24px;padding:55px 25px;border-radius:24px;background:linear-gradient(145deg,#f7f3ee,#eaded9)}.uba-suite-group.reverse>div:first-child{order:2}.uba-suite-group.reverse .uba-suite-phones{order:1}.suite-phone{width:270px;height:550px;box-shadow:0 30px 55px #61151c35}.suite-phone:nth-child(2){transform:translateY(35px)}.suite-phone .uba-screen{position:relative;padding-bottom:55px}.u-brand{display:block;color:var(--uba);font-family:Manrope;font-size:25px;letter-spacing:-.07em}.u-onboard{display:flex;flex-direction:column}.u-onboard-art{width:145px;height:145px;margin:45px auto 30px;border-radius:50%;display:grid;place-items:center;color:var(--uba);background:#f9e3e4;font-size:60px;font-weight:600;position:relative}.u-onboard-art i{position:absolute;right:8px;bottom:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--uba);color:#fff;font-size:18px;font-style:normal}.u-onboard h4,.u-login h4{font-family:Manrope;font-size:27px;line-height:1.05;margin:0 0 12px}.u-onboard p{color:#777;font-size:9px;line-height:1.55}.u-onboard button,.u-login button{margin-top:auto;padding:13px;border:0;border-radius:9px;color:#fff;background:var(--uba)}.u-onboard>small{font-size:7px;text-align:center;margin-top:12px}.u-login{display:flex;flex-direction:column}.u-login>span{margin-top:45px;color:#777;font-size:8px}.u-login label{display:grid;gap:7px;margin-top:18px;color:#777;font-size:7px}.u-login label b{padding:12px;border:1px solid #dedede;border-radius:8px;color:#222;font-size:8px;font-weight:500}.u-login>i{width:45px;height:45px;margin:25px auto 6px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;color:var(--uba);font-style:normal;font-size:20px}.u-login>small{text-align:center;font-size:7px;color:#777}.rich .u-welcome span{display:grid;font-weight:600}.rich .u-welcome small{color:#777;font-size:7px;font-weight:400}.rich .u-balance{margin-top:12px}.u-insight{padding:10px;border:1px solid #eee;border-radius:10px;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:12px}.u-insight span{display:grid}.u-insight small{font-size:6px;color:#777}.u-insight span b{font-size:11px;margin-top:4px}.u-insight>i{display:flex;align-items:end;gap:3px;height:26px}.u-insight>i b{width:6px;height:35%;background:#edb5b8;border-radius:2px}.u-insight>i b:nth-child(2){height:55%}.u-insight>i b:nth-child(3){height:80%;background:var(--uba)}.u-insight>i b:nth-child(4){height:65%}.u-insight>i b:nth-child(5){height:45%}.u-insight em{grid-column:1/-1;color:#277a53;font-size:6px;font-style:normal}.positive{color:#24754e}.u-bottom-nav{position:absolute;left:0;right:0;bottom:0;height:48px;padding:7px 15px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e7e7e7;background:#fff}.u-bottom-nav span,.u-bottom-nav b{display:grid;place-items:center;color:#858585;font-size:11px}.u-bottom-nav b{color:var(--uba)}.u-bottom-nav small{font-size:6px}.u-bills .u-title,.u-cards .u-title{font-size:16px;margin-bottom:20px}.u-bill-banner{padding:15px;border-radius:12px;background:#181818;color:#fff;display:grid}.u-bill-banner small,.u-bill-banner span{font-size:7px;color:#bbb}.u-bill-banner b{font-size:22px;margin:8px 0}.u-bills h4,.u-cards h4{font-size:10px;margin:20px 0 10px}.u-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.u-service-grid i{height:48px;border-radius:8px;display:grid;place-items:center;background:#f9ecec;color:var(--uba);font-style:normal}.u-service-grid small{color:#777;font-size:5px}.u-source{padding:11px;border-radius:9px;background:#f0f0f0;display:grid;margin-bottom:12px}.u-source small,.u-source span{font-size:6px;color:#777}.u-source b{font-size:8px;margin:4px 0}.transfer.rich .u-title{margin-bottom:16px}.transfer.rich .u-verified{margin-bottom:12px}.transfer.rich .u-amount{padding:12px 0;margin-bottom:12px}.u-purpose{display:grid;gap:5px;color:#777;font-size:6px;margin-bottom:12px}.u-purpose b{padding:10px;border:1px solid #ddd;border-radius:8px;color:#222;font-size:8px}.transfer.rich button{margin-top:30px}.u-debit-card{height:135px;padding:17px;border-radius:15px;color:#fff;background:linear-gradient(145deg,#df2932,#8e1017);display:grid;position:relative}.u-debit-card small{font-size:6px}.u-debit-card b{align-self:center;font-size:12px;letter-spacing:.1em}.u-debit-card span{font-size:6px}.u-debit-card em{position:absolute;right:15px;bottom:15px;font-style:normal;font-weight:600}.u-card-stat{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.u-card-stat span{padding:8px;border:1px solid #eee;border-radius:8px;display:grid}.u-card-stat small{font-size:5px;color:#777}.u-card-stat b{font-size:8px;margin-top:4px}.u-toggle{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee}.u-toggle span{display:grid}.u-toggle b{font-size:8px}.u-toggle small{font-size:6px;color:#777}.u-toggle i{width:25px;height:14px;border-radius:20px;background:var(--uba);position:relative}.u-toggle i:after{content:"";position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:#fff}.u-toggle.danger i{background:#ddd}.u-toggle.danger i:after{right:auto;left:2px}
@media(max-width:1150px){.uba-lowfi-grid{grid-template-columns:repeat(3,1fr)}.uba-suite-group{grid-template-columns:1fr;gap:45px}.uba-suite-group.reverse>div:first-child,.uba-suite-group.reverse .uba-suite-phones{order:initial}}@media(max-width:700px){.uba-lowfi,.uba-product-suite{width:100vw;padding:70px 20px}.uba-lowfi-grid{grid-template-columns:1fr 1fr}.uba-wf{height:330px}.uba-suite-group{padding:65px 0}.uba-suite-phones{justify-content:flex-start;overflow-x:auto;padding:40px 22px}.suite-phone{flex:0 0 245px;width:245px;height:500px}.suite-phone:nth-child(2){transform:none}.uba-suite-group>div:first-child h3{font-size:38px}}
[data-theme=dark] .uba-hero,[data-theme=dark] .uba-feature{background:#f5f1eb;color:#161616}[data-theme=dark] .uba-feature.reverse{background:var(--uba);color:#fff}
body:has(.uba-case){overflow-x:hidden}.uba-case,.uba-case>*{min-width:0;max-width:100vw}
@media(max-width:1050px){.uba-hero{grid-template-columns:1fr;padding-bottom:20px}.uba-hero-visual{height:650px}.uba-overview{grid-template-columns:1fr 1fr}.uba-overview-main{grid-column:1/-1;grid-row:auto;min-height:0!important}.uba-heading{grid-template-columns:1fr;gap:20px}.uba-persona,.uba-system-grid{grid-template-columns:1fr 1fr}.uba-principles{grid-template-columns:1fr 1fr}.uba-feature{grid-template-columns:1fr;gap:50px}.uba-feature.reverse .uba-feature-copy{order:0}.uba-feature.reverse .uba-feature-phones{order:1}}@media(max-width:700px){header{padding-left:20px;padding-right:20px}.uba-hero,.uba-overview,.uba-editorial,.uba-flow-section,.uba-feature,.uba-system,.uba-red-band{width:100vw;padding:70px 20px}.uba-hero{min-height:0}.uba-hero h1{max-width:100%;font-size:clamp(44px,12vw,52px);overflow-wrap:break-word}.uba-hero-copy>p{font-size:16px}.uba-tags{max-width:100%}.uba-tags span{padding:9px 11px;font-size:8px}.uba-hero-visual{height:450px}.uba-orbit{width:420px;height:420px;right:-190px}.uba-phone{width:205px;height:420px;padding:6px;border-radius:30px}.uba-screen{border-radius:24px;padding:13px 10px}.uba-phone.hero-a{right:128px;top:15px}.uba-phone.hero-b{right:-45px;top:55px}.u-balance strong{font-size:15px}.u-actions{gap:2px}.transfer button{margin-top:60px}.uba-overview,.uba-red-band,.uba-insight-grid,.uba-principles,.uba-persona,.uba-screen-grid,.uba-system-grid,.uba-metrics{grid-template-columns:1fr}.uba-overview article,.uba-insight-grid article,.uba-principles article,.uba-persona>div,.uba-system-grid article{min-height:0}.uba-heading h2,.uba-red-band h2{font-size:43px}.uba-flow-notes{display:none}.uba-feature{min-height:0}.uba-feature .uba-phone{width:280px;height:570px}.uba-screen-grid{margin-top:40px}.uba-red-band.outcome{gap:40px}.uba-metrics b{font-size:42px}}
.uba-suite-phones.three{gap:14px}.uba-suite-phones.three .suite-phone{width:225px;height:485px}.uba-suite-phones.three .suite-phone:nth-child(2){transform:translateY(28px)}.uba-suite-phones.three .suite-phone:nth-child(3){transform:translateY(-18px)}.u-profile-id{display:grid;place-items:center;padding:12px;margin-bottom:14px;border-radius:12px;background:#f9ecec}.u-profile-id i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--uba);color:#fff;font-style:normal;font-size:11px}.u-profile-id b{font-size:11px;margin-top:8px}.u-profile-id small{font-size:6px;color:#777;margin-top:3px}.u-profile-id span{margin-top:8px;padding:5px 8px;border-radius:20px;background:#e8f7ef;color:#277a53;font-size:6px}.u-profile h4{font-size:9px;margin:12px 0 5px}.u-menu-row{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee}.u-menu-row>i{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;background:#f9ecec;color:var(--uba);font-style:normal;font-size:8px}.u-menu-row span{display:grid;margin-right:auto}.u-menu-row b{font-size:7px}.u-menu-row small{font-size:5px;color:#777;margin-top:2px}.u-menu-row em{font-style:normal;color:#999}@media(max-width:700px){.uba-suite-phones.three .suite-phone{flex:0 0 225px}.uba-suite-phones.three .suite-phone:nth-child(2),.uba-suite-phones.three .suite-phone:nth-child(3){transform:none}}
.uba-overview{grid-template-columns:1.35fr repeat(3,1fr);align-items:stretch;padding-top:70px;padding-bottom:70px}.uba-overview article,.uba-overview-main{min-height:250px!important;padding:25px}.uba-overview-main{grid-row:auto}.uba-overview h2{font-size:clamp(30px,3vw,45px);margin-bottom:16px}.uba-overview article>b{margin:28px 0 0}.uba-overview article p{font-size:14px;line-height:1.55}@media(max-width:1050px){.uba-overview{grid-template-columns:1fr 1fr}.uba-overview-main{grid-column:1/-1;min-height:0!important}}@media(max-width:700px){.uba-overview{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.uba-overview-main{grid-column:auto}.uba-overview article,.uba-overview-main{min-height:0!important}}

/* Grounded wellness case study */
.grounded-thumbnail{background:linear-gradient(145deg,#d7eee3,#f5e8d5);color:#173a31}.grounded-thumb-copy{position:absolute;z-index:2;left:24px;top:24px;display:grid}.grounded-thumb-copy span{font-family:Manrope;font-size:38px;letter-spacing:-.07em}.grounded-thumb-copy small{margin-top:5px;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.grounded-thumb-phone{position:absolute;z-index:2;right:32px;top:24px;width:180px;height:330px;padding:7px;border-radius:30px;background:#173a31;transform:rotate(7deg);box-shadow:0 24px 40px #173a3140}.grounded-thumb-phone>div{height:100%;padding:25px 14px;border-radius:24px;background:#f8f4ec;display:flex;flex-direction:column}.grounded-thumb-phone small{font-size:7px}.grounded-thumb-phone b{font-size:15px;margin:12px 0}.grounded-thumb-phone span{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.grounded-thumb-phone i{padding:7px 3px;border-radius:20px;background:#d7eee3;font-size:6px;font-style:normal;text-align:center}.grounded-thumb-phone strong{font-family:Manrope;font-size:52px;margin:auto 0 0}.grounded-thumb-phone em{font-size:7px;font-style:normal}.grounded-thumb-ring{position:absolute;width:220px;height:220px;border:40px solid #f0a78d;border-radius:50%;left:-55px;bottom:-100px;opacity:.65}.grounded-case{--g-green:#17453a;--g-mint:#d8eee3;--g-sage:#9fc8b4;--g-coral:#ee9e84;--g-cream:#f8f3e9;--g-ink:#15352e;overflow:hidden}.grounded-case h2{font-family:Manrope;font-size:clamp(42px,5vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.06em;margin:0}.grounded-hero{min-height:850px;padding:100px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center;background:var(--g-cream);color:var(--g-ink);overflow:hidden}.grounded-hero-copy>span,.grounded-heading>span,.grounded-feature>div:first-child>span,.grounded-problem>span,.grounded-overview span,.grounded-impact span{color:#4b826e;font-size:10px;text-transform:uppercase;letter-spacing:.15em}.grounded-hero h1{font-family:Manrope;font-size:clamp(62px,7vw,112px);line-height:.93;letter-spacing:-.075em;font-weight:400;margin:25px 0}.grounded-hero h1 em{color:#d56f55;font-style:normal}.grounded-hero-copy>p{max-width:600px;color:#57746a;font-size:18px;line-height:1.65}.grounded-hero-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.grounded-hero-copy>div b{padding:10px 13px;border:1px solid #bdd2c7;border-radius:30px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.grounded-hero-stage{height:680px;position:relative}.g-orbit{position:absolute;border-radius:50%}.g-orbit.one{width:600px;height:600px;right:-40px;top:40px;background:var(--g-mint)}.g-orbit.two{width:330px;height:330px;right:90px;top:180px;background:var(--g-coral);opacity:.55}.g-phone{width:280px;height:570px;padding:8px;border-radius:42px;background:#173a31;box-shadow:0 35px 65px #173a3140;overflow:hidden}.grounded-hero-stage .g-phone{position:absolute}.g-phone.hero-main{right:245px;top:15px;z-index:2;transform:rotate(-5deg)}.g-phone.hero-back{right:5px;top:105px;transform:rotate(7deg)}.g-screen{height:100%;padding:18px 14px;border-radius:35px;background:#fbfaf6;color:var(--g-ink);overflow:hidden;position:relative}.g-status{display:flex;justify-content:space-between;font-size:8px;font-weight:600;margin-bottom:21px}.g-greeting{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600}.g-greeting span{display:grid}.g-greeting small{font-size:6px;color:#789087;font-weight:400;margin-bottom:3px}.g-greeting i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--g-mint);font-size:7px;font-style:normal}.g-checkin{margin:16px 0;padding:14px;border-radius:14px;background:#e9f3ec}.g-checkin small,.g-session>small{font-size:6px;color:#668276;letter-spacing:.1em}.g-checkin h3{font-size:15px;margin:7px 0 11px}.g-checkin>div{display:flex;gap:5px}.g-checkin b{padding:6px 7px;border-radius:20px;background:#fff;font-size:6px}.g-balance{display:grid;grid-template-columns:.45fr .55fr;gap:12px;padding:11px;border:1px solid #e2e7e3;border-radius:12px}.g-score{display:grid;place-items:center;border-right:1px solid #e2e7e3}.g-score strong{font-family:Manrope;font-size:35px}.g-score small{font-size:5px;color:#789087}.g-balance>span{display:grid;grid-template-columns:34px 1fr;gap:4px;align-items:center}.g-balance>span b{font-size:6px}.g-balance>span i{height:4px;border-radius:5px;background:#e2e7e3;overflow:hidden}.g-balance>span em{display:block;height:100%;border-radius:5px;background:var(--g-coral)}.g-title{display:flex;justify-content:space-between;font-size:10px;font-weight:600;margin:16px 0 9px}.g-title b{color:#4b826e;font-size:6px}.g-practice{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #e2e7e3;border-radius:10px}.g-practice>i{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:var(--g-coral);color:#fff;font-size:6px;font-style:normal}.g-practice span{display:grid;margin-right:auto}.g-practice b{font-size:8px}.g-practice small{font-size:6px;color:#789087;margin-top:3px}.g-practice em{font-style:normal}.g-nav{position:absolute;left:0;right:0;bottom:0;height:43px;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;border-top:1px solid #e5e9e6;background:#fff;font-size:6px;color:#82958e}.g-nav b{color:var(--g-green)}.g-session{text-align:center;background:linear-gradient(#dceee6,#f7eee1)}.g-session h3{font-family:Manrope;font-size:28px;margin:18px 0 8px}.g-session p{color:#678076;font-size:8px;line-height:1.5}.g-breathe{width:190px;height:190px;margin:45px auto;display:grid;place-items:center;border-radius:50%;background:#b8d9c8;position:relative;box-shadow:0 0 0 25px #b8d9c844}.g-breathe span,.g-breathe b{position:absolute}.g-breathe span{top:58px;font-size:8px}.g-breathe b{font-family:Manrope;font-size:45px}.g-breathe i{width:145px;height:145px;border:1px solid #fff8;border-radius:50%}.g-session-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.g-session-stats span{padding:12px;border:1px solid #ffffff80;border-radius:10px;display:grid}.g-session-stats b{font-size:10px}.g-session-stats small{font-size:6px;color:#678076}.g-session button,.g-checkin-screen button,.g-onboard button,.g-focus-card button{width:100%;margin-top:25px;padding:12px;border:0;border-radius:9px;color:#fff;background:var(--g-green);font-size:8px}.grounded-overview{padding:80px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:14px}.grounded-overview article{padding:25px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;min-height:245px}.grounded-overview h2{font-size:clamp(32px,3.4vw,52px);margin:18px 0}.grounded-overview p{color:var(--muted);font-size:14px;line-height:1.55}.grounded-overview article>b{font-size:21px;margin:35px 0 0}.grounded-problem{padding:110px max(4vw,calc((100vw - 1500px)/2));background:var(--g-green);color:#f5f4ed}.grounded-problem>span{color:#a9d6c1}.grounded-problem h2{max-width:1050px;margin:22px 0 60px}.grounded-problem-grid,.grounded-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grounded-problem-grid article{min-height:250px;padding:27px;border:1px solid #ffffff25;border-radius:14px;display:flex;flex-direction:column}.grounded-problem-grid b{color:#f1ad96}.grounded-problem-grid h3{font-size:24px;margin:auto 0 10px}.grounded-problem-grid p{color:#c6d8d0;line-height:1.6}.grounded-section,.grounded-principles,.grounded-flow,.grounded-lowfi,.grounded-suite{padding:110px max(4vw,calc((100vw - 1500px)/2));border-top:1px solid var(--line)}.grounded-section.alt,.grounded-lowfi{background:var(--surface)}.grounded-heading{display:grid;grid-template-columns:.35fr .65fr;gap:6vw}.grounded-heading.stacked{display:block}.grounded-heading.stacked>span{display:block;margin-bottom:22px}.grounded-insights{margin-top:60px}.grounded-insights article{min-height:270px;padding:28px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column}.grounded-insights strong{color:#d97760;font-family:Manrope;font-size:38px}.grounded-insights h3{font-size:23px;margin:auto 0 10px}.grounded-insights p{color:var(--muted);line-height:1.6}.grounded-personas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}.grounded-personas article{padding:27px;border:1px solid var(--line);border-radius:16px;background:var(--bg);display:flex;flex-direction:column}.grounded-personas article>div{display:flex;align-items:center;gap:12px}.grounded-personas i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--g-mint);color:var(--g-green);font-style:normal;font-weight:600}.grounded-personas article>div span{display:grid}.grounded-personas small{color:var(--muted);margin-top:3px}.grounded-personas p,.grounded-personas li{color:var(--muted);line-height:1.55}.grounded-personas ul{padding-left:18px}.grounded-personas blockquote{margin:auto 0 0;padding-top:16px;border-top:1px solid var(--line);font-family:Manrope;font-size:16px}.grounded-principles>div:last-child{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:60px}.grounded-principles article{min-height:220px;padding:25px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.grounded-principles b{color:#d97760}.grounded-principles h3{font-size:22px;margin:45px 0 10px}.grounded-principles p{color:var(--muted);line-height:1.55;font-size:14px}.grounded-flow{background:var(--g-mint);color:var(--g-ink)}.grounded-flow .grounded-heading>span{color:#4b826e}.g-flow-map{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:60px;padding:25px;border:1px solid #aacaba;border-radius:16px;background:#eef7f1;overflow-x:auto}.g-flow-map span,.g-flow-map b{min-width:155px;padding:15px;border:1px solid #b7d0c4;border-radius:30px;text-align:center;white-space:nowrap;font-size:11px}.g-flow-map b{color:#fff;background:var(--g-green);border-color:var(--g-green)}.g-flow-map i{color:#d97760;font-style:normal}.g-wire-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:60px}.g-wire-grid article>div{height:390px;padding:17px 13px;border:2px solid #b9bcb7;border-radius:25px;background:#f8f8f5;display:flex;flex-direction:column;gap:10px}.g-wire-grid article>div>*{display:block;border-radius:6px;background:#d7dad5}.g-wire-grid i{width:100%;height:18px}.g-wire-grid b{height:90px}.g-wire-grid strong{height:52px}.g-wire-grid span{height:38px;border:1px solid #c5c8c2;background:transparent!important}.g-wire-grid u{width:150px;height:150px;margin:25px auto;border-radius:50%!important}.g-wire-grid em{height:30px;margin-top:auto}.g-wire-grid small{display:block;margin-top:12px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.grounded-feature{min-height:800px;padding:110px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:var(--g-cream);color:var(--g-ink)}.grounded-feature.reverse{background:var(--g-green);color:#fff}.grounded-feature h2{margin:18px 0 24px}.grounded-feature p,.grounded-feature li{color:#5d776d;line-height:1.65}.grounded-feature.reverse p,.grounded-feature.reverse li{color:#c7d9d1}.grounded-feature ul{padding-left:18px}.g-feature-stage{display:grid;place-items:center}.g-checkin-screen>small{font-size:6px;letter-spacing:.1em;color:#648276}.g-checkin-screen h3{font-family:Manrope;font-size:27px;margin:20px 0 8px}.g-checkin-screen p{font-size:8px;color:#789087}.g-moods{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0}.g-moods b{padding:9px 10px;border:1px solid #d6e2dc;border-radius:20px;font-size:7px}.g-moods b.selected{background:var(--g-mint);border-color:#83b49f}.g-checkin-screen label{display:grid;gap:12px;margin-top:45px;font-size:8px}.g-checkin-screen label>span{height:4px;background:#dce4e0;border-radius:5px}.g-checkin-screen label i{display:block;width:65%;height:100%;background:var(--g-coral);position:relative}.g-checkin-screen label i:after{content:"";position:absolute;right:0;top:-4px;width:12px;height:12px;border-radius:50%;background:var(--g-coral)}.g-checkin-screen label>b{font-size:11px}.g-progress-ring{width:175px;height:175px;margin:28px auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--g-coral) 0 72%,#e5ece8 72%);position:relative}.g-progress-ring:after{content:"";position:absolute;width:135px;height:135px;border-radius:50%;background:#fbfaf6}.g-progress-ring strong,.g-progress-ring small{z-index:1;position:absolute}.g-progress-ring strong{font-family:Manrope;font-size:38px}.g-progress-ring small{margin-top:50px;color:#789087;font-size:6px}.g-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.g-week b{display:grid;gap:5px;text-align:center;font-size:6px}.g-week i{height:28px;border-radius:10px;background:var(--g-mint)}.g-week b:nth-child(3) i,.g-week b:nth-child(4) i,.g-week b:nth-child(6) i{background:var(--g-coral)}.g-reflection{margin-top:18px;padding:13px;border-radius:11px;background:#eaf3ed}.g-reflection small{font-size:6px;color:#668276;text-transform:uppercase}.g-reflection h4{font-size:10px;line-height:1.4;margin:7px 0}.g-reflection span{color:#4b826e;font-size:6px}.g-progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.g-progress-stats span{padding:9px;border:1px solid #e2e7e3;border-radius:9px;display:grid}.g-progress-stats b{font-size:11px}.g-progress-stats small{font-size:6px;color:#789087}.grounded-suite{background:var(--surface)}.g-suite-phones{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:60px;align-items:start}.g-suite-phones .g-phone{width:100%;height:500px;border-radius:35px;padding:6px}.g-suite-phones .g-phone:nth-child(even){margin-top:45px}.g-suite-phones .g-screen{border-radius:29px;padding:15px 11px}.g-onboard{display:flex;flex-direction:column;text-align:center;background:linear-gradient(#d8eee3,#f8f3e9)}.g-onboard>b{font-family:Manrope;font-size:22px}.g-sun{width:130px;height:130px;margin:55px auto 35px;border-radius:50%;display:grid;place-items:center;background:#f5c2a9;color:#fff;font-size:60px}.g-onboard h3{font-family:Manrope;font-size:22px;line-height:1.1;margin:0}.g-onboard p,.g-explore p{color:#6f887e;font-size:7px;line-height:1.5}.g-onboard button{margin-top:auto}.g-explore .g-title{font-size:17px}.g-focus-card{padding:16px;border-radius:13px;background:var(--g-green);color:#fff}.g-focus-card small{font-size:5px;color:#b8d8c9}.g-focus-card h3{font-size:16px;margin:8px 0}.g-focus-card p{color:#c7d9d1}.g-focus-card button{margin-top:8px;background:var(--g-coral)}.g-explore h4{font-size:9px;margin:20px 0 8px}.g-needs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.g-needs b{padding:11px;border-radius:8px;background:#e8f2ed;font-size:7px}.grounded-impact{padding:110px max(4vw,calc((100vw - 1500px)/2));display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:var(--g-coral);color:var(--g-ink)}.grounded-impact>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grounded-impact article{padding:20px;border-top:1px solid #173a3166}.grounded-impact article b{display:block;font-family:Manrope;font-size:40px}.grounded-impact article span{font-size:10px;line-height:1.5;color:#315b4e}
@media(max-width:1100px){.grounded-hero{grid-template-columns:1fr;padding-bottom:20px}.grounded-hero-stage{height:680px}.grounded-overview{grid-template-columns:1fr 1fr}.grounded-overview .main{grid-column:1/-1}.grounded-heading{grid-template-columns:1fr;gap:20px}.grounded-personas,.grounded-problem-grid,.grounded-insights{grid-template-columns:1fr 1fr}.grounded-principles>div:last-child{grid-template-columns:1fr 1fr}.g-wire-grid{grid-template-columns:repeat(3,1fr)}.grounded-feature{grid-template-columns:1fr}.g-suite-phones{grid-template-columns:repeat(3,1fr)}.grounded-impact{grid-template-columns:1fr}}@media(max-width:700px){.grounded-hero,.grounded-overview,.grounded-problem,.grounded-section,.grounded-principles,.grounded-flow,.grounded-lowfi,.grounded-feature,.grounded-suite,.grounded-impact{width:100vw;padding:70px 20px}.grounded-hero h1{font-size:55px}.grounded-hero-stage{height:480px}.g-orbit.one{width:430px;height:430px;right:-220px}.g-orbit.two{width:240px;height:240px}.g-phone{width:210px;height:430px;padding:6px;border-radius:31px}.g-screen{border-radius:25px;padding:13px 10px}.g-phone.hero-main{right:120px}.g-phone.hero-back{right:-60px}.grounded-overview,.grounded-personas,.grounded-problem-grid,.grounded-insights,.grounded-principles>div:last-child,.grounded-impact>div:last-child{grid-template-columns:1fr}.grounded-overview .main{grid-column:auto}.g-flow-map{justify-content:start}.g-wire-grid{grid-template-columns:1fr 1fr}.g-wire-grid article>div{height:320px}.g-suite-phones{display:flex;overflow-x:auto}.g-suite-phones .g-phone{flex:0 0 235px;width:235px}.g-suite-phones .g-phone:nth-child(even){margin-top:0}.grounded-impact{gap:40px}}

/* Grounded premium visual refresh */
.grounded-case{--g-deep:#0f312b;--g-deeper:#09211d;--g-glass:rgba(255,255,255,.66);--g-glass-strong:rgba(255,255,255,.82);--g-line:rgba(23,69,58,.14);--g-glow:#9ee8c7}
.grounded-thumbnail{background:radial-gradient(circle at 76% 16%,rgba(255,255,255,.95),transparent 28%),radial-gradient(circle at 18% 92%,rgba(238,158,132,.55),transparent 38%),linear-gradient(135deg,#d9f4e7 0%,#fff6e9 52%,#c7e5d8 100%)}
.grounded-thumb-phone{background:linear-gradient(145deg,#071f1b,#1c5044);box-shadow:0 28px 48px rgba(15,49,43,.35),inset 0 0 0 1px rgba(255,255,255,.08)}
.grounded-thumb-phone>div{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,248,.88));box-shadow:inset 0 0 0 1px rgba(23,69,58,.08)}
.grounded-thumb-phone i{background:rgba(216,238,227,.82);border:1px solid rgba(23,69,58,.08)}
.grounded-thumb-ring{border-color:#ffae91;filter:blur(.2px)}
.grounded-hero{background:radial-gradient(circle at 72% 21%,rgba(158,232,199,.6),transparent 24%),radial-gradient(circle at 95% 65%,rgba(255,177,143,.42),transparent 28%),linear-gradient(135deg,#fff8ed 0%,#eef9f2 45%,#d9efe3 100%)}
.grounded-hero-copy>div b{background:rgba(255,255,255,.52);border-color:rgba(23,69,58,.15);box-shadow:0 10px 28px rgba(23,69,58,.06);backdrop-filter:blur(18px)}
.grounded-hero-stage{isolation:isolate}
.g-orbit.one{background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.88),rgba(185,235,213,.78) 35%,rgba(129,199,176,.42) 70%);box-shadow:0 40px 120px rgba(23,69,58,.12)}
.g-orbit.two{background:radial-gradient(circle at 38% 31%,rgba(255,244,235,.9),rgba(255,168,135,.58) 55%,rgba(255,168,135,.12) 100%);filter:blur(.2px)}
.g-phone{background:linear-gradient(145deg,#061d19 0%,#16473c 48%,#061d19 100%);box-shadow:0 44px 90px rgba(10,47,39,.28),0 16px 36px rgba(10,47,39,.22),inset 0 0 0 1px rgba(255,255,255,.1);position:relative}
.g-phone:before{content:"";position:absolute;inset:8px 22px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);z-index:2}
.g-screen{background:radial-gradient(circle at 15% 3%,rgba(255,255,255,.95),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.94),rgba(245,250,246,.88));border:1px solid rgba(255,255,255,.48);box-shadow:inset 0 0 0 1px rgba(23,69,58,.06);backdrop-filter:blur(18px)}
.g-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.34),transparent 24%,transparent 78%,rgba(23,69,58,.05));border-radius:inherit}
.g-status,.g-greeting,.g-checkin,.g-balance,.g-title,.g-practice,.g-session-stats,.g-checkin-screen label,.g-moods,.g-progress-stats,.g-reflection,.g-onboard,.g-focus-card,.g-needs{position:relative;z-index:1}
.g-checkin,.g-balance,.g-practice,.g-reflection,.g-progress-stats span,.g-session-stats span,.g-needs b{background:var(--g-glass);border:1px solid rgba(23,69,58,.1);box-shadow:0 14px 36px rgba(23,69,58,.08);backdrop-filter:blur(18px)}
.g-checkin b,.g-moods b{background:rgba(255,255,255,.72);border:1px solid rgba(23,69,58,.09);box-shadow:0 8px 18px rgba(23,69,58,.06)}
.g-moods b.selected{background:linear-gradient(135deg,#d9f8e8,#b4ead3);border-color:rgba(23,69,58,.18);box-shadow:0 12px 26px rgba(75,130,110,.18)}
.g-greeting i{background:linear-gradient(135deg,#dcf9e8,#aee5cc);box-shadow:0 10px 24px rgba(75,130,110,.18)}
.g-score{border-right-color:rgba(23,69,58,.1)}
.g-balance>span i{background:rgba(23,69,58,.12)}
.g-balance>span em,.g-checkin-screen label i,.g-checkin-screen label i:after{background:linear-gradient(90deg,#ffb194,#df765d)}
.g-practice>i{background:linear-gradient(135deg,#ffad90,#d86e55);box-shadow:0 12px 24px rgba(216,110,85,.28)}
.g-nav{background:rgba(255,255,255,.78);backdrop-filter:blur(22px);border-top-color:rgba(23,69,58,.09)}
.g-session{background:radial-gradient(circle at 50% 34%,rgba(158,232,199,.42),transparent 36%),linear-gradient(180deg,#e9f8f0 0%,#fff5e8 100%)}
.g-breathe{background:radial-gradient(circle,#eafff4 0 36%,#aee3cb 37% 69%,rgba(174,227,203,.28) 70%);box-shadow:0 0 0 20px rgba(174,227,203,.18),0 24px 55px rgba(23,69,58,.15)}
.g-session button,.g-checkin-screen button,.g-onboard button,.g-focus-card button{background:linear-gradient(135deg,#174f43,#0f312b);box-shadow:0 16px 34px rgba(15,49,43,.24)}
.grounded-overview article,.grounded-insights article,.grounded-personas article,.grounded-principles article{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--surface);box-shadow:0 20px 55px rgba(0,0,0,.08)}
[data-theme=light] .grounded-overview article,[data-theme=light] .grounded-insights article,[data-theme=light] .grounded-personas article,[data-theme=light] .grounded-principles article{background:rgba(255,255,255,.72);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(23,69,58,.08)}
.grounded-problem{background:radial-gradient(circle at 82% 8%,rgba(158,232,199,.18),transparent 24%),linear-gradient(135deg,#08231f,#17453a 58%,#0b2924)}
.grounded-problem-grid article{background:rgba(255,255,255,.045);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 24px 60px rgba(0,0,0,.16)}
.grounded-flow{background:radial-gradient(circle at 87% 14%,rgba(255,174,145,.34),transparent 25%),linear-gradient(135deg,#ddf4e7,#f8f1e3)}
.g-flow-map{background:rgba(255,255,255,.55);backdrop-filter:blur(18px);box-shadow:0 20px 60px rgba(23,69,58,.08)}
.g-flow-map span,.g-flow-map b{background:rgba(255,255,255,.72);box-shadow:0 10px 24px rgba(23,69,58,.06)}
.g-flow-map b{background:linear-gradient(135deg,#174f43,#0c3029)}
.g-wire-grid article>div{background:linear-gradient(180deg,#fbfbf8,#eef3ef);box-shadow:0 22px 45px rgba(0,0,0,.08)}
.grounded-feature{background:radial-gradient(circle at 86% 14%,rgba(158,232,199,.55),transparent 28%),linear-gradient(135deg,#fff8ee,#eaf7ef 72%,#d5eadf)}
.grounded-feature.reverse{background:radial-gradient(circle at 18% 18%,rgba(158,232,199,.2),transparent 24%),radial-gradient(circle at 88% 76%,rgba(238,158,132,.24),transparent 25%),linear-gradient(135deg,#09231f,#17453a 60%,#0d3029)}
.g-progress-ring{background:conic-gradient(#ffac8d 0 72%,rgba(23,69,58,.1) 72%);box-shadow:0 18px 42px rgba(216,110,85,.18)}
.g-progress-ring:after{background:linear-gradient(180deg,#fff,#f5fbf7)}
.g-week i{background:linear-gradient(180deg,#d7f4e5,#aee5cc);box-shadow:inset 0 -8px 12px rgba(23,69,58,.04)}
.g-week b:nth-child(3) i,.g-week b:nth-child(4) i,.g-week b:nth-child(6) i{background:linear-gradient(180deg,#ffb496,#dc765d)}
.grounded-suite{background:radial-gradient(circle at 20% 0,rgba(158,232,199,.16),transparent 25%),var(--surface)}
.g-suite-phones{padding:28px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.01));box-shadow:0 35px 90px rgba(0,0,0,.12)}
[data-theme=light] .g-suite-phones{background:rgba(255,255,255,.5);backdrop-filter:blur(20px);box-shadow:0 35px 90px rgba(23,69,58,.1)}
.g-onboard{background:radial-gradient(circle at 50% 36%,rgba(255,177,143,.3),transparent 28%),linear-gradient(180deg,#e7f8ef,#fff6ea)}
.g-sun{background:radial-gradient(circle,#ffd9c7,#ee9e84);box-shadow:0 18px 45px rgba(238,158,132,.26)}
.g-focus-card{background:radial-gradient(circle at 92% 8%,rgba(158,232,199,.25),transparent 34%),linear-gradient(135deg,#0f312b,#1e5c4e);border:1px solid rgba(255,255,255,.12)}
.grounded-impact{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,.42),transparent 24%),linear-gradient(135deg,#f4a98f,#dbeee2 80%)}
.grounded-research .grounded-heading h2{max-width:980px}
@media(max-width:700px){.g-suite-phones{padding:18px;border-radius:24px}.grounded-hero{background:radial-gradient(circle at 88% 18%,rgba(158,232,199,.55),transparent 28%),linear-gradient(135deg,#fff8ed,#e5f5ec)}}

/* Project password gate */
.project-lock-active body>header,.project-lock-active body>main,.project-lock-active body>footer{display:none}.project-gate{min-height:100vh;padding:40px 4vw;display:grid;place-items:center;background:radial-gradient(circle at 78% 14%,#cff45b24,transparent 30%),radial-gradient(circle at 12% 88%,#cff45b14,transparent 28%),var(--bg);color:var(--text)}.project-gate-card{width:min(100%,560px);padding:34px;border:1px solid var(--line);border-radius:24px;background:color-mix(in srgb,var(--surface),transparent 8%);box-shadow:0 30px 90px #0006;backdrop-filter:blur(22px)}.project-gate-card>.logo{display:inline-block;margin-bottom:52px}.project-gate-card>span{display:block;color:var(--accent);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.project-gate-card h1{font-family:Manrope;font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.06em;font-weight:400;margin:16px 0}.project-gate-card p{color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 28px}.project-gate-form{display:grid;gap:16px}.project-gate-form label{color:var(--muted);font-size:13px}.project-gate-form input{display:block;width:100%;margin-top:9px;background:var(--field);border:1px solid var(--line);border-radius:12px;color:var(--text);padding:17px}.project-gate-form .primary{justify-content:center;cursor:pointer}.project-gate-error{min-height:18px;color:#ff8a75}.project-gate-card>.secondary{margin-top:14px;justify-content:center;width:100%}@media(max-width:600px){.project-gate{padding:20px}.project-gate-card{padding:25px;border-radius:18px}.project-gate-card>.logo{margin-bottom:38px}}