@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"DM Sans";src:url("assets/fonts/dm-sans-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-latin-500-normal.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-latin-600-normal.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Manrope";src:url("assets/fonts/manrope-latin-700-normal.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--bg:#050607;--bg2:#0a0b0d;--text:#f2f2f0;--muted:#a5a7aa;--line:#27292c;--pad:clamp(24px,7vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",Arial,sans-serif;font-size:16px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{height:96px;position:fixed;z-index:10;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);border-bottom:1px solid transparent;background:transparent;box-shadow:none}.brand{color:#fff;text-decoration:none;display:inline-flex;flex-direction:column;width:max-content;letter-spacing:.28em;line-height:1}.brand span{font:500 29px/1 "Manrope"}.brand small{font-size:9px;letter-spacing:.34em;margin:8px 0 0 2px}.site-header nav{display:flex;gap:52px}.site-header nav a,.footer-links a{color:#d5d5d5;text-decoration:none;font-size:14px;transition:color .2s}.site-header nav a:hover,.footer-links a:hover{color:#fff}.header-cta{justify-self:end;border:1px solid #737477;border-radius:999px;padding:15px 21px;color:white;text-decoration:none;font-size:13px}.header-cta span{margin-left:12px}.menu-btn{display:none;background:none;border:0;width:38px;height:38px}.menu-btn i{display:block;width:22px;height:1px;background:#fff;margin:6px}
.hero{height:min(830px,100vh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0 0 0 auto;width:74%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050607 0%,#050607 26%,rgba(5,6,7,.92) 39%,rgba(5,6,7,.28) 69%,rgba(5,6,7,.08)),linear-gradient(0deg,#050607 0%,transparent 22%)}.hero-copy{position:relative;z-index:2;padding:100px var(--pad) 0;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.31em;font-size:11px;font-weight:500;color:#d4d4d3;margin:0 0 26px}.hero h1,.section h2,.services-feature h2{font-family:"Manrope",sans-serif;font-weight:600;letter-spacing:-.045em}.hero h1{font-size:clamp(44px,4.35vw,70px);line-height:1.08;margin:0 0 25px}.hero h1 span{color:#a8aaad}.lead{max-width:590px;color:#d1d1d0;font-size:17px;line-height:1.65}.actions{display:flex;gap:32px;align-items:center;margin-top:34px}.btn{display:inline-flex;align-items:center;gap:20px;padding:17px 25px;border-radius:999px;text-decoration:none;font-weight:500;font-size:14px;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-2px)}.btn.light{background:#f5f5f3;color:#08090a}.text-link{display:inline-flex;gap:22px;color:#fff;text-decoration:none;border-bottom:1px solid #aaa;padding:6px 0;font-size:14px}.service-strip{margin:0 var(--pad);padding:52px 0 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-strip svg{width:37px;height:37px;fill:none;stroke:#eee;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.service-strip h3{font-size:16px;margin:24px 0 10px}.service-strip p{color:#a8aaad;line-height:1.55;margin:0;font-size:14px}.trust{padding:38px var(--pad) 62px;border-bottom:1px solid #151719}.center{text-align:center}.logos{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;align-items:center;margin-top:42px;color:#a6a7a9}.logos>span{display:flex;flex-direction:column}.logos b{font:600 21px/1 "Manrope";letter-spacing:-.04em}.logos small{text-transform:uppercase;font-size:9px;margin-top:4px}.logos .hand{font-style:italic;font-size:14px;transform:rotate(-4deg)}
.services-feature{min-height:720px;position:relative;overflow:hidden;padding:130px var(--pad);display:flex;align-items:center;border-bottom:1px solid var(--line)}.feature-visual{position:absolute;right:-8%;top:0;width:66%;height:100%;overflow:hidden}.feature-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050607 0,transparent 38%),linear-gradient(0deg,#050607 0,transparent 38%)}.feature-visual img{width:100%;height:100%;object-fit:cover;object-position:70% center;filter:brightness(.55) grayscale(.35);transform:scale(1.2) rotate(-3deg)}.feature-copy{z-index:2;max-width:510px}.services-feature h2,.section h2{font-size:clamp(42px,4.6vw,68px);line-height:1.05;margin:0 0 28px}.feature-copy>p:not(.eyebrow){color:#b6b7b8;line-height:1.65}.feature-copy ul{list-style:none;padding:16px 0 18px;margin:0}.feature-copy li{padding:9px 0;color:#e5e5e3}.feature-copy li:before{content:"→";margin-right:20px}.section{padding:130px var(--pad);border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:80px;margin-bottom:75px}.section-head h2{margin-bottom:0}.section-head>p{color:#9fa1a4;line-height:1.7;margin:0 0 8px;max-width:480px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{margin:0}.browser{aspect-ratio:1.34;position:relative;padding:34px 26px 26px;background:#151719}.browser-top{height:24px;position:absolute;inset:0;background:#242629;padding-left:12px;display:flex;align-items:center;gap:5px}.browser-top i{width:5px;height:5px;border:1px solid #626366;border-radius:50%}.mock-screen{height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:50px;background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.8)),radial-gradient(circle at 70% 25%,#4d5154,#101214 56%)}.p2 .mock-screen{background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.82)),linear-gradient(130deg,#303337,#08090a 65%)}.mock-screen span{position:absolute;top:52px;left:50px;font-size:13px;letter-spacing:.3em}.mock-screen strong{font:600 clamp(30px,3vw,52px)/1.02 "Manrope"}.mock-screen em{font-style:normal;color:#acadaf;margin-top:18px}.project-meta{display:flex;justify-content:space-between;padding:24px 4px 0}.project-meta h3{margin:0 0 7px;font-size:18px}.project-meta p{margin:0;color:#818386;font-size:14px}.project-meta>span{color:#747679}.statement{background:#0b0c0e;text-align:center}.statement blockquote{font:500 clamp(31px,4vw,61px)/1.25 "Manrope";letter-spacing:-.04em;margin:0 auto;max-width:1180px}.statement blockquote span{color:#7d8083}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:95px auto 0;border-top:1px solid var(--line)}.stats div{padding:40px 20px;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats b{font:500 36px/1 "Manrope";display:block}.stats small{color:#8e9093;display:block;margin-top:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.steps article{padding:35px 30px 20px 0;border-right:1px solid var(--line);min-height:260px}.steps article+article{padding-left:30px}.steps article:last-child{border:0}.steps span{font-size:12px;color:#77797c}.steps h3{font:500 21px "Manrope";margin:46px 0 16px}.steps p{color:#9a9c9f;font-size:14px;line-height:1.7}.testimonial{text-align:center;background:linear-gradient(135deg,#131517,#08090b)}.quote-mark{font:500 90px/0.5 Georgia;color:#626569;margin:0}.testimonial blockquote{max-width:880px;margin:40px auto;font:500 clamp(27px,3.3vw,47px)/1.35 "Manrope";letter-spacing:-.03em}.quote-person{display:flex;justify-content:center;align-items:center;gap:15px}.quote-person>span{width:45px;height:45px;border:1px solid #555;border-radius:50%;display:grid;place-items:center;font-size:12px}.quote-person p{display:flex;flex-direction:column;text-align:left;margin:0}.quote-person small{color:#888b8e;margin-top:5px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}.accordions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:28px 0;font:500 18px "Manrope";display:flex;justify-content:space-between}summary::-webkit-details-marker{display:none}summary span{font-size:25px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{color:#9fa1a4;line-height:1.7;max-width:650px;margin:0 0 28px}.contact{min-height:650px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 120%,#34383c 0,transparent 47%)}.contact-inner{max-width:1050px}.contact h2{margin-bottom:30px}.contact h2 span{color:#7d8083}.contact p:not(.eyebrow){max-width:650px;margin:0 auto 36px;color:#abadb0;line-height:1.7}footer{padding:70px var(--pad) 35px;display:grid;grid-template-columns:1fr 1fr .7fr 1fr;gap:60px;color:#a1a3a5}footer p{line-height:1.6;margin-top:0}footer a{color:#d7d7d5;text-decoration:none}.footer-links,.footer-legal{display:flex;flex-direction:column;gap:13px}.footer-legal{font-size:13px}.footer-legal span{margin-top:18px;color:#67696c}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto;height:78px}.site-header nav,.header-cta{display:none}.menu-btn{display:block}.site-header.open nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#08090a;padding:25px var(--pad);flex-direction:column;gap:20px}.hero{min-height:780px}.hero-image{width:100%;opacity:.45}.hero-shade{background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.72) 70%),linear-gradient(0deg,#050607,transparent 40%)}.hero-copy{padding-top:80px}.service-strip{grid-template-columns:1fr 1fr}.logos{grid-template-columns:repeat(3,1fr);row-gap:40px}.section-head{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr;gap:50px}footer{grid-template-columns:1fr 1fr}.feature-visual{right:-20%;width:80%}}
@media(max-width:640px){:root{--pad:22px}.hero{height:auto;min-height:760px;padding-bottom:30px}.hero-image{height:62%;top:0;object-position:67% center}.hero-shade{background:linear-gradient(0deg,#050607 20%,rgba(5,6,7,.12) 78%),linear-gradient(90deg,#050607 0,transparent 75%)}.hero-copy{padding-top:290px}.hero h1{font-size:40px}.lead{font-size:16px}.actions{align-items:flex-start;flex-direction:column;gap:20px}.service-strip{grid-template-columns:1fr 1fr;gap:40px 20px;padding:45px 0}.service-strip h3{margin-top:14px}.logos{grid-template-columns:1fr 1fr}.trust{padding-bottom:50px}.services-feature{min-height:760px;padding-top:100px;align-items:flex-start}.feature-visual{width:130%;height:55%;top:auto;bottom:0;right:-54%}.section{padding-top:90px;padding-bottom:90px}.project-grid{grid-template-columns:1fr}.browser{padding:30px 18px 18px}.mock-screen{padding:28px}.mock-screen span{top:44px;left:28px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:28px 0;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.steps h3{margin:22px 0 10px}.stats{grid-template-columns:1fr;margin-top:60px}.stats div{border-right:0;border-bottom:1px solid var(--line)}.faq{gap:25px}footer{grid-template-columns:1fr;gap:35px}.site-header.open nav{height:calc(100vh - 78px)}.testimonial blockquote{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Conversion and content expansion */
.microcopy{margin-top:18px;color:#8f9194;font-size:13px}.proof-strip{margin:0 var(--pad);padding:24px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#c6c7c8}.proof-strip span{display:flex;align-items:center;gap:10px}.proof-strip span:before{content:"";width:4px;height:4px;border-radius:50%;background:#fff}.problem{background:#08090a}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.problem-grid article{padding:34px 30px 38px 0;border-right:1px solid var(--line)}.problem-grid article+article{padding-left:30px}.problem-grid article:last-child{border-right:0}.problem-grid span,.service-cards>article>span{font-size:12px;color:#737578}.problem-grid h3{font:500 20px/1.3 "Manrope";margin:42px 0 14px}.problem-grid p{margin:0;color:#97999c;line-height:1.65;font-size:14px}.problem-close{margin:42px 0 0;font-size:19px;color:#b7b9ba}.problem-close b{color:#fff}.method{background:radial-gradient(circle at 50% 130%,#25282c 0,transparent 50%)}.center-title{text-align:center;margin:0 auto 75px!important}.funnel{display:flex;align-items:stretch;max-width:1200px;margin:0 auto}.funnel article{flex:1;padding:32px;border:1px solid var(--line);background:rgba(10,11,13,.75)}.funnel>i{display:grid;place-items:center;width:45px;color:#747679;font-style:normal}.funnel span{font-size:11px;color:#747679}.funnel h3{font:500 23px "Manrope";margin:44px 0 12px}.funnel p{color:#96989b;line-height:1.6;margin:0;font-size:14px}.service-cards{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}.service-cards article{padding:45px 50px 45px 0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.service-cards article:nth-child(even){padding-left:50px;border-right:0}.service-cards h3{font:500 29px "Manrope";margin:24px 0 15px}.service-cards p{color:#a2a4a6;line-height:1.65;max-width:540px}.service-cards ul{list-style:none;padding:10px 0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-cards li{font-size:14px;color:#d3d4d5}.service-cards li:before{content:"—";color:#747679;margin-right:9px}.service-cards a{color:#fff;text-decoration:none;border-bottom:1px solid #777;padding-bottom:5px;font-size:14px}.case-study{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center;padding:65px 0;border-top:1px solid var(--line)}.case-study.reverse{grid-template-columns:.9fr 1.1fr}.case-study.reverse .case-visual{order:2}.case-study.reverse .case-copy{order:1}.case-visual .browser{aspect-ratio:1.25}.case-copy h3{font:500 clamp(30px,3vw,48px)/1.1 "Manrope";letter-spacing:-.035em;margin:0 0 34px}.case-copy dl{margin:0 0 30px}.case-copy dl div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.case-copy dt{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#777a7d}.case-copy dd{margin:0;color:#afb1b3;line-height:1.55}.why{background:#0a0b0d}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.why-grid article{padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:245px}.why-grid b{font-size:12px;color:#737578}.why-grid h3{font:500 22px "Manrope";margin:45px 0 14px}.why-grid p{color:#989a9d;line-height:1.65;margin:0;font-size:14px}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,10vw,160px);align-items:center}.about-mark{aspect-ratio:1;background:radial-gradient(circle at 65% 25%,#3b3e42,#101113 55%,#060708);border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.about-mark:before,.about-mark:after{content:"";position:absolute;border:1px solid #383b3e;border-radius:50%;width:70%;height:70%}.about-mark:after{width:45%;height:45%}.about-mark span{font:500 clamp(70px,10vw,150px)/1 "Manrope";letter-spacing:-.08em;color:#d8d9da;z-index:1}.about-mark small{position:absolute;bottom:34px;letter-spacing:.3em;font-size:10px;color:#85878a}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.eyebrow){color:#aaacae;line-height:1.75;max-width:650px}.signature{font:italic 21px Georgia;margin:32px 0}.signature small{display:block;font:400 11px "DM Sans";letter-spacing:.16em;text-transform:uppercase;color:#777a7d;margin-top:8px}.steps-five{grid-template-columns:repeat(5,1fr)}.steps-five article{padding-right:22px}.steps-five article+article{padding-left:22px}.process-promises{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px;color:#c6c8c9;font-size:14px}.pricing{background:#090a0c}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-grid article{padding:40px;border:1px solid var(--line);background:#0c0d0f}.price-grid article.featured{border-color:#797c7f;background:#111315;transform:translateY(-12px)}.price-grid small{color:#8c8e91;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.price-grid h3{font:500 25px "Manrope";margin:24px 0 12px}.price-grid strong{font:500 37px "Manrope"}.price-grid p{color:#97999c;line-height:1.6;min-height:76px}.price-grid span{font-size:13px;color:#d1d2d3}.price-note{text-align:center;color:#747679;font-size:12px;margin:30px 0 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center;width:100%;text-align:left}.contact-inner{max-width:none}.contact h2{text-align:left}.contact-inner>p:not(.eyebrow){margin-left:0!important}.contact-inner ul{list-style:none;padding:0;margin:28px 0 0}.contact-inner li{padding:8px 0;color:#d2d3d4}.contact-inner li:before{content:"✓";margin-right:12px}.analysis-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:36px;border:1px solid #35383b;background:rgba(9,10,12,.85)}.analysis-form label{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#c7c8c9}.analysis-form input,.analysis-form textarea{width:100%;border:1px solid #333639;background:#0c0d0f;color:#fff;padding:15px;font:400 16px "DM Sans";border-radius:0;outline:none}.analysis-form input:focus,.analysis-form textarea:focus{border-color:#9da0a3}.analysis-form textarea{resize:vertical}.analysis-form .full{grid-column:1/-1}.analysis-form button{border:0;justify-content:center;cursor:pointer}.form-note{margin:0!important;color:#777a7d!important;font-size:11px!important;line-height:1.5!important}.local-links{margin-top:22px;font-size:13px}.local-links a{color:#8e9092}
.subpage-header{position:fixed;background:transparent}.subpage{padding:170px var(--pad) 110px;min-height:65vh}.subpage .intro{max-width:900px}.subpage h1{font:600 clamp(45px,6vw,82px)/1.03 "Manrope";letter-spacing:-.05em;margin:0 0 30px}.subpage h1 span{color:#85878a}.subpage .lead{max-width:760px}.subpage-content{padding:90px var(--pad);display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.subpage-content h2{font:500 clamp(34px,4vw,58px)/1.1 "Manrope";letter-spacing:-.04em;margin:0}.prose{color:#aeb0b2;line-height:1.8}.prose h3{color:#fff;font:500 23px "Manrope";margin:42px 0 12px}.prose ul{padding-left:18px}.prose a{color:#fff}.legal-page{max-width:850px}.legal-page h2{font:500 24px "Manrope";margin-top:45px}.legal-note{border:1px solid #6c5a35;background:#18140c;padding:20px;color:#e4d4ae;margin:30px 0}
@media(max-width:980px){.proof-strip{grid-template-columns:1fr 1fr}.problem-grid,.why-grid{grid-template-columns:1fr 1fr}.funnel{display:grid;grid-template-columns:1fr 35px 1fr}.funnel>i:nth-of-type(2){display:none}.service-cards{grid-template-columns:1fr}.service-cards article,.service-cards article:nth-child(even){padding:40px 0;border-right:0}.case-study,.case-study.reverse{grid-template-columns:1fr;gap:38px}.case-study.reverse .case-visual,.case-study.reverse .case-copy{order:initial}.steps-five{grid-template-columns:1fr 1fr}.process-promises{grid-template-columns:1fr 1fr}.price-grid{grid-template-columns:1fr}.price-grid article.featured{transform:none}.contact-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr 1fr}.subpage-content{grid-template-columns:1fr;gap:35px}}
@media(max-width:640px){.proof-strip{grid-template-columns:1fr 1fr;font-size:10px}.problem-grid,.why-grid{grid-template-columns:1fr}.problem-grid article,.problem-grid article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.funnel{grid-template-columns:1fr}.funnel>i{width:auto;height:36px}.service-cards ul{grid-template-columns:1fr}.case-copy dl div{grid-template-columns:1fr;gap:7px}.about{grid-template-columns:1fr}.about-mark{max-width:380px}.steps-five{grid-template-columns:1fr}.process-promises{grid-template-columns:1fr}.analysis-form{grid-template-columns:1fr;padding:24px}.analysis-form label{grid-column:1}.subpage{padding-top:130px}.subpage-content{padding-top:70px;padding-bottom:70px}}
.reviews{background:linear-gradient(135deg,#111315,#08090a)}.reviews-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.reviews h2{margin:0}.reviews h2 span{color:#7e8184}.rating{text-align:right;display:flex;flex-direction:column}.rating strong{font:500 64px/1 "Manrope",sans-serif}.rating span,.stars{letter-spacing:.12em;color:#f2f2f0}.rating small{color:#85878a;margin-top:8px}.review-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.review-grid blockquote{margin:0;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:300px}.review-grid blockquote p{font:400 19px/1.65 "Manrope",sans-serif;letter-spacing:-.01em;margin:28px 0;color:#d6d7d8}.review-grid cite{font-style:normal;text-transform:uppercase;letter-spacing:.12em;color:#777a7d;font-size:10px;margin-top:auto}.about-photo{margin:0;position:relative;overflow:hidden;border:1px solid var(--line);aspect-ratio:1}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:57% center;filter:saturate(.75) contrast(1.04)}.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.75),transparent 35%)}.about-photo figcaption{position:absolute;z-index:1;left:28px;bottom:24px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;color:#d4d5d6}
@media(max-width:640px){.reviews-head{align-items:flex-start;flex-direction:column}.rating{text-align:left}.review-grid{grid-template-columns:1fr}.review-grid blockquote{min-height:0}.about-photo{max-width:440px}}

/* Refined card system and visual storytelling */
.problem-grid,.service-cards,.why-grid,.review-grid{gap:16px;border:0}.problem-grid article,.problem-grid article+article,.service-cards article,.service-cards article:nth-child(even),.why-grid article,.review-grid blockquote{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0d0f11,#08090a);padding:36px;overflow:hidden}.funnel{gap:12px}.funnel article{border-radius:16px;background:linear-gradient(145deg,#101214,#090a0c)}.funnel>i{width:32px}.price-grid article,.analysis-form,.about-photo,.browser{border-radius:16px;overflow:hidden}.steps-five{gap:12px;border:0}.steps-five article,.steps-five article+article{border:1px solid var(--line);border-radius:16px;padding:28px 24px;min-height:245px;background:#090a0c}.process-promises span{border:1px solid var(--line);border-radius:12px;padding:16px;background:#090a0c}.visual-feature{margin:0 var(--pad) 130px;display:grid;grid-template-columns:.72fr 1.28fr;min-height:560px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#090a0c}.visual-feature-copy{padding:clamp(45px,6vw,90px);align-self:center}.visual-feature h2{font:600 clamp(38px,4.6vw,65px)/1.05 "Manrope",sans-serif;letter-spacing:-.045em;margin:0 0 25px}.visual-feature-copy>p:not(.eyebrow){color:#a4a6a9;line-height:1.7}.visual-feature figure{margin:0;position:relative;min-height:420px}.visual-feature figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090a0c 0,transparent 35%)}.visual-feature img{width:100%;height:100%;object-fit:cover}.visual-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.visual-points span{padding:9px 13px;border:1px solid #35383b;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#d0d1d2}.studio-banner{height:clamp(480px,63vw,820px);margin:0;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.studio-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,6,7,.9),transparent 55%),linear-gradient(90deg,rgba(5,6,7,.25),transparent)}.studio-banner img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06)}.studio-banner figcaption{position:absolute;z-index:1;left:var(--pad);bottom:70px;display:flex;flex-direction:column}.studio-banner figcaption span{text-transform:uppercase;letter-spacing:.25em;font-size:10px;color:#b5b7b9}.studio-banner figcaption strong{font:500 clamp(30px,4vw,58px)/1.1 "Manrope",sans-serif;letter-spacing:-.04em;margin-top:15px}
@media(max-width:980px){.funnel{display:flex;flex-direction:column;gap:0}.funnel article{width:100%}.funnel>i,.funnel>i:nth-of-type(2){display:grid!important;width:100%;height:54px;font-size:0;place-items:center}.funnel>i:before{content:"↓";font-size:22px;color:#8b8d90}.visual-feature{grid-template-columns:1fr;margin-bottom:95px}.visual-feature figure{min-height:460px}.visual-feature figure:after{background:linear-gradient(0deg,transparent,#090a0c 100%)}.steps-five{grid-template-columns:1fr 1fr}.steps-five article,.steps-five article+article{padding:26px}}
@media(max-width:640px){.problem-grid article,.problem-grid article+article,.service-cards article,.service-cards article:nth-child(even),.why-grid article,.review-grid blockquote{padding:28px;border-radius:14px}.funnel article{border-radius:14px;padding:30px 28px}.visual-feature{margin-left:var(--pad);margin-right:var(--pad);border-radius:16px}.visual-feature-copy{padding:38px 28px}.visual-feature figure{min-height:330px}.studio-banner{height:540px}.studio-banner img{object-position:64% center}.steps-five{grid-template-columns:1fr}.steps-five article,.steps-five article+article{min-height:0}.price-grid article,.analysis-form,.about-photo,.browser{border-radius:14px}}

/* Portfolio and case studies */
.case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px}.quiet-link{color:#8f9194;text-decoration:none;font-size:13px}.quiet-link:hover{color:#fff}.projects-more{text-align:center;margin-top:55px}.btn.dark{border:1px solid #525559;color:#fff;background:#0c0e10}.portfolio-hero{padding:170px var(--pad) 105px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;border-bottom:1px solid var(--line)}.portfolio-hero h1,.case-hero h1{font:600 clamp(48px,6.7vw,100px)/.98 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.portfolio-hero h1 span,.case-hero h1 span{color:#7f8285}.portfolio-hero .lead{margin:0 0 6px;max-width:570px}.portfolio-list{padding:90px var(--pad) 130px;display:grid;gap:95px}.portfolio-card{display:block;color:#fff;text-decoration:none}.portfolio-card figure{margin:0;border:1px solid #292c2f;border-radius:20px;overflow:hidden;background:#0b0d0f}.portfolio-card img{display:block;width:100%;height:auto;transition:transform .65s ease,filter .65s ease;filter:saturate(.82) brightness(.86)}.portfolio-card:hover img{transform:scale(1.018);filter:saturate(1) brightness(.95)}.portfolio-card-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:34px 4px 0}.portfolio-card-copy h2{font:500 clamp(30px,4vw,55px)/1.08 "Manrope",sans-serif;letter-spacing:-.04em;margin:0}.portfolio-card-copy>p{color:#a3a5a8;line-height:1.7;margin:36px 0 0;max-width:600px}.portfolio-card-copy>span{grid-column:2;color:#fff;font-size:14px;margin-top:-10px}.case-cta{padding:120px var(--pad);text-align:center;background:radial-gradient(circle at 50% 130%,#2c3034,transparent 55%);border-top:1px solid var(--line)}.case-cta h2{font:500 clamp(37px,5vw,70px)/1.06 "Manrope",sans-serif;letter-spacing:-.045em;max-width:960px;margin:0 auto 25px}.case-cta>p:not(.eyebrow){color:#a8aaad;max-width:620px;margin:0 auto 32px;line-height:1.7}.case-hero{padding:175px var(--pad) 100px;display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.case-hero .lead{margin:32px 0 0;max-width:620px}.case-meta{margin:0;border-top:1px solid var(--line)}.case-meta div{display:grid;grid-template-columns:120px 1fr;gap:25px;padding:17px 0;border-bottom:1px solid var(--line)}.case-meta dt{text-transform:uppercase;letter-spacing:.12em;color:#717477;font-size:10px}.case-meta dd{margin:0;color:#d8d9da}.case-meta a{color:#fff;text-decoration:none}.case-cover{margin:0 var(--pad);border:1px solid #2c2f32;border-radius:20px;overflow:hidden;background:#0b0c0e}.case-cover img{display:block;width:100%;height:auto;filter:saturate(.8) brightness(.88)}.case-narrative,.case-outcome{padding:125px var(--pad);display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(60px,10vw,150px);border-bottom:1px solid var(--line)}.case-narrative h2,.case-outcome h2{font:500 clamp(36px,4.8vw,66px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em;margin:0}.case-prose{font-size:18px;line-height:1.8;color:#aeb0b2;padding-top:34px}.case-prose p:first-child{margin-top:0}.case-decisions{padding:120px var(--pad);border-bottom:1px solid var(--line);background:#08090a}.case-decision-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-decision-grid article{padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#101214,#090a0c);min-height:300px}.case-decision-grid span{font-size:11px;color:#747679}.case-decision-grid h3{font:500 22px/1.2 "Manrope",sans-serif;margin:65px 0 16px}.case-decision-grid p{color:#989a9d;line-height:1.65;margin:0;font-size:14px}.case-outcome ul{list-style:none;padding:24px 0 0;margin:0}.case-outcome li{padding:18px 0;border-bottom:1px solid var(--line);color:#d2d3d4;font-size:17px}.case-outcome li:before{content:"✓";margin-right:16px;color:#8f9295}.case-next{padding:90px var(--pad) 110px}.case-next>p{text-transform:uppercase;letter-spacing:.2em;color:#777a7d;font-size:10px}.case-next a{display:flex;justify-content:space-between;align-items:end;gap:30px;color:#fff;text-decoration:none;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-next span{font:500 clamp(27px,4vw,52px)/1.1 "Manrope",sans-serif;letter-spacing:-.04em}.case-next b{font-weight:400;color:#9b9da0;text-align:right}
@media(max-width:980px){.portfolio-hero,.case-hero{grid-template-columns:1fr;gap:45px}.portfolio-card-copy,.case-narrative,.case-outcome{grid-template-columns:1fr;gap:25px}.portfolio-card-copy>span{grid-column:1}.portfolio-card-copy>p{margin-top:0}.case-decision-grid{grid-template-columns:1fr 1fr}.case-prose{padding-top:0}.case-next a{align-items:flex-start;flex-direction:column}.case-next b{text-align:left}}
@media(max-width:640px){.portfolio-hero{padding-top:135px;padding-bottom:75px}.portfolio-list{padding-top:60px;padding-bottom:90px;gap:70px}.portfolio-card figure,.case-cover{border-radius:14px}.portfolio-card-copy{padding-top:24px}.portfolio-card-copy>p{font-size:15px}.case-hero{padding-top:135px;padding-bottom:70px}.case-meta div{grid-template-columns:90px 1fr}.case-cover{margin:0 12px}.case-cover img{width:auto;height:360px;max-width:none;object-fit:cover;object-position:center}.case-narrative,.case-outcome,.case-decisions{padding-top:85px;padding-bottom:85px}.case-prose{font-size:16px}.case-decision-grid{grid-template-columns:1fr}.case-decision-grid article{min-height:0}.case-decision-grid h3{margin-top:45px}.case-next{padding-top:70px;padding-bottom:80px}}

/* Landingpage service and mobile section cleanup */
.services-v2{border-bottom:0}.landing-hero{min-height:760px;padding:170px var(--pad) 110px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 45%,#25292d 0,transparent 32%)}.landing-hero h1{font:600 clamp(52px,7vw,105px)/.94 "Manrope",sans-serif;letter-spacing:-.06em;margin:0 0 32px}.landing-hero h1 span{color:#818487}.landing-signal{justify-self:end;width:min(100%,430px);display:flex;flex-direction:column;padding:38px;border:1px solid #33363a;border-radius:20px;background:rgba(8,9,10,.82)}.landing-signal span,.landing-signal strong{padding:19px 22px;border:1px solid var(--line);border-radius:12px;font:500 18px "Manrope",sans-serif}.landing-signal span{color:#a6a8ab}.landing-signal strong{color:#08090a;background:#f2f2f0}.landing-signal i{font-style:normal;color:#777a7d;text-align:center;height:38px;display:grid;place-items:center}.landing-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-use-grid article{padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#101214,#090a0c);min-height:280px}.landing-use-grid span{font-size:11px;color:#75777a}.landing-use-grid h3{font:500 21px/1.25 "Manrope",sans-serif;margin:60px 0 15px}.landing-use-grid p{color:#96989b;line-height:1.65;margin:0;font-size:14px}.landing-system{background:#090a0b}.landing-system-list{max-width:1050px;margin:0 auto;border-top:1px solid var(--line)}.landing-system-list article{display:grid;grid-template-columns:80px 1fr;gap:25px;padding:36px 0;border-bottom:1px solid var(--line)}.landing-system-list>article>span{color:#737679;font-size:12px;padding-top:5px}.landing-system-list h3{font:500 clamp(23px,3vw,36px)/1.2 "Manrope",sans-serif;margin:0 0 12px}.landing-system-list p{color:#9ea0a3;line-height:1.65;margin:0;max-width:680px}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.scope-grid ul{list-style:none;margin:0;padding:20px 34px;border:1px solid var(--line);border-radius:16px;background:#090a0c}.scope-grid li{padding:18px 0;border-bottom:1px solid var(--line);color:#d0d1d2}.scope-grid li:last-child{border-bottom:0}.scope-grid li:before{content:"—";color:#777a7d;margin-right:14px}.landing-investment{padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;background:linear-gradient(135deg,#121416,#08090a);border-bottom:1px solid var(--line)}.landing-investment h2{font:600 clamp(42px,5.5vw,78px)/1.03 "Manrope",sans-serif;letter-spacing:-.05em;margin:0}.landing-investment h2 span{color:#7e8184}.landing-investment>div:last-child{max-width:570px}.landing-investment>div:last-child p{color:#a7a9ab;line-height:1.75;margin:0 0 30px}.landing-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:110px}
@media(max-width:980px){.landing-hero,.landing-investment{grid-template-columns:1fr;gap:55px}.landing-signal{justify-self:start}.landing-use-grid{grid-template-columns:1fr 1fr}.landing-faq{grid-template-columns:1fr;gap:50px}}
@media(max-width:640px){.services-v2{padding-bottom:70px}.visual-feature{margin-top:0}.landing-hero{min-height:0;padding-top:135px;padding-bottom:80px;background:radial-gradient(circle at 50% 80%,#202428 0,transparent 36%)}.landing-signal{padding:22px;border-radius:14px}.landing-use-grid,.scope-grid{grid-template-columns:1fr}.landing-use-grid article{min-height:0}.landing-use-grid h3{margin-top:45px}.landing-system-list article{grid-template-columns:45px 1fr}.landing-investment{padding-top:85px;padding-bottom:85px}.scope-grid ul{padding:14px 24px}}

/* Complete service pages */
.process-more{text-align:center;margin-top:40px}.service-hero-v2{padding:170px var(--pad) 105px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.service-hero-v2 h1{font:600 clamp(48px,6.25vw,92px)/.99 "Manrope",sans-serif;letter-spacing:-.055em;margin:0 0 30px}.service-hero-v2 h1 span{color:#838689}.service-facts{border-top:1px solid var(--line)}.service-facts>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.service-facts small{text-transform:uppercase;letter-spacing:.13em;color:#76787b;font-size:10px}.service-facts strong{font:500 17px "Manrope",sans-serif}.service-cover{height:clamp(430px,58vw,760px);margin:0 var(--pad);border:1px solid var(--line);border-radius:20px;overflow:hidden}.service-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.8)}.service-cover.seo-cover img{object-position:center;filter:saturate(.6) brightness(.72)}.service-intro-v2{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(60px,10vw,150px)}.service-intro-v2 h2{margin:0}.service-intro-v2>div:last-child{color:#a8aaad;font-size:18px;line-height:1.8;padding-top:35px}.deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.deliverable-grid article{padding:34px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0e1012,#08090a);min-height:290px}.deliverable-grid span{font-size:11px;color:#747679}.deliverable-grid h3{font:500 21px/1.25 "Manrope",sans-serif;margin:58px 0 15px}.deliverable-grid p{color:#96989b;line-height:1.65;margin:0;font-size:14px}.service-steps{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;background:#090a0b}.service-steps h2{margin:0 0 32px}.service-steps ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.service-steps li{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.service-steps li>span{font-size:11px;color:#777a7d;padding-top:5px}.service-steps h3{font:500 22px "Manrope",sans-serif;margin:0 0 8px}.service-steps li p{color:#97999c;margin:0;line-height:1.55}.service-proof{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;align-items:center}.service-proof h2{margin-bottom:25px}.service-proof>div>p:not(.eyebrow){color:#a3a5a8;line-height:1.75;margin-bottom:30px}.mini-cases{display:grid;gap:18px}.mini-cases a{display:block;position:relative;color:#fff;text-decoration:none;border:1px solid var(--line);border-radius:16px;overflow:hidden}.mini-cases img{display:block;width:100%;height:240px;object-fit:cover;filter:saturate(.7) brightness(.72);transition:transform .5s,filter .5s}.mini-cases a:hover img{transform:scale(1.02);filter:saturate(.9) brightness(.82)}.mini-cases span{position:absolute;left:24px;bottom:20px;font:500 17px "Manrope",sans-serif;text-shadow:0 2px 20px #000}.single-case{margin:0;border:1px solid var(--line);border-radius:18px;overflow:hidden}.single-case img{display:block;width:100%;height:auto;filter:saturate(.7) brightness(.78)}.seo-principles{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;background:#090a0b}.seo-principles h2{margin:0}.principle-list{border-top:1px solid var(--line)}.principle-list article{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.principle-list span{color:#747679;font-size:11px;padding-top:4px}.principle-list p{margin:0;color:#c1c2c3;line-height:1.65}.location-links{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.location-links h2{margin-bottom:20px}.location-links>div:first-child>p:not(.eyebrow){color:#999b9e;line-height:1.7}.location-links>div:last-child{border-top:1px solid var(--line)}.location-links a{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);color:#fff;text-decoration:none;font:500 clamp(24px,3vw,38px) "Manrope",sans-serif}.location-links b{font-weight:400;color:#777a7d}.process-hero{padding:175px var(--pad) 100px;display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}.process-hero h1{font:600 clamp(54px,7vw,105px)/.95 "Manrope",sans-serif;letter-spacing:-.06em;margin:0}.process-hero h1 span{color:#808386}.process-hero .lead{margin:0 0 8px}.process-cover{height:clamp(460px,62vw,820px);margin:0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-cover img{width:100%;height:100%;object-fit:cover;filter:saturate(.6) brightness(.67)}.process-detail{padding:30px var(--pad) 0}.process-detail>article{display:grid;grid-template-columns:60px 1fr 1fr;gap:clamp(30px,6vw,90px);padding:90px 0;border-bottom:1px solid var(--line)}.process-detail>article>span{font-size:12px;color:#75777a;padding-top:6px}.process-title h2{font:500 clamp(32px,4vw,56px)/1.08 "Manrope",sans-serif;letter-spacing:-.04em;margin:0}.process-text{color:#a9abae;line-height:1.75;font-size:17px}.process-text p{margin-top:0}.process-text ul{padding:0;margin:28px 0 0;list-style:none}.process-text li{padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;color:#d0d1d2}.process-text li:before{content:"—";color:#777a7d;margin-right:14px}.process-boundaries{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;background:#090a0b}.process-boundaries h2{margin:0}.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.boundary-grid article{padding:30px;border:1px solid var(--line);border-radius:14px;background:#0c0d0f}.boundary-grid b{font:500 20px "Manrope",sans-serif}.boundary-grid p{color:#989a9d;line-height:1.65;margin:28px 0 0;font-size:14px}
@media(max-width:980px){.service-hero-v2,.service-intro-v2,.service-steps,.service-proof,.seo-principles,.location-links,.process-hero,.process-boundaries{grid-template-columns:1fr;gap:50px}.deliverable-grid{grid-template-columns:1fr 1fr}.process-detail>article{grid-template-columns:45px 1fr}.process-text{grid-column:2}.service-cover{height:520px}.process-cover{height:620px}}
@media(max-width:640px){.service-hero-v2,.process-hero{padding-top:135px;padding-bottom:75px}.service-facts>div{grid-template-columns:100px 1fr}.service-cover{height:420px;margin:0 12px;border-radius:14px}.service-cover img{object-position:center}.service-intro-v2>div:last-child{font-size:16px;padding-top:0}.deliverable-grid,.boundary-grid{grid-template-columns:1fr}.deliverable-grid article{min-height:0}.deliverable-grid h3{margin-top:45px}.service-steps li{grid-template-columns:48px 1fr}.mini-cases img{height:180px}.process-cover{height:520px}.process-detail{padding-left:var(--pad);padding-right:var(--pad)}.process-detail>article{grid-template-columns:1fr;padding:70px 0}.process-detail>article>span{font-size:11px}.process-text{grid-column:1;font-size:16px}.location-links a{font-size:25px}}

/* Local pages and system states */
.local-cover img{object-position:center 58%}.portrait-case img{max-height:650px;object-fit:cover;object-position:center 26%}.error-page{min-height:100vh;padding:190px var(--pad) 100px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 78% 48%,#23272b 0,transparent 34%)}.error-page h1{font:500 clamp(54px,4vw,78px)/1.04 "Manrope",sans-serif;letter-spacing:-.05em;max-width:920px;margin:0 0 30px}.error-page>p:not(.eyebrow){max-width:640px;color:#a9abae;font-size:18px;line-height:1.7;margin:0}.error-page .actions{margin-top:38px}
@media(max-width:640px){.portrait-case img{height:430px}.error-page{padding-top:145px}.error-page h1{font-size:clamp(36px,10.2vw,43px);line-height:1.055}.error-page>p:not(.eyebrow){font-size:16px}}

/* Homepage hero: controlled desktop and mobile composition */
.hero{height:clamp(820px,100svh,960px);min-height:820px;display:block}.hero-image{width:min(75%,1530px);object-position:58% center}.hero-shade{background:linear-gradient(90deg,#050607 0%,#050607 22%,rgba(5,6,7,.96) 34%,rgba(5,6,7,.66) 49%,rgba(5,6,7,.18) 72%,rgba(5,6,7,.05)),linear-gradient(0deg,#050607 0%,transparent 24%)}.hero-copy{width:min(100%,1040px);max-width:none;padding:clamp(145px,16vh,180px) 40px 70px var(--pad)}.hero-copy .eyebrow{margin-bottom:22px}.hero h1{max-width:860px;font-size:clamp(54px,4vw,78px);line-height:1.02;margin-bottom:26px}.hero-title-main,.hero-title-accent{display:block}.hero-title-main{color:var(--text)}.hero-title-accent{max-width:820px;color:#9da0a3;margin-top:5px}.hero .lead{max-width:660px;font-size:clamp(16px,1.05vw,18px);line-height:1.62}.hero .actions{margin-top:30px}.hero .microcopy{margin-top:16px}
@media(max-width:1180px){.hero{height:880px;min-height:880px}.hero-image{width:86%;object-position:63% center}.hero-shade{background:linear-gradient(90deg,#050607 0%,#050607 18%,rgba(5,6,7,.94) 34%,rgba(5,6,7,.48) 66%,rgba(5,6,7,.08)),linear-gradient(0deg,#050607 0%,transparent 27%)}.hero-copy{width:min(100%,900px);padding-top:145px}.hero h1{max-width:760px;font-size:clamp(50px,5.25vw,63px)}.hero-title-accent{max-width:720px}.hero .lead{max-width:600px}}
@media(max-width:980px){.hero{height:auto;min-height:820px;padding-bottom:54px}.hero-image{width:100%;height:100%;opacity:1;object-position:66% center}.hero-shade{background:linear-gradient(90deg,#050607 0%,rgba(5,6,7,.9) 37%,rgba(5,6,7,.44) 72%,rgba(5,6,7,.12)),linear-gradient(0deg,#050607 0%,rgba(5,6,7,.22) 54%,rgba(5,6,7,.08))}.hero-copy{width:min(100%,850px);padding:140px var(--pad) 50px}.hero h1{max-width:720px;font-size:clamp(48px,7vw,60px)}.hero .lead{max-width:570px}}
@media(max-width:640px){.hero{min-height:0;padding:0 0 48px}.hero-image{height:390px;top:0;object-position:68% center;filter:brightness(.82)}.hero-shade{background:linear-gradient(0deg,#050607 8%,rgba(5,6,7,.96) 25%,rgba(5,6,7,.42) 61%,rgba(5,6,7,.12) 100%),linear-gradient(90deg,rgba(5,6,7,.76) 0%,rgba(5,6,7,.08) 78%)}.hero-copy{width:100%;padding:245px var(--pad) 0}.hero-copy .eyebrow{max-width:300px;margin-bottom:18px;font-size:10px;line-height:1.55;letter-spacing:.23em}.hero h1{max-width:100%;font-size:clamp(38px,10.6vw,46px);line-height:1.04;letter-spacing:-.05em;margin-bottom:22px}.hero-title-main br{display:none}.hero-title-accent{max-width:360px;margin-top:4px}.hero .lead{max-width:100%;font-size:16px;line-height:1.58}.hero .actions{width:100%;gap:18px;margin-top:26px}.hero .btn{width:100%;justify-content:space-between}.hero .text-link{width:max-content}.hero .microcopy{max-width:330px;font-size:12px;line-height:1.55;margin-top:17px}.proof-strip{padding-top:20px}}
@media(max-width:380px){.hero-image{height:360px}.hero-copy{padding-top:220px}.hero h1{font-size:37px}.hero-copy .eyebrow{max-width:270px}.hero .btn{padding-left:20px;padding-right:20px}}

/* Action hierarchy — prominent CTAs, compact controls and quiet in-card links */
body .btn{min-width:0;justify-content:space-between;padding:17px 24px;border:1px solid #666a6e;border-radius:999px;background:transparent;color:#f4f4f2;font-size:14px;font-weight:500;line-height:1.2;transition:background .25s,border-color .25s,transform .25s,color .25s}body .btn.light{border-color:#f5f5f3;background:#f5f5f3;color:#08090a}body .btn.dark{border-color:#55595d;background:rgba(9,10,12,.38);color:#f4f4f2}body .btn:hover,body .btn.dark:hover{background:#f2f2ef;border-color:#f2f2ef;color:#070809;transform:translateY(-2px)}body .btn.light:hover{background:#fff;border-color:#fff;color:#08090a}body .btn b{font-size:1.08em;font-weight:400}.case-cta .btn,.projects-more .btn{min-width:min(100%,320px);margin-inline:auto;padding:20px 27px;font-size:16px}.service-proof .btn,.landing-investment .btn,.error-page .btn{width:max-content}.hero .btn,.service-hero-v2 .btn,.landing-hero .btn,.portfolio-hero .btn,.case-hero .btn,.process-hero .btn{padding:17px 25px;font-size:14px}

/* Refined project imagery */
.project-mockup{display:block;position:relative;margin:0 34px 38px 0;padding-top:29px;border:1px solid #303337;border-radius:12px;background:#121416;color:#fff;text-decoration:none;box-shadow:0 28px 70px rgba(0,0,0,.38);transition:transform .45s ease,border-color .45s ease}.project-mockup:hover{transform:translateY(-4px);border-color:#55595d}.mockup-bar{position:absolute;inset:0 0 auto;height:29px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid #292c2f;color:#74777a}.mockup-bar i{width:5px;height:5px;border:1px solid #65686c;border-radius:50%}.mockup-bar small{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.08em}.project-mockup>img{display:block;width:100%;height:auto;border-radius:0 0 11px 11px;filter:saturate(.82) brightness(.84);transition:filter .45s ease}.project-mockup:hover>img{filter:saturate(.95) brightness(.92)}.mockup-phone{position:absolute;right:-34px;bottom:-38px;width:25%;aspect-ratio:.54;padding:7px;border:1px solid #3d4145;border-radius:18px;background:#090a0b;box-shadow:0 20px 45px rgba(0,0,0,.55);overflow:hidden}.mockup-phone:before{content:"";position:absolute;z-index:2;top:4px;left:50%;width:28%;height:3px;transform:translateX(-50%);border-radius:99px;background:#34373a}.mockup-phone img{width:100%;height:100%;object-fit:cover;object-position:left center;border-radius:11px;filter:saturate(.75) brightness(.72)}.portfolio-card figure,.case-cover{position:relative;padding-top:26px;border-color:#303337;border-radius:12px;background:#101214;box-shadow:0 24px 65px rgba(0,0,0,.28)}.portfolio-card figure:before,.case-cover:before{content:"•••";position:absolute;inset:0 0 auto;height:26px;display:flex;align-items:center;padding-left:11px;border-bottom:1px solid #292c2f;color:#696c70;font-size:10px;letter-spacing:4px}.portfolio-card img,.case-cover img{border-radius:0 0 11px 11px}.mini-cases a,.single-case{border-radius:12px;border-color:#303337;box-shadow:0 18px 50px rgba(0,0,0,.24)}

/* Multi-step project enquiry */
.multistep-form{display:block;min-height:650px;padding:clamp(28px,4vw,48px)}.form-progress{margin-bottom:44px}.form-progress>div:first-child{display:flex;justify-content:space-between;gap:20px;color:#9b9da0;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.form-progress b{color:#fff;font-weight:500}.progress-track{height:2px;margin-top:16px;background:#272a2d;overflow:hidden}.progress-track i{display:block;width:20%;height:100%;background:#f2f2ef;transition:width .35s ease}.form-step{border:0;padding:0;margin:0;min-width:0;animation:formStepIn .3s ease}.form-step[hidden]{display:none}.form-step:focus{outline:0}.form-step legend{padding:0;font:500 clamp(28px,3vw,42px)/1.12 "Manrope",sans-serif;letter-spacing:-.04em;color:#f2f2f0}.form-step>p{margin:14px 0 30px;color:#929599;line-height:1.65;max-width:620px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-card{position:relative;display:block;cursor:pointer}.choice-card input{position:absolute;opacity:0;pointer-events:none}.choice-card>span{display:flex;min-height:108px;flex-direction:column;justify-content:center;padding:20px 22px;border:1px solid #303337;border-radius:14px;background:#0a0c0e;transition:border-color .2s,background .2s,transform .2s}.choice-card:hover>span{border-color:#6d7074;transform:translateY(-1px)}.choice-card input:focus-visible+span{outline:2px solid #fff;outline-offset:3px}.choice-card input:checked+span{border-color:#d8d9da;background:#151719}.choice-card small{margin-bottom:13px;color:#7d8084;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.choice-card b{font:500 17px/1.3 "Manrope",sans-serif}.choice-card em{margin-top:8px;color:#a0a2a5;font-size:13px;font-style:normal}.package-grid .choice-card:last-child{grid-column:1/-1}.single-field{display:flex;flex-direction:column;gap:10px;color:#c7c8c9;font-size:13px}.single-field input,.contact-fields input{width:100%;border:1px solid #333639;border-radius:12px;background:#0b0d0f;color:#fff;padding:17px 18px;font:400 16px "DM Sans",sans-serif;outline:0}.single-field input:focus,.contact-fields input:focus{border-color:#a8aaad}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-fields label{display:flex;flex-direction:column;gap:9px;color:#c7c8c9;font-size:13px}.contact-fields label small{color:#777a7d}.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin-top:25px;color:#96989b;font-size:12px;line-height:1.55}.consent input{width:18px;height:18px;margin:1px 0 0;accent-color:#f1f1ee}.consent a{color:#fff}.form-navigation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:34px}.form-navigation .btn{width:auto;min-width:148px;margin-left:auto;padding:13px 19px;border-color:#4d5155;background:#121416;font-size:13px;font-weight:400;box-shadow:none}.form-navigation .btn:hover{background:#f2f2ef;border-color:#f2f2ef}.form-back{border:0;background:transparent;color:#9b9da0;padding:15px 0;font:500 14px "DM Sans",sans-serif;cursor:pointer}.form-back:hover{color:#fff}.form-navigation [hidden]{display:none}.multistep-form .form-note{margin-top:20px!important;max-width:620px}.multistep-form .form-submit{width:auto}@keyframes formStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-submit:disabled{cursor:wait;opacity:.66}.form-note.is-error{color:#e6a7a7!important}.multistep-form.is-complete{display:grid;min-height:650px;place-items:center}.multistep-form.is-complete>.form-progress,.multistep-form.is-complete>.form-step,.multistep-form.is-complete>.form-navigation,.multistep-form.is-complete>.form-note{display:none!important}.form-success{max-width:590px;padding:25px 5px;text-align:center;animation:formStepIn .45s ease}.form-success[hidden]{display:none}.form-success>span{display:grid;width:48px;height:48px;margin:0 auto 25px;border:1px solid #55595d;border-radius:50%;place-items:center;color:#f2f2ef;font-size:19px}.form-success .eyebrow{justify-content:center}.form-success h3{margin:18px 0 20px;color:#f2f2ef;font:500 clamp(31px,3.4vw,48px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em}.form-success>p:not(.eyebrow){max-width:520px;margin:0 auto 25px;color:#9b9ea1;font-size:16px;line-height:1.65}.form-success .text-link{margin:0 auto}
@media(max-width:640px){body .btn{width:100%;min-width:0;padding:17px 22px;font-size:14px}.case-cta .btn,.projects-more .btn{min-width:0;padding:18px 23px;font-size:15px}.service-proof .btn,.landing-investment .btn,.error-page .btn{width:100%}.project-mockup{margin:0 18px 28px 0;padding-top:25px;border-radius:10px}.mockup-bar{height:25px}.mockup-phone{right:-18px;bottom:-28px;width:24%;padding:5px;border-radius:12px}.portfolio-card figure,.case-cover{padding-top:23px;border-radius:10px}.portfolio-card figure:before,.case-cover:before{height:23px}.multistep-form{min-height:660px;padding:26px 22px}.form-progress{margin-bottom:34px}.choice-grid,.contact-fields{grid-template-columns:1fr}.package-grid .choice-card:last-child{grid-column:auto}.choice-card>span{min-height:88px;padding:17px 18px}.form-navigation{align-items:center;flex-direction:row}.form-navigation .btn{width:auto;min-width:132px;margin-left:auto;padding:12px 17px;font-size:13px}.form-back{align-self:auto}.form-step legend{font-size:29px}}

/* Complete project gallery */
.project-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(38px,5vw,72px);margin-top:72px;padding-top:72px;border-top:1px solid var(--line)}.project-secondary .project-mockup{margin-right:26px;margin-bottom:46px}.project-secondary-copy{padding-right:26px}.project-secondary-copy .eyebrow{margin-bottom:17px}.project-secondary-copy h3{font:500 clamp(25px,2.6vw,38px)/1.12 "Manrope",sans-serif;letter-spacing:-.035em;margin:0 0 16px}.project-secondary-copy>p:not(.eyebrow){min-height:72px;margin:0 0 22px;color:#9fa1a4;line-height:1.65}.portfolio-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:95px 28px}.portfolio-card figure{overflow:visible}.portfolio-card figure:before{z-index:3}.portfolio-device>img{display:block;width:100%;height:auto;filter:saturate(.82) brightness(.86)}.portfolio-device>span{position:absolute;z-index:2;right:18px;bottom:-28px;width:22%;aspect-ratio:.54;padding:6px;border:1px solid #3d4145;border-radius:16px;background:#08090a;box-shadow:0 18px 42px rgba(0,0,0,.52);overflow:hidden}.portfolio-device>span:before{content:"";position:absolute;z-index:2;top:4px;left:50%;width:28%;height:3px;transform:translateX(-50%);border-radius:99px;background:#34373a}.portfolio-device>span img{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:saturate(.76) brightness(.78)}.portfolio-card-copy{display:block;padding:42px 4px 0}.portfolio-card-copy h2{font-size:clamp(28px,3vw,44px)}.portfolio-card-copy>p{min-height:84px;margin:20px 0 18px}.portfolio-card-copy>span{display:inline-block;margin:0;padding-bottom:5px;border-bottom:1px solid #777}
@media(max-width:980px){.portfolio-list{grid-template-columns:1fr}.portfolio-card-copy>p{min-height:0}.project-secondary-grid{gap:36px}}
@media(max-width:640px){.project-secondary-grid{grid-template-columns:1fr;margin-top:58px;padding-top:58px}.project-secondary .project-mockup{margin-right:18px;margin-bottom:38px}.project-secondary-copy{padding-right:0}.project-secondary-copy>p:not(.eyebrow){min-height:0}.portfolio-list{gap:78px}.portfolio-card-copy{padding-top:36px}.portfolio-device>span{right:10px;bottom:-22px;width:23%;padding:4px;border-radius:12px}.portfolio-card-copy h2{font-size:31px}}

/* Reduced, purposeful motion system */
.site-header{transition:height .32s cubic-bezier(.22,1,.36,1),background-color .32s,border-color .32s,box-shadow .32s,transform .46s cubic-bezier(.22,1,.36,1)}.site-header.is-scrolled{height:74px;background:rgba(5,6,7,.9);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 14px 40px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header .brand{transition:transform .32s cubic-bezier(.22,1,.36,1)}.site-header.is-scrolled .brand{transform:scale(.92);transform-origin:left center}
.hero .hero-copy{opacity:1;transform:none}.js .hero .hero-copy>.eyebrow,.js .hero .hero-title-main,.js .hero .hero-title-accent,.js .hero .lead,.js .hero .actions,.js .hero .microcopy{opacity:0;transform:translate3d(0,18px,0)}.js .hero.motion-ready .hero-copy>.eyebrow,.js .hero.motion-ready .hero-title-main,.js .hero.motion-ready .hero-title-accent,.js .hero.motion-ready .lead,.js .hero.motion-ready .actions,.js .hero.motion-ready .microcopy{animation:hero-reveal .78s cubic-bezier(.22,1,.36,1) forwards}.js .hero.motion-ready .hero-title-main{animation-delay:.08s}.js .hero.motion-ready .hero-title-accent{animation-delay:.16s}.js .hero.motion-ready .lead{animation-delay:.27s}.js .hero.motion-ready .actions{animation-delay:.39s}.js .hero.motion-ready .microcopy{animation-delay:.48s}.js .hero .hero-image{transform:scale(1.025)}.js .hero.motion-ready .hero-image{animation:hero-image-settle 1.35s cubic-bezier(.22,1,.36,1) .04s forwards}@keyframes hero-reveal{to{opacity:1;transform:translate3d(0,0,0)}}@keyframes hero-image-settle{to{transform:scale(1)}}
.js .motion-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--motion-delay,0ms)}.js .motion-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
body .btn b,.text-link b,.header-cta span{display:inline-block;transition:transform .28s cubic-bezier(.22,1,.36,1)}body .btn:hover b,.text-link:hover b,.header-cta:hover span{transform:translateX(4px)}.text-link{transition:border-color .25s,color .25s}.text-link:hover{border-color:#fff}.header-cta{transition:background-color .25s,border-color .25s,color .25s}.header-cta:hover{background:#f2f2ef;border-color:#f2f2ef;color:#070809}
@media(hover:hover){.service-cards article,.why-grid article,.price-grid article,.funnel article{transition:border-color .35s,background-color .35s,box-shadow .35s}.service-cards article:hover,.why-grid article:hover,.price-grid article:hover,.funnel article:hover{border-color:#3f4246;background-color:#0e1012;box-shadow:0 18px 50px rgba(0,0,0,.16)}}
.project-mockup>img,.portfolio-device>img{transform:none;transition:filter .45s ease}.mockup-phone,.portfolio-device>span{transform:none}.project-mockup:hover>img,.portfolio-card:hover .portfolio-device>img{transform:none}
details{overflow:hidden}summary span{transition:transform .28s cubic-bezier(.22,1,.36,1),color .25s}summary:hover span{color:#fff}
@media(max-width:980px){.site-header.is-scrolled{height:68px}.site-header.is-scrolled.open nav{top:68px;height:calc(100vh - 68px)}.js .motion-reveal{transform:translate3d(0,15px,0)}.project-mockup>img,.portfolio-device>img,.project-mockup:hover>img,.portfolio-card:hover .portfolio-device>img,.mockup-phone,.portfolio-device>span{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .hero .hero-copy>*,.js .hero .hero-image,.js .motion-reveal,.reveal{opacity:1!important;transform:none!important}.project-mockup>img,.portfolio-device>img,.mockup-phone,.portfolio-device>span{transform:none!important}}

/* Unified linked CTA system */
:is(a.btn,a.text-link,a.quiet-link,a.header-cta,.service-cards article>a){display:inline-flex;min-width:min(100%,290px);min-height:64px;align-items:center;justify-content:space-between;gap:38px;padding:0 28px;border:1px solid #65696d;border-radius:999px;background:rgba(8,9,10,.24);color:#f4f4f2;text-decoration:none;font:600 16px/1.2 "DM Sans",sans-serif;box-shadow:none;transition:background-color .28s,border-color .28s,color .28s,transform .28s cubic-bezier(.22,1,.36,1)}body :is(a.btn.light,a.btn.dark,a.text-link,a.quiet-link){border-color:#65696d;background:rgba(8,9,10,.24);color:#f4f4f2}:is(a.btn,a.text-link,a.quiet-link,a.header-cta,.service-cards article>a)>:is(b,span:last-child){display:inline-block;flex:0 0 auto;margin-left:auto;font-size:1.18em;font-weight:400;transition:transform .28s cubic-bezier(.22,1,.36,1)}:is(a.btn,a.text-link,a.quiet-link,a.header-cta,.service-cards article>a):hover{border-color:#f2f2ef;background:#f2f2ef;color:#070809;transform:translateY(-2px)}:is(a.btn,a.text-link,a.quiet-link,a.header-cta,.service-cards article>a):hover>:is(b,span:last-child){transform:translateX(4px)}
.actions,.case-actions{gap:14px}.actions:has(a:nth-of-type(2)) a:first-of-type,.case-actions:has(a:nth-of-type(2)) a:first-of-type{border-color:#f2f2ef;background:#f2f2ef;color:#070809}.actions:has(a:nth-of-type(2)) a:first-of-type:hover,.case-actions:has(a:nth-of-type(2)) a:first-of-type:hover{border-color:#fff;background:#fff;color:#070809}.projects-more a.btn,.case-cta a.btn{min-width:min(100%,320px)}.service-cards article>a{min-width:min(100%,250px);margin-top:4px}.process-more a.text-link{min-width:min(100%,330px)}.site-header a.header-cta{min-width:0;min-height:48px;padding:0 21px;font-size:13px;font-weight:500}.portfolio-card-copy>span{display:inline-flex;min-width:min(100%,250px);min-height:58px;align-items:center;justify-content:space-between;padding:0 24px;border:1px solid #65696d!important;border-radius:999px;font-weight:600}.portfolio-card-copy>span:after{content:"→";margin-left:34px;font-size:1.1em;font-weight:400;transition:transform .28s cubic-bezier(.22,1,.36,1)}.portfolio-card:hover .portfolio-card-copy>span:after{transform:translateX(4px)}
@media(max-width:640px){:is(a.btn,a.text-link,a.quiet-link,.service-cards article>a){width:100%;min-width:0;min-height:58px;padding:0 23px;gap:24px;font-size:15px}.actions,.case-actions{width:100%;align-items:stretch;flex-direction:column;gap:12px}.site-header a.header-cta{width:auto}.process-more a.text-link,.projects-more a.btn,.case-cta a.btn{min-width:0}.portfolio-card-copy>span{width:100%;min-width:0;min-height:56px}}

/* Mobile hero balance */
@media(max-width:640px){.hero-copy{padding-top:clamp(190px,52vw,210px)}}

/* Final refinement pass */
html{scroll-padding-top:88px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::selection{background:#f2f2ef;color:#070809}[id]{scroll-margin-top:88px}img{max-width:100%}.menu-btn{cursor:pointer}:where(a,button,input,textarea,summary):focus-visible{outline:2px solid #f2f2ef;outline-offset:4px}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;right:0;bottom:-8px;left:0;height:1px;background:#f2f2ef;transform:scaleX(0);transform-origin:right;transition:transform .28s cubic-bezier(.22,1,.36,1)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.logos{opacity:.9}.logos>span{transition:opacity .25s}.logos>span:hover{opacity:1}.review-grid blockquote,.problem-grid article,.service-cards article,.why-grid article{box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.project-mockup,.portfolio-card figure,.case-cover{isolation:isolate}.about-photo img,.studio-banner img,.visual-feature img{transition:filter .5s ease,transform .7s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.about-photo:hover img,.studio-banner:hover img,.visual-feature:hover img{transform:scale(1.012);filter:saturate(.82) contrast(1.06)}}footer{border-top:1px solid var(--line)}.footer-links a,.footer-legal a,.local-links a{width:max-content;transition:color .2s,transform .2s}.footer-links a:hover,.footer-legal a:hover,.local-links a:hover{color:#fff;transform:translateX(3px)}
@media(max-width:980px){body.menu-open{overflow:hidden}.site-header.open{position:fixed;background:rgba(5,6,7,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.site-header.open nav{overflow-y:auto;border-top:1px solid var(--line);background:rgba(5,6,7,.98)}.site-header.open nav a{font-size:18px;padding:10px 0}.site-header.open nav a:after{display:none}}
@media(max-width:640px){html{scroll-padding-top:76px}[id]{scroll-margin-top:76px}.section-head{margin-bottom:48px}.center-title{margin-bottom:52px!important}.reviews-head{gap:28px;margin-bottom:46px}.rating strong{font-size:54px}.review-grid blockquote p{font-size:17px;line-height:1.62}.faq summary{padding:23px 0;font-size:17px}.studio-banner figcaption{bottom:42px}.form-note,.multistep-form .form-note{font-size:12px!important}.footer-links a,.footer-legal a,.local-links a{width:auto}.site-header.open nav{padding-top:30px}}

/* Premium mobile hierarchy and restrained interaction system */
.eyebrow{font-size:10.5px;letter-spacing:.2em;color:#b6b8ba}
body a.btn{min-width:0;min-height:52px;padding:0 22px;font:500 14px/1.2 "DM Sans",sans-serif}
body a.btn.light{border-color:#f2f2ef;background:#f2f2ef;color:#070809}
body a.btn.dark{border-color:#55595d;background:transparent;color:#f2f2ef}
body a.text-link,body a.quiet-link,.service-cards article>a{width:max-content;min-width:0;min-height:0;gap:16px;padding:7px 0;border:0;border-bottom:1px solid #686b6e;border-radius:0;background:transparent;color:#e5e6e4;font:500 13px/1.2 "DM Sans",sans-serif}
body a.text-link:hover,body a.quiet-link:hover,.service-cards article>a:hover{border-bottom-color:#f2f2ef;background:transparent;color:#fff;transform:none}
.case-actions{align-items:center;gap:28px}
body .case-actions:has(a:nth-of-type(2)) a:first-of-type,body .case-actions:has(a:nth-of-type(2)) a:first-of-type:hover{border:0;border-bottom:1px solid #686b6e;border-radius:0;background:transparent;color:#e5e6e4;transform:none}
.portfolio-card-copy>span{width:max-content;min-width:0;min-height:0;padding:7px 0;border:0!important;border-bottom:1px solid #686b6e!important;border-radius:0;font-size:13px;font-weight:500}
.portfolio-card-copy>span:after{margin-left:18px;font-size:1em}
.projects-more a.btn,.case-cta a.btn{min-width:0;min-height:52px;padding:0 22px;font-size:14px}
.site-header a.header-cta{min-height:44px;padding:0 18px;font-size:12px;font-weight:500}
.mockup-phone,.portfolio-device>span{padding:4px;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:#050607;box-shadow:0 18px 55px rgba(0,0,0,.62),0 0 0 1px rgba(0,0,0,.55)}
.mockup-phone:before,.portfolio-device>span:before{top:3px;width:24%;height:2px;background:#292c2f}
.mockup-phone img,.portfolio-device>span img{border-radius:12px;filter:saturate(.84) brightness(.82)}

/* Economic relevance and case evidence */
.opportunity{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.88fr);gap:clamp(56px,8vw,132px);align-items:center;background:#090a0c}
.opportunity-copy h2{max-width:760px;margin:20px 0 28px;font:500 clamp(43px,4.4vw,68px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em}
.opportunity-copy h2 span{color:#85888c}
.opportunity-copy>p:not(.eyebrow){max-width:680px;color:#aaaeb1;font-size:clamp(16px,1.25vw,19px);line-height:1.72}
.opportunity-copy .opportunity-thesis{margin-top:30px;padding-left:22px;border-left:1px solid #74787c;color:#e0e1df;font-size:clamp(17px,1.35vw,20px);line-height:1.62}
.loss-calculator{position:relative;overflow:hidden;padding:clamp(28px,4vw,48px);border:1px solid #32363a;border-radius:20px;background:linear-gradient(145deg,rgba(28,31,34,.78),rgba(10,12,14,.94) 58%);box-shadow:0 36px 90px rgba(0,0,0,.28)}
.loss-calculator:before{position:absolute;top:-110px;right:-95px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.055);filter:blur(48px);content:"";pointer-events:none}
.calculator-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid #313438}
.calculator-head p{margin:0;color:#f1f1ef;font:500 17px/1.4 "Manrope",sans-serif}
.calculator-head span{color:#7f8387;font-size:10px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.calculator-inputs{display:grid;gap:20px;margin:28px 0}
.calculator-inputs label{display:grid;gap:10px;color:#a7aaad;font-size:13px;line-height:1.45}
.calculator-inputs label>span{display:flex;align-items:center;gap:10px;color:#d7d8d6;font-size:16px}
.calculator-inputs input{width:100%;min-width:0;padding:15px 16px;border:1px solid #383c40;border-radius:11px;outline:0;background:#090b0d;color:#f4f4f1;font:500 17px "DM Sans",sans-serif;transition:border-color .2s,background .2s}
.calculator-inputs input:focus{border-color:#8e9296;background:#0e1012}
.calculator-result{display:grid;grid-template-columns:1fr 1fr;border:1px solid #393d41;border-radius:14px;background:#0b0d0f}
.calculator-result>div{padding:21px 20px}
.calculator-result>div+div{border-left:1px solid #393d41}
.calculator-result span{display:block;margin-bottom:8px;color:#818589;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.calculator-result strong{display:block;color:#f2f2ef;font:500 clamp(24px,2.25vw,34px)/1 "Manrope",sans-serif;letter-spacing:-.035em}
.calculator-note{margin:19px 0 0;color:#777b7f;font-size:11.5px;line-height:1.6}
.case-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:30px 0 26px;overflow:hidden;border:1px solid #303337;border-radius:12px;background:#303337}
.case-proof span{display:flex;min-height:68px;align-items:center;justify-content:center;padding:13px;background:#0b0d0f;color:#aeb1b4;font-size:11px;line-height:1.45;letter-spacing:.07em;text-align:center;text-transform:uppercase}
.case-proof-metrics span{display:block;min-height:82px;padding:15px 10px;text-transform:none;letter-spacing:0}
.case-proof-metrics b{display:block;margin-bottom:6px;color:#f1f1ef;font:500 23px/1 "Manrope",sans-serif;letter-spacing:-.03em}

@media(max-width:980px){
  .opportunity{grid-template-columns:1fr;gap:48px}
  .loss-calculator{width:100%;max-width:760px}
  .site-header,.site-header.is-scrolled{height:72px;grid-template-columns:1fr auto;padding:0 20px}
  .site-header .header-cta{display:none!important}
  .site-header .brand span{font-size:24px;letter-spacing:.24em}
  .site-header .brand small{margin-top:6px;font-size:8px;letter-spacing:.3em}
  .site-header.is-scrolled .brand{transform:none}
  .menu-btn{display:grid;width:42px;height:42px;padding:9px;place-content:center;justify-self:end}
  .menu-btn i{width:21px;margin:4px 0}
  .site-header.open nav,.site-header.is-scrolled.open nav{top:72px;height:calc(100svh - 72px);padding:32px 22px;text-align:center;align-items:center}
}

@media(max-width:640px){
  :root{--pad:20px}
  .hero{height:auto;min-height:760px;padding-bottom:42px;align-items:flex-start}
  .hero-image{top:0;width:100%;height:360px;object-position:64% center;opacity:.52;filter:brightness(.74) saturate(.76)}
  .hero-shade{background:linear-gradient(180deg,rgba(5,6,7,.08) 0%,rgba(5,6,7,.32) 21%,#050607 53%,#050607 100%),linear-gradient(90deg,rgba(5,6,7,.66),rgba(5,6,7,.08) 72%)}
  .hero-copy{width:100%;max-width:none;padding:112px 20px 0;text-align:center}
  .hero-copy .eyebrow{display:inline-flex;max-width:330px;margin:0 auto 18px;justify-content:center;font-size:10px;line-height:1.5;letter-spacing:.17em}
  .hero h1{max-width:390px;margin:0 auto 19px;font-size:clamp(35px,9.5vw,40px);line-height:1.02;letter-spacing:-.048em}
  .hero-title-main,.hero-title-accent{display:block;max-width:none}
  .hero-title-main{color:#f2f2ef!important}
  .hero-title-accent{color:#a7a9ac!important}
  .hero-title-accent{margin-top:5px}
  .hero .lead{max-width:380px;margin:0 auto;font-size:15px;line-height:1.55;color:#c7c8c7}
  .hero .actions{width:100%;margin-top:24px;align-items:center;gap:13px}
  .hero .btn{width:auto;min-height:50px;padding:0 20px;font-size:13.5px}
  .hero .text-link{width:max-content;font-size:13px}
  .hero .microcopy{max-width:340px;margin:14px auto 0;font-size:11.5px;line-height:1.45}

  .eyebrow{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;margin-right:auto;margin-left:auto;font-size:10px;line-height:1.45;letter-spacing:.16em;text-align:center}
  .eyebrow:before{content:"";width:18px;height:1px;flex:0 0 18px;background:#606367}
  .section-head,.reviews-head,.portfolio-hero,.process-hero,.case-hero{text-align:center}
  .section-head>p,.reviews-head>p,.portfolio-hero>.lead,.process-hero>.lead,.case-hero .lead{margin-right:auto;margin-left:auto}
  .section-head h2,.center-title{font-size:clamp(34px,9.2vw,42px);line-height:1.06}
  .logos{grid-template-columns:1fr 1fr;gap:40px 22px;text-align:center}
  .logos>span{align-items:center;justify-content:center}
  .logos .hand{transform:none}
  .proof-strip{grid-template-columns:1fr 1fr;gap:18px 14px;padding:22px 0;font-size:10px;line-height:1.45;letter-spacing:.09em;text-align:center}
  .proof-strip span{justify-content:center}
  .proof-strip span:before{display:none}

  .opportunity{gap:34px;text-align:center}
  .opportunity-copy h2{margin:17px auto 22px;font-size:clamp(34px,9.3vw,41px);line-height:1.04}
  .opportunity-copy>p:not(.eyebrow){margin-right:auto;margin-left:auto;font-size:15px;line-height:1.65}
  .opportunity-copy .opportunity-thesis{margin-top:24px;padding:20px 0 0;border-top:1px solid #3a3d40;border-left:0;color:#d8d9d7;font-size:16px}
  .loss-calculator{padding:24px 20px;border-radius:16px;text-align:left}
  .calculator-head{align-items:flex-start;flex-direction:column;gap:6px;padding-bottom:19px}
  .calculator-head p{font-size:16px}
  .calculator-inputs{margin:23px 0}
  .calculator-inputs input{padding:14px 15px;font-size:16px}
  .calculator-result{grid-template-columns:1fr}
  .calculator-result>div+div{border-top:1px solid #393d41;border-left:0}
  .calculator-result strong{font-size:28px}
  .case-proof{grid-template-columns:1fr;margin:25px 0 22px}
  .case-proof span{min-height:52px}
  .case-proof-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .case-proof-metrics span{min-height:74px;padding:13px 7px;font-size:10px}
  .case-proof-metrics b{font-size:20px}

  body a.btn{width:auto;min-height:50px;padding:0 20px;font-size:13.5px}
  body a.text-link,body a.quiet-link,.service-cards article>a{width:max-content;min-height:0;padding:7px 0;font-size:13px}
  .actions,.case-actions{width:100%;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;gap:10px 24px}
  .projects-more,.case-cta{text-align:center}
  .projects-more a.btn,.case-cta a.btn{width:auto;min-height:50px;padding:0 20px;font-size:13.5px}
  .service-cards article>a{margin-right:auto;margin-left:auto}
  .form-navigation .btn{min-height:44px;min-width:116px;padding:0 17px;font-size:12.5px;font-weight:400}

  .project-mockup,.project-secondary .project-mockup{margin:0 0 30px;padding-top:22px;border-color:#272a2d;border-radius:12px;box-shadow:0 22px 58px rgba(0,0,0,.42)}
  .mockup-bar{height:22px;padding:0 9px;border-bottom-color:#25282b}
  .mockup-bar i{width:4px;height:4px;border-color:#53565a}
  .mockup-bar small{font-size:8px;color:#74777a}
  .project-mockup>img{border-radius:0 0 11px 11px}
  .mockup-phone{right:10px;bottom:-18px;width:19%;padding:3px;border-color:rgba(255,255,255,.22);border-radius:13px;box-shadow:0 14px 34px rgba(0,0,0,.68)}
  .mockup-phone img{border-radius:10px}
  .portfolio-device>span{right:9px;bottom:-18px;width:19%;padding:3px;border-radius:13px}
  .portfolio-device>span img{border-radius:10px}
  .portfolio-card-copy,.project-secondary-copy{text-align:center}
  .portfolio-card-copy>p,.project-secondary-copy>p{margin-right:auto;margin-left:auto}
  .portfolio-card-copy>span{width:max-content;min-height:0;padding:7px 0;font-size:13px}
  .project-secondary-copy .text-link{margin-right:auto;margin-left:auto}
  .case-copy .eyebrow{display:flex}
  .case-copy h3{text-align:center}
  .case-copy dl{text-align:left}
  .case-actions{margin-top:4px}
  .portfolio-list{gap:72px}
}

@media(max-width:380px){
  .hero{min-height:735px}
  .hero-image{height:330px}
  .hero-copy{padding-top:104px}
  .hero h1{font-size:34px}
  .hero .lead{font-size:14.5px}
}

/* V20 — premium labels, project proof and device presentation */
.eyebrow{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:8px;
  margin-bottom:22px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.035);
  color:#c5c7c8;
  font-size:10.5px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:.085em;
  text-transform:none;
}
.eyebrow:before{
  content:"";
  width:4px;
  height:4px;
  flex:0 0 4px;
  border-radius:50%;
  background:#cfd0ce;
  box-shadow:0 0 0 3px rgba(255,255,255,.055);
}
.eyebrow.center{display:flex;margin-right:auto;margin-left:auto}
.hero-title-main>span{display:block;color:inherit}

.trust{padding:72px var(--pad) 86px;background:#070809;border-bottom:1px solid #181a1d}
.trust-heading{display:grid;place-items:center;margin-bottom:34px;text-align:center}
.trust-heading .eyebrow{margin-bottom:13px}
.trust-heading>p:last-child{margin:0;color:#7f8387;font-size:13px;line-height:1.55}
.project-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1500px;margin:0 auto}
.project-proof-card{position:relative;overflow:hidden;min-width:0;border:1px solid #26292d;border-radius:16px;background:linear-gradient(155deg,#111315,#090a0c);color:#fff;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .42s}
.project-proof-card figure{height:clamp(112px,10vw,170px);margin:0;overflow:hidden;border-bottom:1px solid #25282b;background:#111315}
.project-proof-card figure:after{position:absolute;inset:0 0 auto;height:55%;background:linear-gradient(180deg,transparent,rgba(6,7,8,.28));content:"";pointer-events:none}
.project-proof-card img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.72) brightness(.76);transition:transform .65s cubic-bezier(.22,1,.36,1),filter .45s}
.project-proof-card>span{display:grid;grid-template-columns:1fr auto;align-items:end;gap:6px 12px;padding:18px}
.project-proof-card small{grid-column:1/-1;color:#7e8286;font-size:9px;letter-spacing:.11em;text-transform:uppercase}
.project-proof-card b{font:500 clamp(17px,1.35vw,21px)/1.1 "Manrope",sans-serif;letter-spacing:-.025em}
.project-proof-card em{color:#929599;font-size:10.5px;font-style:normal;white-space:nowrap}
@media(hover:hover){.project-proof-card:hover{z-index:2;border-color:#53575b;box-shadow:0 22px 55px rgba(0,0,0,.32);transform:translateY(-5px)}.project-proof-card:hover img{filter:saturate(.95) brightness(.9);transform:scale(1.025)}}

.projects>.section-head{margin-bottom:44px}
.case-study,.case-study.reverse{
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:clamp(44px,6vw,92px);
  margin-top:20px;
  padding:clamp(30px,4vw,58px);
  border:1px solid #24272a;
  border-radius:24px;
  background:linear-gradient(145deg,#0d0f11,#08090b 68%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022),0 32px 90px rgba(0,0,0,.13);
}
.case-study.reverse{grid-template-columns:minmax(340px,.92fr) minmax(0,1.08fr)}
.project-mockup,.project-secondary .project-mockup{
  margin:0;
  padding-top:25px;
  overflow:visible;
  border-color:rgba(255,255,255,.13);
  border-radius:14px;
  background:#0d0f11;
  box-shadow:0 28px 72px rgba(0,0,0,.42);
}
.mockup-bar{height:25px;padding:0 10px;border-bottom-color:rgba(255,255,255,.08)}
.mockup-bar i{width:4px;height:4px;border-color:#5b5e62}
.mockup-bar small{color:#85888b;font-size:8px;letter-spacing:.1em}
.project-mockup>img{border-radius:0 0 13px 13px;filter:saturate(.83) brightness(.88)}
.mockup-phone{
  right:3%;
  bottom:-5%;
  width:18%;
  padding:4px;
  border-color:rgba(255,255,255,.24);
  border-radius:17px;
  background:#050607;
  box-shadow:0 20px 48px rgba(0,0,0,.68),0 0 0 1px rgba(0,0,0,.65);
}
.mockup-phone:before{top:3px;width:23%;height:2px;background:#34373a}
.mockup-phone img{border-radius:13px;filter:saturate(.86) brightness(.88)}
.case-copy h3{margin-bottom:27px}
.case-copy dl{margin-bottom:20px}
.case-copy dl div{padding:15px 0}
.case-proof{margin:23px 0 22px}
.project-secondary-grid{gap:18px;margin-top:26px;padding-top:0;border-top:0}
.project-secondary{padding:clamp(22px,3vw,34px);border:1px solid #24272a;border-radius:20px;background:linear-gradient(145deg,#0d0f11,#08090b)}
.project-secondary .project-mockup{margin-bottom:37px}
.project-secondary-copy{padding-right:0}
.project-secondary-copy>p:not(.eyebrow){min-height:0}

.portfolio-list{gap:24px;padding-top:54px}
.portfolio-card{padding:14px 14px 28px;border:1px solid #24272a;border-radius:20px;background:linear-gradient(145deg,#0d0f11,#08090b);transition:border-color .3s,transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s}
.portfolio-card figure{overflow:visible;border-radius:13px;box-shadow:0 24px 58px rgba(0,0,0,.34)}
.portfolio-card figure:before{border-bottom-color:rgba(255,255,255,.08)}
.portfolio-device>span{right:3%;bottom:-5%;width:18%;padding:4px;border-color:rgba(255,255,255,.24);border-radius:15px;background:#050607;box-shadow:0 17px 40px rgba(0,0,0,.65)}
.portfolio-device>span img{border-radius:11px;filter:saturate(.84) brightness(.86)}
.portfolio-card-copy{padding:37px 8px 0}
.portfolio-card-copy>p{min-height:0;margin:17px 0 18px;color:#9da0a3}
.project-card-facts{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.project-card-facts small{padding:7px 9px;border:1px solid #2e3236;border-radius:999px;background:#0a0c0e;color:#999da0;font-size:9px;letter-spacing:.055em;text-transform:uppercase}
.portfolio-card-copy>span{color:#d8d9d7}
@media(hover:hover){.portfolio-card:hover{border-color:#4b4f53;box-shadow:0 26px 70px rgba(0,0,0,.24);transform:translateY(-4px)}}

.case-cover{overflow:visible;margin-right:clamp(24px,6vw,90px);border-radius:14px;box-shadow:0 34px 90px rgba(0,0,0,.36)}
.case-cover>img{width:100%;height:auto;border-radius:0 0 13px 13px;filter:saturate(.86) brightness(.9)}
.case-cover-phone{position:absolute;z-index:3;right:clamp(-66px,-4vw,-34px);bottom:-7%;width:17%;aspect-ratio:.54;padding:5px;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:#050607;box-shadow:0 25px 58px rgba(0,0,0,.7);overflow:hidden}
.case-cover-phone:before{position:absolute;z-index:2;top:4px;left:50%;width:24%;height:2px;border-radius:99px;background:#34373a;content:"";transform:translateX(-50%)}
.case-cover-phone img{width:100%;height:100%;object-fit:cover;object-position:top left;border-radius:15px;filter:saturate(.88) brightness(.9)}
.case-cover figcaption{position:absolute;right:16px;top:7px;z-index:2;color:#777b7f;font-size:8px;letter-spacing:.09em}
.mini-cases a,.single-case{border-color:#2b2e32;background:#0b0d0f;box-shadow:0 24px 62px rgba(0,0,0,.28)}
.mini-cases img,.single-case img{filter:saturate(.78) brightness(.84)}

@media(max-width:980px){
  .project-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .project-proof-card figure{height:170px}
  .case-study,.case-study.reverse{grid-template-columns:1fr;gap:42px}
  .case-study.reverse .case-visual,.case-study.reverse .case-copy{order:initial}
  .portfolio-list{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .eyebrow,.hero-copy .eyebrow{gap:7px;padding:6px 9px;font-size:9.5px;line-height:1.25;letter-spacing:.065em}
  .eyebrow:before{width:4px;height:4px;flex-basis:4px}
  .hero-title-main>span{display:block}
  .trust{padding:56px var(--pad) 62px}
  .trust-heading{margin-bottom:25px}
  .trust-heading>p:last-child{max-width:310px;font-size:12px}
  .project-proof-grid{grid-template-columns:1fr 1fr;gap:9px}
  .project-proof-card{border-radius:13px}
  .project-proof-card figure{height:104px}
  .project-proof-card>span{display:flex;min-height:92px;align-items:center;flex-direction:column;justify-content:center;gap:5px;padding:13px 8px;text-align:center}
  .project-proof-card small{font-size:7.5px;letter-spacing:.08em}
  .project-proof-card b{font-size:15px}
  .project-proof-card em{font-size:9px;white-space:normal}
  .case-study,.case-study.reverse{gap:34px;margin-top:14px;padding:20px;border-radius:18px}
  .case-copy{text-align:center}
  .case-copy dl{text-align:left}
  .project-mockup,.project-secondary .project-mockup{padding-top:21px;border-radius:11px}
  .mockup-bar{height:21px}
  .project-mockup>img{border-radius:0 0 10px 10px}
  .mockup-phone{right:3%;bottom:-6%;width:17%;padding:3px;border-radius:12px}
  .mockup-phone img{border-radius:9px}
  .project-secondary-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .project-secondary{padding:20px;border-radius:17px}
  .project-secondary .project-mockup{margin-bottom:31px}
  .portfolio-list{grid-template-columns:1fr;gap:18px;padding:42px var(--pad) 82px}
  .portfolio-card{padding:10px 10px 24px;border-radius:17px}
  .portfolio-card-copy{padding:32px 8px 0;text-align:center}
  .portfolio-card-copy .eyebrow,.portfolio-card-copy>span{margin-right:auto;margin-left:auto}
  .project-card-facts{justify-content:center}
  .portfolio-device>span{right:3%;bottom:-5%;width:17%;padding:3px;border-radius:12px}
  .case-cover{margin:0 34px 0 12px;padding-top:22px;border-radius:11px}
  .case-cover>img{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:0 0 10px 10px}
  .case-cover-phone{right:-22px;bottom:-8%;width:18%;padding:3px;border-radius:13px}
  .case-cover-phone img{border-radius:10px}
  .case-cover figcaption{top:6px;right:9px;font-size:7px}
}

/* V21 — consistent white headlines with restrained emphasis */
:is(h1,h2,h3){color:#f2f2ef}
.hero-title-main,.hero-title-main>span{color:#f2f2ef!important}
:is(h1,h2) .headline-accent,.hero-title-accent{
  color:#fff!important;
  background:linear-gradient(105deg,#fff 0%,#fff 58%,#c9cdd1 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 28px rgba(255,255,255,.085);
}
@media(prefers-contrast:more){:is(h1,h2) .headline-accent,.hero-title-accent{-webkit-text-fill-color:#fff;background:none;text-shadow:none}}

/* Emotional consequence statement */
.problem-statement{position:relative;max-width:1120px;margin:clamp(52px,7vw,88px) auto 0;padding:clamp(34px,5vw,62px) clamp(24px,6vw,82px);overflow:hidden;border:1px solid #2b2e32;border-radius:20px;background:radial-gradient(circle at 50% 120%,rgba(255,255,255,.08),transparent 55%),linear-gradient(145deg,#101214,#08090b);text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 28px 75px rgba(0,0,0,.18)}
.problem-statement:before{position:absolute;top:0;left:50%;width:120px;height:1px;background:linear-gradient(90deg,transparent,#9da1a5,transparent);content:"";transform:translateX(-50%)}
.problem-statement p{margin:0 0 15px;color:#898d91;font-size:clamp(14px,1.15vw,17px);letter-spacing:.01em}
.problem-statement strong{display:block;margin:0;color:#f3f3f1;font:500 clamp(27px,3.6vw,52px)/1.15 "Manrope",sans-serif;letter-spacing:-.045em}
.problem-statement strong span{color:#fff;background:linear-gradient(105deg,#fff,#c9cdd1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 28px rgba(255,255,255,.09)}
.problem-statement+.problem-close{max-width:780px;margin:36px auto 0;text-align:center}
@media(max-width:640px){.problem-statement{margin-top:42px;padding:34px 22px;border-radius:16px}.problem-statement p{margin-bottom:12px;font-size:13px}.problem-statement strong{font-size:clamp(25px,7.7vw,32px);line-height:1.18}.problem-statement+.problem-close{margin-top:28px;font-size:16px;line-height:1.55;text-align:center}}
.reveal{opacity:1;transform:none}
/* Editorial quality pass: general reveal stays subtle; dedicated animations may override it. */
.js .hero .hero-copy>.eyebrow,.js .hero .hero-title-main,.js .hero .hero-title-accent,.js .hero .lead,.js .hero .actions,.js .hero .microcopy{opacity:1;transform:none;animation:none}
.problem-statement{background:none;border:0;box-shadow:none;border-radius:0;padding:64px 0 24px;max-width:1000px;margin:40px auto 0;text-align:center}
.problem-statement strong{font-size:clamp(28px,3.4vw,48px);line-height:1.25}
.problem-statement:before{display:none}
section:not(.reviews) .eyebrow{font-size:12px;letter-spacing:.045em;line-height:1.5}
html:not(.js) .multistep-form{display:none}
.why-grid article{background:none;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0}
.steps-five{gap:0;border-top:1px solid var(--line)}
.steps-five article,.steps-five article+article{background:none;box-shadow:none;border:0;border-radius:0;padding:28px 22px 12px;min-height:0}
.steps-five h3{margin:20px 0 12px}
.optional-project{margin:24px 0;text-align:left;border-top:1px solid var(--line)}
.optional-project summary{font-size:15px;gap:12px;align-items:center}
.optional-project summary span{font-size:12px;color:#a7aaad;transform:none!important}
.optional-project select{width:100%;min-width:0;min-height:48px;padding:12px;border:1px solid #44484c;border-radius:10px;background:#0b0d0f;color:#f2f2ef;font:inherit;font-size:16px}
.optional-project .contact-fields{padding-bottom:24px}
.case-detail{margin:70px var(--pad);display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:clamp(32px,7vw,110px);align-items:center}
.case-detail figure{margin:0}.case-detail img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #34373a}
.case-detail figcaption{margin-top:14px;color:#a7aaad;font-size:13px;line-height:1.5}
.case-detail h2{font:500 clamp(28px,3vw,44px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em}
.case-detail ol{padding:0;list-style:none;counter-reset:detail}
.case-detail li{counter-increment:detail;border-top:1px solid var(--line);padding:22px 0;color:#b7babd;line-height:1.65}
.case-detail li:before{content:"0" counter(detail);display:block;color:#999fa5;font-size:13px;margin-bottom:8px}
.case-detail li strong{display:block;color:#fff;font-weight:500;margin-bottom:5px}
@media(max-width:640px){
 .project-mockup .mockup-phone,.portfolio-device>span,.case-cover .case-cover-phone{display:none}
 .project-mockup,.case-visual,.portfolio-device{margin-bottom:0;padding-bottom:0}
 .problem-statement{padding:34px 0 12px}
 .why-grid article{padding:24px 0}
 .steps-five article,.steps-five article+article{padding:22px 0;border-bottom:1px solid var(--line)}
 .steps-five h3{margin:8px 0}.steps-five p{margin:0}
 .case-detail{grid-template-columns:1fr;margin:48px var(--pad);gap:26px}
 .case-detail figure{width:min(100%,320px);margin:auto}
 .case-detail h2{text-align:center}
}
.section[id]{scroll-margin-top:0}
.multistep-form{scroll-margin-top:12px}
.analysis-form label.consent{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:12px;text-align:left}
.analysis-form label.consent input{width:18px;height:18px;margin:3px 0 0;accent-color:#f2f2ef}
.analysis-form label.consent span{font-size:13px;line-height:1.65}
.optional-project summary:after{content:'+';font-size:20px;font-weight:400;margin-left:6px}
.optional-project[open] summary:after{content:'−'}
.optional-project summary span{margin-left:auto}
.section-head h2,.center-title,.contact h2{text-wrap:balance}
.project-mockup>img,.portfolio-device>img,.case-cover>img{filter:none}
.case-copy dd,.project-secondary-copy>p:not(.eyebrow){color:#b4b7ba}
.case-study .case-visual{align-self:start;margin-top:8px}
@media(min-width:981px){.case-study,.case-study.reverse{gap:clamp(32px,4vw,64px)}.section-head{gap:clamp(32px,5vw,72px)}}
@media(max-width:640px){
 .multistep-form{scroll-margin-top:12px;min-height:0}
 .section[id]{scroll-margin-top:0}
 .case-cover{margin-left:var(--pad);margin-right:var(--pad)}
 .case-copy h3{font-size:clamp(25px,7.5vw,32px);overflow-wrap:break-word;text-wrap:balance}
 .project-secondary-copy{text-align:center}
 .project-secondary-copy .text-link{margin-left:auto;margin-right:auto}
 .analysis-form label.consent{grid-template-columns:18px minmax(0,1fr)}
 .optional-project summary{font-size:14px}
}
/* V25: compact hero and a consistent, tactile card system. */
.hero-copy .eyebrow{border:0;background:none;box-shadow:none;padding:0;letter-spacing:.045em;font-size:12px;color:#c0c3c6}
.hero-copy .eyebrow:before{display:none}
.hero h1{max-width:820px;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.hero-title-main,.hero-title-accent{display:block}
.hero .lead{max-width:540px;line-height:1.65}
.hero .microcopy{font-size:13px;color:#a8adb2}
.why-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));border:0}
.why-grid article,.steps-five article,.steps-five article+article{position:relative;min-height:0;border:1px solid #30343a;border-radius:20px;background:linear-gradient(145deg,#15181c 0%,#0c0e11 78%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 32px rgba(0,0,0,.12);padding:30px}
.why-grid article>b,.steps-five article>span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin:0;border:1px solid #3b4148;border-radius:11px;background:#1a1e23;color:#bbc1c8;font-size:12px;font-weight:400;letter-spacing:.04em}
.why-grid h3,.steps-five h3{margin:24px 0 12px;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.why-grid p,.steps-five p{margin:0;font-size:16px;line-height:1.65;color:#b4bac1}
.steps-five{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;border:0}
.steps-five article{grid-column:span 2}
.steps-five article:nth-last-child(-n+2){grid-column:span 3}
.steps-five article:last-child{border:1px solid #424a54;background:linear-gradient(135deg,#1b2026,#101317)}
.process-promises{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 28px;margin-top:28px}
.process-promises span{border:0;background:none;box-shadow:none;padding:6px 0;font-size:13px;color:#aab1b8}
.problem-grid,.service-cards{gap:18px;border:0}
.problem-grid article,.problem-grid article+article,.service-cards article,.service-cards article:nth-child(even){border:1px solid #2d3238;border-radius:20px;background:linear-gradient(145deg,#121519,#0b0d10);padding:30px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.problem-grid h3{margin-top:25px;font-size:21px;line-height:1.3}
.problem-grid p,.service-cards p{font-size:16px;line-height:1.65;color:#b4bac1}
.service-cards h3{margin-top:26px;text-wrap:balance}
.funnel article{border-color:#30363c;background:linear-gradient(145deg,#12161a,#0b0d10);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.price-grid article{border-color:#30363c;background:linear-gradient(145deg,#12161a,#0b0d10)}
.price-grid article.featured{border-color:#616b75;background:linear-gradient(145deg,#20262d,#101419);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.loss-calculator,.multistep-form{border-color:#353b43;background:linear-gradient(145deg,#13171b,#0a0d10);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.faq details{border-color:#30353b}.faq summary{gap:22px;line-height:1.45}.faq summary>span{flex-shrink:0}
@media(hover:hover){.why-grid article:hover,.steps-five article:hover,.problem-grid article:hover{border-color:#4c5660;transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}}
@media(max-width:980px){.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
 .hero{height:auto;min-height:0;padding:0 0 48px}
 .hero-copy{padding:110px 24px 0}
 .hero-copy .eyebrow{display:block;max-width:none;margin:0 auto 22px;padding:0;font-size:11px;line-height:1.5;letter-spacing:.035em}
 .hero h1{max-width:345px;margin:0 auto 22px;font-size:clamp(33px,9.4vw,40px);line-height:1.12;letter-spacing:-.035em}
 .hero-title-main,.hero-title-accent{max-width:100%;text-wrap:balance}
 .hero-title-accent{margin-top:7px}
 .hero .lead{max-width:330px;margin:0 auto;font-size:16px;line-height:1.6}
 .hero .actions{margin-top:27px;justify-content:center}
 .hero .btn{max-width:100%;min-height:48px;padding:0 19px;font-size:13px}
 .hero .microcopy{max-width:290px;margin:15px auto 0;font-size:12px;line-height:1.5}
 .hero-image{height:340px;opacity:.36;object-position:65% top}
 .hero-shade{background:linear-gradient(180deg,rgba(5,6,7,.3),rgba(5,6,7,.68) 30%,#050607 62%)}
 .proof-strip{font-size:11px;letter-spacing:.02em;gap:16px 12px;padding:24px 0}
 .section{padding-top:68px;padding-bottom:68px}
 .section-head{margin-bottom:32px;gap:18px}
 .section-head h2,.center-title,.opportunity-copy h2,.contact h2{font-size:clamp(29px,8.2vw,36px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
 .why-grid,.steps-five{grid-template-columns:1fr;gap:14px}
 .why-grid article,.steps-five article,.steps-five article+article,.steps-five article:nth-last-child(-n+2){grid-column:auto;padding:25px 24px;border:1px solid #30343a;border-radius:18px;min-height:0;text-align:left}
 .why-grid h3,.steps-five h3{margin:18px 0 10px;font-size:22px}
 .why-grid p,.steps-five p{font-size:16px;line-height:1.6}
 .problem-grid article,.problem-grid article+article,.service-cards article,.service-cards article:nth-child(even){padding:25px 24px;border:1px solid #30343a;border-radius:18px}
 .problem-grid h3{margin-top:20px}
 .service-cards h3{font-size:clamp(22px,6vw,27px);line-height:1.25;overflow-wrap:anywhere}
 .case-study,.case-study.reverse,.project-secondary{padding:16px;border-color:#30343a}
 .case-copy dl div{padding:14px 0}.case-copy dd{font-size:15px;line-height:1.65}
 .case-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
 .case-proof span{min-height:0;padding:8px 10px;font-size:11px;border-radius:8px}
 .process-promises{gap:9px 20px;align-items:center}.process-promises span{font-size:12px}
 .price-grid article{padding:28px 24px}.price-grid strong{font-size:34px}
 .contact-grid{gap:32px}.multistep-form{padding:26px 20px}
 .form-step legend{font-size:25px;line-height:1.25;text-wrap:balance}
 .choice-card>span{min-height:60px;padding:15px 16px}
}
/* V26: targeted corrections from the mobile screenshots. */
.hero .hero-title-accent{background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;color:#fff!important;text-shadow:0 0 24px rgba(255,255,255,.07);padding-bottom:.12em;overflow:visible}
.hero h1{overflow:visible}
@media(max-width:640px){
 .reviews-head{align-items:center;text-align:center}
 .reviews-head>div{width:100%}
 .reviews-head .rating{align-items:center;text-align:center;margin:0 auto}
 .reviews-head .rating span{padding-left:.12em}
 .case-proof{background:transparent;border:0;box-shadow:none;overflow:visible;border-radius:0}
 .case-proof span{border:1px solid #30343a;background:#101317;color:#b8bec5}
 .hero h1{line-height:1.16}
}
/* Approved logo direction 5, with its presentation margins outside the frame. */
/* Screens stay flush with their frames; only the complete presentation lifts. */
.project-mockup,.portfolio-device,.case-cover{min-width:0}
.project-mockup>img,.portfolio-device>img,.case-cover>img{
  display:block;width:100%;max-width:100%;height:auto;
  transform:none;clip-path:inset(0 round 0 0 10px 10px);
}
.portfolio-card:hover .portfolio-device img{transform:none}
.mockup-phone img,.portfolio-device>span img,.case-cover-phone img{
  display:block;object-position:top center;transform:none;
}
.mockup-bar{border-radius:inherit;background:#0d0f11;z-index:1}
@media(min-width:981px){
  .project-mockup,.portfolio-card figure,.case-cover{box-shadow:0 18px 48px rgba(0,0,0,.3)}
  .mockup-phone,.portfolio-device>span{bottom:12px;right:12px;box-shadow:0 12px 30px rgba(0,0,0,.4)}
  .case-cover-phone{right:18px;bottom:18px;box-shadow:0 16px 38px rgba(0,0,0,.4)}
}
a.brand{display:flex;position:relative;flex:none;width:178px;align-items:center;line-height:1;letter-spacing:normal}
a.brand .brand-image{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain}
.site-header.is-scrolled a.brand{width:164px}
footer a.brand{width:205px}
@media(max-width:640px){.site-header a.brand,.site-header.is-scrolled a.brand{width:154px}footer a.brand{width:190px}}

/* HERO conversion journey v29 */
.method .center-title{margin-bottom:28px!important}.journey-intro{max-width:650px;margin:0 auto 58px;text-align:center;color:#969a9e;line-height:1.7}.conversion-journey{position:relative;max-width:1220px;margin:0 auto;padding:42px;border:1px solid #2b3035;border-radius:24px;background:radial-gradient(circle at 50% 100%,rgba(54,62,70,.24),transparent 52%),linear-gradient(145deg,#0e1114,#080a0c);overflow:hidden}.journey-track{position:absolute;left:7%;right:7%;top:76px;height:1px;background:#2b3035}.journey-progress{display:block;width:0;height:100%;background:#e8e9e7;box-shadow:0 0 18px rgba(255,255,255,.28);transition:width .65s cubic-bezier(.22,1,.36,1)}.journey-dot{position:absolute;z-index:3;left:7%;top:70px;width:13px;height:13px;border:2px solid #090b0d;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.08),0 0 22px rgba(255,255,255,.35);transform:translateX(-50%);transition:left .65s cubic-bezier(.22,1,.36,1)}.journey-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.journey-step{min-width:0;padding-top:56px;opacity:.35;transform:translateY(5px);transition:opacity .45s,transform .55s}.journey-step.is-active{opacity:1;transform:none}.journey-step .journey-node{position:absolute;top:27px;width:9px;height:9px;margin-left:2px;border-radius:50%;background:#4b5055;box-shadow:0 0 0 6px #0c0f11;transition:background .4s,transform .4s}.journey-step.is-active .journey-node{background:#fff;transform:scale(1.15)}.journey-step small{display:block;margin-bottom:16px;color:#6f7479;font-size:10px;letter-spacing:.12em}.journey-step h3{margin:0 0 9px;font:500 17px/1.25 "Manrope",sans-serif;letter-spacing:-.02em}.journey-step p{margin:0;color:#85898d;font-size:12px;line-height:1.55}.journey-status{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:40px;padding-top:24px;border-top:1px solid #282d31}.journey-status-copy span{display:block;margin-bottom:6px;color:#74797d;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.journey-status-copy strong{font:500 16px "Manrope",sans-serif}.journey-result{display:flex;align-items:center;gap:10px;padding:10px 15px;border:1px solid #353b40;border-radius:999px;color:#aeb2b5;font-size:12px}.journey-result i{width:7px;height:7px;border-radius:50%;background:#62676b;transition:background .35s,box-shadow .35s}.conversion-journey.is-complete .journey-result{color:#fff;border-color:#5b6268}.conversion-journey.is-complete .journey-result i{background:#fff;box-shadow:0 0 12px rgba(255,255,255,.6)}
@media(max-width:980px){.conversion-journey{padding:34px}.journey-track,.journey-dot{display:none}.journey-steps{grid-template-columns:repeat(2,1fr);gap:10px}.journey-step{position:relative;padding:22px;border:1px solid #262b2f;border-radius:14px;background:#0a0d0f}.journey-step .journey-node{position:static;display:block;margin:0 0 25px}.journey-step small{margin-bottom:10px}}
@media(max-width:640px){.journey-intro{margin-bottom:36px}.conversion-journey{padding:18px;border-radius:18px}.journey-steps{grid-template-columns:1fr}.journey-step{padding:22px}.journey-status{align-items:flex-start;flex-direction:column}.journey-result{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.journey-step,.journey-progress,.journey-dot{transition:none!important}}

/* V30 — purposeful motion system */
/* Projects: depth and device choreography */
.case-visual{perspective:1400px}.project-mockup{--project-y:0px;--project-tilt:0deg;transform:translate3d(0,var(--project-y),0) rotateX(var(--project-tilt));transform-origin:50% 70%;transition:transform .18s linear,border-color .35s ease}.project-mockup .mockup-phone{--phone-y:0px;transform:translate3d(0,var(--phone-y),0);transition:transform .18s linear}.case-study.motion-active .project-mockup{border-color:#4b535b}
/* Services: each card gets a small live UI signal, not a decorative icon */
.service-cards article{position:relative;overflow:hidden}.service-cards article::before{content:"";display:block;width:100%;height:3px;margin:0 0 27px;border-radius:10px;background:linear-gradient(90deg,#5c6268 0 22%,#272c31 22% 100%);background-size:220% 100%;background-position:100% 0;transition:background-position 1.1s cubic-bezier(.22,1,.36,1)}.service-cards article.is-visible::before{background-position:0 0}.service-cards article::after{content:"";position:absolute;right:26px;top:25px;width:7px;height:7px;border-radius:50%;background:#5b6166;box-shadow:0 0 0 0 rgba(255,255,255,.14)}.service-cards article.is-visible::after{animation:heroSignal 2.8s ease-out .7s infinite}@keyframes heroSignal{0%,35%{box-shadow:0 0 0 0 rgba(255,255,255,.16)}70%,100%{box-shadow:0 0 0 10px rgba(255,255,255,0)}}
/* Why HERO: proof cards light up sequentially as one connected system */
.why-grid{position:relative}.why-grid article{position:relative;overflow:hidden}.why-grid article::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#9ca2a7;opacity:.7;transition:width .9s cubic-bezier(.22,1,.36,1) var(--proof-delay,0ms)}.why-grid.motion-active article::after{width:100%}.why-grid article:nth-child(2){--proof-delay:90ms}.why-grid article:nth-child(3){--proof-delay:180ms}.why-grid article:nth-child(4){--proof-delay:270ms}.why-grid article:nth-child(5){--proof-delay:360ms}.why-grid article:nth-child(6){--proof-delay:450ms}
/* Process: animated hand-off between project stages */
.steps-five{position:relative}.steps-five article{position:relative}.steps-five article span{position:relative;z-index:2}.steps-five article span::after{content:"";position:absolute;inset:-8px;border:1px solid #5d646a;border-radius:50%;opacity:0;transform:scale(.7)}.steps-five.motion-active article span::after{animation:stagePing .65s cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--stage-delay,0ms)}.steps-five article:nth-child(2){--stage-delay:150ms}.steps-five article:nth-child(3){--stage-delay:300ms}.steps-five article:nth-child(4){--stage-delay:450ms}.steps-five article:nth-child(5){--stage-delay:600ms}@keyframes stagePing{to{opacity:.75;transform:scale(1)}}
/* Reviews: restrained breathing emphasis when proof enters */
.reviews.motion-active .rating{animation:proofLift .8s cubic-bezier(.22,1,.36,1) both}@keyframes proofLift{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:980px){.project-mockup,.project-mockup .mockup-phone{transform:none!important}.service-cards article::before{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.service-cards article::after,.steps-five article span::after,.reviews .rating{animation:none!important}.why-grid article::after{width:100%;transition:none}.project-mockup,.project-mockup .mockup-phone{transform:none!important;transition:none!important}}

/* v31 — homepage narrative / strategy comparison */
.strategy-compare{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin:44px 0 22px}.strategy-card{border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:28px;background:rgba(255,255,255,.035)}.strategy-card.muted{opacity:.68}.strategy-card.hero-way{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border-color:rgba(255,255,255,.2)}.strategy-card small{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:22px;opacity:.65}.strategy-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:20px}.strategy-flow span{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:13px}.strategy-flow b{opacity:.35;font-weight:500}.strategy-card p{margin:0;max-width:620px;opacity:.7;line-height:1.65}.strategy-statement{text-align:center;font-size:clamp(22px,3vw,38px);line-height:1.2;max-width:900px;margin:38px auto 54px;letter-spacing:-.03em}.strategy-statement strong{display:block;font-weight:600}.why-grid{margin-top:0}@media(max-width:760px){.strategy-compare{grid-template-columns:1fr;margin-top:30px}.strategy-card{padding:22px;border-radius:20px}.strategy-flow{gap:7px}.strategy-flow span{font-size:12px;padding:8px 10px}.strategy-statement{margin:30px auto 40px}.strategy-card.muted{opacity:.58}}

/* V32 — mobile polish, premium project stage, sharper HERO differentiation */
@media(max-width:640px){
  /* Services: replace the desktop progress rail with a quiet numbered accent. */
  .service-cards article::before{width:42px;height:2px;margin:0 0 22px;background:#747b82;background-size:auto;transition:none}
  .service-cards article::after{display:none}
  .service-cards article.is-visible::before{background-position:initial}

  /* Contact: the last step becomes a clean surface instead of an oversized box. */
  .contact-grid{gap:28px}
  .multistep-form{min-height:0;padding:24px 20px 22px;border-radius:18px}
  .form-step[data-step="3"]>p{margin-bottom:24px}
  .analysis-form label.consent{grid-template-columns:20px minmax(0,1fr);gap:12px;margin-top:22px;padding:16px;border:1px solid #30353b;border-radius:14px;background:#0b0e11}
  .analysis-form label.consent input{width:20px;height:20px;margin:1px 0 0}
  .analysis-form label.consent span{font-size:12.5px;line-height:1.55}
  .form-navigation{margin-top:24px;padding-top:20px;border-top:1px solid #2b3035}
  .form-navigation .btn{min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:#f2f2ef;border-bottom:1px solid #747a80}
  .form-navigation .btn:hover{background:transparent;color:#fff;border-bottom-color:#fff}
  .form-back{font-size:13px}
  .multistep-form .form-note{margin-top:18px!important;padding-top:17px;border-top:1px solid #22272c;font-size:11px!important;line-height:1.55!important}
}

/* Project presentation: framed editorial canvas instead of a generic browser screenshot. */
@media(min-width:981px){
  .case-visual{padding:clamp(20px,2.2vw,34px);border:1px solid #262b30;border-radius:24px;background:radial-gradient(circle at 72% 12%,rgba(255,255,255,.055),transparent 28%),linear-gradient(145deg,#11151a,#080a0d 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 35px 90px rgba(0,0,0,.24)}
  .project-mockup,.project-secondary .project-mockup{padding-top:0;border:0;border-radius:15px;background:#090b0d;box-shadow:0 34px 75px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.09);transform:rotate(-1.1deg)}
  .case-study.reverse .project-mockup{transform:rotate(1.1deg)}
  .project-mockup .mockup-bar{position:absolute;z-index:3;top:12px;left:50%;width:44%;height:24px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(10,12,14,.82);backdrop-filter:blur(12px);transform:translateX(-50%)}
  .project-mockup .mockup-bar i{display:none}
  .project-mockup .mockup-bar small{width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;color:#9da3a8}
  .project-mockup>img{display:block;border-radius:15px;box-shadow:none}
  .project-mockup .mockup-phone{display:block;right:-4.5%;bottom:-7%;width:19%;padding:5px;border:1px solid rgba(255,255,255,.2);border-radius:23px;background:#050607;box-shadow:0 28px 65px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.8);transform:rotate(3deg)}
  .case-study.reverse .project-mockup .mockup-phone{right:auto;left:-4.5%;transform:rotate(-3deg)}
  .project-mockup .mockup-phone img{border-radius:18px}
  .project-secondary .project-mockup{transform:none}
}

/* Why HERO: make the strategic gap explicit rather than merely listing features. */
.strategy-compare{align-items:stretch}
.strategy-card{position:relative}
.strategy-card.muted{opacity:.78}
.strategy-card.muted::after{content:"Design zuerst";position:absolute;right:20px;top:18px;padding:6px 9px;border:1px solid #34393e;border-radius:999px;color:#777e84;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.strategy-card.hero-way::after{content:"Wirkung zuerst";position:absolute;right:20px;top:18px;padding:6px 9px;border:1px solid #596169;border-radius:999px;background:#171b1f;color:#dce0e3;font-size:9px;letter-spacing:.09em;text-transform:uppercase}
.strategy-statement{max-width:850px}
.why-difference{display:grid;grid-template-columns:.82fr 1.18fr;gap:18px;margin:34px 0 22px}
.why-difference>div{padding:28px;border:1px solid #30353b;border-radius:20px;background:linear-gradient(145deg,#111419,#0a0c0f)}
.why-difference small{display:block;margin-bottom:13px;color:#7e858b;font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.why-difference h3{margin:0 0 12px;font:500 22px/1.25 "Manrope",sans-serif;letter-spacing:-.025em}
.why-difference p{margin:0;color:#aeb4b9;font-size:15px;line-height:1.65}
.why-difference .hero-outcome{border-color:#4a525a;background:radial-gradient(circle at 90% 0,rgba(255,255,255,.06),transparent 34%),linear-gradient(145deg,#171b20,#0b0e11)}
@media(max-width:720px){
  .why-difference{grid-template-columns:1fr;margin:26px 0 18px}
  .why-difference>div{padding:23px;border-radius:17px}
  .strategy-card.muted::after,.strategy-card.hero-way::after{position:static;display:inline-flex;margin:13px 0 0}
}

/* v33 — pricing as an offer / decision section */
.offer-grid{align-items:stretch;gap:20px}.price-card{position:relative;display:flex;flex-direction:column;padding:38px!important}.price-card.featured{transform:translateY(-10px);border-color:#747d86!important}.price-badge{position:absolute;right:24px;top:20px;padding:7px 10px;border:1px solid #4b535b;border-radius:999px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#d8dadd;background:#181c20}.price-card h3{margin:22px 0 10px}.price-card>strong{display:block;margin-bottom:20px;letter-spacing:-.04em}.price-purpose{min-height:0!important;margin:0 0 24px!important}.price-goal{padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.price-goal span{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em;color:#777b7f!important}.price-goal b{font:500 14px/1.45 "Manrope";color:#e5e6e7}.price-includes{list-style:none;margin:22px 0 24px;padding:0;display:grid;gap:10px}.price-includes li{font-size:13px;color:#c5c7c9;line-height:1.45;padding-left:18px;position:relative}.price-includes li:before{content:"✓";position:absolute;left:0;color:#777d83}.price-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.price-meta span{font-size:11px!important;color:#989b9e!important;border:1px solid #303438;border-radius:999px;padding:7px 10px}.price-link{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);text-decoration:none;color:#fff;font-size:13px}.price-link b{font-size:16px;font-weight:400}.pricing-assurance{max-width:780px;margin:38px auto 0;text-align:center;padding:25px 28px;border-top:1px solid var(--line)}.pricing-assurance strong{font:500 16px "Manrope"}.pricing-assurance p{margin:9px auto 0;color:#7f8285;font-size:12px;line-height:1.65;max-width:680px}
@media(max-width:980px){.price-card.featured{transform:none}.price-purpose{max-width:650px}.price-badge{position:static;align-self:flex-start;margin-bottom:16px}}
@media(max-width:640px){.offer-grid{gap:14px}.price-card{padding:28px 24px!important}.price-card>strong{font-size:33px}.price-meta{gap:6px}.pricing-assurance{margin-top:26px;padding:22px 12px}.price-link{font-size:14px}}

/* v34 — separator-free visual rhythm + icon-led lists */
:root{--rhythm-lg:clamp(54px,7vw,92px);--rhythm-md:clamp(28px,4vw,48px)}
/* Remove ornamental separator rules; hierarchy is created with spacing instead. */
.service-facts,.service-facts>div,.service-steps ol,.service-steps li,.principle-list,.principle-list article,.location-links>div:last-child,.location-links a,.process-cover,.process-detail>article,.process-text li,.process-detail>article:last-child,.case-detail li,.steps-five,.steps-five article,.steps-five article+article,.why-grid article,.optional-project,.price-goal,.price-link,.pricing-assurance,.journey-status,.calculator-head,.calculator-result>div+div,.opportunity-copy .opportunity-thesis{border-top:0!important;border-bottom:0!important}
.service-facts{display:grid;gap:20px}.service-facts>div{padding:0;gap:20px}
.service-steps ol,.principle-list{display:grid;gap:26px}.service-steps li,.principle-list article{padding:0}
.location-links>div:last-child{display:grid;gap:22px}.location-links a{padding:0}
.process-cover{border:0}.process-detail{padding-top:var(--rhythm-md)}.process-detail>article{padding:var(--rhythm-lg) 0 0}.process-detail>article:first-child{padding-top:40px}.process-text ul{display:grid;gap:16px}.process-text li{padding:0}
.case-detail ol,.case-detail ul{display:grid;gap:18px}.case-detail li{padding:0}
.price-goal{padding:0;margin:2px 0 4px}.price-link{padding-top:0;margin-top:26px}.pricing-assurance{padding-top:0}.journey-status{padding-top:0}.calculator-head{padding-bottom:0}.opportunity-copy .opportunity-thesis{padding-top:0}

/* Icon-led list language used across the complete site. */
ul:not(.footer-links):not(.footer-legal):not(.local-links) li.hero-icon-item,
ol li.hero-icon-item{position:relative;min-height:34px;padding-left:48px!important;display:flex;align-items:center}
.hero-list-icon{position:absolute;left:0;top:50%;width:34px;height:34px;transform:translateY(-50%);display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);color:#e6e8e9}
.hero-list-icon svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.service-cards ul,.process-text ul,.price-includes,.case-detail ul{display:grid!important;gap:15px!important}
.service-cards li,.process-text li,.price-includes li,.case-detail li{border:0!important}
.service-cards li:before,.process-text li:before,.price-includes li:before{content:none!important}

/* Preserve cards, but remove animated lines that read as dividers. */
.service-cards article::before,.why-grid article::after{display:none!important}

/* Cleaner spacing between stacked content blocks on mobile. */
@media(max-width:640px){
 .service-cards ul,.process-text ul,.price-includes,.case-detail ul{gap:17px!important}
 .service-cards article{padding-top:27px!important}
 .process-detail>article{padding:66px 0 0!important}
 .process-detail>article:first-child{padding-top:26px!important}
 .service-steps ol,.principle-list{gap:34px}
 .service-steps li,.principle-list article{gap:14px}
 .price-goal{margin:4px 0 10px;padding:0}
 .price-link{margin-top:28px}
 .pricing-assurance{margin-top:38px}
 ul:not(.footer-links):not(.footer-legal):not(.local-links) li.hero-icon-item,ol li.hero-icon-item{padding-left:46px!important;min-height:36px}
 .hero-list-icon{width:34px;height:34px}
}

/* v35 — section rhythm: no separator rules, centered editorial composition */
.section{border-bottom:0}
.services-feature{border-bottom:0}
.trust{border-bottom:0}
/* Keep the header rule and all functional/card/list borders; only section separators are removed. */

/* Soft transitions only where adjacent sections intentionally change tone */
.statement,.testimonial,.contact{position:relative}
.statement:before,.testimonial:before,.contact:before{content:"";position:absolute;left:0;right:0;top:-72px;height:72px;pointer-events:none;background:linear-gradient(to bottom,rgba(5,6,7,0),rgba(11,12,14,.72))}
.testimonial:before{background:linear-gradient(to bottom,rgba(5,6,7,0),rgba(13,15,17,.7))}
.contact:before{background:linear-gradient(to bottom,rgba(5,6,7,0),rgba(18,20,22,.42))}

/* Consistent centered presentation across marketing pages */
main .section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
main .section-head>div,main .section-head>p{margin-left:auto;margin-right:auto;max-width:780px}
main .section-head h2,main .section-head .eyebrow{text-align:center}
main .section> .eyebrow,main .section>h1,main .section>h2,main .section> .lead{text-align:center;margin-left:auto;margin-right:auto}
main .section .actions,main .section .process-more,main .section .projects-more{justify-content:center;text-align:center}

/* Detail/service pages: center intros and major explanatory blocks, keep long-form copy readable */
.page-hero .hero-copy,.sub-hero .hero-copy,.service-hero .hero-copy{margin-left:auto;margin-right:auto;text-align:center}
.page-hero .actions,.sub-hero .actions,.service-hero .actions{justify-content:center}
.service-detail-head,.detail-head,.page-intro{text-align:center;margin-left:auto;margin-right:auto}
.service-detail-head p,.detail-head p,.page-intro p{margin-left:auto;margin-right:auto}

/* Cards stay internally readable; their groups sit symmetrically */
.pricing-assurance{text-align:center;margin-left:auto;margin-right:auto}
.pricing-assurance p{margin-left:auto;margin-right:auto}
.process-promises{justify-content:center}
.reviews-head{text-align:center;justify-content:center}
.rating{text-align:center}
.about-copy .eyebrow,.about-copy .signature{ text-align:center }
.about-copy .text-link{margin-left:auto;margin-right:auto}

@media(max-width:760px){
  main .section-head{gap:16px;margin-bottom:52px}
  main .section{padding-top:92px;padding-bottom:92px}
  .statement:before,.testimonial:before,.contact:before{top:-48px;height:48px}
}


/* v36 — cinematic section blending + premium centered composition */
:root{--glow:rgba(132,159,187,.18);--glow-soft:rgba(112,137,163,.10)}
main{overflow:hidden;background:#060708}
main>.section{position:relative;isolation:isolate;background-color:transparent!important}
main>.section>*{position:relative;z-index:2}
/* broad light fields overlap section edges, so there is no visible hard color cut */
main>.section::before{content:"";position:absolute;z-index:0;pointer-events:none;left:-12vw;right:-12vw;top:-150px;height:300px;background:radial-gradient(ellipse at 50% 50%,var(--glow-soft) 0,rgba(45,55,66,.055) 34%,transparent 72%);filter:blur(14px);opacity:.9}
main>.section::after{content:"";position:absolute;z-index:0;pointer-events:none;left:-10vw;right:-10vw;bottom:-170px;height:340px;background:radial-gradient(ellipse at 50% 50%,rgba(116,146,178,.13) 0,rgba(42,50,60,.05) 38%,transparent 73%);filter:blur(20px);opacity:.72}
main>.section:nth-of-type(3n+1)::before{background:radial-gradient(ellipse at 35% 50%,rgba(105,130,155,.12),transparent 70%)}
main>.section:nth-of-type(3n+2)::after{background:radial-gradient(ellipse at 68% 50%,rgba(120,146,173,.11),transparent 72%)}
/* Remove the old short transition overlays — the new fields blend across both sections. */
.statement:before,.testimonial:before,.contact:before{display:none!important}

/* Project presentation: device-first, editorial, not a boxed dashboard. */
.projects{padding-bottom:clamp(120px,11vw,180px)!important}
.case-study,.case-study.reverse{border:0!important;background:transparent!important;box-shadow:none!important;padding:clamp(52px,6vw,84px) 0!important;margin-top:12px!important;align-items:center}
.case-study+.case-study{margin-top:clamp(38px,5vw,72px)!important}
.case-visual{position:relative;padding:clamp(18px,2.5vw,34px)}
.case-visual:before{content:"";position:absolute;inset:4% -5% -5%;background:radial-gradient(ellipse at 50% 55%,rgba(139,161,185,.16),transparent 65%);filter:blur(22px);pointer-events:none}
.project-mockup,.project-secondary .project-mockup{border-color:rgba(255,255,255,.16)!important;box-shadow:0 38px 100px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.025)!important}
.project-secondary-grid{margin-top:clamp(50px,7vw,90px)!important}
.project-secondary{border:0!important;background:transparent!important;padding:18px!important}
.projects-more{margin-top:70px!important}

/* Reviews: centered proof block with floating cards and cinematic background. */
.reviews{padding-top:clamp(130px,12vw,190px)!important;padding-bottom:clamp(130px,12vw,190px)!important}
.reviews::before{height:520px!important;top:-250px!important;background:radial-gradient(ellipse at 50% 42%,rgba(138,166,195,.22),rgba(77,94,112,.09) 34%,transparent 72%)!important;filter:blur(18px)!important}
.reviews-head{display:flex!important;flex-direction:column;align-items:center!important;gap:30px!important;margin-bottom:62px!important}
.reviews-head>div{text-align:center}.rating{text-align:center!important;align-items:center}.rating strong{font-size:clamp(58px,6vw,82px)}
.review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0!important;max-width:1500px;margin:0 auto}
.review-grid blockquote{min-height:290px;padding:30px;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px;background:linear-gradient(150deg,rgba(18,21,25,.82),rgba(7,9,11,.68));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 70px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.review-grid blockquote p{font-size:16px;line-height:1.65;margin:22px 0}.review-grid cite{text-transform:none;letter-spacing:.02em;font-size:11px;color:#9da3a9}

/* The economic section becomes a calm centered beat instead of a hard new panel. */
.opportunity{grid-template-columns:1fr!important;text-align:center;gap:48px!important;padding-top:clamp(130px,12vw,190px)!important;padding-bottom:clamp(130px,12vw,190px)!important}
.opportunity-copy{max-width:900px;margin:0 auto}.opportunity-copy h2{margin:20px auto 28px!important}.opportunity-copy>p:not(.eyebrow){margin-left:auto!important;margin-right:auto!important}.loss-calculator{width:min(100%,880px);margin:0 auto;text-align:left}

/* Case-study pages: replace ruled lists and awkward columns with clean, spacious rows. */
.case-narrative,.case-outcome,.case-decisions{border-bottom:0!important;position:relative}
.case-outcome{align-items:start}
.case-outcome ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px!important;padding-top:34px!important}
.case-outcome li{position:relative;padding:24px 24px 24px 70px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:16px;background:rgba(255,255,255,.018);font-size:16px!important;line-height:1.55}
.case-outcome li:before{position:absolute;left:22px;top:22px;width:32px;height:32px;margin:0!important;display:grid;place-items:center;content:"✓";border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(255,255,255,.035);font-size:14px}
.case-detail{align-items:start}
.case-detail ol{display:grid!important;gap:26px!important}
.case-detail li{position:relative;padding:0 0 0 58px!important;border:0!important;color:#aeb3b8;min-height:42px}
.case-detail li:before{position:absolute;left:0;top:1px;width:38px;height:38px;display:grid;place-items:center;margin:0!important;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.018));color:#b8bec4;font-size:10px}
.case-detail li strong{font-size:17px;line-height:1.45;margin:0 0 5px!important}
.case-next a{border-top:0!important;border-bottom:0!important;border-radius:18px;padding:28px!important;background:rgba(255,255,255,.025)}

/* Section-to-section rhythm: generous but not empty. */
main>.section+ .section{margin-top:0}
@media(max-width:980px){
 .review-grid{grid-template-columns:repeat(2,1fr)}
 .case-study,.case-study.reverse{grid-template-columns:1fr!important;gap:34px!important}
 .case-study.reverse .case-visual,.case-study.reverse .case-copy{order:initial!important}
 .case-copy{text-align:center}.case-copy dl{text-align:left}.case-actions{justify-content:center}.case-proof{justify-content:center}
}
@media(max-width:640px){
 main>.section{padding-top:100px!important;padding-bottom:100px!important}
 main>.section::before{top:-105px;height:230px;left:-45vw;right:-45vw;filter:blur(12px)}
 main>.section::after{bottom:-120px;height:250px;left:-45vw;right:-45vw;filter:blur(16px)}
 .projects{padding-bottom:120px!important}.case-study,.case-study.reverse{padding:42px 0!important}.case-visual{padding:8px 4px 24px}.case-copy h3{font-size:34px}.project-secondary-grid{grid-template-columns:1fr!important}
 .reviews{padding-top:130px!important;padding-bottom:130px!important}.reviews::before{top:-180px!important;height:390px!important}.review-grid{grid-template-columns:1fr;gap:14px}.review-grid blockquote{min-height:0;padding:26px}.review-grid blockquote p{font-size:17px}.reviews-head{margin-bottom:44px!important}
 .opportunity{padding-top:125px!important;padding-bottom:125px!important}.opportunity-copy h2{font-size:43px!important}.loss-calculator{border-radius:20px}
 .case-outcome{grid-template-columns:1fr!important}.case-outcome ul{grid-template-columns:1fr!important;gap:12px!important}.case-outcome li{padding:20px 18px 20px 62px!important}.case-outcome li:before{left:17px;top:18px}
 .case-detail{gap:38px!important}.case-detail h2{font-size:36px!important;line-height:1.08!important}.case-detail ol{gap:28px!important}.case-detail li{padding-left:54px!important;font-size:16px;line-height:1.62}.case-detail li strong{font-size:18px}
}
/* V37: mobile headline composition — preserve copy, improve hierarchy and rhythm. */
@media(max-width:640px){
  .hero-copy{padding-left:24px;padding-right:24px;text-align:center}
  .hero h1{width:100%;max-width:360px;margin-left:auto;margin-right:auto;font-size:clamp(36px,10.2vw,43px);line-height:1.055;letter-spacing:-.047em;text-align:center}
  .hero-title-main,.hero-title-accent{display:block;max-width:100%;text-wrap:balance}
  .hero-title-main{font-weight:520}
  .hero-title-accent{max-width:330px;margin:12px auto 0;color:#aeb3b8!important;-webkit-text-fill-color:#aeb3b8;text-shadow:none;font-weight:430}
  .problem-statement{max-width:360px;margin:42px auto 0;padding:42px 0 20px;text-align:center}
  .problem-statement p{margin:0 auto 20px;color:#8f949a;font-size:13px;line-height:1.4;letter-spacing:.01em}
  .problem-statement strong{max-width:355px;margin:0 auto;font-size:clamp(30px,8.5vw,37px);line-height:1.09;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
  .problem-statement strong br{display:block}
  .problem-statement strong span{display:block;max-width:330px;margin:12px auto 0;color:#aeb3b8;background:none;-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#aeb3b8;text-shadow:none;font-weight:430}
}

/* v38 — mobile cinematic section transitions. Inspired by the approved mobile reference:
   continuous dark canvas, overlapping horizon glows, no rectangular colour cuts. */
@media(max-width:640px){
  main{position:relative;background:
    radial-gradient(120% 16% at 50% 18%,rgba(77,98,120,.08),transparent 72%),
    radial-gradient(110% 14% at 50% 49%,rgba(79,102,126,.07),transparent 72%),
    radial-gradient(120% 15% at 50% 79%,rgba(72,94,116,.065),transparent 74%),
    #060708!important}
  main>.section{overflow:visible;isolation:isolate;background:transparent!important}
  /* neutralise the broad rectangular v36 haze on mobile */
  main>.section::before{display:none!important}
  main>.section::after{
    content:"";display:block!important;position:absolute;z-index:1;pointer-events:none;
    left:-42vw;right:-42vw;bottom:-92px;height:184px;
    border-radius:50% 50% 0 0/100% 100% 0 0;
    background:
      radial-gradient(ellipse at 50% 100%,rgba(177,205,232,.24) 0,rgba(113,145,176,.13) 9%,rgba(67,87,107,.055) 28%,transparent 62%);
    border-top:1px solid rgba(177,208,238,.20);
    box-shadow:0 -7px 25px rgba(123,158,192,.10),0 -22px 65px rgba(76,101,126,.075);
    filter:blur(.15px);opacity:.78;transform:translateZ(0)
  }
  /* varied horizons keep the page organic rather than repetitive */
  main>.section:nth-of-type(3n+1)::after{left:-55vw;right:-24vw;bottom:-104px;height:205px;opacity:.68;transform:rotate(-1.8deg)}
  main>.section:nth-of-type(3n+2)::after{left:-25vw;right:-58vw;bottom:-86px;height:174px;opacity:.62;transform:rotate(1.6deg)}
  main>.section:nth-of-type(3n)::after{left:-48vw;right:-48vw;bottom:-100px;height:198px;opacity:.72}
  /* important story beats get the brighter approved-reference horizon */
  main>.funnel-section::after,main>.projects::after,main>.reviews::after,main>.opportunity::after{
    background:radial-gradient(ellipse at 50% 100%,rgba(201,222,243,.30) 0,rgba(126,158,190,.16) 8%,rgba(65,86,108,.06) 29%,transparent 64%);
    border-top-color:rgba(193,220,246,.27);box-shadow:0 -8px 28px rgba(139,176,211,.13),0 -28px 80px rgba(78,104,131,.09)
  }
  /* the next section begins inside the preceding glow, creating overlap rather than a seam */
  main>.section+ .section{margin-top:0!important;padding-top:132px!important}
  main>.section+ .section>*{position:relative;z-index:2}
  /* no arc after the final contact section */
  main>.contact::after{display:none!important}
  /* proof strip belongs to the hero and must not read as a separate rectangular band */
  .proof-strip{position:relative;z-index:3;background:linear-gradient(to bottom,rgba(6,7,8,.98),rgba(6,7,8,.72),rgba(6,7,8,0))!important;border-bottom:0!important;padding-bottom:58px!important}
  /* Reviews had its own large pseudo glow; keep atmosphere but prevent it from fighting the horizon. */
  .reviews::before{display:block!important;z-index:0!important;left:-55vw!important;right:-55vw!important;top:5%!important;height:58%!important;border:0!important;border-radius:50%!important;background:radial-gradient(ellipse at 50% 50%,rgba(98,125,153,.11),transparent 67%)!important;box-shadow:none!important;filter:blur(28px)!important;opacity:.8!important}
}

/* v40 — v38 composition/rhythm + v39 black-first colour system.
   IMPORTANT: this block intentionally changes colour/tone only. No margins, padding,
   gaps, dimensions, grid templates or typography are modified here. */
:root{
  --black:#050607;
  --black-soft:#070809;
  --surface:#0a0c0f;
  --surface-2:#0d1013;
  --hairline:rgba(255,255,255,.075);
  --hairline-soft:rgba(255,255,255,.045);
  --accent-glow:rgba(116,145,175,.11);
}

body,main{background:var(--black)!important}
main{background:var(--black)!important}
main>.section{background:var(--black)!important;border-bottom:0!important}

/* Remove the broad v36/v38 section haze. Atmosphere is local and restrained. */
main>.section::before,main>.section::after{display:none!important}

/* Mixed transition language: mostly uninterrupted black, a few quiet hairlines. */
main>.why.section,
main>.about.section,
main>.pricing.section,
main>.faq.section{border-top:1px solid var(--hairline)!important}

/* Selected story beats get a contained, subtle tonal field — never a grey section fill. */
main>.method.section,
main>.reviews.section,
main>.contact.section{
  background:
    radial-gradient(80% 55% at 50% 48%,rgba(92,113,134,.075) 0,rgba(45,56,67,.035) 35%,transparent 72%),
    var(--black)!important;
}
main>.opportunity.section{
  background:
    radial-gradient(72% 52% at 50% 44%,rgba(86,106,126,.055),transparent 70%),
    var(--black)!important;
}

/* Tonal contrast belongs to components, while the page canvas remains black. */
.service-cards article,
.why-grid article,
.steps-five article,
.price-grid article,
.review-grid blockquote,
.loss-calculator,
.strategy-card,
.why-difference>div{
  background:linear-gradient(145deg,rgba(15,18,21,.94),rgba(7,9,11,.98))!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.price-card.featured,.price-grid article.featured{
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(145deg,#111419,#090b0d)!important;
}

@media(max-width:640px){
  body,main{background:var(--black)!important}
  main>.section{background:var(--black)!important}
  main>.section::before,main>.section::after{display:none!important}
  .proof-strip{background:var(--black)!important;border-bottom:0!important}

  main>.why.section,
  main>.about.section,
  main>.pricing.section,
  main>.faq.section{border-top:1px solid var(--hairline)!important}

  main>.method.section,
  main>.reviews.section,
  main>.contact.section{
    background:
      radial-gradient(120% 52% at 50% 50%,rgba(95,116,138,.07),transparent 70%),
      var(--black)!important;
  }
  main>.opportunity.section{
    background:
      radial-gradient(120% 46% at 50% 42%,rgba(82,102,123,.05),transparent 72%),
      var(--black)!important;
  }
}

/* V42 — Editorial projects + subpage design system aligned with the homepage. */

/* Homepage projects: large editorial proof blocks instead of portfolio cards. */
.projects-editorial{padding-top:150px!important;padding-bottom:150px!important;background:#050607!important;overflow:hidden}
.projects-editorial-head{max-width:980px;margin:0 auto 120px;text-align:center}
.projects-editorial-head h2{margin:0 auto 28px;max-width:980px;font-size:clamp(48px,5.2vw,76px);line-height:1.04;letter-spacing:-.052em;text-wrap:balance}
.projects-editorial-head>p:last-child{max-width:680px;margin:0 auto;color:#aeb2b6;font-size:18px;line-height:1.75}
.editorial-cases{display:grid;gap:170px;max-width:1500px;margin:0 auto}
.editorial-case{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:clamp(64px,7vw,118px);align-items:center}
.editorial-case.is-reverse{grid-template-columns:minmax(360px,.65fr) minmax(0,1.35fr)}
.editorial-case.is-reverse .editorial-visual{order:2}
.editorial-case.is-reverse .editorial-copy{order:1}
.editorial-visual{position:relative;padding:50px 34px 72px;isolation:isolate}
.editorial-visual:before{content:"";position:absolute;z-index:-2;inset:3% -5% -4%;border-radius:50%;background:radial-gradient(ellipse at 50% 52%,rgba(95,122,149,.14) 0,rgba(47,61,76,.07) 36%,transparent 72%);filter:blur(22px)}
.editorial-visual:after{content:"";position:absolute;z-index:-1;left:8%;right:8%;bottom:1%;height:42%;border-radius:50%;background:radial-gradient(ellipse at 50% 100%,rgba(134,163,190,.11),transparent 67%);filter:blur(22px)}
.editorial-mockup{margin:0 5.5% 0 0!important;transform:perspective(1400px) rotateX(.3deg) rotateY(-.6deg);box-shadow:0 38px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.025);transition:transform .55s ease,box-shadow .55s ease}
.editorial-case.is-reverse .editorial-mockup{transform:perspective(1400px) rotateX(.3deg) rotateY(.6deg)}
@media(hover:hover){.editorial-case:hover .editorial-mockup{transform:perspective(1400px) translateY(-5px) rotateX(0) rotateY(0);box-shadow:0 46px 110px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.035)}}
.editorial-copy{max-width:500px}
.editorial-copy .eyebrow{margin-bottom:22px;color:#959ba1;letter-spacing:.16em}
.editorial-copy h3{margin:0;font:500 clamp(38px,3.25vw,54px)/1.06 "Manrope",sans-serif;letter-spacing:-.045em;text-wrap:balance}
.editorial-statement{margin:26px 0 28px;color:#afb4b9;font-size:17px;line-height:1.75}
.editorial-proof{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 30px}
.editorial-proof span{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.018);color:#c4c8cc;font-size:12px;line-height:1.2}
.editorial-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.editorial-actions .text-link{border-bottom-color:rgba(255,255,255,.55)}
.projects-closing{max-width:850px;margin:170px auto 0;padding:88px 30px 16px;text-align:center;position:relative}
.projects-closing:before{content:"";position:absolute;left:50%;top:0;width:160px;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent)}
.projects-closing h3{max-width:760px;margin:0 auto 34px;font:500 clamp(36px,4vw,58px)/1.08 "Manrope",sans-serif;letter-spacing:-.045em;text-wrap:balance}
.projects-closing .btn{min-width:220px;justify-content:space-between}

/* Shared subpage canvas: black first, atmospheric accents only where they add depth. */
.subsite{background:#050607!important;color:#f2f2f0}
.subsite main{background:#050607!important;overflow:hidden}
.subsite main>section{position:relative;background:#050607;border-bottom:0}
.subsite .site-header:not(.is-scrolled):not(.open){border-bottom-color:transparent;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.subsite .eyebrow{color:#aeb4ba;letter-spacing:.19em}
.subsite .headline-accent,.subsite h1 span{color:#9da3a9!important}
.subsite .section{padding-top:140px;padding-bottom:140px}
.subsite .section h2{font-size:clamp(42px,4.6vw,68px);font-weight:500;line-height:1.06;letter-spacing:-.045em;text-wrap:balance}
.subsite .lead{color:#b7bcc1;line-height:1.72}
.subsite .btn.dark{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.18)}
.subsite .text-link{border-bottom-color:rgba(255,255,255,.42)}

/* Service / local page heroes. */
.subsite .service-hero-v2,
.subsite .process-hero,
.subsite .portfolio-hero,
.subsite .case-hero,
.subsite .landing-hero{
  min-height:720px;
  padding-top:190px;
  padding-bottom:125px;
  border-bottom:0!important;
  background:
    radial-gradient(58% 64% at 83% 50%,rgba(83,104,125,.105),transparent 70%),
    #050607!important;
}
.subsite .service-hero-v2:after,
.subsite .process-hero:after,
.subsite .portfolio-hero:after,
.subsite .case-hero:after,
.subsite .landing-hero:after{
  content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.11) 20%,rgba(255,255,255,.11) 80%,transparent)
}
.subsite .service-hero-v2 h1,
.subsite .process-hero h1,
.subsite .portfolio-hero h1,
.subsite .case-hero h1,
.subsite .landing-hero h1{
  max-width:920px;font-size:clamp(54px,4vw,78px);font-weight:500;line-height:1.02;letter-spacing:-.05em;text-wrap:balance
}
.subsite .service-facts,.subsite .case-meta{border-top:0;padding:26px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(145deg,rgba(15,18,21,.9),rgba(8,10,12,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.subsite .service-facts>div,.subsite .case-meta div{padding:17px 2px;border-bottom-color:rgba(255,255,255,.07)}
.subsite .service-facts>div:last-child,.subsite .case-meta div:last-child{border-bottom:0}

/* Large visual covers: closer to the homepage device/project presentation. */
.subsite .service-cover,
.subsite .process-cover,
.subsite .case-cover{
  position:relative;border-color:rgba(255,255,255,.08);border-radius:24px;background:#0b0d0f;box-shadow:0 40px 100px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.025);overflow:hidden
}
.subsite .service-cover,.subsite .case-cover{margin-top:18px;margin-bottom:32px}
.subsite .service-cover:before,.subsite .case-cover:before{content:"";position:absolute;z-index:2;inset:auto 4% -18% 4%;height:42%;border-radius:50%;background:radial-gradient(ellipse,rgba(111,139,167,.11),transparent 68%);filter:blur(28px);pointer-events:none}
.subsite .service-cover img,.subsite .process-cover img,.subsite .case-cover img{filter:saturate(.82) brightness(.83) contrast(1.02)}

/* Content rhythm: generous whitespace, no generic grey blocks. */
.subsite .service-intro-v2,
.subsite .service-proof,
.subsite .seo-principles,
.subsite .location-links,
.subsite .process-boundaries,
.subsite .case-narrative,
.subsite .case-outcome{
  background:#050607!important;border-bottom:0!important
}
.subsite .service-intro-v2,
.subsite .service-proof,
.subsite .seo-principles,
.subsite .location-links,
.subsite .process-boundaries,
.subsite .case-narrative,
.subsite .case-outcome{gap:clamp(70px,9vw,145px)}
.subsite .service-intro-v2>div:last-child,.subsite .case-prose{color:#aeb4ba;font-size:18px;line-height:1.85}

/* Feature / deliverable cards use the same quiet card language as the homepage. */
.subsite .deliverable-grid,
.subsite .landing-use-grid,
.subsite .boundary-grid,
.subsite .case-decision-grid{gap:18px}
.subsite .deliverable-grid article,
.subsite .landing-use-grid article,
.subsite .boundary-grid article,
.subsite .case-decision-grid article{
  min-height:0!important;padding:34px;border:1px solid rgba(255,255,255,.085);border-radius:20px;
  background:linear-gradient(145deg,rgba(15,18,21,.95),rgba(7,9,11,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.022)
}
.subsite .deliverable-grid article>span,
.subsite .landing-use-grid article>span,
.subsite .case-decision-grid article>span{
  display:inline-grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.025);color:#b9c0c7
}
.subsite .deliverable-grid h3,.subsite .landing-use-grid h3,.subsite .case-decision-grid h3{margin:42px 0 14px;font-size:22px;line-height:1.28}
.subsite .deliverable-grid p,.subsite .landing-use-grid p,.subsite .boundary-grid p,.subsite .case-decision-grid p{color:#a6acb2;font-size:15px;line-height:1.7}

/* Process / SEO lists: remove the old spreadsheet feel. */
.subsite .service-steps,.subsite .seo-principles,.subsite .process-boundaries,.subsite .landing-system{background:#050607!important}
.subsite .service-steps ol,.subsite .principle-list,.subsite .landing-system-list{border-top:0;display:grid;gap:14px}
.subsite .service-steps li,.subsite .principle-list article,.subsite .landing-system-list article{
  border:1px solid rgba(255,255,255,.075)!important;border-radius:16px;padding:25px 26px!important;background:rgba(255,255,255,.018)
}
.subsite .service-steps li{grid-template-columns:48px 1fr}
.subsite .service-steps li>span,.subsite .principle-list span,.subsite .landing-system-list>article>span{padding-top:4px;color:#899099}
.subsite .service-steps h3{font-size:22px}
.subsite .service-steps li p,.subsite .principle-list p,.subsite .landing-system-list p{color:#a8aeb4;line-height:1.68}

/* Proof / mini-cases. */
.subsite .mini-cases{gap:20px}
.subsite .mini-cases a,.subsite .single-case{border-color:rgba(255,255,255,.08);border-radius:20px;background:#0a0c0e;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.subsite .mini-cases img,.subsite .single-case img{filter:saturate(.82) brightness(.84)}
.subsite .mini-cases span{font-size:19px;left:26px;bottom:23px}

/* Region / related-page links as premium navigation tiles. */
.subsite .location-links>div:last-child{border-top:0;display:grid;gap:12px}
.subsite .location-links a{padding:25px 26px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(255,255,255,.016);font-size:clamp(23px,2.4vw,34px);transition:background .25s,border-color .25s,transform .25s}
@media(hover:hover){.subsite .location-links a:hover{transform:translateY(-2px);background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.14)}}

/* Process detail: individual chapters instead of divider-heavy rows. */
.subsite .process-detail{padding-top:80px;padding-bottom:80px}
.subsite .process-detail>article{max-width:1400px;margin:0 auto 18px;padding:54px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(145deg,rgba(14,17,20,.82),rgba(7,9,11,.96));grid-template-columns:58px .9fr 1.1fr}
.subsite .process-detail>article:last-child{margin-bottom:0}
.subsite .process-text li{border-bottom:0;padding:7px 0;color:#c7cbd0}
.subsite .process-text li:before{content:"↳";color:#78818a;margin-right:12px}

/* Landingpage-specific systems. */
.subsite .landing-signal{border-color:rgba(255,255,255,.095);background:linear-gradient(145deg,rgba(15,18,21,.92),rgba(8,10,12,.95));border-radius:22px;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 28px 80px rgba(0,0,0,.28)}
.subsite .landing-signal span,.subsite .landing-signal strong{border-color:rgba(255,255,255,.08)}
.subsite .scope-grid{gap:18px}
.subsite .scope-grid ul{padding:24px 30px;border-color:rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.018)}
.subsite .scope-grid li{border-bottom-color:rgba(255,255,255,.06)}
.subsite .landing-investment{padding-top:145px;padding-bottom:145px;border-bottom:0;background:radial-gradient(60% 90% at 18% 55%,rgba(84,104,124,.08),transparent 72%),#050607}
.subsite .landing-investment:before{content:"";position:absolute;left:var(--pad);right:var(--pad);top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}

/* Portfolio overview: one large story per row, matching homepage reference treatment. */
.subsite .portfolio-list{grid-template-columns:1fr!important;gap:145px;padding-top:120px;padding-bottom:150px}
.subsite .portfolio-card{max-width:1400px;margin:0 auto}
.subsite .portfolio-card figure{border-color:rgba(255,255,255,.075);border-radius:24px;background:#0a0c0e;box-shadow:0 38px 100px rgba(0,0,0,.32)}
.subsite .portfolio-card-copy{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;padding:42px 8px 0}
.subsite .portfolio-card-copy h2{font-size:clamp(38px,4vw,58px)}
.subsite .portfolio-card-copy>p{min-height:0;margin:0;color:#aab0b6;font-size:17px;line-height:1.75}
.subsite .portfolio-card-copy>span{grid-column:2;margin:8px 0 0;width:max-content;padding-bottom:7px;border-bottom-color:rgba(255,255,255,.4)}

/* Case studies: large narrative chapters on a black canvas. */
.subsite .case-narrative,.subsite .case-outcome{padding-top:150px;padding-bottom:150px}
.subsite .case-decisions{padding-top:145px;padding-bottom:145px;background:radial-gradient(70% 80% at 50% 50%,rgba(78,97,116,.055),transparent 72%),#050607!important;border-bottom:0!important}
.subsite .case-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1200px;margin:55px auto 0}
.subsite .case-outcome ul{gap:15px!important}
.subsite .case-outcome li{border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.016)!important;border-radius:16px}
.subsite .case-detail{margin-top:120px;margin-bottom:120px;gap:clamp(60px,8vw,130px)}
.subsite .case-detail img{border-color:rgba(255,255,255,.08);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.subsite .case-detail li{color:#aeb4ba}
.subsite .case-next{padding-top:125px;padding-bottom:135px}
.subsite .case-next a{border:1px solid rgba(255,255,255,.08)!important;border-radius:20px!important;padding:34px!important;background:linear-gradient(145deg,rgba(14,17,20,.75),rgba(7,9,11,.93))!important;transition:border-color .25s,transform .25s}
@media(hover:hover){.subsite .case-next a:hover{border-color:rgba(255,255,255,.17)!important;transform:translateY(-2px)}}

/* CTA sections should feel like the homepage contact area, not a generic banner. */
.subsite .case-cta{padding-top:150px;padding-bottom:150px;border-top:0;background:radial-gradient(58% 95% at 50% 100%,rgba(111,137,161,.10),transparent 68%),#050607}
.subsite .case-cta:before{content:"";position:absolute;left:50%;top:0;width:min(900px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent)}
.subsite .case-cta h2{max-width:980px}

/* Legal and utility pages: same typography and spacing, deliberately simpler. */
.subsite .subpage{padding-top:190px;padding-bottom:140px;min-height:auto;background:radial-gradient(65% 55% at 78% 22%,rgba(74,91,108,.07),transparent 72%),#050607}
.subsite .subpage .intro{max-width:980px}
.subsite .subpage h1{max-width:920px;font-size:clamp(54px,4vw,78px);font-weight:500;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.subsite .legal-page{max-width:920px}
.subsite .legal-page h2{margin-top:62px;font-size:26px;letter-spacing:-.02em}
.subsite .legal-page p,.subsite .legal-page li{color:#adb2b7;line-height:1.78}
.subsite .legal-page a{color:#f2f2ef}
.subsite .legal-note{border-color:rgba(255,205,113,.22);border-radius:14px;background:rgba(124,90,28,.08)}

@media(max-width:1100px){
  .editorial-case,.editorial-case.is-reverse{grid-template-columns:1fr;gap:52px}
  .editorial-case.is-reverse .editorial-visual,.editorial-case.is-reverse .editorial-copy{order:initial}
  .editorial-copy{max-width:760px;margin:0 auto;text-align:center}
  .editorial-proof,.editorial-actions{justify-content:center}
  .subsite .process-detail>article{grid-template-columns:48px 1fr}.subsite .process-text{grid-column:2}
}

@media(max-width:1180px){
  .subsite .service-hero-v2 h1,.subsite .process-hero h1,.subsite .portfolio-hero h1,.subsite .case-hero h1,.subsite .landing-hero h1,.subsite .subpage h1{max-width:760px;font-size:clamp(50px,5.25vw,63px)}
}

@media(max-width:980px){
  .subsite .service-hero-v2,.subsite .process-hero,.subsite .portfolio-hero,.subsite .case-hero,.subsite .landing-hero{min-height:0;gap:56px;padding-top:155px;padding-bottom:105px}
  .subsite .service-hero-v2 h1,.subsite .process-hero h1,.subsite .portfolio-hero h1,.subsite .case-hero h1,.subsite .landing-hero h1,.subsite .subpage h1{max-width:720px;font-size:clamp(48px,7vw,60px)}
  .subsite .service-facts,.subsite .case-meta{max-width:760px;width:100%}
  .subsite .portfolio-card-copy{grid-template-columns:1fr;gap:18px}.subsite .portfolio-card-copy>span{grid-column:1}
  .subsite .case-decision-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
  .projects-editorial{padding-top:112px!important;padding-bottom:112px!important}
  .projects-editorial-head{margin-bottom:82px;padding:0 2px}
  .projects-editorial-head h2{font-size:clamp(36px,10vw,44px);line-height:1.07}
  .projects-editorial-head>p:last-child{font-size:16px;line-height:1.68}
  .editorial-cases{gap:112px}
  .editorial-case,.editorial-case.is-reverse{gap:30px}
  .editorial-visual{padding:22px 8px 38px}
  .editorial-visual:before{inset:8% -16% -2%;opacity:.72}
  .editorial-mockup,.editorial-case.is-reverse .editorial-mockup{margin:0 18px 0 0!important;transform:none}
  .editorial-copy{text-align:center;padding:0 6px}
  .editorial-copy .eyebrow{margin-bottom:15px;font-size:10px}
  .editorial-copy h3{font-size:clamp(30px,8.7vw,38px)}
  .editorial-statement{margin:20px auto 24px;max-width:350px;font-size:16px;line-height:1.68}
  .editorial-proof{gap:7px;margin-bottom:25px}
  .editorial-proof span{font-size:11px;min-height:34px;padding:7px 10px}
  .editorial-actions{gap:18px}.editorial-actions .quiet-link{font-size:12px}
  .projects-closing{margin-top:112px;padding:70px 0 0}.projects-closing h3{font-size:36px}.projects-closing .btn{width:100%}

  .subsite .section{padding-top:100px;padding-bottom:100px}
  .subsite .section h2{font-size:clamp(34px,9vw,42px);line-height:1.09}
  .subsite .service-hero-v2,.subsite .process-hero,.subsite .portfolio-hero,.subsite .case-hero,.subsite .landing-hero{padding-top:138px;padding-bottom:88px;gap:42px;background:radial-gradient(110% 45% at 50% 18%,rgba(82,101,120,.075),transparent 72%),#050607!important}
  .subsite .service-hero-v2:after,.subsite .process-hero:after,.subsite .portfolio-hero:after,.subsite .case-hero:after,.subsite .landing-hero:after{left:24px;right:24px}
  .subsite .service-hero-v2 h1,.subsite .process-hero h1,.subsite .portfolio-hero h1,.subsite .case-hero h1,.subsite .landing-hero h1,.subsite .subpage h1{max-width:360px;font-size:clamp(36px,10.2vw,43px);line-height:1.055;letter-spacing:-.047em;text-align:center;margin-left:auto;margin-right:auto}
  .subsite .service-hero-v2 .lead,.subsite .process-hero .lead,.subsite .portfolio-hero .lead,.subsite .case-hero .lead,.subsite .landing-hero .lead{text-align:center;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.66}
  .subsite .service-hero-v2>div:first-child,.subsite .landing-hero>div:first-child{width:100%;margin-left:auto;margin-right:auto;text-align:center}
  .subsite .service-hero-v2 .actions,.subsite .landing-hero .actions{width:100%;max-width:340px;margin-left:auto;margin-right:auto;align-items:center;justify-content:center;flex-direction:column;flex-wrap:nowrap;gap:12px}
  .subsite .service-hero-v2 .actions .btn,.subsite .landing-hero .actions .btn{width:auto;max-width:100%;justify-content:center}
  .subsite .service-hero-v2 .actions .text-link,.subsite .landing-hero .actions .text-link{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
  .subsite .service-hero-v2 .eyebrow,.subsite .process-hero .eyebrow,.subsite .portfolio-hero .eyebrow,.subsite .case-hero .eyebrow,.subsite .landing-hero .eyebrow{display:flex;width:max-content;max-width:100%;margin-left:auto;margin-right:auto;text-align:center}
  .subsite .service-facts,.subsite .case-meta{padding:22px;border-radius:18px}
  .subsite .service-facts>div,.subsite .case-meta div{grid-template-columns:92px 1fr;gap:14px}
  .subsite .service-cover,.subsite .case-cover{margin:0 14px 12px;border-radius:18px}
  .subsite .process-cover{border-radius:0}
  .subsite .service-intro-v2,.subsite .service-proof,.subsite .seo-principles,.subsite .location-links,.subsite .process-boundaries,.subsite .case-narrative,.subsite .case-outcome{gap:34px}
  .subsite .service-intro-v2>div:last-child,.subsite .case-prose{font-size:16px;line-height:1.74;padding-top:0}
  .subsite .deliverable-grid,.subsite .landing-use-grid,.subsite .boundary-grid,.subsite .case-decision-grid{grid-template-columns:1fr;gap:14px}
  .subsite .deliverable-grid article,.subsite .landing-use-grid article,.subsite .boundary-grid article,.subsite .case-decision-grid article{padding:27px 24px;border-radius:17px}
  .subsite .deliverable-grid h3,.subsite .landing-use-grid h3,.subsite .case-decision-grid h3{margin-top:30px}
  .subsite .service-steps ol,.subsite .principle-list,.subsite .landing-system-list{gap:11px}
  .subsite .service-steps li,.subsite .principle-list article,.subsite .landing-system-list article{padding:22px 20px!important;border-radius:15px}
  .subsite .landing-system-list article{grid-template-columns:38px 1fr}
  .subsite .location-links a{padding:21px 20px;border-radius:15px;font-size:24px}
  .subsite .process-detail{padding:60px var(--pad)}
  .subsite .process-detail>article{display:block;padding:30px 24px;margin-bottom:14px;border-radius:18px}
  .subsite .process-detail>article>span{display:block;margin-bottom:20px}.subsite .process-text{grid-column:auto}
  .subsite .landing-investment{padding-top:105px;padding-bottom:105px}
  .subsite .portfolio-list{gap:100px;padding-top:88px;padding-bottom:112px}
  .subsite .portfolio-card figure{border-radius:18px}
  .subsite .portfolio-card-copy{padding-top:30px;text-align:center}.subsite .portfolio-card-copy h2{font-size:34px}.subsite .portfolio-card-copy>p{font-size:16px;line-height:1.7}.subsite .portfolio-card-copy>span{margin:7px auto 0}
  .subsite .case-narrative,.subsite .case-outcome,.subsite .case-decisions{padding-top:105px;padding-bottom:105px}
  .subsite .case-decision-grid{margin-top:38px}
  .subsite .case-detail{margin:85px var(--pad);gap:34px}
  .subsite .case-next{padding-top:90px;padding-bottom:100px}.subsite .case-next a{padding:27px!important;border-radius:17px!important}
  .subsite .case-cta{padding-top:112px;padding-bottom:112px}
  .subsite .subpage{padding-top:145px;padding-bottom:100px}.subsite .subpage h1{font-size:clamp(36px,10.2vw,43px)}
}

/* V43 — final presentation pass: professional mockups, compact project handoff, card choreography. */

/* HERO method cards: each card enters as its own scroll moment. */
.scroll-card-grid{perspective:1200px}
.js .scroll-card{
  --card-x:0px;
  --card-y:52px;
  --card-r:0deg;
  opacity:0!important;
  filter:blur(7px);
  transform:translate3d(var(--card-x),var(--card-y),0) rotate(var(--card-r)) scale(.985)!important;
  transition:
    opacity .78s cubic-bezier(.22,1,.36,1),
    transform .92s cubic-bezier(.22,1,.36,1),
    filter .72s ease!important;
  transition-delay:var(--card-delay,0ms)!important;
  will-change:transform,opacity,filter;
}
.js .scroll-card:nth-child(3n+1){--card-x:-42px;--card-r:-.55deg}
.js .scroll-card:nth-child(3n+2){--card-x:0px;--card-y:64px}
.js .scroll-card:nth-child(3n){--card-x:42px;--card-r:.55deg}
.js .scroll-card.is-card-visible{
  opacity:1!important;
  filter:blur(0);
  transform:translate3d(0,0,0) rotate(0) scale(1)!important;
}
.scroll-card-grid .scroll-card::after{display:none!important}

/* Homepage project handoff: no oversized billboard after the references. */
.projects-handoff{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:50px;
  max-width:1180px;
  margin:150px auto 0;
  padding:54px 0 8px;
  border-top:1px solid rgba(255,255,255,.09);
}
.projects-handoff>div{max-width:720px}
.projects-handoff .eyebrow{margin-bottom:18px}
.projects-handoff h3{
  margin:0 0 13px;
  font:500 clamp(32px,3.3vw,50px)/1.08 "Manrope",sans-serif;
  letter-spacing:-.042em;
  text-wrap:balance;
}
.projects-handoff-copy{margin:0;color:#9fa5aa;font-size:17px;line-height:1.65}
.projects-handoff-link{margin-bottom:7px;white-space:nowrap}

/* Unified premium device language. Screens are never stretched or arbitrarily cropped. */
.editorial-mockup,
.subsite .portfolio-stage,
.subsite .device-stage-cover{
  position:relative;
  display:block;
  min-width:0;
  padding:52px 12px 12px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#121519 0%,#0a0c0f 68%,#08090b 100%)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important;
  isolation:isolate;
}
.editorial-mockup:after,
.subsite .portfolio-stage:after,
.subsite .device-stage-cover:after{
  content:"";
  position:absolute;
  z-index:0;
  top:20px;
  left:22px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#555b61;
  box-shadow:12px 0 #3f4449,24px 0 #30353a;
}
.editorial-mockup .mockup-bar{
  position:absolute!important;
  z-index:2;
  top:13px!important;
  left:50%!important;
  width:min(46%,330px)!important;
  height:27px!important;
  padding:0 13px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:999px!important;
  background:#090b0d!important;
  transform:translateX(-50%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.editorial-mockup .mockup-bar i{display:none!important}
.editorial-mockup .mockup-bar small{position:static!important;width:100%;transform:none!important;text-align:center;color:#7f868c!important;font-size:9px!important;letter-spacing:.08em!important}
.editorial-mockup>img,
.subsite .portfolio-stage>.device-desktop-screen,
.subsite .device-stage-cover>.device-desktop-screen{
  position:relative;
  z-index:1;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:top center!important;
  clip-path:none!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:16px!important;
  background:#090b0d!important;
  filter:none!important;
  transform:none!important;
}
.editorial-mockup:hover>img,.subsite .portfolio-story:hover .device-desktop-screen{filter:none!important;transform:none!important}

/* Phones use the original screenshot ratio, with a restrained physical frame. */
.editorial-mockup .mockup-phone,
.subsite .portfolio-stage>.device-phone-frame,
.subsite .device-stage-cover>.device-phone-frame{
  position:absolute!important;
  z-index:4!important;
  right:-28px!important;
  bottom:-42px!important;
  width:20%!important;
  min-width:118px;
  max-width:210px;
  height:auto!important;
  aspect-ratio:auto!important;
  padding:7px 7px 10px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.20)!important;
  border-radius:30px!important;
  background:#050607!important;
  box-shadow:0 28px 66px rgba(0,0,0,.72),0 0 0 1px rgba(0,0,0,.72)!important;
  transform:none!important;
}
.editorial-mockup .mockup-phone:before,
.subsite .portfolio-stage>.device-phone-frame:before,
.subsite .device-stage-cover>.device-phone-frame:before{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  top:4px!important;
  left:50%!important;
  width:28%!important;
  height:3px!important;
  border:0!important;
  border-radius:99px!important;
  background:#262a2e!important;
  transform:translateX(-50%)!important;
}
.editorial-mockup .mockup-phone img,
.subsite .portfolio-stage>.device-phone-frame img,
.subsite .device-stage-cover>.device-phone-frame img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:top center!important;
  border-radius:23px!important;
  filter:none!important;
  transform:none!important;
}

/* Homepage reference stages stay spacious and the phone never sits on top of copy. */
.editorial-visual{padding:56px 52px 86px!important}
.editorial-mockup{margin:0 5.5% 0 0!important;transform:none!important}
.editorial-case.is-reverse .editorial-mockup{transform:none!important}
@media(hover:hover){.editorial-case:hover .editorial-mockup{transform:translateY(-4px)!important}}

/* Portfolio page: screenshot stage + editorial copy, never text on top of the screenshot. */
.subsite .portfolio-story{
  display:block;
  max-width:1380px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.subsite .portfolio-stage{margin:0 4.5% 0 0!important}
.subsite .portfolio-card-copy{
  display:grid!important;
  grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important;
  gap:clamp(42px,6vw,90px)!important;
  align-items:start!important;
  padding:58px 6px 0!important;
}
.subsite .portfolio-card-copy>div{min-width:0}
.subsite .portfolio-card-copy>p{margin:4px 0 0!important;max-width:650px!important}
.subsite .portfolio-card-copy .project-card-facts{grid-column:2;margin:22px 0 2px!important}
.subsite .portfolio-card-copy>span{grid-column:2!important;margin:13px 0 0!important}

/* Case-study hero mockup: one deliberate stage, not a giant loose screenshot. */
.subsite .device-stage-cover{
  width:min(1420px,calc(100% - (var(--pad) * 2)));
  margin:90px auto 120px!important;
}
.subsite .device-stage-cover:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:auto 8% -12% 8%!important;
  height:34%!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(83,108,132,.12),transparent 68%)!important;
  filter:blur(32px)!important;
  pointer-events:none!important;
}
.subsite .device-stage-cover figcaption{
  position:absolute!important;
  top:auto!important;
  right:auto!important;
  left:4px!important;
  bottom:-34px!important;
  z-index:5!important;
  margin:0!important;
  color:#7f858a!important;
  font-size:11px!important;
  line-height:1.4!important;
  letter-spacing:.035em!important;
}

/* Case-study detail: dedicated phone showcase. Prevents long headings from clipping. */
.subsite .case-detail{
  width:min(1380px,calc(100% - (var(--pad) * 2)));
  margin:150px auto!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.86fr) minmax(0,1.14fr)!important;
  gap:clamp(70px,8vw,135px)!important;
  align-items:center!important;
}
.subsite .case-detail>div{min-width:0;max-width:760px}
.subsite .case-detail h2{
  max-width:760px;
  margin-top:22px;
  font-size:clamp(42px,4.2vw,68px)!important;
  line-height:1.04!important;
  letter-spacing:-.048em!important;
  text-wrap:balance;
  overflow-wrap:break-word;
}
.subsite .case-detail-device{
  position:relative;
  display:grid;
  place-items:center;
  min-height:670px;
  margin:0!important;
  padding:54px 28px 66px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  background:
    radial-gradient(70% 50% at 50% 92%,rgba(95,121,145,.13),transparent 72%),
    linear-gradient(145deg,#0d1013,#07090b);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 30px 80px rgba(0,0,0,.28);
}
.subsite .case-detail-device:before{
  content:"";
  position:absolute;
  left:50%;bottom:8%;
  width:62%;height:14%;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(0,0,0,.48);
  filter:blur(30px);
}
.subsite .case-detail-device .case-detail-phone-screen{
  position:relative;
  z-index:2;
  display:block;
  width:min(72%,360px)!important;
  height:auto!important;
  max-height:590px;
  object-fit:contain!important;
  border:8px solid #080a0c!important;
  border-radius:34px!important;
  background:#050607!important;
  box-shadow:0 30px 70px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.13)!important;
  filter:none!important;
}
.subsite .case-detail-device figcaption{
  position:absolute;
  z-index:3;
  left:28px;
  bottom:22px;
  margin:0!important;
  color:#81878c!important;
  font-size:11px!important;
}

@media(max-width:1100px){
  .subsite .case-detail{grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr)!important;gap:55px!important}
  .subsite .case-detail-device{min-height:590px}
  .subsite .portfolio-stage{margin-right:3%!important}
}

@media(max-width:760px){
  .js .scroll-card{--card-x:0px!important;--card-y:46px!important;--card-r:0deg!important;filter:blur(5px)}
  .projects-handoff{grid-template-columns:1fr;gap:28px;margin-top:108px;padding:46px 0 0;text-align:center}
  .projects-handoff>div{margin:0 auto}.projects-handoff h3{font-size:clamp(30px,8.5vw,38px)}
  .projects-handoff-copy{font-size:15.5px}.projects-handoff-link{margin:0 auto}

  .editorial-visual{padding:22px 18px 58px!important}
  .editorial-mockup,
  .subsite .portfolio-stage,
  .subsite .device-stage-cover{padding:42px 7px 7px!important;border-radius:18px!important}
  .editorial-mockup .mockup-bar{top:9px!important;width:58%!important;height:24px!important}
  .editorial-mockup:after,.subsite .portfolio-stage:after,.subsite .device-stage-cover:after{top:16px;left:15px;width:5px;height:5px;box-shadow:10px 0 #3f4449,20px 0 #30353a}
  .editorial-mockup>img,.subsite .portfolio-stage>.device-desktop-screen,.subsite .device-stage-cover>.device-desktop-screen{border-radius:11px!important}
  .editorial-mockup .mockup-phone,.subsite .portfolio-stage>.device-phone-frame,.subsite .device-stage-cover>.device-phone-frame{
    right:-10px!important;bottom:-30px!important;width:22%!important;min-width:82px!important;padding:4px 4px 7px!important;border-radius:20px!important
  }
  .editorial-mockup .mockup-phone img,.subsite .portfolio-stage>.device-phone-frame img,.subsite .device-stage-cover>.device-phone-frame img{border-radius:15px!important}

  .subsite .portfolio-list{gap:112px!important}
  .subsite .portfolio-stage{margin:0 12px 0 0!important}
  .subsite .portfolio-card-copy{grid-template-columns:1fr!important;gap:18px!important;padding:42px 6px 0!important;text-align:center!important}
  .subsite .portfolio-card-copy>p,.subsite .portfolio-card-copy .project-card-facts,.subsite .portfolio-card-copy>span{grid-column:1!important;margin-left:auto!important;margin-right:auto!important}
  .subsite .portfolio-card-copy .project-card-facts{justify-content:center}

  .subsite .device-stage-cover{width:calc(100% - 36px);margin:55px auto 90px!important}
  .subsite .device-stage-cover figcaption{left:0!important;bottom:-28px!important;font-size:10px!important}
  .subsite .device-stage-cover>.device-phone-frame{right:-8px!important;bottom:-28px!important;width:23%!important}

  .subsite .case-detail{
    width:calc(100% - 40px)!important;
    margin:100px auto!important;
    grid-template-columns:1fr!important;
    gap:46px!important;
  }
  .subsite .case-detail-device{min-height:520px;padding:40px 20px 58px;border-radius:20px}
  .subsite .case-detail-device .case-detail-phone-screen{width:min(74%,310px)!important;max-height:470px;border-width:6px!important;border-radius:28px!important}
  .subsite .case-detail-device figcaption{left:20px;bottom:18px;font-size:10px!important}
  .subsite .case-detail>div{text-align:center;margin:0 auto}
  .subsite .case-detail .eyebrow{margin-left:auto;margin-right:auto}
  .subsite .case-detail h2{font-size:clamp(36px,10vw,46px)!important;margin-left:auto;margin-right:auto}
  .subsite .case-detail ol{text-align:left}
  .subsite .case-detail>div>p:last-child{text-align:center}
}

@media(prefers-reduced-motion:reduce){
  .js .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .js .scroll-card{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

/* V43 browser address treatment for portfolio and case-study stages. */
.subsite .portfolio-stage:before{content:""!important;position:absolute!important;inset:auto!important;border:0!important;background:none!important;height:auto!important;padding:0!important}
.subsite .device-url{
  position:absolute;
  z-index:4;
  top:12px;
  left:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(46%,330px);
  height:28px;
  padding:0 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07);
  border-radius:999px;
  background:#090b0d;
  color:#7f868c;
  font-size:9px;
  letter-spacing:.08em;
  white-space:nowrap;
  text-overflow:ellipsis;
  transform:translateX(-50%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
@media(max-width:760px){.subsite .device-url{top:8px;width:58%;height:24px;font-size:8px}}

/* V44 — unified navigation/footer + directional header + stronger HERO-method hierarchy. */
.site-header{
  transition:height .32s cubic-bezier(.22,1,.36,1),background-color .32s,border-color .32s,box-shadow .32s,transform .46s cubic-bezier(.22,1,.36,1)!important;
  will-change:transform;
}
.site-header:not(.is-scrolled):not(.open){background:transparent;border-bottom-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.site-header.is-scrolled:not(.header-hidden){transform:translateY(0)}
.site-header.header-hidden{transform:translateY(calc(-100% - 12px))!important}
.site-header.open{transform:translateY(0)!important}
.site-header nav{gap:38px;align-items:center}
.site-header .nav-services{position:relative;display:flex;align-items:center}
.site-header .services-trigger{
  display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:#d5d5d5;
  font:400 14px/1 "DM Sans",sans-serif;cursor:pointer;transition:color .2s
}
.site-header .services-trigger:hover,.site-header .services-trigger:focus-visible,.site-header .nav-services.services-open>.services-trigger{color:#fff}
.site-header .services-trigger span{display:inline-block;color:#74797e;font-size:13px;transition:transform .28s cubic-bezier(.22,1,.36,1),color .2s}
.site-header .nav-services.services-open>.services-trigger span,.site-header .nav-services:hover>.services-trigger span{transform:rotate(180deg);color:#d9dcdf}
.services-menu{
  position:absolute;z-index:30;top:calc(100% + 24px);left:50%;width:min(520px,76vw);padding:14px;
  opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-8px) scale(.985);
  border:1px solid rgba(255,255,255,.1);border-radius:19px;
  background:rgba(8,10,12,.96);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);
  box-shadow:0 28px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.03);
  transition:opacity .24s ease,visibility .24s ease,transform .34s cubic-bezier(.22,1,.36,1)
}
.services-menu:before{content:"";position:absolute;left:0;right:0;top:-25px;height:26px}
.nav-services:hover .services-menu,.nav-services:focus-within .services-menu,.nav-services.services-open .services-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)
}
.services-menu .services-menu-label{display:block;padding:7px 11px 11px;color:#666d73;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
.site-header .services-menu a{
  display:grid;gap:4px;padding:14px 13px;border-radius:12px;color:#e9eae8!important;text-decoration:none!important;transition:background .22s ease,color .22s ease
}
.site-header .services-menu a:after{display:none!important}
.site-header .services-menu a:hover,.site-header .services-menu a:focus-visible{background:rgba(255,255,255,.055)}
.services-menu a b{font:500 14px/1.2 "Manrope",sans-serif;letter-spacing:-.015em}
.services-menu a small{color:#858b90;font-size:11.5px;line-height:1.45}

/* The personal section is proof, not another CTA stop. */
.about#ueber-mich .about-copy .signature{margin-bottom:0}

/* Make the contrast explicit: the conventional path recedes, the HERO path leads. */
.strategy-compare{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:20px;align-items:stretch}
.strategy-card.muted{
  opacity:.56!important;
  border-color:rgba(255,255,255,.055)!important;
  background:rgba(255,255,255,.012)!important;
  box-shadow:none!important;
}
.strategy-card.muted .strategy-flow span{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.012);color:#a4a8ac}
.strategy-card.muted p{color:#8a8f94}
.strategy-card.hero-way{
  position:relative;overflow:hidden;isolation:isolate;
  transform:translateY(-8px);
  border-color:rgba(197,214,226,.24)!important;
  background:
    radial-gradient(72% 120% at 92% -12%,rgba(122,157,184,.16),transparent 62%),
    linear-gradient(145deg,rgba(21,25,29,.96),rgba(8,10,12,.98))!important;
  box-shadow:0 30px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07),0 0 0 1px rgba(125,154,177,.035)!important;
}
.strategy-card.hero-way:before{
  content:"";position:absolute;z-index:-1;left:8%;right:8%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(219,233,243,.72),transparent);
  box-shadow:0 0 24px rgba(133,173,203,.25)
}
.strategy-card.hero-way small{color:#d6dce1;opacity:.88}
.strategy-card.hero-way .strategy-flow span{
  border-color:rgba(198,214,226,.18);background:rgba(255,255,255,.045);color:#f0f2f2
}
.strategy-card.hero-way .strategy-flow b{color:#8798a5;opacity:.8}
.strategy-card.hero-way p{color:#c2c7cb;opacity:1}
.strategy-card.hero-way::after{
  border-color:rgba(200,219,233,.34)!important;background:rgba(186,210,227,.08)!important;color:#eef4f7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 20px rgba(126,163,190,.09)
}
.strategy-card.muted::after{border-color:rgba(255,255,255,.07)!important;color:#686e73!important;background:transparent!important}

/* One footer system across the entire website. */
footer.site-footer{
  display:block!important;padding:76px var(--pad) 30px!important;border-top:1px solid rgba(255,255,255,.075)!important;
  background:#050607!important;color:#93989c!important
}
.site-footer .footer-main{
  display:grid;grid-template-columns:minmax(270px,1.3fr) repeat(3,minmax(150px,.72fr));gap:clamp(42px,6vw,92px);
  max-width:1600px;margin:0 auto;padding-bottom:58px
}
.site-footer .footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.site-footer .footer-brand-block .brand{margin-bottom:26px}
.site-footer .footer-brand-block p{margin:0 0 22px;color:#9ca0a4;line-height:1.65}
.site-footer .footer-brand-block>a:not(.brand){margin:3px 0;color:#d5d7d5;font-size:13px;text-decoration:none}
.site-footer .footer-column{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.site-footer .footer-kicker{margin:0 0 7px;color:#646a70;font-size:9px;letter-spacing:.15em;text-transform:uppercase}
.site-footer .footer-column a{color:#c5c8ca;font-size:13px;line-height:1.35;text-decoration:none;transition:color .2s,transform .2s}
.site-footer .footer-column a:hover{color:#fff;transform:translateX(3px)}
.site-footer .footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1600px;margin:0 auto;padding-top:24px;
  border-top:1px solid rgba(255,255,255,.065);font-size:11px
}
.site-footer .footer-project-links,.site-footer .footer-legal{display:flex!important;flex-direction:row!important;align-items:center;gap:18px!important}
.site-footer .footer-project-links>span{color:#5f656a;letter-spacing:.1em;text-transform:uppercase}
.site-footer .footer-project-links a,.site-footer .footer-legal a{color:#9da2a6;text-decoration:none;transition:color .2s}
.site-footer .footer-project-links a:hover,.site-footer .footer-legal a:hover{color:#fff;transform:none}
.site-footer .footer-legal span{color:#666b70}

@media(max-width:1180px){
  .site-header nav{gap:25px}
  .site-header .services-trigger,.site-header nav>a{font-size:13px}
  .site-footer .footer-main{grid-template-columns:minmax(260px,1.15fr) repeat(2,minmax(160px,.8fr));gap:52px}
  .site-footer .footer-column:last-child{grid-column:2/4}
}

@media(max-width:980px){
  .site-header.open nav,.site-header.is-scrolled.open nav{display:flex;align-items:stretch;text-align:left;gap:8px}
  .site-header.open nav>a,.site-header.is-scrolled.open nav>a{width:100%;padding:13px 4px;font-size:18px;text-align:left}
  .site-header .nav-services{display:block;width:100%}
  .site-header .services-trigger{width:100%;justify-content:space-between;padding:13px 4px;color:#f0f0ee;font-size:18px}
  .services-menu{
    position:static;width:100%;max-height:0;padding:0;overflow:hidden;opacity:1;visibility:visible;pointer-events:none;
    transform:none!important;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
    transition:max-height .42s cubic-bezier(.22,1,.36,1),padding .3s ease
  }
  .services-menu:before,.services-menu .services-menu-label{display:none}
  .nav-services.services-open .services-menu{max-height:430px;padding:4px 0 13px;pointer-events:auto}
  .site-header .services-menu a{padding:11px 16px;border-left:1px solid #2c3034;border-radius:0}
  .site-header .services-menu a:hover,.site-header .services-menu a:focus-visible{background:transparent;border-left-color:#92989d}
  .services-menu a b{font-size:14px}.services-menu a small{font-size:11px}
  .strategy-compare{grid-template-columns:1fr;gap:15px}
  .strategy-card.hero-way{transform:none}
  .strategy-card.muted{opacity:.62!important}
  .site-footer .footer-main{grid-template-columns:1fr 1fr;gap:46px 38px}
  .site-footer .footer-brand-block{grid-column:1/-1}
  .site-footer .footer-column:last-child{grid-column:auto}
}

@media(max-width:640px){
  footer.site-footer{padding:62px 22px 28px!important}
  .site-footer .footer-main{grid-template-columns:1fr;gap:34px;padding-bottom:42px}
  .site-footer .footer-brand-block,.site-footer .footer-column:last-child{grid-column:auto}
  .site-footer .footer-brand-block{align-items:center;text-align:center}
  .site-footer .footer-column{align-items:center;text-align:center}
  .site-footer .footer-column a{font-size:13.5px}
  .site-footer .footer-bottom{align-items:center;flex-direction:column;gap:18px;text-align:center}
  .site-footer .footer-project-links,.site-footer .footer-legal{justify-content:center;flex-wrap:wrap}
  .strategy-card.hero-way{border-color:rgba(197,214,226,.21)!important}
  .strategy-card.muted{opacity:.58!important}
}


/* V47 — mobile alignment + transition polish after real-device review. */
@media(max-width:640px){
  /* Long subpage heroes need their own scale; the homepage can stay more dramatic. */
  .subsite .service-hero-v2 h1,
  .subsite .process-hero h1,
  .subsite .portfolio-hero h1,
  .subsite .case-hero h1,
  .subsite .landing-hero h1,
  .subsite .subpage h1{
    width:100%;max-width:350px!important;
    font-size:clamp(34px,9.3vw,39px)!important;
    line-height:1.075!important;letter-spacing:-.043em!important;
    font-weight:500!important;text-align:center!important;
  }
  .page-webdesign-leverkusen .service-hero-v2 h1,
  .page-webdesign-koeln .service-hero-v2 h1,
  .page-webdesign-nrw .service-hero-v2 h1,
  .page-webdesign-fuer-handwerker .service-hero-v2 h1{
    max-width:345px!important;font-size:clamp(33px,8.9vw,37px)!important;line-height:1.09!important;
  }

  /* Center section introductions, while keeping longer body copy readable. */
  .subsite .service-intro-v2>div:first-child,
  .subsite .seo-principles>div:first-child,
  .subsite .location-links>div:first-child,
  .subsite .service-steps>div:first-child{
    max-width:360px;margin-inline:auto;text-align:center;
  }
  .subsite .service-intro-v2>div:first-child .eyebrow,
  .subsite .seo-principles>div:first-child .eyebrow,
  .subsite .location-links>div:first-child .eyebrow,
  .subsite .service-steps>div:first-child .eyebrow{
    width:max-content;max-width:100%;margin-left:auto;margin-right:auto;
  }
  .subsite .service-intro-v2 h2,
  .subsite .seo-principles h2,
  .subsite .location-links h2,
  .subsite .service-steps h2{
    max-width:350px;margin-left:auto;margin-right:auto;
    font-size:clamp(32px,8.7vw,37px)!important;line-height:1.1!important;text-align:center;
  }
  .subsite .location-links>div:first-child>p:not(.eyebrow){max-width:350px;margin:22px auto 0;text-align:center;line-height:1.7}
  .subsite .service-steps .text-link{width:max-content;max-width:100%;margin:24px auto 0;justify-content:center}

  /* Numbered systems: one visual language, no injected icon sitting on the number. */
  .subsite .principle-list article,
  .subsite .service-steps li{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:14px!important;align-items:start!important;
    padding:22px 20px!important;
  }
  .subsite .principle-list article>span:first-child,
  .subsite .service-steps li>span:first-child{
    display:block!important;width:38px!important;height:auto!important;
    padding:3px 0 0!important;margin:0!important;
    border:0!important;background:none!important;color:#8b9298!important;
    font-size:12px!important;line-height:1.5!important;text-align:left!important;
  }
  .subsite .principle-list p{font-size:16px;line-height:1.62}
  .subsite .service-steps h3{margin:0 0 8px;font-size:20px;line-height:1.25}
  .subsite .service-steps li p{font-size:15px;line-height:1.62}

  /* Avoid stacked section paddings creating accidental black voids. */
  .subsite .service-cover + .service-intro-v2{padding-top:82px!important}
  .subsite .location-links{padding-top:92px!important;padding-bottom:74px!important}
  .subsite .location-links + .case-cta{padding-top:82px!important}
  .subsite .seo-principles{padding-top:92px!important;padding-bottom:82px!important}
  .subsite .service-steps{padding-top:92px!important;padding-bottom:82px!important}
  .subsite .seo-principles:after,
  .subsite .service-steps:after,
  .subsite .location-links:after{
    content:"";position:absolute;left:50%;bottom:0;width:min(72%,320px);height:1px;
    transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
  }

  /* KMU cover: a purpose-built neutral responsive visual instead of a cropped STOBO desktop screenshot. */
  .page-webdesign-fuer-kmu .service-cover.kmu-cover{
    height:300px!important;margin:0 22px!important;border-radius:18px!important;
  }
  .page-webdesign-fuer-kmu .service-cover.kmu-cover img{
    width:100%;height:100%;object-fit:cover!important;object-position:69% center!important;
    filter:saturate(.72) brightness(.76) contrast(1.04)!important;
  }

  /* Homepage references: genuinely centred on a phone and a little less empty above. */
  .projects-editorial{padding-top:88px!important;padding-bottom:104px!important}
  .projects-editorial-head{margin-bottom:70px!important;padding-inline:0!important}
  .editorial-visual{padding:34px 8px 52px!important}
  .editorial-mockup,.editorial-case.is-reverse .editorial-mockup{
    width:100%!important;max-width:100%!important;margin:0 auto!important;transform:none!important;
  }
  .editorial-copy{text-align:center;margin-inline:auto}
  .editorial-copy .eyebrow{width:max-content;max-width:100%;margin-left:auto;margin-right:auto}
  .editorial-proof,.editorial-actions{justify-content:center}

  /* Keep transitions black-first; accents are separators, not coloured blocks. */
  .subsite .service-intro-v2,
  .subsite .seo-principles,
  .subsite .location-links,
  .subsite .service-steps,
  .projects-editorial{background:#050607!important}
}

/* V48 — production accessibility utilities */
.skip-link{position:fixed;top:10px;left:10px;z-index:9999;padding:12px 16px;border-radius:10px;background:#f4f4f1;color:#070809;font:600 14px/1 "DM Sans",Arial,sans-serif;text-decoration:none;transform:translateY(-180%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.skip-link{transition:none}}

/* V48 — final accessibility refinements */
.skip-link{opacity:0;pointer-events:none}.skip-link:focus,.skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:900px){.menu-btn{min-width:44px;min-height:44px}}

/* V51 — case studies: result-first storytelling for STOBO + ProLife. */
.case-result-section{
  position:relative;
  width:min(1380px,calc(100% - (var(--pad) * 2)));
  margin:90px auto 155px;
  padding:clamp(58px,6vw,88px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.075);
  border-radius:28px;
  background:
    radial-gradient(65% 75% at 86% 55%,rgba(104,130,156,.085),transparent 72%),
    linear-gradient(145deg,rgba(13,16,19,.86),rgba(6,8,10,.95));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 32px 90px rgba(0,0,0,.24);
}
.case-result-section:before{
  content:"";
  position:absolute;
  right:-12%;
  top:16%;
  width:52%;
  height:52%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(116,145,174,.095),transparent 68%);
  filter:blur(28px);
  pointer-events:none;
}
.case-result-section>*{position:relative;z-index:1}
.case-result-head{max-width:980px;margin:0 auto clamp(48px,5vw,72px);text-align:center}
.case-result-head .eyebrow{margin-left:auto;margin-right:auto}
.case-result-head h2{
  max-width:900px;
  margin:24px auto 26px;
  font-size:clamp(46px,4.8vw,72px);
  line-height:1.035;
  letter-spacing:-.05em;
  text-wrap:balance;
}
.case-result-head>p:last-child{
  max-width:790px;
  margin:0 auto;
  color:#a8aeb4;
  font-size:17px;
  line-height:1.75;
  text-wrap:pretty;
}
.case-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.case-state{
  position:relative;
  min-height:370px;
  padding:36px 36px 38px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:21px;
  background:rgba(255,255,255,.014);
}
.case-before{opacity:.78;background:linear-gradient(145deg,rgba(12,14,16,.68),rgba(7,8,10,.78))}
.case-now{
  border-color:rgba(181,204,226,.15);
  background:radial-gradient(85% 85% at 100% 0%,rgba(117,146,174,.105),transparent 67%),linear-gradient(145deg,rgba(16,20,24,.86),rgba(8,10,12,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 60px rgba(0,0,0,.16);
}
.case-now:after{content:"";position:absolute;left:28px;right:28px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(199,220,240,.32),transparent)}
.case-state-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px;color:#9ea5ac;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.case-state-label span{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);border-radius:50%;background:rgba(255,255,255,.025);color:#b9c0c7;font-size:14px}
.case-now .case-state-label{color:#d8dde1}
.case-state h3{max-width:560px;margin:0 0 28px;font-size:clamp(24px,2.15vw,32px);line-height:1.16;letter-spacing:-.025em;font-weight:500}
.case-state ul{display:grid;gap:18px;margin:0;padding:0;list-style:none}
.case-state li{position:relative;padding-left:30px;color:#a5abb1;font-size:15.5px;line-height:1.65}
.case-state li:before{content:"";position:absolute;left:2px;top:.68em;width:7px;height:7px;border:1px solid rgba(255,255,255,.22);border-radius:50%}
.case-now li:before{border-color:rgba(203,222,239,.54);background:rgba(203,222,239,.28);box-shadow:0 0 16px rgba(137,169,198,.28)}
.case-result-stat{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(30px,4vw,64px);
  margin-top:18px;
  padding:34px 42px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:21px;
  background:linear-gradient(90deg,rgba(255,255,255,.015),rgba(117,144,169,.05),rgba(255,255,255,.015));
  text-align:left;
}
.case-result-stat>div{display:flex;align-items:baseline;gap:16px}
.case-result-stat strong{display:block;color:#f3f3f1;font-size:clamp(52px,6vw,86px);line-height:.95;letter-spacing:-.055em;font-weight:480}
.case-result-stat span{color:#d3d8dc;font-size:17px;letter-spacing:.02em}
.case-result-stat p{margin:0;padding-left:clamp(30px,4vw,62px);border-left:1px solid rgba(255,255,255,.09);color:#9fa6ac;font-size:15px;line-height:1.6}
.case-result-stat b{color:#d9dde0;font-weight:500}
.case-result-stat-qualitative strong{font-size:clamp(34px,4.2vw,58px);letter-spacing:-.045em}
.case-result-stat-qualitative p{color:#d2d6da;letter-spacing:.03em}

.case-decisions-head{max-width:900px;margin:0 auto clamp(48px,5vw,72px);text-align:center}
.case-decisions-head .eyebrow{margin-left:auto;margin-right:auto}
.case-decisions-head h2{max-width:860px;margin:22px auto 0;font-size:clamp(40px,4.6vw,64px);line-height:1.06;letter-spacing:-.047em;font-weight:500;text-wrap:balance}

@media(max-width:760px){
  .case-result-section{width:calc(100% - 40px);margin:64px auto 96px;padding:44px 20px 24px;border-radius:21px}
  .case-result-head{margin-bottom:38px}
  .case-result-head h2{max-width:345px;margin:20px auto 22px;font-size:clamp(34px,9.4vw,42px);line-height:1.07;letter-spacing:-.045em}
  .case-result-head>p:last-child{font-size:15.5px;line-height:1.72}
  .case-before-after{grid-template-columns:1fr;gap:13px}
  .case-state{min-height:0;padding:28px 24px 30px;border-radius:17px}
  .case-before{opacity:.72}
  .case-state-label{margin-bottom:24px}
  .case-state h3{font-size:25px;margin-bottom:23px}
  .case-state li{padding-left:26px;font-size:15px;line-height:1.62}
  .case-result-stat{display:block;margin-top:13px;padding:29px 24px 30px;text-align:center;border-radius:17px}
  .case-result-stat>div{justify-content:center;display:block}
  .case-result-stat strong{font-size:64px}
  .case-result-stat-qualitative strong{font-size:38px;line-height:1.02}
  .case-result-stat span{display:block;margin-top:6px;font-size:14px}
  .case-result-stat p{margin-top:22px;padding:22px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.085);font-size:14px}
  .case-decisions-head{margin-bottom:36px}
  .case-decisions-head h2{max-width:340px;margin:18px auto 0;font-size:clamp(32px,8.7vw,40px);line-height:1.08;letter-spacing:-.043em}
}


/* === v55 positioning: Sichtbarkeit + Conversion === */
.positioning-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:1180px;margin:0 auto}
.positioning-grid article{min-height:330px;display:flex;flex-direction:column}
.positioning-grid h3{font-size:clamp(25px,2.4vw,34px);margin-top:28px;max-width:480px}
.positioning-grid p{font-size:16px;line-height:1.72;max-width:540px}
.problem-tags{display:flex!important;flex-wrap:wrap;gap:9px!important;margin:28px 0 0!important;padding:0!important;list-style:none!important}
.problem-tags li{padding:8px 11px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:999px;color:#c9cdd1!important;font-size:11px!important;line-height:1.2!important;background:rgba(255,255,255,.025)}
.problem-tags li:before{display:none!important}
.problem-statement{margin-top:62px}
.problem-close{max-width:900px;margin:38px auto 0!important;text-align:center;line-height:1.6}
.method .journey-intro{max-width:820px}
.why .section-head>p,.services-v2 .section-head>p{max-width:560px}

@media(max-width:980px){
  .positioning-grid{grid-template-columns:1fr!important}
  .positioning-grid article{min-height:0}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(36px,9.7vw,43px)!important;line-height:1.02!important}
  .hero-title-accent{max-width:340px!important;margin-top:10px!important;font-size:.88em}
  .hero .lead{font-size:15.5px!important;line-height:1.58!important}
  .hero .microcopy{max-width:100%!important}
  .positioning-grid{gap:13px!important}
  .positioning-grid article,.positioning-grid article+article{padding:27px 24px!important}
  .positioning-grid h3{font-size:25px!important;margin-top:20px!important}
  .positioning-grid p{font-size:15px!important}
  .problem-tags{gap:7px!important;margin-top:22px!important}
  .problem-tags li{font-size:10px!important;padding:7px 9px!important}
  .problem-statement{margin-top:48px!important}
}
.seo-continuity{display:grid;grid-template-columns:1fr auto;gap:42px;align-items:end;margin-top:26px;padding:30px 32px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}
.seo-continuity small{display:block;margin-bottom:10px;color:#8f969d;font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.seo-continuity h3{margin:0 0 9px;font:500 22px/1.25 "Manrope",sans-serif;letter-spacing:-.025em}
.seo-continuity p{max-width:760px;margin:0;color:#9ea4aa;line-height:1.65;font-size:14px}
.seo-continuity .price-link{white-space:nowrap;margin:0}
@media(max-width:760px){.seo-continuity{grid-template-columns:1fr;gap:24px;padding:26px 24px}.seo-continuity h3{font-size:20px}.seo-continuity .price-link{width:max-content}}
.hero .hero-title-accent{color:#aeb3b8!important;-webkit-text-fill-color:#aeb3b8!important;text-shadow:none!important}

/* ========================================================================== 
   V56 — HERO proof system
   Goal: fewer repeated arguments, earlier proof, centered mobile storytelling
   and continuous cinematic section transitions without visible seams.
   ========================================================================== */

/* One continuous canvas instead of stacked black panels. */
body.home main,
body.subsite main{
  background:
    radial-gradient(72rem 48rem at 88% 8%,rgba(111,137,162,.085),transparent 68%),
    radial-gradient(64rem 44rem at 4% 36%,rgba(77,96,116,.05),transparent 70%),
    radial-gradient(72rem 52rem at 92% 68%,rgba(91,112,133,.055),transparent 72%),
    #050607!important;
}
body.home main>.section,
body.subsite main>section.section,
body.subsite main>section.service-intro-v2,
body.subsite main>section.service-deliverables,
body.subsite main>section.service-steps,
body.subsite main>section.service-proof,
body.subsite main>section.location-links,
body.subsite main>section.case-narrative,
body.subsite main>section.case-decisions,
body.subsite main>section.case-outcome{
  background:transparent!important;
  border-top:0!important;
  border-bottom:0!important;
}

/* No old separator rules / horizon arcs. Depth comes from soft fields only. */
body.home main>.section::before,
body.home main>.section::after,
body.subsite main>section.section::before,
body.subsite main>section.section::after,
body.subsite .service-intro-v2::after,
body.subsite .service-proof::after,
body.subsite .service-steps::after,
body.subsite .location-links::after{
  border:0!important;
  box-shadow:none!important;
}
body.subsite .seo-principles::after,
body.subsite .service-steps::after,
body.subsite .location-links::after{display:none!important}

/* Premium cross-section bridge: barely visible, deliberately wider than the content. */
body.home main>.section:not(.contact)::after,
body.subsite main>section.section:not(.case-cta)::after{
  content:"";
  display:block!important;
  position:absolute;
  z-index:0;
  left:50%;
  right:auto;
  bottom:-115px;
  width:min(1460px,128vw);
  height:230px;
  transform:translateX(-50%);
  pointer-events:none;
  opacity:.72;
  background:radial-gradient(ellipse at 50% 50%,rgba(124,151,177,.075) 0,rgba(71,88,105,.028) 38%,transparent 72%)!important;
  filter:blur(18px)!important;
}
body.home main>.section:nth-of-type(even)::after,
body.subsite main>section.section:nth-of-type(even)::after{
  transform:translateX(-52%);
  opacity:.58;
}
body.home main>.section>*{position:relative;z-index:2}

/* Homepage rhythm: confident, but never empty for the sake of being empty. */
body.home main>.section{padding-top:118px!important;padding-bottom:118px!important}
body.home main>.section+ .section{margin-top:0!important;padding-top:118px!important}
body.home .problem{padding-top:126px!important;padding-bottom:126px!important}
body.home .method{padding-top:132px!important;padding-bottom:132px!important}
body.home .projects-editorial{padding-top:132px!important;padding-bottom:126px!important}
body.home .services-v2{padding-top:120px!important;padding-bottom:126px!important}
body.home .why{padding-top:126px!important;padding-bottom:126px!important}
body.home .reviews{padding-top:132px!important;padding-bottom:132px!important}
body.home .contact{padding-top:132px!important;padding-bottom:132px!important}

/* Method: the visitor journey ends in a clear diagnostic, replacing the redundant calculator section. */
.journey-diagnostic{
  max-width:1080px;
  margin:78px auto 0;
  text-align:center;
}
.journey-diagnostic>.eyebrow{margin-bottom:24px}
.journey-diagnostic-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:stretch;
  gap:22px;
}
.journey-diagnostic-grid article{
  min-height:190px;
  padding:30px 32px;
  border:1px solid rgba(255,255,255,.085);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(16,19,22,.72),rgba(7,9,11,.68));
  text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.journey-diagnostic-grid small{
  display:block;margin-bottom:18px;color:#878e95;font-size:10px;letter-spacing:.15em;text-transform:uppercase
}
.journey-diagnostic-grid h3{
  margin:0 0 12px;font:500 clamp(22px,2vw,29px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em
}
.journey-diagnostic-grid p{margin:0;color:#9ea4aa;font-size:14px;line-height:1.7}
.journey-diagnostic-arrow{display:grid;place-items:center;color:#69717a;font-size:24px}

/* Proof arrives early and stays focused: two deep case studies beat a long gallery. */
body.home .projects-editorial-head{margin-bottom:86px!important}
body.home .editorial-cases{gap:112px!important}
body.home .editorial-case{gap:clamp(54px,6vw,96px)!important}
body.home .projects-closing{display:none!important}
body.home .projects-handoff{
  max-width:1040px;
  margin:112px auto 0!important;
  padding:42px 44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:42px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(15,18,21,.68),rgba(7,9,11,.72))!important;
}
body.home .projects-handoff .eyebrow{margin-bottom:12px}
body.home .projects-handoff h3{margin:0 0 8px;font:500 clamp(24px,2.35vw,34px)/1.15 "Manrope",sans-serif;letter-spacing:-.035em}
body.home .projects-handoff-copy{margin:0;color:#91979d;line-height:1.6}
body.home .projects-handoff-actions{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}
body.home .projects-handoff-actions .text-link{white-space:nowrap}

/* A shorter HERO method reads as expertise, not repetition. */
body.home .why-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:1180px;margin-left:auto;margin-right:auto}
body.home .why-grid article{min-height:250px!important}
body.home .strategy-statement{margin-top:58px!important;margin-bottom:62px!important}
body.home .strategy-compare{margin-top:68px!important}

/* Subpages: the opening claim is centered; long explanatory copy remains readable. */
@media(max-width:760px){
  body.home main>.section,
  body.home main>.section+ .section{padding-top:90px!important;padding-bottom:90px!important}
  body.home .problem,
  body.home .method,
  body.home .projects-editorial,
  body.home .services-v2,
  body.home .why,
  body.home .reviews,
  body.home .contact{padding-top:94px!important;padding-bottom:94px!important}

  body.home main>.section:not(.contact)::after,
  body.subsite main>section.section:not(.case-cta)::after{
    bottom:-74px;width:155vw;height:148px;opacity:.58;filter:blur(14px)!important
  }

  .journey-diagnostic{margin-top:56px}
  .journey-diagnostic-grid{grid-template-columns:1fr;gap:13px}
  .journey-diagnostic-grid article{min-height:0;padding:26px 24px;text-align:center}
  .journey-diagnostic-grid h3{font-size:23px}
  .journey-diagnostic-arrow{height:20px;transform:rotate(90deg);font-size:19px}

  body.home .projects-editorial-head{margin-bottom:62px!important}
  body.home .editorial-cases{gap:84px!important}
  body.home .editorial-case{gap:36px!important}
  body.home .projects-handoff{
    margin-top:82px!important;padding:30px 24px!important;display:block!important;text-align:center!important
  }
  body.home .projects-handoff-actions{margin-top:27px;justify-content:center;gap:18px;flex-direction:column}
  body.home .projects-handoff-actions .text-link{white-space:normal}
  body.home .why-grid{grid-template-columns:1fr!important;gap:13px!important}
  body.home .why-grid article{min-height:0!important;text-align:center!important;padding:27px 24px!important}
  body.home .why-grid article b{margin-left:auto!important;margin-right:auto!important}
  body.home .strategy-compare{margin-top:48px!important}
  body.home .strategy-card{text-align:center!important}
  body.home .strategy-flow{justify-content:center!important}
  body.home .strategy-statement{margin-top:44px!important;margin-bottom:46px!important}

  /* Exact mobile composition requested in the real-device review. */
  .subsite .service-intro-v2>div:first-child,
  .subsite .service-proof>div:first-child,
  .subsite .service-steps>div:first-child,
  .subsite .location-links>div:first-child,
  .subsite .seo-principles>div:first-child,
  .subsite .case-narrative>div:first-child,
  .subsite .case-outcome>div:first-child,
  .subsite .portfolio-hero>div:first-child{
    width:100%;max-width:365px;margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  .subsite .service-intro-v2>div:first-child .eyebrow,
  .subsite .service-proof>div:first-child .eyebrow,
  .subsite .service-steps>div:first-child .eyebrow,
  .subsite .location-links>div:first-child .eyebrow,
  .subsite .seo-principles>div:first-child .eyebrow,
  .subsite .case-narrative>div:first-child .eyebrow,
  .subsite .case-outcome>div:first-child .eyebrow{
    width:max-content;max-width:100%;margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  .subsite .service-intro-v2>div:first-child h2,
  .subsite .service-proof>div:first-child h2,
  .subsite .service-steps>div:first-child h2,
  .subsite .location-links>div:first-child h2,
  .subsite .seo-principles>div:first-child h2,
  .subsite .case-narrative>div:first-child h2,
  .subsite .case-outcome>div:first-child h2{
    max-width:360px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important;text-wrap:balance
  }
  .subsite .service-proof>div:first-child>p:not(.eyebrow),
  .subsite .location-links>div:first-child>p:not(.eyebrow){
    max-width:350px;margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  .subsite .service-proof>div:first-child .btn,
  .subsite .service-steps>div:first-child .text-link{
    margin-left:auto!important;margin-right:auto!important
  }

  /* Long-form paragraphs stay left aligned after the centered setup. */
  .subsite .service-intro-v2>div:last-child,
  .subsite .case-prose,
  .subsite .case-outcome>ul{text-align:left!important}

  /* Tighter, smoother vertical rhythm. */
  .subsite .section,
  .subsite .service-intro-v2,
  .subsite .service-deliverables,
  .subsite .service-steps,
  .subsite .service-proof,
  .subsite .location-links,
  .subsite .case-narrative,
  .subsite .case-decisions,
  .subsite .case-outcome{
    padding-top:84px!important;padding-bottom:84px!important
  }
  .subsite .service-cover + .service-intro-v2{padding-top:78px!important}
  .subsite .service-proof{gap:48px!important}
  .subsite .case-narrative,.subsite .case-outcome{gap:38px!important}
  .subsite .case-decisions{padding-top:90px!important;padding-bottom:90px!important}
}

@media(min-width:761px){
  body.subsite .service-intro-v2,
  body.subsite .service-proof,
  body.subsite .case-narrative,
  body.subsite .case-outcome{padding-top:118px!important;padding-bottom:118px!important}
  body.subsite .case-decisions{padding-top:124px!important;padding-bottom:124px!important}
}

/* V56 navigation hardening: the close control always stays above the mobile drawer. */
@media(max-width:980px){
  .site-header.open .menu-btn{position:relative;z-index:4}
  .site-header.open nav,.site-header.is-scrolled.open nav{z-index:3}
}

/* V59 — restrained GSAP premium motion layer. Visual hierarchy stays identical to v56. */
html.gsap-motion .gsap-controlled{transition:none!important;will-change:transform,opacity,clip-path}
html.gsap-motion .gsap-parallax-media{will-change:transform;transform-origin:center center}
@media(max-width:980px){html.gsap-motion .gsap-parallax-media{transform:none!important}}
@media(prefers-reduced-motion:reduce){html.gsap-motion .gsap-controlled,html.gsap-motion .gsap-parallax-media{opacity:1!important;transform:none!important;clip-path:none!important;will-change:auto!important}}

/* v56 premium — hybrid pricing / investment section */
.investment-principle{display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;max-width:1160px;margin:0 auto 38px;padding:36px 40px;border:1px solid rgba(255,255,255,.075);border-radius:24px;background:radial-gradient(circle at 8% 0,rgba(135,158,181,.09),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.investment-principle small,.investment-card>small,.investment-price span{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:#83888e}
.investment-principle h3{font:500 clamp(25px,2.2vw,34px)/1.18 "Manrope",sans-serif;letter-spacing:-.035em;margin:13px 0 14px;max-width:620px}
.investment-principle p{margin:0;color:#9da2a7;line-height:1.7;max-width:650px}
.investment-promise{display:grid;grid-template-columns:40px 1fr;gap:15px 15px;align-items:center}
.investment-promise span{width:38px;height:38px;border:1px solid rgba(255,255,255,.11);border-radius:50%;display:grid;place-items:center;color:#92979c;font-size:10px;background:rgba(255,255,255,.025)}
.investment-promise b{font:500 14px/1.35 "Manrope",sans-serif;color:#e7e8e9}
.investment-ranges{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1160px;margin:0 auto}
.investment-card{position:relative;display:flex;flex-direction:column;min-height:345px;padding:34px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.032),rgba(255,255,255,.009));overflow:hidden;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.investment-card:before{content:"";position:absolute;inset:-35% -15% auto;height:170px;background:radial-gradient(ellipse at 50% 0,rgba(142,164,187,.11),transparent 68%);pointer-events:none;opacity:.45}
.investment-card>*{position:relative;z-index:1}
.investment-card.featured{border-color:rgba(185,196,207,.22);background:radial-gradient(circle at 75% -10%,rgba(164,186,209,.11),transparent 38%),linear-gradient(155deg,rgba(255,255,255,.048),rgba(255,255,255,.014))}
.investment-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.16)}
.investment-card h3{font:500 22px/1.25 "Manrope",sans-serif;letter-spacing:-.025em;margin:20px 0 26px}
.investment-price{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.investment-price strong{font:500 clamp(29px,2.4vw,38px)/1.05 "Manrope",sans-serif;letter-spacing:-.045em;color:#f0f1f1}
.investment-card p{margin:0 0 28px;color:#999ea3;font-size:14px;line-height:1.68}
.investment-card .price-link{margin-top:auto}
.investment-footer{display:flex;justify-content:space-between;align-items:center;gap:42px;max-width:1160px;margin:30px auto 0;padding:31px 34px;border-radius:22px;background:radial-gradient(circle at 85% 30%,rgba(150,174,198,.09),transparent 34%),rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.065)}
.investment-footer strong{display:block;font:500 18px/1.35 "Manrope",sans-serif;color:#e6e8e9}
.investment-footer p{margin:8px 0 0;max-width:720px;color:#888e94;font-size:13px;line-height:1.65}
.investment-footer .btn{flex:0 0 auto;white-space:nowrap}
.pricing .seo-continuity{max-width:1160px;margin-left:auto;margin-right:auto}
@media(max-width:980px){
 .investment-principle{grid-template-columns:1fr;gap:28px}
 .investment-ranges{grid-template-columns:1fr}
 .investment-card{min-height:0}
 .investment-footer{align-items:flex-start;flex-direction:column}
 .investment-footer .btn{align-self:flex-start}
}
@media(max-width:640px){
 .investment-principle{padding:26px 23px;border-radius:18px;margin-bottom:16px;text-align:left}
 .investment-principle h3{font-size:25px}
 .investment-ranges{gap:13px}
 .investment-card{padding:27px 23px;border-radius:18px;text-align:left}
 .investment-card h3{margin:17px 0 23px}
 .investment-price strong{font-size:32px}
 .investment-footer{margin-top:16px;padding:26px 23px;border-radius:18px;text-align:left}
 .investment-footer .btn{width:100%;justify-content:center}
}
/* hybrid pricing refinement */
.investment-card .price-badge{position:static;align-self:flex-start;display:inline-flex;margin:0 0 18px;padding:7px 10px;border:1px solid #4b535b;border-radius:999px;font-size:9px;line-height:1;letter-spacing:.12em;text-transform:uppercase;color:#d8dadd;background:#181c20}
.investment-card.featured>small{margin-top:0}
@media(max-width:640px){.investment-card .price-badge{margin-bottom:15px}}


/* V56 extension — HERO Local Growth */
.local-growth-teaser{position:relative;background:radial-gradient(65% 120% at 82% 50%,rgba(111,137,161,.09),transparent 68%),#07090a;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.local-growth-teaser-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(55px,9vw,130px);align-items:center;max-width:1160px;margin:0 auto}
.local-growth-teaser-copy h2{margin:0;font:500 clamp(38px,4.8vw,66px)/1.06 "Manrope",sans-serif;letter-spacing:-.045em}
.local-growth-teaser-copy>div:last-child>p{margin:0 0 27px;color:#a5abb0;line-height:1.75;max-width:610px;font-size:16px}
.local-growth-teaser-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 30px}
.local-growth-teaser-meta span{padding:17px 18px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.018)}
.local-growth-teaser-meta small{display:block;margin-bottom:6px;color:#737a80;text-transform:uppercase;letter-spacing:.12em;font-size:9px}
.local-growth-teaser-meta strong{font:500 15px/1.25 "Manrope",sans-serif;color:#e8e9e9}
.local-growth-teaser .actions{display:flex;align-items:center;flex-wrap:wrap}

.page-local-growth .local-growth-hero{background:radial-gradient(65% 80% at 82% 48%,rgba(122,146,169,.10),transparent 62%),#050607}
.local-search-visual{padding:0 var(--pad) 110px;background:#050607}
.local-search-window{max-width:1160px;margin:0 auto;padding:36px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:radial-gradient(circle at 80% -10%,rgba(126,151,174,.11),transparent 42%),linear-gradient(145deg,#101317,#080a0c);box-shadow:0 34px 90px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04)}
.local-search-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:720px;margin:0 auto 30px;padding:17px 20px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:#111418}
.local-search-bar>span{width:9px;height:9px;border-radius:50%;background:#878e94;box-shadow:0 0 0 5px rgba(255,255,255,.025)}
.local-search-bar b{font:400 14px/1.2 "DM Sans",sans-serif;color:#c9cdd0}
.local-search-bar i{font-style:normal;color:#858b90;font-size:19px}
.local-search-result{display:flex;justify-content:space-between;align-items:center;gap:32px;max-width:860px;margin:0 auto;padding:27px 30px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.022)}
.local-search-result small{display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.14em;color:#727980;font-size:9px}.local-search-result strong{font:500 23px/1.2 "Manrope",sans-serif}.local-search-result p{margin:7px 0 0;color:#8f969c;font-size:13px}.local-rating{white-space:nowrap;color:#d9dcde;font-size:12px;letter-spacing:.08em}.local-rating b{margin-left:7px;font-weight:500;color:#f0f1f1}
.local-search-flow{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:32px auto 0;color:#8d949a;font-size:12px;text-transform:uppercase;letter-spacing:.11em}.local-search-flow i{font-style:normal;color:#51575c}.local-search-flow strong{padding:11px 16px;border-radius:999px;background:#f0f1ef;color:#08090a;font-weight:600}
.local-growth-grid{grid-template-columns:repeat(4,1fr)!important}
.local-growth-included{background:#07090a!important}.local-included-list{max-width:1160px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08)}
.local-included-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:23px 2px;border-bottom:1px solid rgba(255,255,255,.075)}.local-included-list b{font:500 18px/1.35 "Manrope",sans-serif;color:#e6e8e9}.local-included-list span{color:#8e959b;font-size:14px;text-align:right}
.local-growth-price{background:radial-gradient(58% 110% at 50% 100%,rgba(111,137,161,.10),transparent 68%),#050607!important}.local-price-card{max-width:1160px;margin:0 auto;padding:42px;border:1px solid rgba(255,255,255,.10);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.014));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.local-price-head{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:27px;border-bottom:1px solid rgba(255,255,255,.075)}.local-price-head .eyebrow{margin:0}.local-price-badge{display:inline-flex;padding:8px 11px;border:1px solid #4d565f;border-radius:999px;background:#15191d;color:#dce0e3;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.13em}
.local-price-main{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:43px 0 38px}.local-price-main>div:first-child>small{display:block;margin-bottom:12px;color:#787f85;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.local-price-main strong{display:block;font:500 clamp(42px,5vw,66px)/1 "Manrope",sans-serif;letter-spacing:-.05em;color:#f0f1f1}.local-price-main strong em{font:400 14px/1.2 "DM Sans",sans-serif;letter-spacing:0;color:#8b9298}.local-price-main p{max-width:590px;margin:22px 0 0;color:#9ba2a8;line-height:1.72}.local-price-terms{display:grid;align-content:start;border-top:1px solid rgba(255,255,255,.075)}.local-price-terms span{display:grid;grid-template-columns:1fr auto;gap:22px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.075)}.local-price-terms small{color:#777e84;font-size:11px}.local-price-terms b{font:500 13px/1.3 "Manrope",sans-serif;color:#e2e5e7;text-align:right}.local-price-terms s{color:#737a80;font-weight:400;margin-right:6px}
.local-price-foot{display:flex;justify-content:space-between;align-items:center;gap:42px;padding-top:30px;border-top:1px solid rgba(255,255,255,.075)}.local-price-foot p{max-width:730px;margin:0;color:#777f85;font-size:11px;line-height:1.65}.local-price-foot .btn{flex:0 0 auto;white-space:nowrap}
.local-growth-process{background:#07090a!important}.local-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1160px;margin:0 auto}.local-process-grid article{min-height:285px;padding:31px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.01))}.local-process-grid span{font-size:10px;color:#747b81}.local-process-grid h3{margin:62px 0 14px;font:500 21px/1.25 "Manrope",sans-serif}.local-process-grid p{margin:0;color:#999fa5;font-size:14px;line-height:1.7}
.local-growth-faq{background:#050607!important}
@media(max-width:980px){.local-growth-teaser-copy,.local-price-main{grid-template-columns:1fr;gap:34px}.local-growth-grid,.local-process-grid{grid-template-columns:1fr 1fr!important}.local-price-foot{align-items:flex-start;flex-direction:column}.local-price-foot .btn{align-self:flex-start}.local-search-visual{padding-bottom:88px}}
@media(max-width:640px){.local-growth-teaser-copy{text-align:center}.local-growth-teaser-copy .eyebrow{display:flex;width:max-content;margin-left:auto;margin-right:auto}.local-growth-teaser-meta{grid-template-columns:1fr;gap:9px;text-align:left}.local-growth-teaser .actions{max-width:340px;margin-left:auto;margin-right:auto}.local-search-visual{padding:0 20px 72px}.local-search-window{padding:20px 16px;border-radius:19px}.local-search-bar{padding:14px 15px;margin-bottom:16px}.local-search-bar b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-search-result{align-items:flex-start;flex-direction:column;padding:22px 20px;gap:15px}.local-search-flow{gap:9px;margin-top:22px;font-size:9px;letter-spacing:.08em}.local-search-flow i{display:none}.local-growth-grid,.local-process-grid{grid-template-columns:1fr!important}.local-included-list article{grid-template-columns:1fr;gap:5px;padding:19px 0}.local-included-list span{text-align:left}.local-price-card{padding:27px 22px;border-radius:19px}.local-price-head{align-items:flex-start;flex-direction:column}.local-price-main{padding:33px 0 30px}.local-price-main strong{font-size:44px}.local-price-main strong em{display:block;margin-top:9px}.local-price-terms span{grid-template-columns:1fr;gap:5px}.local-price-terms b{text-align:left}.local-price-foot .btn{width:100%;justify-content:center}}


/* V56.1 — real-device mobile QA + clear SEO / Local Growth separation */
.service-boundary{margin-top:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);font-size:14px;line-height:1.65}
.service-boundary strong{color:#e9eaeb;font-weight:500}
.service-boundary a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* Checkbox must not inherit the generic text-input padding. */
.analysis-form label.consent input[type="checkbox"]{
  width:20px!important;height:20px!important;min-width:20px;min-height:20px;padding:0!important;margin:1px 0 0!important;
  border:1px solid #8d9297;border-radius:5px;background:#090b0d;box-shadow:none;appearance:auto;-webkit-appearance:checkbox
}

@media(max-width:980px){
  /* Mobile drawer: fully opaque, viewport-safe and independent from content behind it. */
  .site-header.open,.site-header.is-scrolled.open{background:#050607!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .site-header.open nav,.site-header.is-scrolled.open nav{
    background:#050607!important;opacity:1!important;height:calc(100dvh - 72px)!important;max-height:calc(100dvh - 72px);
    overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(36px + env(safe-area-inset-bottom))!important;
    box-shadow:0 18px 45px rgba(0,0,0,.38)
  }
}

@media(max-width:640px){
  /* Long Local Growth section heading was too large on actual iPhone Safari. */
  .page-local-growth .local-growth-included .section-head h2{
    max-width:340px!important;font-size:clamp(32px,9.2vw,40px)!important;line-height:1.08!important;letter-spacing:-.04em!important;
    margin-left:auto!important;margin-right:auto!important;text-align:center!important
  }
  .page-local-growth .local-growth-included .section-head h2 br{display:none}
  .page-local-growth .local-growth-included .section-head>p{max-width:340px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}

  /* Legal pages need scroll room above Safari's floating bottom toolbar. */
  .subsite .legal-page{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
  .subsite .legal-page h1{font-size:clamp(39px,11vw,48px)!important;line-height:1.05!important}
  .subsite .legal-page h2{font-size:24px!important;line-height:1.22!important;margin-top:52px!important}
  .subsite .legal-page p,.subsite .legal-page li{font-size:16px;line-height:1.72;overflow-wrap:anywhere}

  /* Last form step: compact, readable and safe on narrow screens. */
  .analysis-form label.consent{padding:15px!important;gap:11px!important}
  .analysis-form label.consent span{font-size:12.5px!important;line-height:1.55!important}
  .form-navigation{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:end!important;gap:20px!important}
  .form-navigation .form-back{white-space:nowrap!important}
  .form-navigation .btn{justify-self:end!important;max-width:100%!important;white-space:normal!important;text-align:right!important}
  .multistep-form{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}
}

@media(max-width:390px){
  .form-navigation{grid-template-columns:1fr!important;gap:16px!important}
  .form-navigation .btn{justify-self:start!important;text-align:left!important}
  .page-local-growth .local-growth-included .section-head h2{font-size:34px!important}
}

/* Legal pages: compact, left-aligned mobile reading layout. */
@media(max-width:640px){
  .subsite .legal-page{padding-top:118px!important;padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
  .subsite .legal-page>.eyebrow{margin-left:0!important;margin-right:0!important;text-align:left!important}
  .subsite .legal-page h1{max-width:none!important;margin-left:0!important;margin-right:0!important;text-align:left!important}
}

/* ========================================================================== 
   V57 — Award / Art Direction pass
   More editorial hierarchy, tactile depth and premium interaction while
   preserving HERO's monochrome visual identity and conversion clarity.
   ========================================================================== */

:root{
  --hero-silver:#b8bec4;
  --hero-silver-2:#7f878f;
  --hero-glass:rgba(13,16,19,.72);
  --hero-edge:rgba(255,255,255,.105);
}

/* Typography gets a more material, silver finish instead of flat grey. */
.headline-accent,
.hero .hero-title-accent{
  color:#aeb4ba!important;
  background:linear-gradient(180deg,#d2d6d9 0%,#aab0b5 46%,#858d94 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent!important;
}

/* Fixed navigation becomes a deliberately floating object once the page moves. */
@media(min-width:981px){
  .site-header.is-scrolled:not(.open){
    top:12px!important;
    left:20px!important;
    right:20px!important;
    width:auto!important;
    max-width:1400px;
    height:72px!important;
    margin:0 auto;
    padding-left:26px!important;
    padding-right:22px!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:22px;
    background:rgba(7,9,11,.72)!important;
    box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
    -webkit-backdrop-filter:blur(22px) saturate(125%)!important;
    backdrop-filter:blur(22px) saturate(125%)!important;
  }
}

/* Premium CTA sheen: visible only on devices that actually hover. */
.btn.light{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.14)}
@media(hover:hover) and (pointer:fine){
  .btn.light:before{
    content:"";position:absolute;z-index:-1;inset:-35% auto -35% -45%;width:34%;
    transform:skewX(-18deg) translateX(-180%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    opacity:.48;transition:transform .72s cubic-bezier(.22,1,.36,1)
  }
  .btn.light:hover:before{transform:skewX(-18deg) translateX(520%)}
  .text-link b,.price-link b{display:inline-block;transition:transform .25s cubic-bezier(.22,1,.36,1)}
  .text-link:hover b,.price-link:hover b{transform:translateX(4px)}
}

/* A subtle editorial edge on the core homepage sections. */
body.home .problem,
body.home .services-v2,
body.home .why,
body.home .reviews,
.page-local-growth .service-deliverables,
.page-local-growth .local-growth-price{
  position:relative;
}
body.home .problem>.section-head,
body.home .services-v2>.section-head,
body.home .why>.section-head,
body.home .reviews>.reviews-head{
  position:relative;
}
body.home .problem>.section-head:before,
body.home .services-v2>.section-head:before,
body.home .why>.section-head:before,
body.home .reviews>.reviews-head:before{
  content:"";position:absolute;left:0;top:-28px;width:44px;height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,0));
}

/* SERVICES — shift from a generic 2×2 grid into an editorial bento rhythm. */
@media(min-width:981px){
  body.home .service-cards{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:18px!important;
    border:0!important;
  }
  body.home .service-cards article,
  body.home .service-cards article:nth-child(even){
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:355px;
    padding:43px 44px 38px!important;
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:22px!important;
    background:
      linear-gradient(145deg,rgba(18,22,26,.78),rgba(7,9,11,.82) 68%),
      radial-gradient(circle at 85% 5%,rgba(141,166,190,.07),transparent 36%)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 26px 70px rgba(0,0,0,.12);
    overflow:hidden;
  }
  body.home .service-cards article:nth-child(1){grid-column:span 5}
  body.home .service-cards article:nth-child(2){grid-column:span 7;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(24,29,34,.86),rgba(8,10,12,.84) 70%)!important}
  body.home .service-cards article:nth-child(3){grid-column:span 7}
  body.home .service-cards article:nth-child(4){grid-column:span 5}
  body.home .service-cards article>span{font:500 10px/1 "DM Sans",sans-serif;letter-spacing:.16em;color:#70777e}
  body.home .service-cards h3{margin-top:50px;font-size:clamp(26px,2.25vw,34px);letter-spacing:-.035em}
  body.home .service-cards p{max-width:620px;font-size:15px}
  body.home .service-cards ul{margin-top:auto;padding-top:28px}
  body.home .service-cards article>a{margin-top:14px;width:max-content}
  body.home .service-cards article:nth-child(2):before{
    content:"HERO KERNLEISTUNG";position:absolute;top:39px;right:40px;
    padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:999px;
    color:#899198;font-size:8px;line-height:1;letter-spacing:.13em;
  }
}

/* REVIEWS — one hero testimonial + three supporting voices. */
@media(min-width:981px){
  body.home .review-grid{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:18px!important;
    border:0!important;
  }
  body.home .review-grid blockquote{
    border:1px solid rgba(255,255,255,.08)!important;
    border-radius:21px!important;
    background:linear-gradient(145deg,rgba(17,20,23,.7),rgba(7,9,11,.74))!important;
    padding:34px!important;
    min-height:300px;
  }
  body.home .review-grid blockquote:first-child{
    grid-column:1/-1;
    min-height:320px;
    padding:52px 58px!important;
    background:
      radial-gradient(60% 100% at 86% 0%,rgba(128,151,173,.09),transparent 58%),
      linear-gradient(145deg,rgba(20,24,28,.78),rgba(7,9,11,.8))!important;
  }
  body.home .review-grid blockquote:first-child p{
    max-width:1080px;
    margin-top:36px;
    font-size:clamp(24px,2.2vw,34px)!important;
    line-height:1.46!important;
    letter-spacing:-.028em!important;
  }
  body.home .review-grid blockquote:not(:first-child) p{font-size:17px!important;line-height:1.62!important}
}

/* Local Growth teaser gets a more purposeful product-panel feeling. */
.local-growth-teaser{
  overflow:hidden;
}
.local-growth-teaser:before{
  content:"";position:absolute;pointer-events:none;right:-12%;top:-35%;width:58%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(255,255,255,.035);box-shadow:0 0 0 42px rgba(255,255,255,.012),0 0 0 92px rgba(255,255,255,.008);
  opacity:.72;
}
.local-growth-teaser-meta span{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.local-growth-teaser-meta span:after{
  content:"";position:absolute;left:0;bottom:0;width:34%;height:1px;
  background:linear-gradient(90deg,rgba(201,213,224,.55),transparent);
}

/* LOCAL GROWTH search scene — more crafted, less like a generic mockup. */
.local-search-window{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    radial-gradient(circle at 78% -8%,rgba(139,166,190,.13),transparent 38%),
    linear-gradient(145deg,#11151a,#080a0c 70%)!important;
}
.local-search-window:before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:46px 46px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
.local-search-window:after{
  content:"";position:absolute;z-index:3;left:8%;right:8%;top:0;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(222,232,240,.6),transparent);
  opacity:.48;
}
.local-search-bar,.local-search-result{position:relative;z-index:2;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.local-search-result:after{
  content:"LIVE";align-self:flex-start;margin-left:auto;padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:999px;
  color:#6f777e;font:500 8px/1 "DM Sans",sans-serif;letter-spacing:.12em;
}
@media(max-width:640px){
  .local-search-result:after{position:absolute;right:18px;top:18px}
}

/* The four Local Growth pillars get more hierarchy and depth. */
.page-local-growth .local-growth-grid article{
  position:relative;overflow:hidden;min-height:300px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(18,21,25,.72),rgba(7,9,11,.78))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.page-local-growth .local-growth-grid article>span{
  display:block;margin-bottom:68px;color:#6f777e!important;font-size:10px!important;letter-spacing:.15em;
}
.page-local-growth .local-growth-grid h3{font-size:24px!important;letter-spacing:-.035em}

/* Included list behaves like a luxury specification sheet on desktop. */
@media(min-width:761px){
  .local-included-list article{
    transition:padding-left .32s cubic-bezier(.22,1,.36,1),background .25s,border-color .25s;
  }
  .local-included-list article:hover{
    padding-left:18px;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 72%);
    border-bottom-color:rgba(255,255,255,.14);
  }
}

/* Pricing becomes a hero object, with a fine luminous rim rather than a heavier card. */
.local-price-card{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(255,255,255,.12)!important}
.local-price-card:before{
  content:"";position:absolute;z-index:-1;inset:-1px;border-radius:inherit;pointer-events:none;
  background:radial-gradient(680px circle at 12% 0%,rgba(161,184,205,.11),transparent 45%),radial-gradient(520px circle at 92% 100%,rgba(109,133,156,.08),transparent 45%);
}
.local-price-main strong{letter-spacing:-.06em!important}

/* Global award-surface glow is opt-in via JS and never affects touch devices. */
@media(hover:hover) and (pointer:fine){
  .award-surface{position:relative;isolation:isolate;overflow:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s}
  .award-surface:after{
    content:"";position:absolute;z-index:0;inset:-1px;pointer-events:none;opacity:0;
    background:radial-gradient(430px circle at var(--award-x,50%) var(--award-y,50%),rgba(182,204,224,.105),transparent 45%);
    transition:opacity .25s ease;
  }
  .award-surface:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.15)!important;box-shadow:0 30px 80px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)}
  .award-surface:hover:after{opacity:1}
  .award-surface>*{position:relative;z-index:1}
}

/* Footer closes the experience with a quiet oversized wordmark. */
.site-footer{position:relative;isolation:isolate;overflow:hidden}
.site-footer:before{
  content:"HERO";position:absolute;z-index:-1;left:50%;bottom:-.22em;transform:translateX(-50%);
  font:600 clamp(150px,24vw,360px)/.78 "Manrope",sans-serif;letter-spacing:-.085em;
  color:rgba(255,255,255,.018);white-space:nowrap;pointer-events:none;
}
@media(min-width:981px){.site-footer{padding-bottom:118px!important}}

/* Better anchor behaviour under the fixed navigation. */
[id]{scroll-margin-top:112px}

/* Mobile stays calm: premium comes from proportion, not from extra decoration. */
@media(max-width:980px){
  body.home .service-cards{gap:14px!important}
  body.home .service-cards article,
  body.home .service-cards article:nth-child(even){
    border:1px solid rgba(255,255,255,.085)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(16,19,22,.72),rgba(7,9,11,.76))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  }
  body.home .review-grid{gap:13px!important}
  body.home .review-grid blockquote{border-radius:18px!important}
}
@media(max-width:640px){
  .headline-accent,.hero .hero-title-accent{background:linear-gradient(180deg,#c8cdd1,#92999f);-webkit-background-clip:text;background-clip:text}
  body.home .problem>.section-head:before,
  body.home .services-v2>.section-head:before,
  body.home .why>.section-head:before,
  body.home .reviews>.reviews-head:before{left:50%;transform:translateX(-50%);top:-22px;width:34px}
  body.home .service-cards article,
  body.home .service-cards article:nth-child(even){padding:29px 26px!important}
  body.home .service-cards h3{margin-top:28px!important}
  .local-growth-teaser:before{right:-48%;top:-8%;width:110%;opacity:.42}
  .page-local-growth .local-growth-grid article{min-height:0!important;padding:29px 25px!important}
  .page-local-growth .local-growth-grid article>span{margin-bottom:30px}
  .local-search-window:before{background-size:32px 32px;opacity:.11}
  .site-footer:before{font-size:38vw;bottom:.02em;color:rgba(255,255,255,.015)}
}

@media(prefers-reduced-motion:reduce){
  .btn.light:before{display:none!important}
  .award-surface{transform:none!important;transition:none!important}
}

/* ========================================================================== 
   V58 — Four-offer system + premium subpage pass
   ========================================================================== */

/* Descender hardening: never animate/crop live heading glyphs directly. */
h1,h2,h3{overflow:visible!important;clip-path:none!important}
body.home .section-head h2,body.home .center-title{line-height:1.12!important;padding-bottom:.08em}
.subsite .service-hero-v2 h1,.subsite .landing-hero h1,.subsite .process-hero h1,.subsite .portfolio-hero h1,.subsite .case-hero h1,.subsite .subpage h1{line-height:1.095!important;padding-bottom:.09em}
.subsite .section h2,.subsite .case-cta h2,.subsite .landing-investment h2{line-height:1.11!important;padding-bottom:.08em}
@media(max-width:640px){
  body.home .section-head h2,body.home .center-title{line-height:1.14!important}
  .subsite .service-hero-v2 h1,.subsite .landing-hero h1,.subsite .process-hero h1,.subsite .portfolio-hero h1,.subsite .case-hero h1,.subsite .subpage h1{line-height:1.115!important}
  .subsite .section h2,.subsite .case-cta h2,.subsite .landing-investment h2{line-height:1.14!important}
}

/* Four-offer package language on the homepage. */
.package-price{margin:-4px 0 20px;font:500 clamp(31px,2.7vw,42px)/1 "Manrope",sans-serif;letter-spacing:-.055em;color:#eef0f1}
.package-price small{font:500 12px/1.2 "DM Sans",sans-serif;letter-spacing:.02em;color:#858c93}
.package-service-cards article{min-height:390px!important}
.package-service-cards article p{margin-bottom:4px}
.package-service-cards article ul{margin-top:auto!important}
.package-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.package-pricing-grid .investment-card{min-height:360px}
.package-pricing-grid .investment-card.featured{border-color:rgba(199,211,221,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 34px 85px rgba(0,0,0,.18)}
@media(max-width:980px){.package-pricing-grid{grid-template-columns:1fr!important}.package-service-cards article{min-height:0!important}}

/* Shared service-page art direction: same restraint and depth as the homepage. */
body.subsite:not(.page-impressum):not(.page-datenschutz):not(.page-404) main{position:relative;isolation:isolate;overflow:hidden}
body.subsite:not(.page-impressum):not(.page-datenschutz):not(.page-404) main:before{
  content:"";position:absolute;z-index:-2;inset:0;pointer-events:none;
  background:
    radial-gradient(50vw 34vw at 92% 8%,rgba(104,130,154,.06),transparent 72%),
    radial-gradient(42vw 32vw at 6% 42%,rgba(86,105,124,.045),transparent 75%);
}
.subsite .service-hero-v2,.subsite .landing-hero,.subsite .process-hero,.subsite .portfolio-hero,.subsite .case-hero{
  position:relative;isolation:isolate;
  background:
    radial-gradient(58% 70% at 82% 48%,rgba(113,138,161,.115),transparent 68%),
    linear-gradient(180deg,#050607,#060809)!important;
}
.subsite .service-hero-v2:before,.subsite .landing-hero:before,.subsite .process-hero:before,.subsite .portfolio-hero:before,.subsite .case-hero:before{
  content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 83%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 83%);
}
.subsite .service-hero-v2>div:first-child,.subsite .landing-hero-copy,.subsite .process-hero>div:first-child,.subsite .case-hero>div:first-child{position:relative;z-index:2}
.subsite .service-facts,.subsite .case-meta,.subsite .landing-signal{
  border-color:rgba(255,255,255,.11)!important;
  background:linear-gradient(150deg,rgba(22,27,32,.82),rgba(8,10,12,.9))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.045)!important;
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)
}
.subsite .service-facts strong,.subsite .case-meta strong{letter-spacing:-.02em}
.subsite .package-hero .eyebrow{color:#d3d7da}
.subsite .package-hero .eyebrow:before{box-shadow:0 0 18px rgba(207,223,236,.42)}

/* Premium cards: fewer flat rectangles, more editorial depth. */
@media(min-width:981px){
  .subsite .deliverable-grid,.subsite .landing-use-grid{
    display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important;border:0!important
  }
  .subsite .deliverable-grid article,.subsite .landing-use-grid article{
    grid-column:span 6;min-height:290px!important;padding:34px 36px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;
    background:linear-gradient(145deg,rgba(17,21,25,.76),rgba(7,9,11,.82))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 26px 70px rgba(0,0,0,.11)!important;overflow:hidden
  }
  .subsite .deliverable-grid article:nth-child(3n+1),.subsite .landing-use-grid article:nth-child(1){grid-column:span 5}
  .subsite .deliverable-grid article:nth-child(3n+2),.subsite .landing-use-grid article:nth-child(2){grid-column:span 7}
  .subsite .deliverable-grid article:nth-child(3n),.subsite .landing-use-grid article:nth-child(3){grid-column:span 7}
  .subsite .landing-use-grid article:nth-child(4){grid-column:span 5}
  .subsite .deliverable-grid h3,.subsite .landing-use-grid h3{font-size:24px!important;letter-spacing:-.035em}
}
.subsite .deliverable-grid article,.subsite .landing-use-grid article,.subsite .boundary-grid article,.subsite .case-decision-grid article{
  position:relative;isolation:isolate
}
.subsite .deliverable-grid article:before,.subsite .landing-use-grid article:before,.subsite .boundary-grid article:before,.subsite .case-decision-grid article:before{
  content:"";position:absolute;z-index:-1;right:-18%;top:-34%;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(132,158,181,.075),transparent 68%);pointer-events:none
}
.subsite .deliverable-grid article>span,.subsite .landing-use-grid article>span{color:#747c84!important;letter-spacing:.13em}

/* Editorial long-form blocks and steps. */
.subsite .service-intro-v2,.subsite .service-proof,.subsite .seo-principles,.subsite .service-steps,.subsite .location-links,.subsite .landing-system,.subsite .landing-scope,.subsite .landing-faq{
  position:relative;
  background:transparent!important
}
.subsite .service-intro-v2:after,.subsite .service-proof:after,.subsite .seo-principles:after,.subsite .service-steps:after,.subsite .location-links:after,.subsite .landing-system:after,.subsite .landing-scope:after,.subsite .landing-faq:after{
  content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent)
}
.subsite .service-steps ol,.subsite .landing-system-list{border-top-color:rgba(255,255,255,.085)!important}
.subsite .service-steps li,.subsite .landing-system-list article{border-bottom-color:rgba(255,255,255,.075)!important;transition:background .28s,padding-left .32s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
  .subsite .service-steps li:hover,.subsite .landing-system-list article:hover{padding-left:18px;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 68%)}
}
.subsite .scope-grid ul{border-color:rgba(255,255,255,.085)!important;background:linear-gradient(145deg,rgba(16,19,22,.68),rgba(8,10,12,.78))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}

/* Package landing page — fixed-price object rather than generic landing-page signal. */
.page-digitale-visitenkarte .package-signal{gap:0}
.page-digitale-visitenkarte .package-signal strong{font-size:clamp(31px,3vw,44px);letter-spacing:-.055em;text-align:center}
.page-digitale-visitenkarte .package-investment{position:relative;overflow:hidden;background:radial-gradient(55% 120% at 85% 15%,rgba(118,144,168,.10),transparent 70%),#080a0c!important}
.page-digitale-visitenkarte .package-investment:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent);opacity:.5}

/* Accordions should feel like part of the design system, not browser defaults. */
.subsite .faq .accordions,.subsite .landing-faq .accordions{border-top:0!important;display:grid;gap:10px}
.subsite .faq details,.subsite .landing-faq details{border:1px solid rgba(255,255,255,.075)!important;border-radius:16px;background:rgba(255,255,255,.015);padding:0 22px;transition:border-color .25s,background .25s}
.subsite .faq details[open],.subsite .landing-faq details[open]{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.025)}
.subsite .faq summary,.subsite .landing-faq summary{padding:23px 0!important}

/* Stronger final CTA across every premium subpage. */
.subsite .case-cta{
  position:relative;overflow:hidden;isolation:isolate;
  background:radial-gradient(65% 135% at 50% 115%,rgba(121,148,172,.15),transparent 68%),linear-gradient(180deg,#080a0c,#050607)!important;
}
.subsite .case-cta:before{content:"";position:absolute;z-index:-1;left:50%;top:0;width:min(1100px,95vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)}
.subsite .case-cta h2{max-width:1040px!important;margin-left:auto!important;margin-right:auto!important}

/* Projects/process/case studies receive the same surface language without changing content. */
.page-projekte .portfolio-card,.page-prozess .process-detail>article,.page-prolife-case-study .case-state,.page-stobo-case-study .case-state{
  border-color:rgba(255,255,255,.085)!important
}
.page-projekte .portfolio-card,.page-prolife-case-study .case-state,.page-stobo-case-study .case-state{
  background:linear-gradient(145deg,rgba(16,20,23,.6),rgba(7,9,11,.72))!important
}

/* Mobile: preserve calm spacing and full readability. */
@media(max-width:980px){
  .subsite .deliverable-grid,.subsite .landing-use-grid{gap:13px!important}
  .subsite .deliverable-grid article,.subsite .landing-use-grid article{border:1px solid rgba(255,255,255,.085)!important;border-radius:18px!important;background:linear-gradient(145deg,rgba(16,19,22,.72),rgba(7,9,11,.78))!important}
}
@media(max-width:640px){
  .package-price{font-size:31px;margin-bottom:17px}
  .subsite .service-hero-v2:before,.subsite .landing-hero:before,.subsite .process-hero:before,.subsite .portfolio-hero:before,.subsite .case-hero:before{background-size:38px 38px;opacity:.10}
  .subsite .service-facts,.subsite .landing-signal{box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important}
  .subsite .deliverable-grid article,.subsite .landing-use-grid article{padding:28px 25px!important;min-height:0!important}
  .subsite .faq details,.subsite .landing-faq details{padding:0 18px}
  .subsite .service-intro-v2:after,.subsite .service-proof:after,.subsite .seo-principles:after,.subsite .service-steps:after,.subsite .location-links:after,.subsite .landing-system:after,.subsite .landing-scope:after,.subsite .landing-faq:after{left:24px;right:24px}
}

/* ========================================================================== 
   V58.1 — final typography & subpage consistency pass
   ========================================================================== */

/* Font descenders (g, j, y, p, q) must always have real paint space. */
h1,h2{overflow:visible!important;padding-bottom:.11em}
.headline-accent,.hero-title-accent{-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* SEO uses a semantic ordered list; give it the same premium treatment as the
   existing card/list systems instead of relying on the older article markup. */
.subsite .principle-list{list-style:none;margin:0;padding:0;border-top:0!important;display:grid;gap:14px}
.subsite .principle-list>li{
  display:grid;grid-template-columns:48px 1fr;gap:18px;padding:25px 26px!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:16px;
  background:linear-gradient(145deg,rgba(15,18,21,.72),rgba(7,9,11,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)
}
.subsite .principle-list>li>span{padding-top:4px;color:#899099;font-size:11px}
.subsite .principle-list>li>p{margin:0;color:#a8aeb4;line-height:1.68}

/* Make the primary package pages feel like a family while keeping each visual
   distinct. These are deliberately quiet material cues, not decorative FX. */
.page-digitale-visitenkarte .landing-hero,
.page-business-website .service-hero-v2,
.page-online-shops .service-hero-v2,
.page-seo .service-hero-v2{
  background:
    radial-gradient(46% 62% at 86% 45%,rgba(145,169,191,.11),transparent 72%),
    radial-gradient(34% 44% at 8% 95%,rgba(74,91,108,.045),transparent 74%),
    #050607!important
}
.page-business-website .service-cover,
.page-online-shops .service-cover,
.page-seo .service-cover,
.page-digitale-visitenkarte .single-case{
  box-shadow:0 44px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)
}

/* More editorial separation on content-heavy regional pages. */
.page-webdesign-leverkusen .service-intro-v2,
.page-webdesign-koeln .service-intro-v2,
.page-webdesign-nrw .service-intro-v2,
.page-webdesign-fuer-kmu .service-intro-v2,
.page-webdesign-fuer-handwerker .service-intro-v2{
  background:linear-gradient(180deg,rgba(255,255,255,.008),transparent 52%)!important
}

/* Keep legal/utility pages calm while sharing the same typographic finish. */
.page-impressum h1,.page-datenschutz h1,.page-404 h1{padding-bottom:.12em!important}

@media(max-width:640px){
  h1,h2{padding-bottom:.13em}
  .subsite .principle-list>li{grid-template-columns:36px 1fr;gap:13px;padding:21px 19px!important;border-radius:15px}
}

/* SEO package gets a native dashboard visual instead of a generic stock image. */
.seo-dashboard-visual{height:auto!important;min-height:650px;padding:44px!important;display:grid;place-items:center;background:radial-gradient(80% 110% at 16% 0%,rgba(139,164,187,.10),transparent 63%),linear-gradient(155deg,#0a0d10,#050607)!important}
.seo-dashboard-visual:before{content:""!important;position:absolute!important;inset:0!important;height:auto!important;border-radius:inherit!important;filter:none!important;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px)!important;background-size:48px 48px!important;opacity:.38;pointer-events:none}
.seo-ui{position:relative;z-index:2;width:min(1180px,100%);padding:0;border:1px solid rgba(255,255,255,.105);border-radius:22px;background:rgba(8,11,14,.88);box-shadow:0 38px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden}
.seo-ui-top{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.075);color:#848c94;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.seo-ui-top>span{text-align:center;color:#b9c0c6}.seo-ui-top>small{justify-self:end;color:#6f7880}.seo-ui-dots{display:flex;gap:6px}.seo-ui-dots i{width:6px;height:6px;border:1px solid #4b535a;border-radius:50%}
.seo-ui-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)}.seo-ui-main{padding:28px;border-right:1px solid rgba(255,255,255,.07)}.seo-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-kpis>div,.seo-chart-card,.seo-priority,.seo-query-card{border:1px solid rgba(255,255,255,.075);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.seo-kpis>div{padding:20px}.seo-kpis small,.seo-priority small,.seo-query-card>small{display:block;color:#737c85;font-size:9px;letter-spacing:.11em;text-transform:uppercase}.seo-kpis strong{display:block;margin:15px 0 8px;font:500 clamp(24px,2.3vw,35px)/1 "Manrope",sans-serif;letter-spacing:-.045em}.seo-kpis span{color:#87929b;font-size:10px}
.seo-chart-card{margin-top:12px;padding:22px 22px 18px}.seo-chart-head{display:flex;justify-content:space-between;align-items:center;color:#c2c7cb;font:500 13px "Manrope",sans-serif}.seo-chart-head small{color:#747d85;font:400 9px "DM Sans",sans-serif;text-transform:uppercase;letter-spacing:.11em}.seo-chart-bars{height:230px;margin-top:25px;display:flex;align-items:end;gap:8px;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 25%}.seo-chart-bars i{flex:1;height:var(--h);min-width:5px;border-radius:5px 5px 1px 1px;background:linear-gradient(180deg,rgba(218,227,235,.82),rgba(98,116,132,.24));box-shadow:0 0 20px rgba(151,178,201,.055)}
.seo-ui-side{display:grid;grid-template-rows:auto 1fr;gap:12px;padding:28px}.seo-priority,.seo-query-card{padding:22px}.seo-priority strong{display:block;margin:22px 0 10px;font:500 21px/1.24 "Manrope",sans-serif;letter-spacing:-.03em}.seo-priority p{margin:0 0 24px;color:#9098a0;font-size:12px;line-height:1.6}.seo-priority>span{display:inline-flex;padding:7px 10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;color:#b8c0c7;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.seo-query-card ul{list-style:none;margin:18px 0 0;padding:0}.seo-query-card li{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.065)}.seo-query-card li:last-child{border:0}.seo-query-card b{font:500 11px/1.35 "Manrope",sans-serif;color:#c8cdd1}.seo-query-card li span{color:#77818a;font-size:9px;white-space:nowrap}
@media(max-width:900px){.seo-dashboard-visual{min-height:0;padding:28px!important}.seo-ui-grid{grid-template-columns:1fr}.seo-ui-main{border-right:0;border-bottom:1px solid rgba(255,255,255,.07)}.seo-ui-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}}
@media(max-width:640px){.seo-dashboard-visual{margin-left:14px!important;margin-right:14px!important;padding:16px!important;border-radius:18px!important}.seo-ui{border-radius:17px}.seo-ui-top{height:50px;padding:0 15px;grid-template-columns:auto 1fr}.seo-ui-top>span{text-align:right;font-size:8px}.seo-ui-top>small{display:none}.seo-ui-main,.seo-ui-side{padding:15px}.seo-kpis{grid-template-columns:1fr 1fr}.seo-kpis>div{padding:16px}.seo-kpis>div:last-child{grid-column:1/-1}.seo-kpis strong{font-size:25px}.seo-chart-card{padding:17px}.seo-chart-bars{height:150px;gap:5px}.seo-ui-side{grid-template-columns:1fr}.seo-priority,.seo-query-card{padding:18px}}


/* ========================================================================== 
   V59 — calmer hierarchy, premium service cards & subpage visual signatures
   ========================================================================== */

/* Rounded pre-headline labels are intentionally removed. Keep this as a
   defensive rule for any JS-created state that may still use the old class. */
.eyebrow{display:none!important}

/* Header service menu describes the offer — pricing belongs in the page. */
.services-menu a small{color:#777d83!important;letter-spacing:.01em!important}

/* About: smaller portrait, more balanced center composition on desktop. */
@media(min-width:981px){
  .about#ueber-mich{
    grid-template-columns:minmax(300px,370px) minmax(0,610px)!important;
    justify-content:center!important;
    gap:clamp(58px,7vw,96px)!important;
  }
  .about#ueber-mich .about-photo{width:100%;max-width:370px;aspect-ratio:4/5!important;justify-self:end;border-radius:20px}
  .about#ueber-mich .about-copy{max-width:610px;justify-self:start}
}
.about#ueber-mich .about-copy>p{max-width:590px!important}
.about-actions{display:flex;margin:30px 0 28px}
.about-actions .about-cta,.process-more .process-detail-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px}
.about-actions .about-cta span,.process-more .process-detail-cta span{margin-left:2px;transition:transform .25s cubic-bezier(.22,1,.36,1)}
.about-actions .about-cta:hover span,.process-more .process-detail-cta:hover span{transform:translateX(4px)}
.process-more{display:flex;justify-content:center;margin-top:42px}
.process-more .process-detail-cta{justify-self:auto}
@media(max-width:640px){
  .about-actions{margin-top:26px}
  .about-actions .about-cta,.process-more .process-detail-cta{width:100%;min-height:56px}
}

/* Service scope cards: quieter grid, stronger hierarchy, less template-like. */
.subsite .service-deliverables .section-head{margin-bottom:58px}
@media(min-width:981px){
  .subsite .deliverable-grid{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;border:0!important
  }
  .subsite .deliverable-grid article,
  .subsite .deliverable-grid article:nth-child(n){
    grid-column:auto!important;min-height:255px!important;padding:32px 34px 30px!important;
    display:flex;flex-direction:column;border-radius:22px!important;overflow:hidden;
    background:linear-gradient(145deg,rgba(20,24,28,.79),rgba(7,9,11,.91))!important;
    border:1px solid rgba(255,255,255,.09)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 80px rgba(0,0,0,.10)!important;
  }
}
.subsite .deliverable-grid article>span{
  display:flex;align-items:center;gap:14px;width:100%;font:500 10px/1 "DM Sans",sans-serif!important;
  letter-spacing:.14em!important;color:#7c858e!important
}
.subsite .deliverable-grid article>span:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.13),transparent)}
.subsite .deliverable-grid article h3{margin:52px 0 12px!important;font-size:clamp(21px,1.7vw,26px)!important;letter-spacing:-.035em!important}
.subsite .deliverable-grid article p{margin:0!important;max-width:520px;color:#969da4!important;line-height:1.7!important}
.subsite .deliverable-grid article:before{right:-9%!important;top:-26%!important;width:42%!important;background:radial-gradient(circle,rgba(150,176,199,.09),transparent 66%)!important}
.subsite .deliverable-grid article:after{
  content:"";position:absolute;right:28px;bottom:26px;width:44px;height:44px;border:1px solid rgba(255,255,255,.065);
  border-radius:50%;box-shadow:inset 0 0 0 10px rgba(255,255,255,.008);opacity:.8;pointer-events:none
}
.subsite .deliverable-grid article:nth-child(even):after{border-radius:13px;transform:rotate(12deg)}
@media(hover:hover) and (pointer:fine){
 .subsite .deliverable-grid article{transition:transform .38s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s}
 .subsite .deliverable-grid article:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.16)!important;background:linear-gradient(145deg,rgba(24,29,34,.86),rgba(8,10,12,.95))!important}
}
@media(max-width:980px){
  .subsite .deliverable-grid article{min-height:0!important;padding:27px 24px!important;border-radius:18px!important}
  .subsite .deliverable-grid article h3{margin-top:38px!important}
}

/* Digital-card package scope gets the same visual quality as the service cards. */
.page-digitale-visitenkarte .scope-grid{gap:18px!important}
.page-digitale-visitenkarte .scope-grid ul{
  padding:30px 32px!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(20,24,28,.76),rgba(7,9,11,.9))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.032),0 28px 70px rgba(0,0,0,.10)!important
}
.page-digitale-visitenkarte .scope-grid li{position:relative;padding:14px 0 14px 27px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.page-digitale-visitenkarte .scope-grid li:last-child{border-bottom:0!important}
.page-digitale-visitenkarte .scope-grid li:before{content:""!important;position:absolute;left:0;top:20px;width:7px;height:7px;border:1px solid #9aa2a9;border-radius:50%;margin:0!important}

/* Every substantive subpage gets one moving visual signature. */
.page-signal-stage{
  position:relative;overflow:hidden;margin:clamp(24px,3vw,42px) var(--pad) clamp(34px,5vw,72px);
  min-height:clamp(190px,18vw,270px);display:grid;place-items:center;border:1px solid rgba(255,255,255,.085);
  border-radius:24px;background:
    radial-gradient(60% 120% at 50% 110%,rgba(126,153,177,.12),transparent 64%),
    linear-gradient(145deg,rgba(14,17,20,.88),rgba(5,7,9,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.032),0 38px 100px rgba(0,0,0,.18);isolation:isolate
}
.page-signal-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.page-signal-rail{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.page-signal-loop{display:flex;width:max-content;align-items:center;gap:clamp(24px,3.5vw,58px);padding:0 28px;animation:heroSignalRail 24s linear infinite;will-change:transform}
.page-signal-loop span{font:500 clamp(34px,5vw,76px)/1 "Manrope",sans-serif;letter-spacing:-.055em;color:#eef0f1;white-space:nowrap}
.page-signal-loop i{font-style:normal;color:#59616a;font-size:clamp(22px,2.7vw,42px)}
.page-signal-line{position:absolute;left:7%;right:7%;bottom:54px;height:1px;background:rgba(255,255,255,.08);overflow:hidden}
.page-signal-line i{display:block;width:18%;height:100%;background:linear-gradient(90deg,transparent,#d7e0e7,transparent);animation:heroSignalBeam 4.8s cubic-bezier(.45,0,.55,1) infinite}
.page-signal-stage>p{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(760px,82%);margin:0;text-align:center;color:#818990;font-size:11px;line-height:1.45;letter-spacing:.035em}
@keyframes heroSignalRail{to{transform:translateX(-50%)}}
@keyframes heroSignalBeam{0%{transform:translateX(-120%)}55%,100%{transform:translateX(650%)}}
@media(max-width:640px){
  .page-signal-stage{margin:18px 14px 48px;min-height:180px;border-radius:18px}
  .page-signal-loop{gap:24px;padding:0 20px;animation-duration:19s}
  .page-signal-loop span{font-size:36px}
  .page-signal-loop i{font-size:21px}
  .page-signal-line{left:8%;right:8%;bottom:52px}
  .page-signal-stage>p{bottom:16px;width:86%;font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.page-signal-loop,.page-signal-line i{animation:none!important}.page-signal-loop{transform:none!important}}

/* The Business Website package now has its own route and visual identity. */
.page-business-website .service-hero-v2{
  background:radial-gradient(48% 74% at 84% 42%,rgba(143,169,193,.13),transparent 68%),linear-gradient(180deg,#050607,#060809)!important
}


/* ==========================================================================\n   V60 — conversion hero + clean project asset usage + mobile process repair\n   ========================================================================== */
.hero-v60{height:auto!important;min-height:860px!important;display:grid!important;grid-template-columns:minmax(0,.78fr) minmax(520px,1.22fr);grid-template-rows:1fr auto;gap:0 4vw;align-items:center;padding:132px var(--pad) 32px;overflow:hidden;background:radial-gradient(70% 85% at 76% 42%,rgba(90,109,126,.12),transparent 68%),#050607;isolation:isolate}
.hero-v60-grid{position:absolute;inset:95px 0 0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%,#000);mask-image:linear-gradient(90deg,transparent,#000 38%,#000);opacity:.72}
.hero-v60:after{content:"";position:absolute;z-index:-1;right:-8%;top:10%;width:62%;height:78%;background:radial-gradient(circle at 50% 55%,rgba(202,218,230,.07),transparent 60%);filter:blur(8px);pointer-events:none}
.hero-v60-copy{position:relative;z-index:2;max-width:650px;padding:0}
.hero-v60-kicker{margin:0 0 24px;color:#9da3a8;font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase}
.hero-v60 h1{margin:0;font:500 clamp(58px,5.05vw,84px)/.99 "Manrope",sans-serif;letter-spacing:-.061em;text-wrap:balance;overflow:visible;padding-bottom:.12em}
.hero-v60 .hero-title-main,.hero-v60 .hero-title-accent{display:block}.hero-v60 .hero-title-main{color:#f2f2f0}.hero-v60 .hero-title-accent{margin-top:5px;background:linear-gradient(180deg,#f3f3f1,#a9afb4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#d5d8da!important}
.hero-v60 .lead{max-width:590px;margin:22px 0 0;color:#aeb3b7;font-size:17px;line-height:1.65}
.hero-v60-actions{margin-top:30px;gap:16px}.hero-v60 .hero-outline{border:1px solid rgba(255,255,255,.36);color:#eceeeb;background:rgba(255,255,255,.015);padding-left:28px;padding-right:28px}.hero-v60 .hero-outline:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.55)}
.hero-v60-stats{display:flex;gap:0;margin-top:43px}.hero-v60-stats>div{min-width:142px;padding-right:26px;margin-right:26px;border-right:1px solid rgba(255,255,255,.13)}.hero-v60-stats>div:last-child{border:0;margin-right:0;padding-right:0}.hero-v60-stats strong{display:block;font:500 29px/1 "Manrope",sans-serif;letter-spacing:-.045em}.hero-v60-stats span{display:block;margin-top:10px;color:#858c92;font-size:12px;line-height:1.45}
.hero-v60-visual{position:relative;z-index:1;width:100%;height:570px;perspective:1400px;transform-style:preserve-3d;filter:drop-shadow(0 42px 50px rgba(0,0,0,.22))}
.hero-v60-visual:before{content:"";position:absolute;left:4%;right:-3%;bottom:4%;height:66%;border:1px solid rgba(255,255,255,.035);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);transform:perspective(600px) rotateX(67deg);transform-origin:bottom;opacity:.7}
.hero-flow-card{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(19,23,27,.83),rgba(6,8,10,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 35px 90px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#edf0f1;transform-style:preserve-3d}
.hero-flow-card small{position:absolute;left:18px;top:17px;color:#747d84;font-size:9px}.hero-flow-card>b{position:absolute;left:48px;top:16px;font:500 12px "Manrope",sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#d5dade}.hero-flow-card p{margin:0;color:#b2b8bd;line-height:1.35}
.card-visitor{left:1%;top:112px;width:190px;height:290px;transform:rotateY(10deg) rotateX(1deg)}.visitor-icon{position:absolute;left:61px;top:83px;width:64px;height:64px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 28px rgba(210,225,236,.09)}.visitor-icon:before{content:"";position:absolute;left:25px;top:15px;width:14px;height:14px;border-radius:50%;background:#dce2e6}.visitor-icon:after{content:"";position:absolute;left:19px;top:33px;width:26px;height:17px;border-radius:15px 15px 9px 9px;background:#dce2e6}.card-visitor p{position:absolute;left:28px;right:28px;bottom:39px;font-size:13px;text-align:center}
.card-website{left:27%;top:86px;width:345px;height:365px;transform:translateZ(28px) rotateY(-2deg)}.mini-browser{position:absolute;inset:69px 24px 26px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:linear-gradient(145deg,#11161a,#07090b);overflow:hidden}.mini-browser>i{display:block;height:26px;border-bottom:1px solid rgba(255,255,255,.07)}.mini-building{position:absolute;left:24px;right:24px;top:62px;height:125px;display:flex;align-items:flex-end;justify-content:center;gap:4px;overflow:hidden}.mini-building span{display:block;width:29%;background:linear-gradient(145deg,#727b82,#252c31);clip-path:polygon(50% 0,100% 22%,100% 100%,0 100%,0 25%)}.mini-building span:nth-child(1){height:68%}.mini-building span:nth-child(2){height:100%}.mini-building span:nth-child(3){height:77%}.mini-browser em{position:absolute;left:25px;right:34%;bottom:36px;height:5px;border-radius:4px;background:#252c31}.mini-browser em+em{right:54%;bottom:22px;background:#1c2227}
.card-trust{left:63%;top:190px;width:220px;height:270px;transform:translateZ(48px) rotateY(-7deg)}.card-trust ul{position:absolute;left:23px;right:20px;top:77px;list-style:none;padding:0;margin:0;display:grid;gap:20px}.card-trust li{position:relative;padding-left:28px;color:#aeb5ba;font-size:11px}.card-trust li:before{content:"✓";position:absolute;left:0;top:-2px;display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#dce2e5;font-size:9px}
.card-request{right:0;top:112px;width:200px;height:330px;transform:rotateY(-9deg)}.request-icon{position:absolute;left:64px;top:86px;display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:24px;color:#eff3f5;box-shadow:0 0 34px rgba(208,225,238,.12)}.card-request p{position:absolute;left:22px;right:22px;bottom:44px;text-align:center;font-size:14px;color:#dde1e3}
.card-growth{right:8%;top:10px;width:210px;height:105px;padding:20px 20px 14px;transform:rotateY(-7deg)}.card-growth strong{display:block;text-align:right;font:500 24px/1 "Manrope",sans-serif}.card-growth>span{display:block;text-align:right;margin-top:6px;color:#7f8991;text-transform:uppercase;font-size:8px;letter-spacing:.12em}.card-growth>div{position:absolute;left:18px;bottom:17px;height:46px;display:flex;align-items:flex-end;gap:5px}.card-growth i{display:block;width:6px;height:var(--bar,30%);background:linear-gradient(#dce4e9,#55616a);border-radius:2px}.card-growth i:nth-child(1){--bar:22%}.card-growth i:nth-child(2){--bar:36%}.card-growth i:nth-child(3){--bar:47%}.card-growth i:nth-child(4){--bar:62%}.card-growth i:nth-child(5){--bar:78%}.card-growth i:nth-child(6){--bar:95%}
.hero-flow-line{position:absolute;left:-1%;right:0;top:78px;width:101%;height:430px;overflow:visible;pointer-events:none}.hero-flow-line path{fill:none;stroke:rgba(236,245,250,.82);stroke-width:3;filter:drop-shadow(0 0 9px rgba(213,234,247,.52));stroke-linecap:round;stroke-dasharray:10 8;animation:heroV60Flow 14s linear infinite}.hero-flow-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:#f5f7f7;box-shadow:0 0 0 5px rgba(245,247,247,.08),0 0 22px rgba(224,239,249,.65)}.dot-1{left:37%;top:338px}.dot-2{left:67%;top:405px}.dot-3{right:12%;top:333px}.hero-floor-labels{position:absolute;left:16%;right:1%;bottom:36px;display:flex;justify-content:space-between;color:#555e65;font-size:9px;text-transform:uppercase;letter-spacing:.17em;transform:perspective(450px) rotateX(28deg)}
.hero-v60-trust{grid-column:1/-1;position:relative;margin-top:10px;padding:24px 0 0;border-top:1px solid rgba(255,255,255,.07)}.hero-v60-trust>p{margin:0 0 24px;text-align:center;color:#777f85;font-size:9px;text-transform:uppercase;letter-spacing:.17em}.hero-v60-trust>div{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;align-items:center}.hero-v60-trust span{display:block;text-align:center;color:#9da2a6;font:600 19px/1 "Manrope",sans-serif;letter-spacing:-.02em;filter:saturate(0)}.hero-v60-trust small{display:block;margin-top:4px;font:400 9px "DM Sans",sans-serif;letter-spacing:.02em;color:#71787d}
@keyframes heroV60Flow{to{stroke-dashoffset:-180}}
@media(max-width:1180px){.hero-v60{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr)}.card-visitor{left:-2%;width:170px}.card-website{left:23%;width:310px}.card-trust{left:59%;width:205px}.card-request{width:185px}.hero-v60-stats>div{min-width:120px}}
@media(max-width:980px){.hero-v60{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding-top:125px;min-height:0!important}.hero-v60-copy{max-width:760px;margin:0 auto;text-align:center}.hero-v60-kicker{text-align:center}.hero-v60 .lead{margin-left:auto;margin-right:auto}.hero-v60-actions,.hero-v60-stats{justify-content:center}.hero-v60-visual{margin:24px auto 0;max-width:780px;height:520px}.hero-v60-trust{margin-top:0}.hero-v60-grid{-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000);mask-image:linear-gradient(180deg,transparent,#000 25%,#000)}}
@media(max-width:640px){.hero-v60{padding:112px 20px 24px;display:block}.hero-v60-kicker{font-size:9px;letter-spacing:.19em;margin-bottom:19px}.hero-v60 h1{font-size:clamp(43px,13.2vw,55px);line-height:1.01}.hero-v60 .hero-title-accent{max-width:none!important;margin-top:4px!important;font-size:1em!important}.hero-v60 .lead{font-size:15px;line-height:1.62;margin-top:17px}.hero-v60-actions{display:flex;flex-direction:column;align-items:center;gap:11px;margin-top:25px}.hero-v60-actions .btn{width:min(100%,300px);justify-content:center;min-height:52px}.hero-v60-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;gap:0}.hero-v60-stats>div{min-width:0;margin:0;padding:0 10px;border-right:1px solid rgba(255,255,255,.11)}.hero-v60-stats strong{font-size:22px}.hero-v60-stats span{font-size:9.5px}.hero-v60-visual{height:390px;margin:28px -6px 0;transform:scale(.98);transform-origin:center top}.hero-v60-visual:before{left:0;right:0}.hero-flow-card{border-radius:12px}.hero-flow-card small{left:11px;top:10px;font-size:7px}.hero-flow-card>b{left:31px;top:10px;font-size:8px}.card-visitor{left:0;top:86px;width:105px;height:190px;transform:none}.visitor-icon{left:33px;top:55px;width:40px;height:40px}.visitor-icon:before{left:15px;top:9px;width:10px;height:10px}.visitor-icon:after{left:11px;top:22px;width:18px;height:12px}.card-visitor p{left:8px;right:8px;bottom:22px;font-size:9px}.card-website{left:20%;top:58px;width:185px;height:240px;transform:translateZ(15px)}.mini-browser{inset:45px 12px 14px;border-radius:8px}.mini-browser>i{height:17px}.mini-building{left:12px;right:12px;top:38px;height:82px}.mini-browser em{left:14px;bottom:27px}.mini-browser em+em{bottom:15px}.card-trust{left:52%;top:135px;width:126px;height:178px;transform:translateZ(25px)}.card-trust ul{left:12px;right:8px;top:50px;gap:12px}.card-trust li{font-size:7.5px;padding-left:18px}.card-trust li:before{width:12px;height:12px;font-size:6px}.card-request{right:0;top:81px;width:108px;height:216px;transform:none}.request-icon{left:31px;top:57px;width:46px;height:46px;font-size:16px}.card-request p{left:6px;right:6px;bottom:27px;font-size:9px}.card-growth{right:5%;top:0;width:118px;height:68px;padding:10px}.card-growth strong{font-size:16px}.card-growth>span{font-size:5.5px;margin-top:3px}.card-growth>div{left:10px;bottom:10px;height:27px;gap:3px}.card-growth i{width:3px}.hero-flow-line{top:61px;height:285px}.hero-flow-line path{stroke-width:2}.hero-flow-dot{width:8px;height:8px}.dot-1{left:35%;top:230px}.dot-2{left:66%;top:284px}.dot-3{right:10%;top:228px}.hero-floor-labels{left:10%;right:1%;bottom:24px;font-size:5.7px}.hero-v60-trust{margin:2px -2px 0;padding-top:20px}.hero-v60-trust>p{font-size:7.3px;line-height:1.5;margin-bottom:16px}.hero-v60-trust>div{grid-template-columns:repeat(3,1fr);gap:20px 12px}.hero-v60-trust span{font-size:13px}.hero-v60-trust small{font-size:7px}.hero-v60-trust span:nth-child(4),.hero-v60-trust span:nth-child(5){grid-column:auto}.hero-v60-grid{background-size:48px 48px}}
@media(prefers-reduced-motion:reduce){.hero-flow-line path{animation:none}}

/* Project screenshots live only in reference/project contexts. Non-project pages use native abstract systems. */
.generic-proof-visual,.service-native-visual{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.085);border-radius:22px;background:radial-gradient(70% 100% at 85% 20%,rgba(116,140,160,.10),transparent 65%),linear-gradient(145deg,#0d1013,#060809);box-shadow:0 34px 90px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)}
.generic-proof-visual{min-height:430px;padding:50px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.native-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;opacity:.55;pointer-events:none}.generic-proof-visual article{position:relative;z-index:2;padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:16px;background:rgba(7,10,12,.72)}.generic-proof-visual article small{color:#6f7880}.generic-proof-visual article b{display:block;margin:26px 0 10px;font:500 20px "Manrope",sans-serif}.generic-proof-visual article span{color:#858e95;font-size:12px;line-height:1.55}.generic-proof-visual svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.generic-proof-visual path{fill:none;stroke:rgba(218,230,238,.22);stroke-width:2;stroke-dasharray:8 10;animation:heroV60Flow 18s linear infinite}
.shop-native-visual{height:clamp(500px,58vw,720px)!important;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;padding:clamp(28px,5vw,70px)!important;align-items:center}.shop-products{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.shop-products article{padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(8,11,13,.76)}.shop-products i{display:block;aspect-ratio:1;border-radius:12px;background:linear-gradient(145deg,#242b31,#0f1317);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.shop-products b{display:block;margin:16px 0 6px;font:500 14px "Manrope",sans-serif}.shop-products small{color:#7d858c;font-size:10px}.shop-native-visual aside{position:relative;z-index:2;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(6,9,11,.86);box-shadow:0 24px 60px rgba(0,0,0,.3)}.shop-native-visual aside small{color:#737c84;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.shop-native-visual aside strong{display:block;margin:18px 0 25px;font:500 25px/1.12 "Manrope",sans-serif}.shop-native-visual aside span{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.065);color:#a5adb3;font-size:12px}.shop-native-visual aside .shop-cta{display:block;width:100%;margin-top:24px;padding:14px;border-radius:999px;background:#eef0ee;color:#090b0c;font:500 11px "DM Sans",sans-serif;text-align:center}
.city-native-visual{height:clamp(500px,58vw,720px)!important;display:grid;place-items:center;padding:clamp(30px,6vw,82px)!important}.city-browser{position:relative;z-index:2;width:min(920px,85%);min-height:390px;padding:86px 58px 48px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(17,21,24,.93),rgba(6,8,10,.95));box-shadow:0 40px 110px rgba(0,0,0,.38);transform:perspective(900px) rotateY(-7deg)}.city-bar{position:absolute;left:0;right:0;top:0;height:50px;border-bottom:1px solid rgba(255,255,255,.07)}.city-browser h3{margin:0;font:500 clamp(38px,5vw,72px)/1.02 "Manrope",sans-serif;letter-spacing:-.055em}.city-browser h3 em{font-style:normal;color:#979fa5}.city-lines{display:grid;gap:10px;margin-top:42px}.city-lines i{height:5px;width:56%;border-radius:5px;background:#252c31}.city-lines i:nth-child(2){width:42%}.city-lines i:nth-child(3){width:31%}.city-browser>b{position:absolute;right:40px;bottom:38px;font:500 12px "DM Sans",sans-serif;color:#dfe5e8}.city-signal{position:absolute;z-index:3;right:5%;bottom:9%;width:310px;padding:23px;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(8,11,13,.82);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:10px}.city-signal small{grid-column:1/-1;margin-bottom:12px;color:#717a82;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.city-signal strong{font:500 11px "Manrope",sans-serif}.city-signal span{height:1px;background:linear-gradient(90deg,#9ca6ae,transparent)}
@media(max-width:760px){.generic-proof-visual{min-height:0;padding:20px;grid-template-columns:1fr}.generic-proof-visual article{padding:20px}.shop-native-visual{height:auto!important;min-height:520px;grid-template-columns:1fr;padding:24px!important}.shop-products{grid-template-columns:repeat(3,1fr);gap:8px}.shop-products article{padding:9px;border-radius:12px}.shop-products b{font-size:10px}.shop-products small{font-size:7px}.shop-native-visual aside{padding:22px}.city-native-visual{height:auto!important;min-height:520px;padding:22px!important}.city-browser{width:94%;min-height:330px;padding:72px 24px 38px;transform:none}.city-browser h3{font-size:40px}.city-signal{right:7%;bottom:7%;width:265px}}

/* iOS process cards: never clip their own content or descenders. */
.page-prozess .process-detail{overflow:visible!important;contain:none!important;padding-bottom:max(78px,calc(54px + env(safe-area-inset-bottom)))!important}
.page-prozess .process-detail>article{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;contain:none!important}
.page-prozess .process-title,.page-prozess .process-text,.page-prozess .process-text ul,.page-prozess .process-text li{overflow:visible!important;max-height:none!important}
@media(max-width:640px){.page-prozess .process-detail{padding-left:18px!important;padding-right:18px!important}.page-prozess .process-detail>article{padding:30px 22px 34px!important;margin-bottom:18px!important}.page-prozess .process-title h2{font-size:clamp(31px,9.1vw,40px)!important;line-height:1.08!important;padding-bottom:.15em!important}.page-prozess .process-text{font-size:15.5px!important;line-height:1.68!important}.page-prozess .process-text ul{margin-top:22px!important;gap:13px!important}.page-prozess .process-text li{padding-bottom:3px!important}}

/* Portrait: slightly larger than v59, still balanced against the copy. */
@media(min-width:981px){.about#ueber-mich{grid-template-columns:minmax(330px,420px) minmax(0,610px)!important;gap:clamp(58px,6vw,90px)!important}.about#ueber-mich .about-photo{max-width:420px!important}}


/* ==========================================================================
   V63 — final motion, typography, offer cards & mobile hero polish\n   ========================================================================== */

/* Conversion visual moves as a single spatial object. The path, anchor dots
   and cards can no longer drift apart while floating. */
.hero-flow-stage{
  position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;
  animation:heroFlowStageFloat 6.6s cubic-bezier(.45,0,.55,1) infinite alternate
}
@keyframes heroFlowStageFloat{
  from{transform:translate3d(0,-5px,0) scale(var(--hero-stage-scale,1))}
  to{transform:translate3d(0,6px,0) scale(var(--hero-stage-scale,1))}
}
@media(prefers-reduced-motion:reduce){.hero-flow-stage{animation:none!important}}

/* Descender safety: large Manrope display text must retain enough paint space
   for g, j, p, q and y even inside masked/animated rails. */
.page-signal-rail{padding:.12em 0 .18em}
.page-signal-loop{padding-top:.04em;padding-bottom:.10em}
.page-signal-loop span{line-height:1.12!important;padding-bottom:.08em}
.headline-accent,.hero-title-accent{padding-bottom:.075em;margin-bottom:-.075em}
.subsite h1,.subsite h2,.subsite h3,.hero-v60 h1{overflow:visible}

/* One premium offer object across all four service pages. */
.premium-offer-card{
  position:relative;justify-self:end;width:min(100%,470px);padding:30px;
  border:1px solid rgba(255,255,255,.105);border-radius:26px;
  background:
    radial-gradient(85% 100% at 100% 0,rgba(126,151,174,.11),transparent 62%),
    linear-gradient(150deg,rgba(21,26,31,.88),rgba(7,9,11,.94));
  box-shadow:0 38px 110px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden
}
.premium-offer-card:before{
  content:"";position:absolute;left:30px;right:30px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,235,243,.45),transparent)
}
.offer-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.075)}
.offer-card-head small{color:#d8dcdf;font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.offer-card-head span{color:#737c84;font-size:10px;letter-spacing:.055em;text-align:right}
.offer-card-price{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:31px 0 29px}
.offer-card-price strong{font:500 clamp(46px,4.6vw,70px)/.92 "Manrope",sans-serif;letter-spacing:-.065em;color:#f1f2f0;white-space:nowrap;padding-bottom:.08em}
.offer-card-price em{font-style:normal;color:#707980;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding-bottom:9px;white-space:nowrap}
.offer-card-details{border-top:1px solid rgba(255,255,255,.075)}
.offer-card-details>div{display:grid;grid-template-columns:minmax(82px,.42fr) minmax(0,1fr);align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.offer-card-details>div:last-child{border-bottom:0;padding-bottom:0}
.offer-card-details small{color:#68727a;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.offer-card-details span{color:#c4c9cc;font:500 12px/1.45 "Manrope",sans-serif;text-align:right}
.offer-card-details i{display:grid;place-items:center;width:19px;height:19px;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#dce3e7;font-style:normal;font-size:9px;box-shadow:0 0 18px rgba(203,222,236,.07)}
.page-digitale-visitenkarte .offer-card-details>div{grid-template-columns:24px 1fr}
.page-digitale-visitenkarte .offer-card-details span{text-align:left}

/* Removing the old logo strip leaves the hero with deliberate breathing room,
   not an empty second grid row. */
.hero-v60{grid-template-rows:1fr!important;padding-bottom:58px}

@media(max-width:980px){
  .premium-offer-card{justify-self:center;width:min(100%,580px);margin:8px auto 0}
}

@media(max-width:640px){
  .hero-v60{padding-left:18px;padding-right:18px;padding-bottom:30px}
  .hero-v60-copy{width:100%;max-width:365px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .hero-v60-kicker{width:100%;max-width:350px;margin-left:auto;margin-right:auto;line-height:1.55;text-align:center!important}
  .hero-v60 h1{width:100%;max-width:350px;margin-left:auto;margin-right:auto;text-align:center!important;text-wrap:balance}
  .hero-v60 .lead{max-width:350px;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  .hero-v60-actions{
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:min(100%,350px);margin:24px auto 0!important;gap:10px!important;align-items:stretch!important
  }
  .hero-v60-actions .btn{
    width:100%!important;min-width:0;min-height:50px!important;padding:13px 15px!important;
    gap:8px!important;font-size:12.5px!important;line-height:1.2;white-space:nowrap
  }
  .hero-v60-actions .btn:first-child{justify-content:space-between!important}
  .hero-v60-actions .hero-outline{justify-content:center!important}

  .premium-offer-card{width:100%;padding:24px 22px;border-radius:22px;margin-top:4px}
  .premium-offer-card:before{left:22px;right:22px}
  .offer-card-head{padding-bottom:18px}
  .offer-card-price{padding:26px 0 24px}
  .offer-card-price strong{font-size:clamp(43px,13vw,56px)}
  .offer-card-price em{font-size:8px;padding-bottom:8px}
  .offer-card-details>div{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:15px 0}
  .offer-card-details span{font-size:11px}
  .page-digitale-visitenkarte .offer-card-details>div{grid-template-columns:24px 1fr}
  .page-signal-loop span{font-size:36px;line-height:1.14!important}
}


/* ==========================================================================
   V64 — mobile CTA/layout/menu refinements after real-device review
   ========================================================================== */
@media(max-width:640px){
  /* About section: CTA and signature sit on the same visual line. */
  .about#ueber-mich .about-copy{
    display:flex!important;flex-wrap:wrap!important;align-items:flex-start;justify-content:space-between!important;
    gap:0 18px!important;max-width:100%!important
  }
  .about#ueber-mich .about-copy > .eyebrow,
  .about#ueber-mich .about-copy > h2,
  .about#ueber-mich .about-copy > p{width:100%!important}
  .about-actions,
  .about#ueber-mich .about-copy .signature{width:auto!important;flex:0 0 auto!important;margin-top:8px!important}
  .about-actions{margin:24px 0 0!important;justify-content:flex-start!important}
  .about-actions .about-cta{
    width:auto!important;min-width:0!important;padding:15px 24px!important;min-height:52px!important;
    justify-content:center!important;white-space:nowrap!important
  }
  .about#ueber-mich .about-copy .signature{
    margin:26px 0 0 auto!important;text-align:left!important;font-size:18px!important;line-height:1.05!important
  }
  .about#ueber-mich .about-copy .signature small{margin-top:6px!important;font-size:10px!important;letter-spacing:.14em!important}

  /* Process CTA centered with premium, content-based width. */
  .process-more{justify-content:center!important}
  .process-more .process-detail-cta{
    width:auto!important;min-width:min(100%,285px)!important;padding:15px 28px!important;min-height:54px!important;
    justify-content:center!important;white-space:nowrap!important
  }

  /* Homepage hero CTAs: cleaner button pair, no arrow emphasis in primary. */
  .hero-v60-actions{width:min(100%,360px)!important;gap:12px!important}
  .hero-v60-actions .btn{
    min-height:54px!important;padding:14px 18px!important;font-size:13px!important;letter-spacing:-.01em;
    border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;
    box-shadow:0 16px 34px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.03)!important
  }
  .hero-v60-actions .btn:first-child{
    justify-content:center!important;background:linear-gradient(180deg,#f5f5f3 0%,#eaebe9 100%)!important;color:#08090a!important;
    box-shadow:0 18px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.45)!important
  }
  .hero-v60-actions .btn:first-child b,
  .hero-v60-actions .btn:first-child span{display:none!important}
  .hero-v60-actions .hero-outline{
    justify-content:center!important;background:rgba(255,255,255,.02)!important;border-color:rgba(255,255,255,.18)!important
  }

  /* Mobile services menu: more breathing room away from the vertical guide line. */
  .site-header .services-menu a{
    margin-left:8px!important;padding:14px 18px 14px 24px!important;border-left:1px solid #35393d!important
  }
  .services-menu a b{display:block;margin-bottom:6px!important}
  .services-menu a small{display:block;line-height:1.4!important}
}

/* ==========================================================================
   V65 — desktop launch polish
   ========================================================================== */
@media(min-width:981px){
  /* Hero visual: layered, but every stage remains readable. */
  .hero-v60-visual{max-width:900px;justify-self:end}
  .card-visitor{left:0;width:178px;z-index:1}
  .card-website{left:19%;width:290px;z-index:2}
  .card-trust{left:52%;top:170px;width:210px;height:270px;z-index:4}
  .card-request{right:-1%;top:116px;width:166px;height:326px;z-index:3}
  .card-growth{right:7%;width:196px;z-index:5}

  /* Services = orientation, pricing = decision. Avoid repeating prices twice. */
  body.home .package-service-cards .package-price{display:none!important}
  body.home .package-service-cards article{min-height:350px}
  body.home .package-service-cards h3{margin-bottom:16px}

  /* Comparison stays subordinate, but remains clearly readable. */
  .strategy-card.muted{opacity:.72!important;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.018)!important}
  .strategy-card.muted .strategy-flow span{color:#b4b9bd!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.018)!important}
  .strategy-card.muted p{color:#a0a6ab!important}
  .strategy-card.muted small{color:#8f969c!important}
  .strategy-card.muted::after{color:#7c8389!important;border-color:rgba(255,255,255,.1)!important}

  /* Five deliberately equal process stages instead of an accidental 3+2 wrap. */
  body.home .steps-five{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}
  body.home .steps-five article,
  body.home .steps-five article:nth-last-child(-n+2){grid-column:auto!important;min-height:255px!important;padding:28px 24px!important}
  body.home .steps-five article:last-child{border-color:#3b4249!important;background:linear-gradient(145deg,#15191d,#0d1013)!important}

  /* About: one intentional sign-off line instead of disconnected elements. */
  .about#ueber-mich .about-copy{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;column-gap:36px!important}
  .about#ueber-mich .about-copy>h2,
  .about#ueber-mich .about-copy>p{grid-column:1/-1!important}
  .about#ueber-mich .about-actions{grid-column:1!important;margin:30px 0 0!important;align-self:end!important}
  .about#ueber-mich .about-copy .signature{grid-column:2!important;margin:30px 0 0!important;align-self:end!important;text-align:left!important;white-space:nowrap}

  /* Scrolled navigation: slightly quieter and more compact. */
  .site-header.is-scrolled:not(.open){
    top:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;
    width:min(calc(100% - 56px),1260px)!important;max-width:1260px!important;height:66px!important;
    padding-left:24px!important;padding-right:19px!important;border-radius:19px!important;
    border-color:rgba(255,255,255,.075)!important;background:rgba(7,9,11,.68)!important;
    box-shadow:0 14px 46px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.028)!important
  }
  .site-header.is-scrolled.header-hidden:not(.open){transform:translate(-50%,calc(-100% - 24px))!important}
}

/* ========================================================================== 
   V66 — intentional large-desktop / 4K composition
   Keeps mobile and standard desktop untouched; scales only wide viewports.
   ========================================================================== */
@media (min-width:1800px){
  :root{--hero-wide-canvas:1800px}

  /* Keep the navigation on the same centered canvas as the hero. */
  .site-header:not(.is-scrolled){
    padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
    padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
    height:104px!important
  }
  .site-header:not(.is-scrolled) a.brand{width:194px!important}
  .site-header:not(.is-scrolled) nav{gap:44px!important}
  .site-header:not(.is-scrolled) .services-trigger,
  .site-header:not(.is-scrolled) nav>a{font-size:14.5px!important}
  .site-header:not(.is-scrolled) .header-cta{min-height:50px!important;padding:0 23px!important;font-size:13.5px!important}

  /* A fixed premium canvas prevents 4K screens from pulling both columns apart. */
  .hero-v60{
    min-height:790px!important;
    grid-template-columns:minmax(0,700px) minmax(0,1030px)!important;
    column-gap:70px!important;
    padding:126px max(48px,calc((100vw - var(--hero-wide-canvas))/2)) 28px!important;
    align-items:center!important
  }
  .hero-v60-copy{max-width:700px!important;align-self:center}
  .hero-v60-kicker{font-size:12px!important;letter-spacing:.27em!important;margin-bottom:25px!important}
  .hero-v60 h1{font-size:94px!important;line-height:.985!important;max-width:690px!important}
  .hero-v60 .lead{max-width:650px!important;font-size:18.5px!important;line-height:1.62!important;margin-top:24px!important}
  .hero-v60-actions{margin-top:32px!important}
  .hero-v60-actions .btn{min-height:54px;padding-left:27px;padding-right:27px;font-size:14px}
  .hero-v60-stats{margin-top:38px!important}
  .hero-v60-stats>div{min-width:155px!important;padding-right:28px!important;margin-right:28px!important}
  .hero-v60-stats strong{font-size:31px!important}
  .hero-v60-stats span{font-size:12.5px!important}

  /* The conversion scene becomes a true co-hero instead of a small illustration. */
  .hero-v60-visual{width:100%!important;max-width:1030px!important;height:620px!important;justify-self:end!important}
  .hero-flow-stage{--hero-stage-scale:1.11;transform-origin:52% 52%!important}
  .hero-v60-grid{background-size:86px 86px!important}
}

@media (min-width:3200px){
  :root{--hero-wide-canvas:2240px}

  .site-header:not(.is-scrolled){height:118px!important}
  .site-header:not(.is-scrolled) a.brand{width:224px!important}
  .site-header:not(.is-scrolled) nav{gap:54px!important}
  .site-header:not(.is-scrolled) .services-trigger,
  .site-header:not(.is-scrolled) nav>a{font-size:16px!important}
  .site-header:not(.is-scrolled) .header-cta{min-height:56px!important;padding:0 28px!important;font-size:15px!important}

  .hero-v60{
    min-height:950px!important;
    grid-template-columns:minmax(0,850px) minmax(0,1290px)!important;
    column-gap:100px!important;
    padding-top:148px!important;padding-bottom:34px!important
  }
  .hero-v60-copy{max-width:850px!important}
  .hero-v60-kicker{font-size:14px!important;margin-bottom:30px!important}
  .hero-v60 h1{font-size:116px!important;max-width:840px!important}
  .hero-v60 .lead{max-width:760px!important;font-size:21px!important;line-height:1.62!important;margin-top:29px!important}
  .hero-v60-actions{margin-top:38px!important;gap:20px!important}
  .hero-v60-actions .btn{min-height:62px!important;padding-left:32px!important;padding-right:32px!important;font-size:16px!important}
  .hero-v60-stats{margin-top:48px!important}
  .hero-v60-stats>div{min-width:182px!important;padding-right:34px!important;margin-right:34px!important}
  .hero-v60-stats strong{font-size:37px!important}
  .hero-v60-stats span{font-size:14px!important}

  .hero-v60-visual{max-width:1290px!important;height:760px!important}
  .hero-flow-stage{--hero-stage-scale:1.26}
  .hero-v60-grid{background-size:104px 104px!important}
}

/* Intermediate wide-desktop tier: common 4K-at-150%-scaling viewport (~2560 CSS px). */
@media (min-width:2200px) and (max-width:3199px){
  :root{--hero-wide-canvas:2060px}
  .site-header:not(.is-scrolled) a.brand{width:205px!important}
  .site-header:not(.is-scrolled) nav{gap:48px!important}
  .site-header:not(.is-scrolled) .services-trigger,
  .site-header:not(.is-scrolled) nav>a{font-size:15px!important}

  .hero-v60{
    min-height:830px!important;
    grid-template-columns:minmax(0,760px) minmax(0,1220px)!important;
    column-gap:80px!important;
    padding-top:132px!important;padding-bottom:24px!important
  }
  .hero-v60-copy{max-width:760px!important}
  .hero-v60 h1{font-size:104px!important;max-width:750px!important}
  .hero-v60 .lead{max-width:700px!important;font-size:19.5px!important}
  .hero-v60-visual{max-width:1220px!important;height:680px!important}
  .hero-flow-stage{--hero-stage-scale:1.16}
}

/* True 4K / very-wide CSS viewport: keep the experience physically substantial. */
@media (min-width:3200px){
  :root{--hero-wide-canvas:3000px}

  .site-header:not(.is-scrolled){height:132px!important}
  .site-header:not(.is-scrolled) a.brand{width:260px!important}
  .site-header:not(.is-scrolled) nav{gap:64px!important}
  .site-header:not(.is-scrolled) .services-trigger,
  .site-header:not(.is-scrolled) nav>a{font-size:18px!important}
  .site-header:not(.is-scrolled) .header-cta{min-height:62px!important;padding:0 32px!important;font-size:17px!important}

  .hero-v60{
    min-height:1110px!important;
    grid-template-columns:minmax(0,1080px) minmax(0,1800px)!important;
    column-gap:120px!important;
    padding-top:166px!important;padding-bottom:34px!important
  }
  .hero-v60-copy{max-width:1080px!important}
  .hero-v60-kicker{font-size:16px!important;letter-spacing:.28em!important;margin-bottom:34px!important}
  .hero-v60 h1{font-size:150px!important;max-width:1060px!important;line-height:.98!important}
  .hero-v60 .lead{max-width:930px!important;font-size:25px!important;line-height:1.6!important;margin-top:34px!important}
  .hero-v60-actions{margin-top:42px!important;gap:22px!important}
  .hero-v60-actions .btn{min-height:68px!important;padding-left:38px!important;padding-right:38px!important;font-size:18px!important}
  .hero-v60-stats{margin-top:56px!important}
  .hero-v60-stats>div{min-width:220px!important;padding-right:42px!important;margin-right:42px!important}
  .hero-v60-stats strong{font-size:44px!important}
  .hero-v60-stats span{font-size:16px!important;line-height:1.4!important}

  .hero-v60-visual{max-width:1800px!important;height:900px!important}
  .hero-flow-stage{--hero-stage-scale:1.45}
  .hero-v60-grid{background-size:118px 118px!important}
}

/* Final true-4K balance after visual QA. */
@media (min-width:3200px){
  .hero-v60{grid-template-columns:minmax(0,1240px) minmax(0,1640px)!important;column-gap:120px!important}
  .hero-v60-copy{max-width:1240px!important}
  .hero-v60 h1{max-width:1220px!important}
  .hero-v60 .lead{max-width:1020px!important}
  .hero-v60-visual{max-width:1640px!important}
  .hero-flow-stage{--hero-stage-scale:1.34;top:64px!important;bottom:-64px!important}
}


/* ==========================================================================
   V67 — exact flow anchors + relaxed large-desktop hero composition
   ========================================================================== */

/* The three anchor dots now use exact normalized coordinates from the SVG
   curve itself. translate(-50%,-50%) places each dot CENTER on the path,
   instead of approximating it with unrelated left/top values. */
.hero-flow-dot{
  transform:translate(-50%,-50%)!important;
  z-index:6!important;
}
.dot-1{left:38.2778%!important;top:367.42px!important;right:auto!important}
.dot-2{left:72.5056%!important;top:417.04px!important;right:auto!important}
.dot-3{left:92.1444%!important;top:326.08px!important;right:auto!important}

@media(max-width:640px){
  .dot-1{left:38.2778%!important;top:252.83px!important;right:auto!important}
  .dot-2{left:72.5056%!important;top:285.81px!important;right:auto!important}
  .dot-3{left:92.1444%!important;top:225.42px!important;right:auto!important}
}

/* Wide desktop should breathe vertically. V66 had a 680px visual inside a
   ~674px content box at the common 2560px viewport, which pinned the entire
   composition to the top. These overrides restore deliberate top/bottom air. */
@media(min-width:1800px){
  .hero-v60{
    min-height:940px!important;
    padding-top:160px!important;
    padding-bottom:70px!important;
    align-items:center!important;
  }
  .hero-v60-copy{align-self:center!important}
  .hero-v60 h1{font-size:90px!important;line-height:1.035!important;letter-spacing:-.055em!important}
  .hero-v60 .lead{margin-top:28px!important}
  .hero-v60-visual{height:610px!important;align-self:center!important}
  .hero-flow-stage{inset:0!important;transform-origin:52% 52%!important}
}

/* This is the important 27-inch 4K / Windows 150% tier (~2560 CSS px). */
@media(min-width:2200px) and (max-width:3199px){
  :root{--hero-wide-canvas:2080px}
  .hero-v60{
    min-height:1040px!important;
    grid-template-columns:minmax(0,790px) minmax(0,1200px)!important;
    column-gap:90px!important;
    padding-top:180px!important;
    padding-bottom:78px!important;
  }
  .hero-v60-copy{max-width:790px!important}
  .hero-v60-kicker{margin-bottom:29px!important}
  .hero-v60 h1{font-size:98px!important;line-height:1.035!important;max-width:780px!important}
  .hero-v60 .lead{max-width:710px!important;font-size:19px!important;line-height:1.68!important;margin-top:30px!important}
  .hero-v60-actions{margin-top:36px!important}
  .hero-v60-stats{margin-top:44px!important}
  .hero-v60-visual{max-width:1200px!important;height:670px!important}
  .hero-flow-stage{--hero-stage-scale:1.145!important;inset:0!important}
}

/* True 4K without OS scaling: same visual rhythm, simply more substantial. */
@media(min-width:3200px){
  :root{--hero-wide-canvas:3000px}
  .hero-v60{
    min-height:1380px!important;
    grid-template-columns:minmax(0,1240px) minmax(0,1640px)!important;
    column-gap:120px!important;
    padding-top:240px!important;
    padding-bottom:110px!important;
  }
  .hero-v60-copy{max-width:1240px!important}
  .hero-v60-kicker{margin-bottom:38px!important}
  .hero-v60 h1{font-size:140px!important;line-height:1.025!important;max-width:1200px!important;letter-spacing:-.055em!important}
  .hero-v60 .lead{max-width:980px!important;font-size:24px!important;line-height:1.68!important;margin-top:40px!important}
  .hero-v60-actions{margin-top:48px!important}
  .hero-v60-stats{margin-top:62px!important}
  .hero-v60-visual{max-width:1640px!important;height:900px!important}
  .hero-flow-stage{--hero-stage-scale:1.31!important;inset:0!important}
}

/* ========================================================================== 
   V68 — fixed desktop header geometry, shared header/footer canvas, refined enquiry
   ========================================================================== */
@media(min-width:981px){
  /* Scrolling may hide the header, but must never resize or collapse it. */
  .site-header.is-scrolled:not(.open){
    top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;
    height:96px!important;padding:0 var(--pad)!important;border-radius:0!important;
    transform:none!important;background:rgba(5,6,7,.88)!important;
    border-bottom-color:rgba(255,255,255,.075)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
    -webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important
  }
  .site-header.is-scrolled.header-hidden:not(.open){transform:translateY(calc(-100% - 12px))!important}
  .site-header.is-scrolled .brand{transform:none!important}
  .site-header.is-scrolled a.brand{width:178px!important}

  /* Header and footer now sit on the same horizontal site canvas. */
  .site-footer .footer-main,.site-footer .footer-bottom{width:100%;max-width:1600px!important;margin-left:auto!important;margin-right:auto!important}

  /* Contact: quieter editorial left column + focused premium form surface. */
  body.home .contact.section{padding-top:118px!important;padding-bottom:118px!important;background:radial-gradient(58% 75% at 72% 100%,rgba(103,122,138,.11),transparent 70%),#050607!important}
  body.home .contact-grid{width:100%;max-width:1480px;margin:0 auto;grid-template-columns:minmax(350px,.78fr) minmax(620px,1.22fr);gap:clamp(70px,7vw,118px);align-items:start}
  body.home .contact-inner{max-width:520px;padding-top:18px}
  body.home .contact-inner h2{font-size:clamp(48px,4.1vw,68px)!important;line-height:1.03!important;margin-bottom:26px!important}
  body.home .contact-inner>p:not(.eyebrow){max-width:500px!important;margin:0 0 30px!important;color:#9fa5aa!important;font-size:15.5px!important;line-height:1.72!important}
  body.home .contact-inner ul{display:grid;gap:0;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.08)!important}
  body.home .contact-inner li{display:flex;align-items:center;gap:12px;padding:15px 0!important;border-bottom:1px solid rgba(255,255,255,.065);color:#c5c9cc!important;font-size:13px!important}
  body.home .contact-inner li:before{display:grid;place-items:center;width:20px;height:20px;margin:0!important;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#eef1f2;font-size:10px}

  body.home .analysis-form.multistep-form{
    position:relative;min-height:560px!important;padding:38px 40px 34px!important;border:1px solid rgba(255,255,255,.105)!important;
    border-radius:26px!important;background:radial-gradient(80% 70% at 100% 0,rgba(122,148,169,.09),transparent 60%),linear-gradient(145deg,rgba(17,21,25,.96),rgba(8,10,12,.98))!important;
    box-shadow:0 36px 100px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.04)!important;overflow:hidden
  }
  body.home .analysis-form.multistep-form:before{content:"";position:absolute;left:40px;right:40px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(226,237,244,.46),transparent)}
  body.home .form-progress{margin-bottom:38px!important}
  body.home .form-progress-meta{display:flex;justify-content:space-between;gap:20px;color:#939aa0;font-size:10px;text-transform:uppercase;letter-spacing:.14em}
  body.home .form-progress-meta b{color:#fff;font-weight:500}
  body.home .progress-track{height:1px;margin-top:15px;background:rgba(255,255,255,.075)}
  body.home .progress-track i{height:1px;background:linear-gradient(90deg,#f3f4f2,#aeb7be);box-shadow:0 0 14px rgba(225,236,244,.18)}
  body.home .form-progress-labels{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;color:#5f666c;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
  body.home .form-progress-labels span:nth-child(2){text-align:center}
  body.home .form-progress-labels span:last-child{text-align:right}
  body.home .form-step legend{max-width:670px;font-size:clamp(32px,2.7vw,42px)!important;line-height:1.08!important}
  body.home .form-step>p{margin:13px 0 26px!important;max-width:650px!important;color:#8f969c!important;font-size:14px!important;line-height:1.65!important}
  body.home .single-field{gap:9px!important;color:#afb5ba!important;font-size:11px!important;letter-spacing:.06em;text-transform:uppercase}
  body.home .single-field input,body.home .contact-fields input,body.home .optional-project select{
    min-height:56px!important;padding:0 17px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;background:rgba(4,6,8,.58)!important;color:#f4f5f3!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;transition:border-color .22s,background .22s,box-shadow .22s
  }
  body.home .single-field input:focus,body.home .contact-fields input:focus,body.home .optional-project select:focus{
    border-color:rgba(224,232,237,.42)!important;background:rgba(8,10,12,.86)!important;box-shadow:0 0 0 3px rgba(197,215,228,.045)!important;outline:0
  }
  body.home .single-field small{margin-top:2px;color:#697178;font-size:10px;line-height:1.45;text-transform:none;letter-spacing:0}
  body.home .choice-grid{gap:10px!important}
  body.home .choice-card>span{min-height:102px!important;padding:18px 19px!important;border-color:rgba(255,255,255,.08)!important;border-radius:14px!important;background:rgba(5,7,9,.48)!important}
  body.home .choice-card:hover>span{border-color:rgba(255,255,255,.2)!important;background:rgba(255,255,255,.026)!important;transform:translateY(-2px)!important}
  body.home .choice-card input:checked+span{border-color:rgba(230,236,240,.42)!important;background:linear-gradient(145deg,rgba(34,41,47,.86),rgba(13,16,19,.9))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
  body.home .choice-card b{font-size:15px!important;line-height:1.25!important}
  body.home .choice-card em{margin-top:7px!important;color:#7f878e!important;font-size:11.5px!important;line-height:1.45!important}
  body.home .contact-fields{gap:14px!important}
  body.home .contact-fields label{gap:8px!important;color:#aeb4b9!important;font-size:11px!important;letter-spacing:.045em}
  body.home .contact-fields label small{margin-left:4px;color:#656d74!important;font-size:10px!important;letter-spacing:0}
  body.home .optional-project{margin:21px 0 0!important;border-top:1px solid rgba(255,255,255,.075)!important}
  body.home .optional-project summary{padding:19px 0!important;color:#bdc2c6!important;font-size:13px!important}
  body.home .analysis-form label.consent{margin-top:20px!important;padding:15px 16px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;background:rgba(4,6,8,.38)!important}
  body.home .analysis-form label.consent span{color:#858d93!important;font-size:11.5px!important;line-height:1.55!important}
  body.home .form-navigation{margin-top:28px!important;padding-top:22px!important;border-top:1px solid rgba(255,255,255,.07)!important}
  body.home .form-navigation .btn{min-width:174px!important;min-height:50px!important;padding:0 22px!important;border:1px solid #f1f2ef!important;border-radius:999px!important;background:#f1f2ef!important;color:#090b0c!important;font-size:13px!important;font-weight:500!important;justify-content:center!important;box-shadow:0 16px 34px rgba(0,0,0,.14)!important}
  body.home .form-navigation .btn:hover{background:#fff!important;border-color:#fff!important;transform:translateY(-2px)!important}
  body.home .form-back{color:#747c83!important;font-size:12px!important}
  body.home .form-back:hover{color:#fff!important}
  body.home .multistep-form .form-note{position:relative;margin-top:16px!important;padding-left:15px!important;max-width:none!important;color:#626a70!important;font-size:10.5px!important;line-height:1.5!important}
  body.home .multistep-form .form-note:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#69747c}
}

@media(min-width:1800px){
  .site-header.is-scrolled:not(.open){height:104px!important;padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important}
  .site-header.is-scrolled a.brand{width:194px!important}
  .site-header.is-scrolled nav{gap:44px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:14.5px!important}
  .site-header.is-scrolled .header-cta{min-height:50px!important;padding:0 23px!important;font-size:13.5px!important}
  .site-footer .footer-main,.site-footer .footer-bottom{max-width:var(--hero-wide-canvas)!important}
}
@media(min-width:2200px) and (max-width:3199px){
  .site-header.is-scrolled a.brand{width:205px!important}
  .site-header.is-scrolled nav{gap:48px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:15px!important}
}
@media(min-width:3200px){
  .site-header.is-scrolled:not(.open){height:132px!important}
  .site-header.is-scrolled a.brand{width:260px!important}
  .site-header.is-scrolled nav{gap:64px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:18px!important}
  .site-header.is-scrolled .header-cta{min-height:62px!important;padding:0 32px!important;font-size:17px!important}
}

@media(max-width:980px){
  body.home .form-progress-labels{display:none}
}
@media(min-width:1800px){
  footer.site-footer{padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important}
}
@media(max-width:980px){
  body.home .single-field small{color:#6f767c;font-size:10.5px;line-height:1.45;text-transform:none;letter-spacing:0}
}


/* V70 — form completion alignment + reliable scroll-to-top action. */
.multistep-form.is-complete{
  grid-template-columns:1fr!important;
  align-items:center!important;
  justify-items:center!important;
  align-content:center!important;
}
.multistep-form.is-complete>.form-success{
  grid-column:1/-1!important;
  width:min(100%,590px)!important;
  margin:auto!important;
  justify-self:center!important;
  align-self:center!important;
  text-align:center!important;
}
.form-success .form-scroll-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  cursor:pointer;
}
@media(max-width:640px){
  .multistep-form.is-complete{min-height:520px!important}
  .multistep-form.is-complete>.form-success{width:100%!important;padding:20px 0!important}
}

/* ========================================================================== 
   V73 — laptop hero geometry
   Keeps notebook-width viewports deliberately compact. The wide/4K canvas
   resumes from 1920px so 13–16" laptops do not inherit a monitor layout.
   ========================================================================== */
@media (min-width:1181px) and (max-width:1919px){
  /* One centered 1280px canvas for navigation and hero content. */
  .site-header:not(.is-scrolled){
    padding-left:max(30px,calc((100vw - 1280px)/2))!important;
    padding-right:max(30px,calc((100vw - 1280px)/2))!important;
  }

  .hero-v60{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;
    column-gap:clamp(44px,4vw,62px)!important;
    padding-left:max(30px,calc((100vw - 1280px)/2))!important;
    padding-right:max(30px,calc((100vw - 1280px)/2))!important;
    min-height:820px!important;
  }
  .hero-v60-copy{max-width:560px!important}
  .hero-v60 h1{max-width:560px!important}
  .hero-v60 .lead{max-width:540px!important}

  /* Scale the conversion scene as one object; cards/path/dots stay aligned. */
  .hero-v60-visual{
    width:100%!important;
    max-width:760px!important;
    height:540px!important;
    justify-self:end!important;
    margin-right:18px!important;
  }
  .hero-flow-stage{
    --hero-stage-scale:.87!important;
    inset:0!important;
    transform-origin:58% 52%!important;
  }
}


/* ==========================================================================
   V74 — stable desktop header
   Desktop navigation stays fixed, full-size and visible. No hide/show travel,
   no floating-card geometry, and no horizontal jump when entering scroll state.
   ========================================================================== */
@media (min-width:981px){
  .site-header.header-hidden,
  .site-header.is-scrolled.header-hidden:not(.open){
    transform:none!important;
  }
  .site-header.is-scrolled:not(.open){
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    height:96px!important;
    margin:0!important;
    border-radius:0!important;
    transform:none!important;
    padding-left:var(--pad)!important;
    padding-right:var(--pad)!important;
    background:rgba(5,6,7,.88)!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
  }
}

@media (min-width:1181px) and (max-width:1919px){
  .site-header:not(.is-scrolled),
  .site-header.is-scrolled:not(.open){
    padding-left:max(30px,calc((100vw - 1280px)/2))!important;
    padding-right:max(30px,calc((100vw - 1280px)/2))!important;
  }
}

@media (min-width:1920px) and (max-width:2199px){
  .site-header.is-scrolled:not(.open){
    height:104px!important;
    padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
    padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
  }
  .site-header.is-scrolled a.brand{width:194px!important}
  .site-header.is-scrolled nav{gap:44px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:14.5px!important}
  .site-header.is-scrolled .header-cta{min-height:50px!important;padding:0 23px!important;font-size:13.5px!important}
}

@media (min-width:2200px) and (max-width:3199px){
  .site-header.is-scrolled:not(.open){
    height:104px!important;
    padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
    padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
  }
  .site-header.is-scrolled a.brand{width:205px!important}
  .site-header.is-scrolled nav{gap:48px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:15px!important}
}

@media (min-width:3200px){
  .site-header.is-scrolled:not(.open){
    height:132px!important;
    padding-left:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
    padding-right:max(48px,calc((100vw - var(--hero-wide-canvas))/2))!important;
  }
  .site-header.is-scrolled a.brand{width:260px!important}
  .site-header.is-scrolled nav{gap:64px!important}
  .site-header.is-scrolled .services-trigger,.site-header.is-scrolled nav>a{font-size:18px!important}
  .site-header.is-scrolled .header-cta{min-height:62px!important;padding:0 32px!important;font-size:17px!important}
}

/* ========================================================================== 
   V75 — conversion path refinement
   Fewer, clearer primary actions: one analysis CTA, one proof handoff,
   one subtle strategy handoff, and a mobile-only persistent action.
   ========================================================================== */
body.home .hero-cta-note{
  margin:10px 0 0;
  color:#747a80;
  font-size:10.5px;
  line-height:1.4;
  letter-spacing:.055em;
}

body.home .why-soft-cta{
  display:flex;
  justify-content:center;
  margin:38px auto 0;
}
body.home .why-soft-cta a{
  display:inline-flex;
  align-items:center;
  gap:11px;
  color:#c7cbce;
  text-decoration:none;
  font:500 13px/1.35 "DM Sans",Arial,sans-serif;
  padding:12px 2px;
  border-bottom:1px solid rgba(255,255,255,.13);
  transition:color .22s,border-color .22s,transform .22s;
}
body.home .why-soft-cta a b{font-weight:400;transition:transform .22s}
body.home .why-soft-cta a:hover{color:#fff;border-color:rgba(255,255,255,.38);transform:translateY(-1px)}
body.home .why-soft-cta a:hover b{transform:translateX(4px)}

body.home .reviews-conversion{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
  margin:34px 0 0;
  padding:30px 32px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.home .reviews-conversion>div{max-width:660px}
body.home .reviews-conversion small{
  display:block;
  margin-bottom:9px;
  color:#737a80;
  font-size:9px;
  line-height:1.2;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body.home .reviews-conversion h3{
  margin:0;
  color:#f2f3f1;
  font:500 clamp(24px,2.4vw,34px)/1.08 "Manrope",sans-serif;
  letter-spacing:-.035em;
}
body.home .reviews-conversion p{
  margin:10px 0 0;
  max-width:610px;
  color:#959ba0;
  font-size:13.5px;
  line-height:1.6;
}
body.home .reviews-conversion .btn{
  flex:0 0 auto;
  white-space:nowrap;
  min-height:52px;
}

.mobile-conversion-cta{display:none}

@media(max-width:980px){
  body.home .hero-cta-note{text-align:center;margin-top:11px}
  body.home .reviews-conversion{
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
    padding:28px;
  }
  body.home .reviews-conversion .btn{width:auto}

  body.home .mobile-conversion-cta{
    position:fixed;
    z-index:60;
    right:22px;
    bottom:calc(18px + env(safe-area-inset-bottom,0px));
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    min-width:300px;
    min-height:54px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:999px;
    background:rgba(242,243,240,.97);
    color:#080a0b;
    text-decoration:none;
    font-size:13px;
    font-weight:600;
    box-shadow:0 18px 55px rgba(0,0,0,.38);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    opacity:0;
    transform:translateY(18px) scale(.985);
    pointer-events:none;
    transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1);
  }
  body.home .mobile-conversion-cta.is-visible{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
  }
  body.home .mobile-conversion-cta b{font-size:18px;font-weight:400}
  body.home .site-header.open ~ .mobile-conversion-cta{opacity:0!important;pointer-events:none!important;transform:translateY(18px)!important}
}

@media(max-width:640px){
  body.home .why-soft-cta{justify-content:flex-start;margin-top:28px}
  body.home .why-soft-cta a{font-size:12.5px}
  body.home .reviews-conversion{margin-top:24px;padding:24px 22px;border-radius:16px}
  body.home .reviews-conversion h3{font-size:25px}
  body.home .reviews-conversion .btn{width:100%;justify-content:center}
  body.home .mobile-conversion-cta{
    left:14px;
    right:14px;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
    min-width:0;
    width:auto;
    min-height:52px;
    padding:0 18px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home .mobile-conversion-cta{transition:none!important}
}

/* =========================================================
   V75 — Website-Check funnel + conversion CTA system
   ========================================================= */

/* Productized website-check handoff on homepage */
body.home .check-teaser{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.72fr);
  align-items:center;
  gap:clamp(56px,7vw,108px);
  padding-top:clamp(92px,9vw,140px);
  padding-bottom:clamp(92px,9vw,140px);
}
body.home .check-teaser-copy{max-width:720px}
body.home .check-teaser-copy>p:not(.section-kicker){max-width:640px;color:#9aa0a5;font-size:15px;line-height:1.75;margin:22px 0 0}
body.home .check-teaser-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:30px 0 0}
body.home .check-teaser-points span{display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#c8cccf;background:rgba(255,255,255,.018);font-size:12px}
body.home .check-teaser-points b{color:#6f767c;font-size:9px;letter-spacing:.12em}
body.home .check-teaser-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:28px}
body.home .check-teaser-actions small{max-width:290px;color:#70767b;font-size:11px;line-height:1.5}
body.home .check-teaser-score{position:relative;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 24px 80px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.035)}
body.home .check-teaser-score>small:first-child{display:block;color:#72797e;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px}
body.home .check-score-main{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.075)}
body.home .check-score-main span{color:#a6acb0;font-size:13px}
body.home .check-score-main strong{font:500 52px/1 "Manrope",sans-serif;letter-spacing:-.055em;color:#f1f2ef}
body.home .check-score-main em{font:400 15px/1 "DM Sans",sans-serif;color:#767d82;font-style:normal;letter-spacing:0}
body.home .check-score-row{display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:12px;margin-top:16px;color:#8e959a;font-size:11px}
body.home .check-score-row i{height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;position:relative}
body.home .check-score-row i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--score);border-radius:inherit;background:linear-gradient(90deg,#aeb4b8,#f0f1ed)}
body.home .check-score-row b{color:#c7cbce;font-weight:500;text-align:right}
body.home .check-teaser-score>p{margin:24px 0 0;padding:16px 17px;border-radius:12px;background:rgba(255,255,255,.025);color:#8f969a;font-size:12px;line-height:1.55}
body.home .check-teaser-score>p b{display:block;color:#d6d9da;margin-bottom:5px}
body.home .check-example-note{display:block!important;margin:12px 0 0!important;color:#555c61!important;font-size:8.5px!important;letter-spacing:.02em!important;text-transform:none!important}

/* Website-check dedicated landing page */
body.website-check-page{background:#050607;color:#f1f2ef;overflow-x:hidden}
body.website-check-page .check-header{max-width:1280px;margin-inline:auto}
body.website-check-page .check-header-note{position:absolute;left:50%;transform:translateX(-50%);color:#747b80;font-size:11px;letter-spacing:.04em;white-space:nowrap}
body.website-check-page main{min-height:100vh}
body.website-check-page .check-hero{width:min(1280px,calc(100% - 72px));margin:0 auto;padding:clamp(154px,14vw,210px) 0 clamp(90px,9vw,136px);display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.76fr);align-items:center;gap:clamp(64px,8vw,120px);position:relative}
body.website-check-page .check-hero:before{content:"";position:absolute;inset:80px -12vw auto 38%;height:520px;background:radial-gradient(circle at center,rgba(255,255,255,.055),transparent 65%);filter:blur(4px);pointer-events:none}
body.website-check-page .check-hero-copy{position:relative;z-index:1;max-width:720px}
body.website-check-page .check-hero h1{margin:18px 0 0;font:500 clamp(54px,5.3vw,82px)/.98 "Manrope",sans-serif;letter-spacing:-.058em;max-width:790px}
body.website-check-page .check-hero .lead{max-width:650px;margin:26px 0 0;color:#a0a6aa;font-size:16px;line-height:1.7}
body.website-check-page .check-value-line{display:flex;align-items:center;gap:13px;margin:32px 0 0;color:#d0d3d4;font-size:12px;font-weight:500}
body.website-check-page .check-value-line i{width:4px;height:4px;border-radius:50%;background:#555c60}
body.website-check-page .check-trust-mini{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:18px;color:#697176;font-size:10.5px}

body.website-check-page .check-form-card{position:relative;z-index:2;padding:30px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 30px 100px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)}
body.website-check-page .check-form-head small{display:block;color:#737a80;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}
body.website-check-page .check-form-head h2{margin:0;font:500 31px/1.08 "Manrope",sans-serif;letter-spacing:-.04em}
body.website-check-page .check-form-head p{margin:9px 0 0;color:#858c91;font-size:12px;line-height:1.55}
body.website-check-page .website-check-form{display:grid;gap:14px;margin-top:24px}
body.website-check-page .website-check-form>label:not(.consent){display:grid;gap:8px;color:#b8bdc0;font-size:11px;font-weight:500}
body.website-check-page .website-check-form input:not([type="checkbox"]){width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(0,0,0,.22);color:#f2f3f1;font:400 14px/1 "DM Sans",sans-serif;outline:none;transition:border-color .2s,background .2s,box-shadow .2s}
body.website-check-page .website-check-form input:not([type="checkbox"]):focus{border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.025);box-shadow:0 0 0 3px rgba(255,255,255,.035)}
body.website-check-page .website-check-form input::placeholder{color:#555d62}
body.website-check-page .website-check-form label small{color:#5f676c;font-size:9px;font-weight:400}
body.website-check-page .check-consent{margin:2px 0 0;color:#666f74;font-size:9.5px;line-height:1.5}
body.website-check-page .check-consent a{color:#9ca3a7}
body.website-check-page .check-submit{width:100%;justify-content:space-between;min-height:54px;margin-top:2px}
body.website-check-page .website-check-form .form-note{margin:0;text-align:center;color:#596166;font-size:9px;line-height:1.45}
body.website-check-page .website-check-form .form-note.is-error{color:#d7a3a3}
body.website-check-page .check-success{padding:28px 10px 12px;text-align:center}
body.website-check-page .check-success>span{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#fff}
body.website-check-page .check-success h3{margin:0;font:500 28px/1.1 "Manrope",sans-serif;letter-spacing:-.035em}
body.website-check-page .check-success p{margin:10px auto 0;max-width:360px;color:#858d91;font-size:12px;line-height:1.6}
body.website-check-page .website-check-form.is-complete>label,
body.website-check-page .website-check-form.is-complete>.check-submit,
body.website-check-page .website-check-form.is-complete>.form-note{display:none}

body.website-check-page .check-explainer,
body.website-check-page .check-report{width:min(1180px,calc(100% - 72px));margin-inline:auto}
body.website-check-page .check-dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
body.website-check-page .check-dimensions article{min-height:245px;padding:28px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.014)}
body.website-check-page .check-dimensions span{display:block;color:#5f676c;font-size:9px;letter-spacing:.13em;margin-bottom:42px}
body.website-check-page .check-dimensions h3{margin:0;color:#eceeec;font:500 25px/1.1 "Manrope",sans-serif;letter-spacing:-.035em}
body.website-check-page .check-dimensions p{margin:13px 0 0;color:#81898e;font-size:12.5px;line-height:1.65}

body.website-check-page .check-report{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,.75fr);gap:clamp(64px,8vw,112px);align-items:center}
body.website-check-page .check-report-copy>p:not(.section-kicker){max-width:610px;margin:22px 0 0;color:#8d9499;font-size:14px;line-height:1.75}
body.website-check-page .check-report-copy ul{display:grid;gap:12px;margin:26px 0 0;padding:0;list-style:none;color:#a6acb0;font-size:12px}
body.website-check-page .check-report-copy li:before{content:"✓";margin-right:9px;color:#eef0ed}
body.website-check-page .check-report-card{padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:0 28px 90px rgba(0,0,0,.25)}
body.website-check-page .report-label{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.07);color:#9ba1a5;font-size:10px}
body.website-check-page .report-label small{color:#5f676c;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
body.website-check-page .report-score{display:flex;align-items:center;justify-content:space-between;padding:23px 0}
body.website-check-page .report-score small{display:block;color:#686f74;font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}
body.website-check-page .report-score strong{font:500 54px/1 "Manrope",sans-serif;letter-spacing:-.06em}
body.website-check-page .report-score strong em{font:400 14px/1 "DM Sans",sans-serif;color:#687075;font-style:normal;letter-spacing:0}
body.website-check-page .report-score>span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#9ba1a5;font-size:9px}
body.website-check-page .report-bars{display:grid;gap:15px;padding:20px 0;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}
body.website-check-page .report-bars>div{display:grid;grid-template-columns:90px 1fr 24px;gap:12px;align-items:center;color:#7e868b;font-size:10px}
body.website-check-page .report-bars i{position:relative;height:5px;border-radius:999px;background:rgba(255,255,255,.065);overflow:hidden}
body.website-check-page .report-bars i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--score);background:linear-gradient(90deg,#aeb4b8,#f1f2ef);border-radius:inherit}
body.website-check-page .report-bars b{color:#c6cacc;font-weight:500;text-align:right}
body.website-check-page .report-lever{margin-top:20px;padding:17px;border-radius:12px;background:rgba(255,255,255,.025)}
body.website-check-page .report-lever small{color:#646c71;font-size:8px;text-transform:uppercase;letter-spacing:.13em}
body.website-check-page .report-lever p{margin:7px 0 0;color:#c8ccce;font-size:12px;line-height:1.55}
body.website-check-page .report-disclaimer{margin:10px 0 0;color:#4f575b;font-size:8px;text-align:right}

body.website-check-page .check-final{width:min(900px,calc(100% - 72px));margin-inline:auto;text-align:center;padding-top:clamp(100px,10vw,150px);padding-bottom:clamp(110px,11vw,170px)}
body.website-check-page .check-final h2{max-width:760px;margin:12px auto 0}
body.website-check-page .check-final .btn{margin-top:28px}
body.website-check-page .check-final>p:last-child{color:#666e73;font-size:10px;margin:14px 0 0}
body.website-check-page .check-footer{padding-top:0}

/* Persistent mobile conversion entry on marketing pages */
@media(max-width:980px){
  body:not(.website-check-page) .mobile-conversion-cta{
    position:fixed;z-index:60;right:22px;bottom:calc(18px + env(safe-area-inset-bottom,0px));
    display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:300px;min-height:54px;padding:0 20px;
    border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(242,243,240,.97);color:#080a0b;text-decoration:none;font-size:13px;font-weight:600;
    box-shadow:0 18px 55px rgba(0,0,0,.38);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    opacity:0;transform:translateY(18px) scale(.985);pointer-events:none;transition:opacity .24s ease,transform .3s cubic-bezier(.22,1,.36,1)
  }
  body:not(.website-check-page) .mobile-conversion-cta.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
  body:not(.website-check-page) .mobile-conversion-cta b{font-size:18px;font-weight:400}
  body:not(.website-check-page) .site-header.open ~ .mobile-conversion-cta{opacity:0!important;pointer-events:none!important;transform:translateY(18px)!important}
}

@media(max-width:980px){
  body.home .check-teaser{grid-template-columns:1fr;gap:42px}
  body.home .check-teaser-score{max-width:560px;width:100%;margin-inline:auto}
  body.website-check-page .check-header-note{display:none}
  body.website-check-page .check-hero{width:min(760px,calc(100% - 44px));grid-template-columns:1fr;padding-top:140px;gap:44px}
  body.website-check-page .check-hero-copy{text-align:center;margin-inline:auto}
  body.website-check-page .check-hero .lead{margin-inline:auto}
  body.website-check-page .check-value-line,body.website-check-page .check-trust-mini{justify-content:center}
  body.website-check-page .check-form-card{max-width:620px;width:100%;margin-inline:auto}
  body.website-check-page .check-explainer,body.website-check-page .check-report{width:min(760px,calc(100% - 44px))}
  body.website-check-page .check-dimensions{grid-template-columns:1fr}
  body.website-check-page .check-dimensions article{min-height:0}
  body.website-check-page .check-dimensions span{margin-bottom:24px}
  body.website-check-page .check-report{grid-template-columns:1fr;gap:46px}
  body.website-check-page .check-report-card{max-width:600px;width:100%;margin-inline:auto}
}

@media(max-width:640px){
  body.home .check-teaser{padding-top:82px;padding-bottom:88px}
  body.home .check-teaser-points{grid-template-columns:1fr;gap:8px}
  body.home .check-teaser-actions{align-items:stretch;flex-direction:column}
  body.home .check-teaser-actions .btn{width:100%;justify-content:center}
  body.home .check-teaser-actions small{max-width:none;text-align:center}
  body.home .check-teaser-score{padding:23px 20px;border-radius:18px}
  body.home .check-score-main strong{font-size:46px}

  body:not(.website-check-page) .mobile-conversion-cta{left:14px;right:14px;bottom:calc(12px + env(safe-area-inset-bottom,0px));min-width:0;width:auto;min-height:52px;padding:0 18px}

  body.website-check-page .check-header .header-cta{display:inline-flex!important}
  body.website-check-page .check-header .brand{max-width:118px}
  body.website-check-page .check-header .header-cta{font-size:10px;padding-inline:14px;min-height:38px}
  body.website-check-page .check-hero{width:calc(100% - 28px);padding-top:120px;padding-bottom:82px;gap:32px}
  body.website-check-page .check-hero h1{font-size:clamp(42px,13vw,58px)}
  body.website-check-page .check-hero .lead{font-size:14px}
  body.website-check-page .check-value-line{gap:8px;font-size:10px;flex-wrap:wrap}
  body.website-check-page .check-trust-mini{display:grid;gap:7px;text-align:left;justify-content:start;margin-inline:auto;width:max-content;max-width:100%}
  body.website-check-page .check-form-card{padding:24px 20px;border-radius:18px}
  body.website-check-page .check-form-head h2{font-size:27px}
  body.website-check-page .check-explainer,body.website-check-page .check-report{width:calc(100% - 28px)}
  body.website-check-page .check-dimensions{margin-top:28px}
  body.website-check-page .check-dimensions article{padding:24px 22px;border-radius:15px}
  body.website-check-page .check-report-card{padding:24px 20px;border-radius:18px}
  body.website-check-page .report-score strong{font-size:48px}
  body.website-check-page .check-final{width:calc(100% - 28px)}
  body.website-check-page .check-footer .footer-bottom{padding-inline:14px}
}

@media(prefers-reduced-motion:reduce){
  body:not(.website-check-page) .mobile-conversion-cta{transition:none!important}
}

/* V75 QA refinements */
@media(min-width:981px){
  body.website-check-page .check-header>.brand{grid-column:1;justify-self:start}
  body.website-check-page .check-header>.header-cta{grid-column:3;justify-self:end}
}


/* =========================================================
   V77 — polished thank-you pages
   ========================================================= */
body.thank-page{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 34%),#050607}
body.thank-page .thank-header{grid-template-columns:1fr auto!important;background:linear-gradient(180deg,rgba(5,6,7,.86),rgba(5,6,7,.2) 72%,transparent)!important;border-bottom:0!important;box-shadow:none!important}
body.thank-page .thank-header .brand{grid-column:1!important;justify-self:start!important}
body.thank-page .thank-header .header-cta{grid-column:2!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0 19px!important;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.018)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s,background .2s,transform .2s!important}
body.thank-page .thank-header .header-cta:hover{border-color:rgba(255,255,255,.58)!important;background:rgba(255,255,255,.045)!important;transform:translateY(-1px)!important}
body.thank-page .thank-main{min-height:0!important;flex:1;display:flex}
body.thank-page .thank-shell{position:relative;isolation:isolate;width:100%;min-height:calc(100svh - 72px);display:flex;align-items:center;justify-content:center;padding:clamp(150px,15vh,205px) 24px clamp(88px,10vh,125px);overflow:hidden}
body.thank-page .thank-glow{position:absolute;z-index:-1;left:50%;top:48%;width:min(820px,78vw);aspect-ratio:1.7/1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.055),rgba(255,255,255,.016) 38%,transparent 72%);filter:blur(28px);pointer-events:none}
body.thank-page .thank-content{width:min(920px,100%);margin:0 auto;text-align:center}
body.thank-page .thank-status{display:inline-flex;align-items:center;gap:10px;margin:0 auto 24px;color:#aeb3b6;font-size:10px;font-weight:500;letter-spacing:.16em;text-transform:uppercase}
body.thank-page .thank-status i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:#f4f5f2;font:500 12px/1 "DM Sans",sans-serif;font-style:normal;background:rgba(255,255,255,.025)}
body.thank-page .thank-content h1{max-width:900px;margin:0 auto;font:500 clamp(50px,5.8vw,84px)/.98 "Manrope",sans-serif;letter-spacing:-.06em;text-wrap:balance}
body.thank-page .thank-content h1 span{color:#8e9498}
body.thank-page .thank-lead{max-width:610px;margin:28px auto 0;color:#9aa0a4;font-size:15px;line-height:1.72;text-align:center;text-wrap:balance}
body.thank-page .thank-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px 20px;margin:28px auto 0;color:#666e73;font-size:10.5px;text-align:center}
body.thank-page .thank-meta span{white-space:nowrap}
body.thank-page .thank-actions{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:38px}
body.thank-page .thank-btn{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 24px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:500;transition:transform .22s ease,background .22s ease,border-color .22s ease,color .22s ease}
body.thank-page .thank-btn:hover{transform:translateY(-2px)}
body.thank-page .thank-btn-primary{min-width:180px;background:#f1f2ef;color:#08090a;border:1px solid #f1f2ef}
body.thank-page .thank-btn-primary:hover{background:#fff;border-color:#fff}
body.thank-page .thank-btn-primary b{font-size:17px;font-weight:400}
body.thank-page .thank-btn-secondary{min-width:164px;border:1px solid rgba(255,255,255,.20);color:#d7d9d8;background:rgba(255,255,255,.018)}
body.thank-page .thank-btn-secondary:hover{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(255,255,255,.04)}
body.thank-page .thank-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:72px;padding:0 var(--pad);border-top:1px solid rgba(255,255,255,.055);color:#555d62;font-size:10px}
body.thank-page .thank-footer nav{display:flex;align-items:center;gap:18px}
body.thank-page .thank-footer a{color:#686f74;text-decoration:none;transition:color .2s}
body.thank-page .thank-footer a:hover{color:#d7d9d8}
@media(max-width:640px){body.thank-page .thank-header{height:78px!important;padding-left:18px!important;padding-right:18px!important}body.thank-page .thank-header a.brand,body.thank-page .thank-header.is-scrolled a.brand{width:132px!important}body.thank-page .thank-header .header-cta{min-height:38px!important;padding:0 13px!important;font-size:10px!important}body.thank-page .thank-header .header-cta span{margin-left:8px!important}body.thank-page .thank-shell{min-height:calc(100svh - 116px);padding:122px 18px 66px}body.thank-page .thank-status{margin-bottom:20px;font-size:9px;letter-spacing:.13em}body.thank-page .thank-status i{width:26px;height:26px}body.thank-page .thank-content h1{font-size:clamp(44px,13.5vw,58px);line-height:.99;letter-spacing:-.055em}body.thank-page .thank-lead{margin-top:22px;font-size:13.5px;line-height:1.65}body.thank-page .thank-meta{display:grid;justify-items:center;gap:7px;margin-top:24px;font-size:9.5px}body.thank-page .thank-actions{display:grid;width:100%;gap:10px;margin-top:32px}body.thank-page .thank-btn{width:100%;min-height:50px}body.thank-page .thank-footer{min-height:86px;padding:18px 20px;flex-direction:column;justify-content:center;gap:10px;text-align:center}}
@media(prefers-reduced-motion:reduce){body.thank-page .thank-btn,body.thank-page .thank-header .header-cta{transition:none!important}}


/* =========================================================
   V78 — branded page transitions
   ========================================================= */
.page-transition{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.045),transparent 28%),#050607;opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-102%,0);will-change:transform;transition:transform .29s cubic-bezier(.76,0,.24,1),opacity .1s linear,visibility 0s .3s;overflow:hidden}
.page-transition:before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.035),transparent 34%);filter:blur(30px);pointer-events:none}
.page-transition__core{position:relative;display:grid;justify-items:center;gap:18px;width:180px;opacity:0;transform:translateY(9px) scale(.985);transition:opacity .18s ease .06s,transform .28s cubic-bezier(.22,1,.36,1) .04s}
.page-transition__logo{display:block;width:146px;height:auto;max-width:58vw;filter:drop-shadow(0 10px 28px rgba(0,0,0,.24))}
.page-transition__track{position:relative;display:block;width:104px;height:1px;overflow:hidden;background:rgba(255,255,255,.12)}
.page-transition__track i{position:absolute;inset:0 auto 0 0;width:42%;background:rgba(255,255,255,.88);transform:translateX(-140%)}
html.page-transition-pending .page-transition,html.page-transition-entering .page-transition,html.page-transition-leaving .page-transition{visibility:visible;opacity:1;pointer-events:auto}
html.page-transition-pending .page-transition,html.page-transition-entering .page-transition{transform:translate3d(0,0,0);transition:transform .27s cubic-bezier(.76,0,.24,1),opacity .08s linear,visibility 0s}
html.page-transition-pending .page-transition__core,html.page-transition-entering .page-transition__core,html.page-transition-leaving .page-transition__core{opacity:1;transform:translateY(0) scale(1)}
html.page-transition-pending .page-transition__track i,html.page-transition-entering .page-transition__track i,html.page-transition-leaving .page-transition__track i{animation:hero-transition-sweep .58s cubic-bezier(.65,0,.35,1) infinite}
html.page-transition-leaving .page-transition{transform:translate3d(0,-102%,0);pointer-events:none;transition:transform .42s cubic-bezier(.76,0,.24,1),opacity .08s linear .34s,visibility 0s .43s}
@keyframes hero-transition-sweep{0%{transform:translateX(-140%)}55%,100%{transform:translateX(250%)}}
@media(max-width:640px){.page-transition__core{gap:15px;width:154px}.page-transition__logo{width:126px}.page-transition__track{width:88px}}
@media(prefers-reduced-motion:reduce){.page-transition{transform:none!important;transition:opacity .12s ease,visibility 0s .12s!important}.page-transition__core{transform:none!important;transition:opacity .1s ease!important}.page-transition__track i{animation:none!important;transform:none!important;width:100%!important}.page-transition-pending .page-transition,.page-transition-entering .page-transition{opacity:1!important}.page-transition-leaving .page-transition{opacity:0!important}}

/* ==========================================================================
   V79 — conversion cleanup / premium CTA system
   - one package/pricing presentation on homepage
   - no persistent mobile CTA
   - graphite/glass primary CTAs instead of flat white pills
   - calmer founder -> process handoff on mobile
   ========================================================================== */

/* Primary CTA: premium smoked-glass treatment instead of flat white. */
body :is(a.btn.light,button.btn.light){
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.19)!important;
  background:
    radial-gradient(120% 160% at 15% -40%,rgba(255,255,255,.17),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052))!important;
  color:#f3f4f2!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 16px 42px rgba(0,0,0,.20)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .22s,background .22s,box-shadow .22s!important;
}
body :is(a.btn.light,button.btn.light)::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  width:auto;
  background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.09) 47%,transparent 66%);
  transform:translateX(-115%);
  transition:transform .62s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
body :is(a.btn.light,button.btn.light):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(255,255,255,.36)!important;
  background:
    radial-gradient(120% 160% at 15% -40%,rgba(255,255,255,.22),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.135),rgba(255,255,255,.068))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 48px rgba(0,0,0,.25)!important;
}
body :is(a.btn.light,button.btn.light):hover::before{transform:translateX(115%)}
body :is(a.btn.light,button.btn.light) b{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-left:3px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:rgba(255,255,255,.07);
  color:#f7f7f4;
  font-size:15px;
  font-weight:400;
  line-height:1;
  transition:transform .25s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s;
}
body :is(a.btn.light,button.btn.light):hover b{
  transform:translateX(3px);
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.11);
}
/* Older specificity rules painted the first action white — keep the new system authoritative. */
body .actions:has(a:nth-of-type(2)) a.btn.light:first-of-type,
body .case-actions:has(a:nth-of-type(2)) a.btn.light:first-of-type,
body .actions:has(a:nth-of-type(2)) a.btn.light:first-of-type:hover,
body .case-actions:has(a:nth-of-type(2)) a.btn.light:first-of-type:hover{
  border-color:rgba(255,255,255,.19)!important;
  background:radial-gradient(120% 160% at 15% -40%,rgba(255,255,255,.17),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052))!important;
  color:#f3f4f2!important;
}

/* Homepage: the later pricing section is the single source of package + price detail. */
body.home .pricing{padding-top:116px!important}

/* Founder sign-off: no oversized CTA competing with the content. */
body.home .about#ueber-mich .about-copy{display:block!important;max-width:610px!important;justify-self:start!important}
body.home .about#ueber-mich .about-copy .signature{
  width:max-content!important;
  max-width:100%;
  margin:30px 0 0!important;
  padding-top:19px;
  border-top:1px solid rgba(255,255,255,.09);
  text-align:left!important;
  white-space:normal!important;
}

/* Sticky conversion pill intentionally retired: in-flow CTAs now do the job. */
.mobile-conversion-cta{display:none!important}

@media(max-width:640px){
  /* Primary CTA stays premium and compact on phones. */
  body.home .hero-v60-actions .btn:first-child,
  body.home .hero-v60-actions .btn:first-child:hover{
    border-color:rgba(255,255,255,.19)!important;
    background:radial-gradient(120% 160% at 15% -40%,rgba(255,255,255,.17),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.052))!important;
    color:#f3f4f2!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(0,0,0,.20)!important;
  }

  /* Clean handoff from founder section into process — removes the awkward CTA/signature split and dead space. */
  body.home .about#ueber-mich{padding-bottom:58px!important}
  body.home .about#ueber-mich .about-copy{
    display:block!important;
    max-width:100%!important;
  }
  body.home .about#ueber-mich .about-copy .signature{
    margin:27px 0 0!important;
    padding-top:18px!important;
    font-size:19px!important;
    line-height:1.08!important;
    text-align:left!important;
  }
  body.home .about#ueber-mich .about-copy .signature small{
    margin-top:7px!important;
    font-size:9.5px!important;
    letter-spacing:.14em!important;
  }
  body.home .about#ueber-mich + .process{padding-top:68px!important}
}

@media(prefers-reduced-motion:reduce){
  body :is(a.btn.light,button.btn.light),
  body :is(a.btn.light,button.btn.light)::before,
  body :is(a.btn.light,button.btn.light) b{transition:none!important}
}
@media(max-width:640px){
  body.home .hero-v60-actions .btn:first-child b{
    display:inline-grid!important;
    width:24px!important;height:24px!important;margin-left:2px!important;font-size:13px!important;
  }
  body.home .hero-v60-actions .btn:first-child{justify-content:space-between!important;padding-left:18px!important;padding-right:13px!important}
}
@media(max-width:640px){
  body.home .hero-v60-actions .btn:first-child,
  body.home .hero-v60-actions .btn:first-child:hover{
    justify-content:center!important;
    padding-left:16px!important;padding-right:16px!important;
    border-color:rgba(255,255,255,.27)!important;
    background:radial-gradient(130% 180% at 20% -45%,rgba(255,255,255,.25),transparent 48%),linear-gradient(180deg,rgba(255,255,255,.145),rgba(255,255,255,.075))!important;
  }
  body.home .hero-v60-actions .btn:first-child b{display:none!important}
}