:root{color-scheme:dark;--bg:#090b0e;--panel:#11161c;--white:#f2f4f7;--muted:#a8afb9;--blue:#a8d8f5;--line:#2b3139}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:5px}h1,h2,h3,h4,p,figure{margin:0}p+p{margin-top:18px}h1,h2,h3,h4{line-height:1.13;letter-spacing:-.045em;font-weight:500;text-wrap:balance}h1{font-size:clamp(34px,4.25vw,67px)}h2{font-size:clamp(32px,4vw,60px);max-width:950px;margin-bottom:36px}h3{font-size:clamp(24px,2.4vw,35px);margin:30px 0 20px}h4{font-size:clamp(21px,2vw,29px);margin:26px 0 18px}strong{font-weight:600}em{font-size:14px;color:var(--muted);font-style:normal}img{display:block;width:100%;height:auto;object-fit:cover}ul{padding-left:22px;margin:22px 0}li{padding:5px 0}section{scroll-margin-top:20px}.wrap{max-width:1320px;padding:0 56px;margin:auto}header{max-width:1440px;margin:auto;min-height:100px;padding:24px 56px;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.logo{font-size:23px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.logo span{color:var(--blue)}nav{margin-left:auto;display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--blue)}.header-cta{border-bottom:1px solid var(--blue);font-size:14px;padding:10px 0}.menu{display:none;background:none;border:0;color:white;font-size:26px;min-width:44px;min-height:44px}.hero{padding-top:34px;padding-bottom:64px}.hero-top{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:45px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:start}.hero-copy h1{margin:0 0 30px}.hero-copy h1 span{color:var(--blue)}.hero-copy p{max-width:600px;color:#bac1ca;font-size:15px}.hero-copy p:has(.button){display:inline-block;margin:25px 10px 0 0}.hero-copy p:has(.button)+p:has(.button) .button{background:none;color:white;border:1px solid var(--line)}.hero-copy p:last-child{font-size:11px;letter-spacing:.02em;margin-top:28px;color:var(--muted)}.portrait{position:relative;margin-top:8px}.portrait img{aspect-ratio:4/5.6;object-position:50% 62%}.portrait figcaption{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.12em}.portrait figcaption span{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:17px 24px;background:var(--blue);color:#0a1923;font-weight:600;font-size:14px;line-height:1.4;border:0;border-radius:3px;transition:background .2s,transform .2s;text-align:center;max-width:100%}.button:hover{background:#d0ebfb;transform:translateY(-2px)}.section{padding:100px 0;border-top:1px solid var(--line)}.eyebrow{color:var(--blue);font-size:11px;letter-spacing:.17em;margin-bottom:35px}.problem .wrap>p{max-width:830px}.problem .wrap>p:has(strong){margin-top:30px;font-size:22px;color:var(--white)}.problem .wrap>h3{margin-top:65px;font-size:36px}.problem p,.about-grid p,.budget p,.process p{color:#b9c0c9}.cases{background:#a8d8f5;color:#0e1b25}.cases .eyebrow{color:#314e60}.cases .wrap>p{max-width:720px}.cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;margin-top:50px}.case{padding:35px 0;border-top:1px solid #6f9db8;min-width:0}.case-label{font-size:12px;letter-spacing:.06em}.case-number{font-size:clamp(75px,8.5vw,128px);line-height:1.1;letter-spacing:-.07em;margin:25px 0}.case-number span{display:block;font-size:13px;letter-spacing:0;margin-top:8px}.case h3{font-size:27px}.case-results p,.case-results li{font-size:15px}.case-results em{color:#395566;font-size:13px}.case details{border-color:#6f9db8}.case summary{font-size:14px}.case summary span{color:#163a51}.case .details-body{font-size:15px}.case-outro{margin-top:45px;max-width:680px}.case-outro .button{background:#10202c;color:white;margin-top:25px}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.about-grid figure{position:sticky;top:30px}.about-grid img{aspect-ratio:3/4;object-position:50% 60%}.about-grid h2{font-size:48px}.about-grid h4{margin-top:40px}.services{background:#10151b}.service{padding:35px 0 45px;border-top:1px solid #343d48;margin-top:30px}.service-title{display:flex;justify-content:space-between;gap:30px;align-items:baseline}.service-title h3{margin:0;font-size:26px}.service-title p{color:var(--blue);font-size:18px;white-space:nowrap}.service>h4{font-size:30px;max-width:790px;margin:28px 0}.service .button{margin-top:25px}.details-body{padding:8px 0 28px;max-width:800px}.details-body h3,.details-body h4{font-size:23px}.details-body p{line-height:1.7}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:19px 0;font-size:18px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:26px;transition:transform .2s;flex-shrink:0}details[open]>summary span{transform:rotate(45deg)}.budget .wrap>h3,.process .wrap>h4{border-top:1px solid var(--line);padding-top:28px;margin-top:34px;max-width:850px}.budget .wrap>p,.process .wrap>p{max-width:800px}.budget .wrap>p:last-child{color:var(--blue);font-size:25px;line-height:1.4;margin-top:40px}.process{background:#11161c}.faq details{max-width:1000px}.faq h2{margin-bottom:35px}.contact{background:#141b22}.contact .wrap>p{max-width:700px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;margin-top:55px}.draft-note{font-size:14px;color:var(--muted);max-width:290px}fieldset{padding:0;margin:0;border:0}label{display:block;font-size:13px;margin-bottom:24px;color:var(--muted)}input,textarea{display:block;width:100%;margin-top:9px;background:#0d1217;border:1px solid #394451;border-radius:2px;padding:14px;color:white;font-size:15px;resize:vertical}fieldset:disabled .button{background:#445763;color:#c5d2da;cursor:not-allowed;transform:none}form>p{font-size:14px;margin-top:22px}.pending-links{color:#a8afb9}.pending-links small{display:block;margin-top:5px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:180px;font-size:12px;color:var(--muted)}footer .logo{color:white}footer p{line-height:1.7}.skip{position:fixed;top:-100px;left:20px;background:var(--blue);color:black;padding:15px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.wrap{max-width:1480px}.hero-grid{gap:90px}h1{font-size:72px}}@media(max-width:1024px){.wrap{padding:0 32px}header{padding:20px 32px;gap:24px}nav{gap:18px}.hero{padding-top:30px;padding-bottom:60px}.hero-grid{gap:30px}.hero-copy p{font-size:14px}.about-grid{gap:35px}.service-title{display:block}.service-title p{margin-top:16px}.contact-grid{gap:35px}.section{padding:75px 0}}@media(max-width:767px){body{font-size:16px}.wrap{padding:0 22px}header{padding:17px 22px;min-height:75px;gap:15px;flex-wrap:wrap;position:relative}.logo{font-size:22px}.header-cta{margin-left:auto;font-size:11px}.menu{display:block}nav{display:none;order:4;flex-basis:100%;margin:0;padding:20px 0 0;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:13px 0;border-top:1px solid var(--line)}.hero{padding-top:24px;padding-bottom:48px}.hero-top{display:block;margin-bottom:30px;font-size:9px;line-height:1.7}.hero-top span+span{display:block;margin-top:7px;letter-spacing:.04em}.hero-grid{display:flex;flex-direction:column;gap:32px}.hero-copy h1{font-size:clamp(33px,7.8vw,53px);letter-spacing:-.045em;margin-bottom:25px}.hero-copy p{font-size:15px;line-height:1.7}.hero-copy p:has(.button){display:block;margin:23px 0 0}.hero-copy p:has(.button)+p:has(.button){margin-top:12px}.hero-copy .button{width:100%}.hero-copy p:last-child{font-size:10px;line-height:1.8}.portrait{width:100%;max-width:520px}.portrait img{aspect-ratio:4/4.4;object-position:center 63%}.section{padding:58px 0}.eyebrow{margin-bottom:25px;font-size:10px}h2{font-size:34px;margin-bottom:27px;letter-spacing:-.045em}.problem .wrap>h3{font-size:28px;margin-top:45px}.problem .wrap>p:has(strong){font-size:20px}.cases-grid{grid-template-columns:1fr;margin-top:30px}.case{padding:30px 0}.case-number{font-size:94px}.case h3{font-size:26px}.case-outro h4{font-size:26px}.about-grid{display:flex;flex-direction:column;gap:30px}.about-grid figure{position:static;width:100%}.about-grid img{max-height:440px;object-position:50% 58%}.about-grid h2{font-size:34px}.service-title h3{font-size:24px}.service-title p{font-size:17px;white-space:normal}.service>h4{font-size:25px}.service .button{width:100%}.service{padding-bottom:32px}.budget .wrap>p:last-child{font-size:23px}.contact-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.contact-grid h3{margin:0 0 20px}.draft-note{max-width:none}summary{font-size:17px;min-height:68px}.contact .button{width:100%}footer{display:flex;flex-direction:column;align-items:flex-start;padding-top:35px!important;padding-bottom:35px!important;gap:20px}}@media(max-width:359px){.wrap{padding:0 16px}header{padding:15px 16px;gap:8px}.logo{font-size:19px}.header-cta{font-size:10px}.hero-copy h1{font-size:32px}.button{padding:16px;font-size:13px}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Refined portfolio / version 2 */
.hero-copy p.hero-description{font-size:18px;line-height:1.6;max-width:540px;color:#c1c9d2;margin-bottom:5px}.experience{display:grid;grid-template-columns:.8fr 1.25fr 1fr;gap:18px;border-top:1px solid var(--line);padding-top:24px;margin-top:34px}.experience div{display:flex;flex-direction:column;gap:5px;min-width:0}.experience strong{font-size:18px;font-weight:500;letter-spacing:-.03em;line-height:1.3;color:var(--white)}.experience div:first-child strong{font-size:29px;color:var(--blue);line-height:1}.experience span{font-size:14px;line-height:1.4;color:#aeb9c6}.about-grid figure{position:static;align-self:start}.about-grid figure img{display:block;width:100%;height:auto;aspect-ratio:3/4;min-height:200px;object-fit:cover;background:#b7aaa0}.cases{background:#0b1016;color:var(--white)}.cases .eyebrow{color:var(--blue)}.cases .wrap>p{color:#abb7c4}.cases-grid{gap:24px;margin-top:48px;align-items:start}.case{background:#131c26;border:1px solid #2a3949;border-radius:20px;padding:30px;overflow:hidden;position:relative;transition:border-color .2s,background .2s}.case:hover{border-color:#688aa4;background:#16212d}.case-label{display:flex;align-items:center;gap:12px;letter-spacing:0;font-size:12px}.case-tag{border:1px solid #40576b;border-radius:30px;padding:5px 12px;color:#d4eafb}.case-geo{color:#9caebf}.case-index{margin-left:auto;color:#698299;font-size:13px}.case-number{font-size:clamp(76px,7.2vw,110px);color:#b9e2fb;letter-spacing:-.075em;font-weight:500;line-height:1;margin:42px 0 25px}.case-number span{font-size:14px;color:#adc0d1;letter-spacing:0;line-height:1.4;margin-top:15px}.case h3{font-size:26px;line-height:1.23;letter-spacing:-.035em;margin:0 0 27px;max-width:420px}.case-results ul.metrics{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 22px;border-top:1px solid #324355}.metrics li{font-size:13px;line-height:1.6;color:#aebdca;padding:17px 12px 17px 0;border-bottom:1px solid #324355}.metrics li strong{display:block;font-size:23px;line-height:1.3;letter-spacing:-.03em;color:#f0f6fc;font-weight:500;margin-bottom:4px}.case-results p{color:#b3c0cd;font-size:14px}.case-results em{display:block;color:#92a5b6;font-size:12px;line-height:1.65}.case details{margin-top:25px;border-top:1px solid #34485a;border-bottom:0}.case summary{font-size:14px;font-weight:500;padding-bottom:0;color:#c4e8ff;min-height:52px}.case summary span{color:#b5dff9}.case[open] summary{padding-bottom:16px}.case .details-body{padding-top:24px;color:#c2ccd6;font-size:14px}.case-outro{max-width:none;display:block;padding:36px 0 0;margin-top:35px;border-top:1px solid #2a3949}.case-outro p{max-width:700px;color:#b3c0cd}.case-outro .button{background:var(--blue);color:#10202c}.cost-comparison{margin:0 0 26px;padding:20px 0;border-top:1px solid #324355}.cost-comparison>div{display:grid;grid-template-columns:44px 1fr 45px;gap:13px;align-items:center;margin:8px 0;font-size:12px;color:#aebdca}.cost-comparison i{display:block;width:var(--bar);height:8px;background:#587084;border-radius:5px}.cost-comparison>div:last-child i{background:#b9e2fb}.cost-comparison b{font-weight:500;color:#cce7f8}.case-3 .case-number{color:#f1f5f8}.case-4{background:#172532}.case-4:hover{background:#1b2b3b}@media(max-width:1024px){.experience{grid-template-columns:1fr;gap:12px}.experience div{flex-direction:row;align-items:baseline;gap:8px}.experience div:first-child strong{font-size:24px}.experience strong{font-size:16px}.experience span{font-size:14px}.case{padding:24px}.case-number{font-size:80px}.case h3{font-size:24px}}@media(max-width:767px){.hero-copy p.hero-description{font-size:17px;line-height:1.6}.experience{grid-template-columns:1fr;gap:14px;padding-top:22px;margin-top:28px}.experience strong{font-size:17px}.experience span{font-size:15px}.experience div:first-child strong{font-size:25px}.cases-grid{gap:18px;margin-top:32px}.case{border-radius:16px;padding:24px}.case-number{font-size:88px;margin-top:32px}.case-number span{font-size:14px}.case h3{font-size:25px}.case-label{gap:10px}.metrics li strong{font-size:22px}.case-results em{font-size:13px}.case-outro{margin-top:28px;padding-top:24px}}@media(max-width:359px){.case{padding:19px}.case-number{font-size:74px}.case h3{font-size:23px}.case-label{gap:8px;font-size:11px}.case-tag{padding:5px 9px}.experience strong{font-size:16px}.experience span{font-size:14px}}

/* Version 3: complete experience labels and collaboration note */
.experience-facts{list-style:none;margin:30px 0 0;padding:23px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:12px 24px}.experience-facts li{font-size:16px;font-weight:400;line-height:1.5;color:#d5e0e9;padding:0;display:flex;gap:9px;align-items:baseline}.experience-facts li::before{content:"";width:5px;height:5px;flex:0 0 5px;align-self:center;background:var(--blue);border-radius:50%}.long-term{margin-top:46px;padding:32px;border:1px solid #344654;border-radius:16px;background:#14212b;display:grid;grid-template-columns:.8fr 1.2fr;gap:16px 40px}.long-term h3{grid-column:1;grid-row:1 / 4;margin:0;color:#caeaff;font-size:29px;line-height:1.2}.long-term p{grid-column:2;margin:0;min-width:0;font-size:16px;line-height:1.7}.about-grid>div,.hero-copy,.service-title>*{min-width:0}.service-title p{white-space:normal}#about .wrap>h2{max-width:850px;margin-bottom:38px}fieldset{min-inline-size:0}input,textarea{font-size:16px}.metrics li{overflow-wrap:anywhere}.case-label{flex-wrap:wrap}.case-index{flex-shrink:0}@media(max-width:767px){.experience-facts{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:26px;padding-top:22px}.experience-facts li{font-size:16px;line-height:1.5}.long-term{display:block;padding:24px 20px;margin-top:34px;border-radius:12px}.long-term h3{font-size:26px;margin-bottom:22px}.long-term p{font-size:16px}.long-term p+p{margin-top:18px}#about .wrap>h2{margin-bottom:26px}.about-grid{gap:25px}.about-grid figure img{height:auto;max-height:430px;aspect-ratio:4/4.4}.hero-copy p:has(.button){font-size:15px}summary{overflow-wrap:anywhere}.header-cta{min-height:44px;display:flex;align-items:center}}
/* Concise conversion-focused layout */
.pain-row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0}.pain-row p{border-left:2px solid var(--blue);padding-left:18px;font-size:20px;line-height:1.4;margin:0!important;color:var(--white)}.services-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-compact .service{padding:24px;margin:0;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-width:0}.service-kicker{color:var(--blue);font-size:13px}.services-compact h3{font-size:27px;margin:24px 0 18px;min-height:96px}.services-compact p{font-size:15px;color:#b9c4ce;line-height:1.6}.service-price{font-size:24px;letter-spacing:-.04em;margin:26px 0 4px;color:var(--white)}.services-compact .price-note{font-size:12px}.services-compact details{margin-top:20px}.services-compact .button{margin-top:auto;transform:none;padding:16px 12px}.services-compact details+ .button{margin-top:25px}.steps-compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.steps-compact article{border-top:1px solid var(--line);padding-top:24px}.steps-compact span{color:var(--blue);font-size:14px}.steps-compact h3{font-size:27px;margin:18px 0}.process-note{margin-top:32px!important;font-size:18px;color:var(--blue)!important}.section{padding:76px 0}.case-number{margin:28px 0 22px}.case-results p{margin-top:14px}.case h3{font-size:24px}.case-outro{padding-top:25px;margin-top:24px}.case-outro .button{margin-top:16px}.contact-grid{margin-top:30px}.about-grid h2{font-size:38px}.about-grid img{max-height:530px}.hero-copy h1{font-size:clamp(35px,4.4vw,68px)}@media(max-width:1024px){.services-compact{grid-template-columns:1fr}.services-compact h3{min-height:0;max-width:650px}.services-compact .service{padding:26px}.services-compact .button{align-self:flex-start}.pain-row{gap:18px}.steps-compact{gap:20px}}@media(max-width:767px){.section{padding:46px 0}.hero{padding-bottom:40px}.hero-copy h1{font-size:clamp(34px,8.5vw,49px);line-height:1.09}.hero-top{margin-bottom:24px}.portrait img{aspect-ratio:4/3.7}.pain-row{grid-template-columns:1fr;gap:17px;margin:25px 0}.pain-row p{font-size:18px}.services-compact .service{padding:22px}.services-compact h3{font-size:26px}.services-compact .button{width:100%;align-self:stretch}.steps-compact{grid-template-columns:1fr;gap:25px}.steps-compact h3{font-size:24px;margin:12px 0}.steps-compact article{padding-top:20px}.about-grid h2{font-size:31px}.about-grid img{max-height:350px}.case-number{font-size:76px;margin:25px 0 20px}.case h3{font-size:23px}.case-results .metrics li{font-size:13px;padding-top:13px;padding-bottom:13px}.case-outro p{font-size:16px}.process-note{font-size:16px}.contact-grid{gap:16px}.contact h2{font-size:32px}}@media(max-width:359px){.hero-copy h1{font-size:33px}.services-compact .service{padding:19px}.service-price{font-size:23px}.case-number{font-size:70px}}

.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.contact-links a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;border:1px solid #60829b;border-radius:4px;color:var(--blue);font-size:15px;line-height:1.4}.contact-links a:hover{background:#203646;border-color:var(--blue)}.contact-links a:first-child{background:var(--blue);color:#10202c;border-color:var(--blue)}@media(max-width:359px){.contact-links{gap:9px}.contact-links a{padding:12px 14px}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-consent{font-size:12px!important;color:#aebbc8!important;line-height:1.6!important;margin:8px 0 20px!important}#form-status{font-size:15px;line-height:1.5}#form-status:empty{display:none}#form-status[data-state="success"]{color:#a8d8f5}#form-status[data-state="error"]{color:#ffbbb5}