:root{--bg:#0a0b0d;--bg2:#121419;--paper:#f2efe7;--paper2:#e7e1d7;--ink:#111214;--white:#f8f6f1;--muted:#8e8a82;--muted-light:#bbb6ad;--gold:#cda85a;--gold2:#e6c779;--line:rgba(255,255,255,.13);--line-dark:rgba(17,18,20,.16);--max:1420px;--header:78px;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55;letter-spacing:-.007em;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{width:min(var(--max),calc(100% - 56px));margin:auto}.display{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:.94}.display em{font-style:normal;color:var(--gold2)}.paper .display em,.gold-section .display em{color:#8a6720}.eyebrow,.case-tag,.role,.service-num,.price-code,.example-tag{display:inline-block;font-size:.69rem;font-weight:900;text-transform:uppercase;letter-spacing:.19em;color:var(--gold2)}.dark-eyebrow{color:#8f6c20}.big-copy{font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.55}.page-lead{font-size:clamp(1.08rem,1.6vw,1.35rem);color:#d7d2ca;max-width:720px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid currentColor;border-radius:999px;padding:.82rem 1.25rem;font-weight:900;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);border-color:var(--gold);color:#101112}.btn.dark{background:#111317;border-color:#111317;color:white}.text-link{display:inline-flex;align-items:center;font-weight:900;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.dark-link{color:#161616}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Header */
.site-header{height:var(--header);position:sticky;top:0;z-index:100;background:rgba(9,10,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:.7rem}.thila-word{font:400 2.05rem/1 Georgia,'Times New Roman',serif;letter-spacing:-.075em}.thila-dot{color:var(--gold2)}.brand-sub{font-size:.62rem;letter-spacing:.2em;color:#aaa;font-weight:800}.site-header nav{display:flex;align-items:center;gap:2px}.site-header nav a{padding:.58rem .7rem;border-radius:999px;font-size:.84rem;font-weight:800;color:#ddd9d1}.site-header nav a:hover,.site-header nav a.active{background:rgba(255,255,255,.07);color:white}.site-header nav .navcta{margin-left:5px;border:1px solid rgba(230,199,121,.72);color:var(--gold2)}.menu{display:none;width:48px;height:48px;border:0;background:transparent;padding:12px;position:relative}.menu span{display:block;height:2px;background:white;margin:5px 0;transition:.25s}.menu.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu.open span:nth-child(2){opacity:0}.menu.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* Global sections */
.section{padding:92px 0}.paper{background:var(--paper);color:var(--ink)}.dark{background:var(--bg);color:var(--white)}.gold-section{background:var(--gold);color:#151515}.split-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,.65fr);gap:8vw;align-items:end;margin-bottom:46px}.split-intro h2{font-size:clamp(2.9rem,4.7vw,5.45rem);margin:.12em 0 0}.split-intro p{margin:0;color:#5f5a52}.split-intro.light p{color:#c1bdb5}.center-actions{margin-top:34px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.center-actions>span{color:#716c63;font-size:.9rem}.clean-list{padding:0;margin:25px 0;list-style:none}.clean-list li{padding:10px 0 10px 24px;border-bottom:1px solid var(--line-dark);position:relative}.clean-list li:before{content:'✓';position:absolute;left:0;font-weight:900;color:#85641e}
/* Home hero */
.home-hero{position:relative;min-height:calc(100vh - var(--header));overflow:hidden;background:#090a0c}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.97) 0%,rgba(8,9,11,.88) 42%,rgba(8,9,11,.25) 76%,rgba(8,9,11,.7) 100%);opacity:.88}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(440px,.97fr);gap:5vw;align-items:center;padding:90px 0 70px}.hero-copy h1{font-size:clamp(4.4rem,7.5vw,8.6rem);margin:.14em 0 .22em;max-width:980px}.hero-copy .hero-lead{font-size:clamp(1.1rem,1.55vw,1.35rem);color:#d5d1ca;max-width:690px}.offer-line{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.offer-line span{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.045);padding:8px 12px;border-radius:999px;font-size:.78rem;color:#c6c2bb}.offer-line b{color:white}.hero-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.founder-proof{margin-top:42px;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;max-width:670px}.founder-proof p{margin:0;font-size:.85rem}.founder-proof span{color:#aaa69f}.avatar-stack{display:flex}.avatar-stack img,.avatar-stack>span{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #0b0c0e;margin-left:-8px}.avatar-stack img:first-child{margin-left:0}.avatar-stack>span{display:grid;place-items:center;background:#24262b;color:var(--gold2);font-weight:900;font-size:.7rem}.hero-proof-visual{position:relative;padding:48px 0}.proof-label{margin-bottom:16px}.proof-label span{display:block;color:var(--gold2);font-size:.67rem;font-weight:900;letter-spacing:.17em}.proof-label b{font:400 1.55rem Georgia;display:block;margin-top:6px}.browser-shot{display:block;background:#111418;border:1px solid rgba(255,255,255,.18);border-radius:18px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.48);transform:perspective(1200px) rotateY(-3deg) rotateX(1deg);transition:.3s}.browser-shot:hover{transform:perspective(1200px) rotateY(0) rotateX(0) translateY(-4px)}.browser-shot img{width:100%;aspect-ratio:1.52/1;object-fit:cover}.browser-bar{height:36px;background:#17191e;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#555}.browser-bar span{margin-left:7px;font-size:.63rem;color:#898680}.proof-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.proof-meta span{font-size:.7rem;border:1px solid var(--line);border-radius:999px;padding:6px 9px;color:#bbb7b0}.position-strip{position:relative;z-index:2;border-top:1px solid var(--line);display:grid;grid-template-columns:160px 1fr 1.4fr;gap:28px;align-items:center;padding:26px 0 34px}.position-strip>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.18em;color:var(--gold2);font-weight:900}.position-strip strong{font:400 1.65rem Georgia}.position-strip p{margin:0;color:#aaa69f;font-size:.88rem}
/* Live proof */
.live-case{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:6vw;align-items:center}.live-case-image{position:relative}.live-case-image:before{content:'';position:absolute;inset:28px -28px -28px 28px;border:1px solid rgba(137,103,32,.35);z-index:0}.live-case-image img{position:relative;z-index:1;box-shadow:0 28px 65px rgba(35,28,15,.15)}.live-case-copy h3{font:400 clamp(2.5rem,4vw,4.6rem) Georgia;margin:.12em 0 .25em}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);margin:26px 0}.case-facts div{padding:16px 12px 16px 0}.case-facts b{display:block;font:400 2rem Georgia;color:#8c6920}.case-facts span{font-size:.72rem;color:#6b665f}.micro-note{font-size:.75rem;color:#77716a;margin-top:16px}
/* outcomes */
.outcome-lines{border-top:1px solid var(--line)}.outcome-lines article{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);max-width:1050px;margin-left:auto}.outcome-lines article>span{font:400 2rem Georgia;color:var(--gold2)}.outcome-lines h3{font:400 clamp(1.8rem,3vw,3rem) Georgia;margin:0 0 7px}.outcome-lines p{margin:0;color:#aaa69f;max-width:700px}
/* package lines */
.package-lines{border-top:1px solid var(--line-dark)}.package-lines a{display:grid;grid-template-columns:220px 180px 1fr auto;gap:24px;align-items:center;padding:27px 18px;border-bottom:1px solid var(--line-dark);transition:.2s}.package-lines a:hover{background:#eae5db;padding-left:26px}.package-lines a.recommended{background:#17191d;color:white;border-color:#17191d;margin:0 -12px;padding-left:30px;padding-right:30px}.package-lines span{font-size:.7rem;letter-spacing:.15em;font-weight:900}.package-lines strong{font:400 2.2rem Georgia}.package-lines p{margin:0;color:#68635b}.package-lines .recommended p{color:#bbb7b0}.package-lines a>b{font-size:.82rem}
/* difference */
.studio-difference{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}.studio-difference h2{font-size:clamp(3.4rem,5.8vw,6.5rem);margin:.12em 0 .3em}.difference-list{border-top:1px solid rgba(0,0,0,.25)}.difference-list>div{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:25px 0;border-bottom:1px solid rgba(0,0,0,.25)}.difference-list>div>span{font:400 1.5rem Georgia}.difference-list b{font-size:1.15rem}.difference-list p{grid-column:2;margin:0;color:#4f4024}
/* process */
.process-track{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.process-track article{padding:30px 24px 34px 0;border-right:1px solid var(--line-dark);min-height:230px}.process-track article+article{padding-left:24px}.process-track article:last-child{border-right:0}.process-track span{font:400 1.7rem Georgia;color:#8f6c20}.process-track h3{font:400 1.8rem Georgia;margin:15px 0 8px}.process-track p{font-size:.9rem;color:#6a655e}.express-note{margin-top:26px;padding:16px 20px;border-left:3px solid var(--gold);background:#e9e3d8;font-size:.88rem}
/* brand */
.brand-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:8vw;align-items:center}.brand-grid h2{font-size:clamp(3.3rem,5.8vw,6.6rem);margin:.14em 0 .25em}.brand-list{border-top:1px solid var(--line)}.brand-list>div{display:grid;grid-template-columns:60px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.brand-list>div span{font:400 1.3rem Georgia;color:var(--gold2)}.brand-list p{color:#aaa69f;font-size:.85rem;margin-top:20px}
/* checks / CTA */
.check-section{background:#e1b85d;color:#151515;padding:70px 0}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.check-grid h2,.final-cta h2{font-size:clamp(3rem,5vw,5.5rem);margin:.14em 0 .2em}.url-check{display:grid;grid-template-columns:1fr auto;background:#f6e3b0;border:1px solid rgba(0,0,0,.22);border-radius:999px;padding:6px}.url-check input{border:0;background:transparent;padding:12px 18px;outline:none;min-width:0}.url-check button{border:0;background:#111317;color:white;border-radius:999px;padding:0 20px;font-weight:900}.final-cta{max-width:980px}.final-cta p{font-size:1.1rem;max-width:720px}.final-cta>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px}
/* page hero */
.page-hero{background:#0a0b0d;padding:86px 0 74px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-10%;top:-70%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(205,168,90,.14),transparent 62%);pointer-events:none}.page-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .65fr;gap:8vw;align-items:end}.page-hero h1{font-size:clamp(3.9rem,6.25vw,7rem);margin:.15em 0 0}.page-hero .btn{margin-top:20px}.section-nav{position:sticky;top:var(--header);z-index:60;background:rgba(242,239,231,.96);border-bottom:1px solid var(--line-dark);backdrop-filter:blur(12px)}.section-nav .wrap{display:flex;gap:24px;overflow:auto;padding:14px 0}.section-nav a{white-space:nowrap;font-size:.76rem;font-weight:900;color:#655f56}.service-intro{padding:68px 0}.service-principle{display:grid;grid-template-columns:160px 1fr 1fr;gap:50px;align-items:start}.service-principle>span{font-size:.68rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#8f6c20}.service-principle h2{font-size:clamp(2.9rem,4.6vw,5.25rem);margin:0}.service-principle p{font-size:1.15rem;color:#625d55;margin:0;max-width:560px}
/* services */
.service-section{padding:84px 0}.service-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:7vw;align-items:center}.service-layout.reverse .service-copy{order:2}.service-layout.reverse .service-example{order:1}.service-copy h2{font-size:clamp(2.85rem,4.45vw,5.05rem);margin:.14em 0 .3em}.service-copy>.big-copy{color:#5e5952}.dark .service-copy>.big-copy{color:#bbb7b0}.service-details{margin-top:32px;border-top:1px solid var(--line-dark)}.service-details details{border-bottom:1px solid var(--line-dark);padding:0}.service-details summary{list-style:none;padding:18px 0;font-weight:900;display:flex;justify-content:space-between;gap:20px;cursor:pointer}.service-details summary::-webkit-details-marker{display:none}.service-details summary:after{content:'+';font-size:1.4rem;font-weight:400}.service-details details[open] summary:after{content:'–'}.service-details summary span{font-size:.72rem;color:#8b6921;white-space:nowrap}.service-details details p{margin:0;padding:0 34px 20px 0;color:#68635c;font-size:.9rem}.dark-details{border-color:var(--line)}.dark-details details{border-color:var(--line)}.dark-details summary span{color:var(--gold2)}.dark-details details p{color:#aaa69f}.service-example{min-height:470px;background:#e7e1d7;padding:34px;color:#151515;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.service-example:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 55%);pointer-events:none}.service-example>*{position:relative}.gold-example{background:var(--gold)}.example-tag{color:#7f611f;margin-bottom:22px}.dark-tag{color:#332912}.search-mock,.form-mock,.lang-stage,.tech-example .status-list{background:#faf8f3;border:1px solid rgba(0,0,0,.14);padding:26px;box-shadow:0 20px 55px rgba(0,0,0,.12)}.search-field{border:1px solid #bcb7ae;border-radius:999px;padding:13px 17px;display:flex;justify-content:space-between;color:#57524b}.search-result{padding:28px 8px;border-bottom:1px solid var(--line-dark)}.search-result h3{font:400 2rem Georgia;margin:4px 0}.search-result p{margin:0 0 8px}.search-result span{font-size:.8rem;color:#765b21}.map-consent{padding:22px 8px 0}.map-consent p{margin:.3em 0 0;color:#68635c}.form-mock label{display:block;font-size:.72rem;font-weight:900;margin:16px 0 6px}.mock-select,.mock-text{border-bottom:1px solid #aaa49a;padding:10px 0;display:flex;justify-content:space-between}.mock-options{display:flex;gap:7px;flex-wrap:wrap}.mock-options span{border:1px solid #aba59b;border-radius:999px;padding:8px 10px;font-size:.72rem}.mock-options span.active{background:#111;color:white;border-color:#111}.form-mock button{margin-top:24px;background:#111;color:white;border:0;border-radius:999px;padding:11px 16px;font-weight:900}.copy-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px}.copy-compare>div{padding:28px;border:1px solid rgba(0,0,0,.14);background:#f5f1e8}.copy-compare .better{background:#111317;color:white}.copy-compare small{font-size:.65rem;font-weight:900;letter-spacing:.16em;color:#8a6921}.copy-compare h3{font:400 2rem Georgia}.copy-compare .better p{color:#c5c0b8}.lang-buttons{display:flex;gap:8px;margin-bottom:12px}.lang-btn{border:1px solid rgba(0,0,0,.2);background:transparent;border-radius:999px;padding:8px 11px;font-weight:900}.lang-btn.active{background:#111;color:white}.lang-stage{min-height:300px;display:flex;flex-direction:column;justify-content:center}.lang-stage>span{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:#8a6921;font-weight:900}.lang-stage h3{font:400 2.7rem Georgia;margin:.2em 0}.insight-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:10px}.insight-flow>div{background:#faf8f3;border:1px solid rgba(0,0,0,.13);padding:20px}.insight-flow>div>span{font:400 1.5rem Georgia;color:#8a6921}.insight-flow b{display:block;margin:10px 0}.insight-flow p{font-size:.78rem;color:#6b665f}.insight-flow>i{align-self:center;font-style:normal;font-size:1.6rem;color:#8a6921}.tech-example{background:#17191e;color:white}.tech-example:before{background:radial-gradient(circle at 80% 20%,rgba(205,168,90,.18),transparent 45%)}.tech-example .example-tag{color:var(--gold2)}.tech-example .status-list{background:#0d0f12;border-color:var(--line);box-shadow:none}.status-list>div{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.status-list>div:last-child{border-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;background:#89c77e;box-shadow:0 0 12px rgba(137,199,126,.6)}.status-list small{color:#85817a}.brand-teaser{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.brand-teaser h2{font-size:clamp(3rem,5.1vw,5.8rem);margin:.15em 0}.brand-teaser p{color:#4f4024}
/* Projects */
.project-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:center}.browser-shot.large{transform:none}.browser-shot.large img{aspect-ratio:1.5/1}.project-copy h2{font-size:clamp(3.2rem,5vw,5.8rem);margin:.12em 0 .25em}.project-checks{border-top:1px solid var(--line-dark);margin:28px 0}.project-checks>div{padding:18px 0;border-bottom:1px solid var(--line-dark)}.project-checks b{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:#86651f}.project-checks p{margin:.35em 0 0;color:#615c54}.light-meta span{border-color:var(--line-dark);color:#6a655d}.ba-wrap{height:650px;position:relative;overflow:hidden;background:#d6d2ca;border:1px solid rgba(255,255,255,.18);margin-top:35px}.ba-before,.ba-after{position:absolute;inset:0;overflow:hidden}.ba-after{clip-path:inset(0 0 0 50%)}.oldsite,.newsite{height:100%;padding:40px}.oldsite{background:#d5d0c8;color:#3d3a35;font-family:'Times New Roman',serif}.oldnav{background:#666;color:white;padding:10px}.oldhero{background:#efede7;border:3px double #777;margin-top:20px;padding:24px}.oldhero button{padding:8px 10px}.oldgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.oldgrid div{height:170px;background:#e1ddd5;border:1px solid #aaa;padding:15px}.newsite{background:#eef0f2;color:#111}.newtop{display:flex;justify-content:space-between;font-size:.85rem;font-weight:850}.newhero{height:520px;margin-top:18px;background:linear-gradient(135deg,#0e1319,#2c3946);color:white;padding:44px;display:flex;flex-direction:column;justify-content:flex-end}.newhero strong{font:400 4.6rem/.92 Georgia}.newhero p{max-width:700px;color:#d2d6da}.newhero button{align-self:flex-start;background:var(--gold);border:0;border-radius:999px;padding:10px 14px;font-weight:900}.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10}.ba-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:white;z-index:8}.ba-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--gold);color:#111;display:grid;place-items:center;font-weight:1000;z-index:9}.ba-label{position:absolute;top:18px;z-index:7;padding:8px 12px;border-radius:999px;font-size:.7rem;font-weight:900}.ba-label.before{left:18px;background:#555}.ba-label.after{right:18px;background:var(--gold);color:#111}.demo-note{font-size:.76rem;color:#aaa69f;margin-top:12px}.perception-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw}.perception-grid h2{font-size:clamp(3.1rem,5.1vw,5.9rem);margin:.14em 0}.perception-lines{border-top:1px solid var(--line-dark)}.perception-lines>div{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:22px 0;border-bottom:1px solid var(--line-dark)}.perception-lines>div>span{font:400 1.4rem Georgia;color:#8b6921}.perception-lines p{grid-column:2;margin:0;color:#666159}
/* Prices */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{background:#e8e3da;border:1px solid var(--line-dark);padding:30px;display:flex;flex-direction:column;min-height:690px;position:relative}.price-card.featured{background:#14161a;color:white;transform:translateY(-12px)}.recommended-label{position:absolute;top:0;left:0;right:0;background:var(--gold);color:#111;padding:7px 12px;text-align:center;font-size:.62rem;font-weight:950;letter-spacing:.13em}.price-card.featured .price-code{margin-top:18px}.price-card h3{font:400 2.2rem/1.05 Georgia;margin:14px 0}.price-card>.price{font-size:.85rem;margin:5px 0 18px}.price-card>.price b{font:400 3.4rem Georgia}.price-card>p{color:#625d55}.price-card.featured>p{color:#bbb7b0}.price-card ul{padding:0;margin:18px 0;list-style:none}.price-card li{padding:9px 0 9px 20px;border-bottom:1px solid var(--line-dark);position:relative;font-size:.88rem}.price-card.featured li{border-color:var(--line)}.price-card li:before{content:'✓';position:absolute;left:0;font-weight:900;color:#8c6920}.price-card.featured li:before{color:var(--gold2)}.not-included{font-size:.76rem;color:#777168;padding:13px 0;margin:auto 0 18px;border-top:1px solid var(--line-dark)}.price-card.featured .not-included{color:#aaa69f;border-color:var(--line)}.scope-note{margin-top:36px;display:grid;grid-template-columns:220px 1fr;gap:24px;padding:20px 24px;background:#e5ded2;border-left:3px solid #8b6921}.scope-note span{color:#625d55}.brand-price-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.brand-price-grid h2{font-size:clamp(3.5rem,5.8vw,6.5rem);margin:.12em 0}.brand-price-list{border-top:1px solid var(--line)}.brand-price-list>div{display:grid;grid-template-columns:60px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.brand-price-list>div span{font:400 1.3rem Georgia;color:var(--gold2)}.brand-price-list>p{font-size:.85rem;color:#aaa69f}.config-wide{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:start}.config-flow{background:#e9e4da;border:1px solid var(--line-dark);padding:32px}.config-step{padding:26px 0;border-bottom:1px solid var(--line-dark)}.config-step:first-child{padding-top:0}.config-step:last-child{border-bottom:0}.config-step>span{font:400 1.1rem Georgia;color:#89671f}.config-step h3{font:400 1.6rem Georgia;margin:6px 0 14px}.choice-row,.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-grid{display:grid;grid-template-columns:1fr 1fr}.choice{border:1px solid #aea79b;background:transparent;color:#171717;border-radius:13px;padding:11px 13px;font-weight:850;text-align:left}.choice small{display:block;font-size:.67rem;font-weight:400;color:#746e65;margin-top:4px}.choice.active{background:#111317;border-color:#111317;color:white}.choice.active small{color:#bbb7b0}.helper{font-size:.74rem;color:#777168;margin:11px 0 0}.price-summary{position:sticky;top:110px;background:#111317;color:white;padding:34px;border-radius:var(--radius)}.summary-items{border-top:1px solid var(--line);margin-top:18px}.summary-items>div{padding:15px 0;border-bottom:1px solid var(--line)}.summary-items small{display:block;color:#89857e;font-size:.68rem;text-transform:uppercase;letter-spacing:.12em}.summary-items b{font-size:.92rem}.estimate{font:400 clamp(4.2rem,6vw,6.6rem) Georgia;color:var(--gold2);line-height:1;margin:30px 0 8px}.monthly{font:400 1.2rem Georgia}.price-summary>p{color:#9d9992;font-size:.8rem;margin:25px 0}.speed-lines{border-top:1px solid var(--line)}.speed-lines>div{display:grid;grid-template-columns:160px 220px 1fr 180px;gap:22px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line)}.speed-lines>div>span{font-size:.66rem;letter-spacing:.16em;color:var(--gold2);font-weight:900}.speed-lines>div>strong{font:400 2rem Georgia}.speed-lines p{margin:0;color:#aaa69f}.speed-lines>div>b{text-align:right;color:var(--gold2)}.care-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.care-grid article{border:1px solid var(--line-dark);padding:30px;background:#e8e3da;display:flex;flex-direction:column;min-height:510px}.care-grid article.featured{background:#15171b;color:white;transform:translateY(-10px)}.care-grid article>span{font-size:.68rem;letter-spacing:.15em;font-weight:900;color:#87651e}.care-grid article.featured>span{color:var(--gold2)}.care-price{font:400 3.4rem Georgia;margin:15px 0}.care-price small{font:400 .85rem Arial}.care-grid ul{padding:0;list-style:none;margin:5px 0}.care-grid li{padding:9px 0 9px 20px;border-bottom:1px solid var(--line-dark);font-size:.85rem;position:relative}.care-grid article.featured li{border-color:var(--line)}.care-grid li:before{content:'✓';position:absolute;left:0;color:#8b6921;font-weight:900}.care-grid article.featured li:before{color:var(--gold2)}.care-grid .btn{margin-top:auto}.care-limit{font-size:.72rem;color:#777168}.comparison-table{display:grid;grid-template-columns:1.5fr repeat(3,.65fr);border-top:1px solid rgba(0,0,0,.28);border-left:1px solid rgba(0,0,0,.17)}.ct{padding:17px 14px;border-right:1px solid rgba(0,0,0,.17);border-bottom:1px solid rgba(0,0,0,.17);text-align:center}.ct.feature{text-align:left;font-weight:800}.ct.head{font-size:.68rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.ct.thila{background:#15171b;color:white}.comparison-mobile{display:none}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq-grid h2{font-size:clamp(3.4rem,5.5vw,6rem);margin:.14em 0}.faq-list{border-top:1px solid var(--line-dark)}.faq-list details{border-bottom:1px solid var(--line-dark)}.faq-list summary{padding:20px 0;font-weight:900;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';font-size:1.4rem;font-weight:400}.faq-list details[open] summary:after{content:'–'}.faq-list p{color:#625d55;margin:0;padding:0 40px 22px 0}
/* About */
.about-statement{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:start}.about-statement h2{font-size:clamp(3rem,4.8vw,5.35rem);margin:.14em 0}.about-statement>div:last-child{padding-top:35px}.about-statement>div:last-child p{color:#625d55}.founder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.founder-grid article{border-top:1px solid var(--line);padding-top:18px}.founder-image{aspect-ratio:4/4.7;overflow:hidden;background:#17191d;margin-bottom:22px}.founder-image img{width:100%;height:100%;object-fit:cover}.founder-image.placeholder{display:grid;place-items:center;background:radial-gradient(circle at 65% 20%,rgba(205,168,90,.25),transparent 45%),#17191d;border:1px solid var(--line)}.founder-image.placeholder span{font:400 6rem Georgia;color:var(--gold2)}.founder-grid h3{font:400 2.3rem Georgia;margin:.15em 0 .4em}.founder-grid p{color:#aaa69f}.founder-grid p b{color:white}.founder-principles{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.founder-principles h2{font-size:clamp(2.9rem,4.5vw,5.1rem);margin:.14em 0}.principle-list{border-top:1px solid rgba(0,0,0,.25)}.principle-list>div{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(0,0,0,.25)}.principle-list span{color:#4e4025}
/* Contact */
.contact-module{display:grid;grid-template-columns:.82fr 1.18fr;min-height:calc(100vh - var(--header))}.contact-copy{padding:clamp(55px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(205,168,90,.12),transparent 35%),var(--bg)}.contact-copy h1{font-size:clamp(4rem,6.6vw,7.7rem);margin:.15em 0 .25em}.microproof{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.microproof span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;font-size:.72rem;color:#c1bdb6}.contact-direct{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.contact-direct small{color:#8e8a82}.contact-direct a{font-weight:850}.contact-form{background:var(--paper);color:var(--ink);padding:clamp(55px,7vw,110px);display:flex;align-items:center}.contact-form form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:900}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #aaa49a;background:transparent;padding:12px 0;outline:none}.field textarea{min-height:120px;resize:vertical}.form-title{font-size:clamp(2.8rem,4.5vw,4.4rem);margin:.12em 0}.form-lead{color:#6b665e}.form-privacy-note{font-size:.72rem;color:#787168;margin-top:14px}.form-privacy-note a{text-decoration:underline}.hidden-honeypot{position:absolute!important;left:-9999px!important}.contact-legal{display:flex;justify-content:space-between;gap:20px;background:#08090a;color:#85817a;padding:18px 28px;font-size:.72rem;border-top:1px solid var(--line)}.contact-legal button{background:none;border:0;color:inherit;padding:0;text-decoration:underline}
/* Legal */
.legal-main{background:var(--paper);color:var(--ink)}.legal-wrap{max-width:980px}.legal-wrap .page-hero-min{padding:0;background:none;min-height:auto}.legal-wrap h1{font-size:clamp(3.7rem,6vw,6rem)}.legal-wrap h2{font:400 2rem Georgia;margin-top:2em}.legal-wrap h3{font:400 1.35rem Georgia}.legal-wrap p,.legal-wrap li{color:#5f5a53}.legal-wrap a{text-decoration:underline}.legal-wrap .module,.legal-wrap .module-inner{display:block;min-height:0;width:auto;padding:0}
/* thanks */
.thanks-section{min-height:70vh;display:flex;align-items:center}.thanks-box{max-width:900px}.thanks-box h1{font-size:clamp(4rem,7vw,8rem);margin:.15em 0 .3em}.thanks-box>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
/* footer */
footer{background:#07080a;border-top:1px solid var(--line);padding:65px 0 28px;color:#d5d1ca}.footer-grid{display:grid;grid-template-columns:1.45fr .7fr 1fr;gap:55px}.footer-grid p{color:#8e8a83}.footer-grid a:hover{color:white}.footer-promise{font:400 1.25rem Georgia;color:var(--gold2);margin-top:20px}.footer-cookie-link{background:none;border:0;color:#8e8a83;padding:0;text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid var(--line);font-size:.74rem;color:#69665f}.mobile-buybar{display:none}
/* privacy */
.privacy-panel{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.62);display:grid;place-items:end center;padding:20px}.privacy-card{width:min(720px,100%);background:#f1eee7;color:#111;padding:28px;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.35);position:relative}.privacy-card h2{font:400 2.1rem Georgia;margin:.2em 0}.privacy-card p{color:#625d55}.privacy-actions{display:flex;gap:10px;flex-wrap:wrap}.privacy-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:1.5rem}.privacy-links{font-size:.78rem}.privacy-links a{text-decoration:underline}
/* responsive */
@media(max-width:1050px){
 .site-header{backdrop-filter:none;background:#0a0b0d}
 .menu{display:block;z-index:102}.site-header nav{position:fixed;inset:var(--header) 0 0 0;background:#0a0b0d;display:flex;flex-direction:column;align-items:flex-start;padding:34px 28px 120px;gap:4px;overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;z-index:101}.site-header nav.open{opacity:1;visibility:visible;pointer-events:auto}.site-header nav a{font:400 2.1rem Georgia;width:100%;border-radius:0;border-bottom:1px solid var(--line);padding:14px 0}.site-header nav .navcta{margin:18px 0 0;border:1px solid var(--gold);border-radius:999px;padding:13px 18px;font:900 .9rem Arial;width:auto}
 .hero-grid,.page-hero-grid,.split-intro,.live-case,.studio-difference,.brand-grid,.check-grid,.service-principle,.service-layout,.project-feature,.perception-grid,.brand-price-grid,.config-wide,.about-statement,.founder-principles,.faq-grid{grid-template-columns:1fr}.hero-grid{padding-top:70px}.hero-proof-visual{max-width:780px}.position-strip{grid-template-columns:140px 1fr}.position-strip p{grid-column:1/-1}.split-intro{gap:22px}.service-layout.reverse .service-copy,.service-layout.reverse .service-example{order:initial}.service-example{min-height:440px}.pricing-grid,.founder-grid,.care-grid{grid-template-columns:1fr}.price-card,.care-grid article{min-height:0}.price-card.featured,.care-grid article.featured{transform:none}.config-wide{gap:24px}.price-summary{position:static}.process-track{grid-template-columns:1fr 1fr}.process-track article:nth-child(2){border-right:0}.process-track article:nth-child(-n+2){border-bottom:1px solid var(--line-dark)}.speed-lines>div{grid-template-columns:120px 180px 1fr}.speed-lines>div>b{grid-column:2/-1;text-align:left}.contact-module{grid-template-columns:1fr}.contact-copy{min-height:70vh}.contact-legal{flex-direction:column}.comparison-table{display:none}.comparison-mobile{display:grid;gap:10px}.comparison-mobile article{background:rgba(255,255,255,.28);padding:15px;border:1px solid rgba(0,0,0,.16)}.comparison-mobile h3{font-size:.9rem;margin:0 0 10px}.comparison-mobile p{display:grid;grid-template-columns:repeat(3,1fr);margin:0;font-size:.75rem}.comparison-mobile span{display:flex;flex-direction:column;gap:4px}.comparison-mobile .thila{font-weight:900}.package-lines a{grid-template-columns:180px 160px 1fr}.package-lines a>b{grid-column:1/-1}.insight-flow{grid-template-columns:1fr}.insight-flow>i{transform:rotate(90deg);justify-self:center}.founder-grid{max-width:700px}.founder-image{aspect-ratio:4/4.6}
}
@media(max-width:700px){
 :root{--header:70px}.wrap{width:calc(100% - 28px)}.section{padding:72px 0}.page-hero{padding:72px 0 60px}.page-hero h1{font-size:clamp(3.45rem,15vw,5.7rem)}.hero-grid{grid-template-columns:1fr;padding:60px 0 40px}.hero-copy h1{font-size:clamp(3.55rem,16vw,5.7rem)}.hero-art{background:linear-gradient(180deg,rgba(8,9,11,.96) 0%,rgba(8,9,11,.84) 58%,rgba(8,9,11,.3) 100%)}.hero-proof-visual{padding:25px 0}.browser-shot{transform:none;border-radius:12px}.browser-bar{height:30px}.founder-proof{margin-top:32px}.position-strip{grid-template-columns:1fr;gap:8px;padding-bottom:28px}.position-strip p{grid-column:auto}.split-intro h2,.service-copy h2,.project-copy h2,.about-statement h2,.brand-grid h2,.studio-difference h2{font-size:clamp(2.8rem,13vw,4.6rem)}.live-case-image:before{display:none}.case-facts{grid-template-columns:1fr 1fr 1fr}.case-facts b{font-size:1.5rem}.outcome-lines article{grid-template-columns:55px 1fr;gap:10px}.package-lines a,.package-lines a.recommended{grid-template-columns:1fr;gap:6px;margin:0;padding:22px 12px}.package-lines a:hover{padding-left:12px}.process-track{grid-template-columns:1fr}.process-track article,.process-track article+article{border-right:0;border-bottom:1px solid var(--line-dark);padding:24px 0;min-height:0}.brand-list>div{grid-template-columns:44px 1fr}.check-grid{gap:25px}.url-check{grid-template-columns:1fr;border-radius:18px;padding:8px}.url-check button{min-height:48px}.service-principle{gap:16px}.service-example{padding:20px;min-height:390px}.copy-compare{grid-template-columns:1fr}.lang-stage h3{font-size:2rem}.project-feature{gap:36px}.ba-wrap{height:520px}.oldsite,.newsite{padding:16px}.oldgrid{grid-template-columns:1fr}.oldgrid div{height:auto}.newhero{height:455px;padding:24px}.newhero strong{font-size:2.9rem}.newtop span{display:none}.pricing-grid{gap:12px}.price-card{padding:24px}.scope-note{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.config-flow{padding:20px}.choice-row{display:grid;grid-template-columns:1fr}.choice{width:100%}.estimate{font-size:4.6rem}.speed-lines>div{grid-template-columns:1fr;gap:5px}.speed-lines>div>b{grid-column:auto}.care-grid article{padding:24px}.faq-list p{padding-right:0}.founder-grid{gap:55px}.principle-list>div{grid-template-columns:1fr;gap:4px}.contact-copy,.contact-form{padding:56px 22px}.contact-copy h1{font-size:clamp(3.5rem,15vw,5.5rem)}.contact-form form{grid-template-columns:1fr}.full{grid-column:auto}.contact-legal{padding-bottom:96px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;gap:5px}.mobile-buybar{position:fixed;left:0;right:0;bottom:0;z-index:95;background:#0a0b0d;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));font-size:.7rem;transform:translateY(110%);opacity:0;pointer-events:none;transition:transform .22s ease,opacity .22s ease}.mobile-buybar.visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-buybar a{background:var(--gold);color:#111;border-radius:999px;padding:10px 12px;font-weight:900}body{padding-bottom:0}.service-section{padding:72px 0}.section-nav{top:var(--header)}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Legal layout refinements */
.legal-wrap>.legal-hero,.legal-wrap>.legal-content{width:100%}.legal-wrap .wrap{width:100%;margin:0}.legal-hero{padding:10px 0 45px;border-bottom:1px solid var(--line-dark)}.legal-hero h1{margin:.18em 0 .1em}.legal-content{padding-top:36px}.legal-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.legal-copy{max-width:900px}.inline-cookie-link{border:0;background:none;padding:0;color:inherit;text-decoration:underline;cursor:pointer}
@media(max-width:800px){.legal-grid{grid-template-columns:1fr}}
.legal .mobile-buybar,.thanks .mobile-buybar{display:none!important}


/* ===== V36 Professional / Conversion Pass ===== */
/* Active navigation: visible on clean Netlify URLs as well as .html URLs. */
.site-header nav a:not(.navcta){position:relative;background:transparent!important}
.site-header nav a:not(.navcta):hover{color:var(--gold2)}
.site-header nav a.active:not(.navcta){color:var(--gold2)}
.site-header nav a.active:not(.navcta)::after{content:'';position:absolute;height:2px;left:.7rem;right:.7rem;bottom:2px;background:var(--gold2);border-radius:2px}

/* Home hero: product demonstration instead of decorative stock/AI-looking background. */
.home-hero-v36{min-height:auto;background:radial-gradient(circle at 78% 25%,rgba(205,168,90,.08),transparent 28%),#090a0c}
.hero-grid-v36{grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);padding:78px 0 58px;gap:5.5vw}
.hero-grid-v36 .hero-copy h1{font-size:clamp(4rem,6.25vw,7.15rem);max-width:900px;margin:.15em 0 .23em}
.hero-grid-v36 .hero-lead{max-width:720px}
.hero-demo{min-width:0}
.hero-demo-head{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.hero-demo-head span{font-size:.66rem;letter-spacing:.18em;font-weight:900;color:var(--gold2)}.hero-demo-head b{font:400 1.5rem Georgia;color:#f5f2eb}
.hero-ba{height:520px;margin-top:0;border-color:rgba(255,255,255,.2);border-radius:16px;box-shadow:0 32px 85px rgba(0,0,0,.42)}
.hero-oldsite,.hero-newsite{height:100%;padding:30px}.hero-oldsite{background:#d5d0c8;color:#37342f;font-family:'Times New Roman',serif}.hero-oldnav{background:#68645e;color:#fff;padding:10px 12px;font-size:.82rem}.hero-oldbody{background:#efede7;border:3px double #817b73;margin-top:22px;padding:26px}.hero-oldbody h3{font-size:1.45rem;margin:0 0 14px}.hero-oldbody button{padding:8px 11px}.hero-oldtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:24px}.hero-oldtiles span{border:1px solid #aaa49b;background:#ded9d0;padding:18px 10px;min-height:92px;font-weight:700}
.hero-newsite{background:#f2efe7;color:#111}.hero-newtop{height:38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.14);font-size:.75rem}.hero-newlayout{height:calc(100% - 50px);margin-top:12px;display:grid;grid-template-columns:1fr 1.06fr;background:#11151a;color:white;overflow:hidden}.hero-newvisual{position:relative;background:linear-gradient(155deg,#2d3742,#0d1218);overflow:hidden}.hero-newvisual:before{content:'';position:absolute;width:160%;height:140px;background:rgba(205,168,90,.72);transform:rotate(-35deg);left:-55%;top:42%}.hero-newvisual i{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:40px}.hero-newvisual i:nth-child(1){width:220px;height:300px;left:18%;top:9%}.hero-newvisual i:nth-child(2){width:150px;height:240px;left:50%;top:31%}.hero-newvisual i:nth-child(3){width:90px;height:170px;left:12%;top:58%}.hero-newcopy{padding:34px 30px;display:flex;flex-direction:column;justify-content:flex-end}.hero-newcopy small{color:var(--gold2);font-size:.62rem;letter-spacing:.16em;font-weight:900}.hero-newcopy strong{font:400 clamp(2.1rem,3vw,3.3rem)/.98 Georgia;margin:12px 0}.hero-newcopy p{color:#c4c0b8;font-size:.9rem}.hero-newcopy button{align-self:flex-start;border:0;border-radius:999px;background:var(--gold);padding:10px 14px;font-weight:900}.hero-demo-note{margin-top:10px}.home-hero-v36 .position-strip{padding-top:22px}

/* Stronger but calmer type hierarchy across subpages. */
.price-card h3{font-size:2.05rem}.project-copy h2{font-size:clamp(3rem,4.5vw,5.15rem)}

/* Secondary sticky navigation knows which service section is currently visible. */
.section-nav a{position:relative;padding-bottom:2px}.section-nav a.active{color:#8a6720}.section-nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;background:#8a6720}

/* Project demo: the visible half now contains the actual message instead of a cropped headline. */
.newhero-v36{height:520px;margin-top:18px;padding:0;display:grid;grid-template-columns:1fr 1.06fr;background:#10151b;overflow:hidden}
.newhero-v36 .newhero-visual{position:relative;background:linear-gradient(150deg,#354555,#0b1117);overflow:hidden}.newhero-v36 .newhero-visual:before{content:'';position:absolute;width:170%;height:160px;background:rgba(205,168,90,.75);transform:rotate(-35deg);left:-65%;top:44%}.newhero-v36 .newhero-visual i{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:38px}.newhero-v36 .newhero-visual i:nth-child(1){width:260px;height:350px;left:15%;top:10%}.newhero-v36 .newhero-visual i:nth-child(2){width:150px;height:250px;left:58%;top:34%}.newhero-v36 .newhero-visual i:nth-child(3){width:100px;height:190px;left:16%;top:65%}.newhero-v36 .newhero-copy{padding:42px 38px;display:flex;flex-direction:column;justify-content:flex-end}.newhero-v36 .newhero-copy small{font-size:.65rem;color:var(--gold2);letter-spacing:.15em;font-weight:900}.newhero-v36 .newhero-copy strong{font:400 clamp(2.4rem,4vw,4.2rem)/.95 Georgia;margin:12px 0}.newhero-v36 .newhero-copy p{color:#d0ccc5}.newhero-facts{display:flex;gap:8px;flex-wrap:wrap;margin:5px 0 18px}.newhero-facts span{font-size:.68rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 8px;color:#d7d2cb}.newhero-v36 .newhero-copy button{align-self:flex-start;background:var(--gold);border:0;border-radius:999px;padding:10px 14px;font-weight:900}

/* Builder: selected options are unmistakable. */
.choice{position:relative;padding-right:34px}.choice.active:after{content:'✓';position:absolute;right:12px;top:10px;color:var(--gold2);font-weight:950}.choice.active[aria-pressed="true"]{box-shadow:0 0 0 1px rgba(205,168,90,.18)}
.summary-next{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}.summary-next>b{font-size:.82rem}.summary-next ol{margin:10px 0 0;padding-left:20px;color:#aaa69f;font-size:.76rem}.summary-next li{padding:3px 0}

/* Founder placeholder reads as an intentional profile card, not a broken image. */
.founder-placeholder-card{padding:34px;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:flex-end!important}.founder-placeholder-card .placeholder-kicker{font:900 .64rem Arial!important;letter-spacing:.18em;color:var(--gold2)!important}.founder-placeholder-card strong{font:400 clamp(2.3rem,3vw,3.6rem) Georgia;margin:10px 0 2px}.founder-placeholder-card small{color:#aaa69f;font-size:.85rem}

/* Contact reassurance. */
.contact-team-note{font-size:.84rem;color:#aaa69f;margin:2px 0 0}.form-human-note{font-size:.82rem;font-weight:800;color:#4f4a43;margin:14px 0 0}

@media(max-width:1050px){
 .site-header nav a.active:not(.navcta){color:var(--gold2)}.site-header nav a.active:not(.navcta)::after{left:0;right:auto;width:64px;bottom:6px}
 .hero-grid-v36{grid-template-columns:1fr}.hero-demo{max-width:820px}.hero-ba{height:500px}
 .newhero-v36{grid-template-columns:1fr 1.08fr}
}
@media(max-width:700px){
 .section{padding:66px 0}.page-hero{padding:66px 0 56px}.service-intro{padding:54px 0}.service-section{padding:64px 0}
 .hero-grid-v36{padding:54px 0 36px}.hero-grid-v36 .hero-copy h1{font-size:clamp(3.35rem,14.2vw,5.35rem)}.hero-ba{height:450px}.hero-oldsite,.hero-newsite{padding:14px}.hero-newlayout{grid-template-columns:.8fr 1.2fr}.hero-newvisual{opacity:.8}.hero-newcopy{padding:20px 16px}.hero-newcopy strong{font-size:2rem}.hero-newcopy p{font-size:.75rem}.hero-oldtiles{grid-template-columns:1fr}.hero-oldtiles span:nth-child(n+2){display:none}
 .newhero-v36{height:455px;grid-template-columns:.75fr 1.25fr}.newhero-v36 .newhero-copy{padding:24px 18px}.newhero-v36 .newhero-copy strong{font-size:2.35rem}.newhero-facts span{font-size:.58rem}
 .comparison-mobile p{gap:8px}.comparison-mobile span{font-size:.7rem;overflow-wrap:anywhere}
 .founder-placeholder-card{min-height:420px}
}

/* ===== V37 Story + hero robustness ===== */
/* The live deployment previously mixed fresh HTML with an older cached stylesheet.
   Versioned assets plus explicit stacking keep the comparison demo stable. */
.hero-ba{position:relative;overflow:hidden;isolation:isolate}
.hero-ba .ba-before,.hero-ba .ba-after{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.hero-ba .ba-before{z-index:1}
.hero-ba .ba-after{z-index:2;clip-path:inset(0 0 0 50%)}
.hero-ba .ba-label{z-index:6}
.hero-ba .ba-line{z-index:7}
.hero-ba .ba-handle{z-index:8}
.hero-ba .ba-range{z-index:9}
.hero-oldsite,.hero-newsite{width:100%;height:100%;box-sizing:border-box}
.hero-demo-head span,.hero-demo-head b{display:block}

/* Founder story: editorial rather than another card grid. */
.origin-section{padding-top:44px}
.origin-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start;border-top:1px solid var(--line-dark);padding-top:48px}
.origin-story h2{font-size:clamp(3.2rem,5.2vw,6rem);margin:.15em 0 0;max-width:760px}
.origin-copy{max-width:760px}
.origin-copy>p{color:#5e5951;line-height:1.65}
.origin-copy .big-copy{color:#2f2b27}
.origin-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;padding-top:22px;border-top:1px solid var(--line-dark)}
.origin-principles span{border:1px solid #b8b0a4;border-radius:999px;padding:9px 13px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#6f541b}

/* Make Bastian crop consistently with the other founder portraits. */
.founder-grid article:nth-child(3) .founder-image img{object-position:center 20%}

@media(max-width:1050px){
 .origin-story{grid-template-columns:1fr;gap:28px}
 .origin-copy{max-width:850px}
}
@media(max-width:700px){
 .origin-section{padding-top:28px}
 .origin-story{padding-top:34px}
 .origin-story h2{font-size:clamp(2.9rem,13vw,4.5rem)}
 .origin-principles{gap:7px}
 .origin-principles span{font-size:.64rem}
}


/* ===== V38 Bastian integration + section polish ===== */
.avatar-stack img:last-child{object-position:center 18%}
.founder-grid article:nth-child(3) .founder-image img{object-position:center 12%;filter:brightness(.88) saturate(.92)}

.brand-highlight-section,.process-showcase-section,.talk-card-section,.cta-contrast-section{background:var(--paper)}
.brand-highlight-card,.process-showcase,.talk-card,.cta-contrast-card{border-radius:28px}

.brand-highlight-card{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:5vw;align-items:center;background:linear-gradient(135deg,#dcb768 0%,#cfab5d 100%);color:#151515;padding:44px 46px;box-shadow:0 25px 60px rgba(33,24,8,.12)}
.brand-highlight-card h2{font-size:clamp(2.8rem,4.8vw,5rem);margin:.14em 0 .2em}
.brand-highlight-card .big-copy{max-width:760px;color:#2e2413}
.brand-highlight-side p{font-size:1.05rem;color:#3c3017;margin-top:0}
.brand-pill-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.brand-pill-row span{border:1px solid rgba(0,0,0,.18);border-radius:999px;padding:9px 12px;font-size:.74rem;font-weight:900;letter-spacing:.04em;background:rgba(255,255,255,.18)}
.compact-list{margin:18px 0 28px}
.compact-list li{border-color:rgba(0,0,0,.16);padding:9px 0 9px 22px}

.process-showcase{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:5vw;align-items:start;background:linear-gradient(135deg,#d9b363 0%,#cfa858 100%);color:#151515;padding:44px 46px;box-shadow:0 25px 60px rgba(33,24,8,.10)}
.process-showcase h2{font-size:clamp(3rem,5vw,5.25rem);margin:.14em 0 .18em}
.process-showcase .big-copy{color:#312613;max-width:560px}
.process-showcase .principle-list{border-color:rgba(0,0,0,.18)}
.process-showcase .principle-list>div{border-color:rgba(0,0,0,.18)}
.process-showcase .principle-list span{color:#4a3b20}

.talk-card,.cta-contrast-card{background:#111317;color:#f4f1ea;padding:40px 44px;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px rgba(0,0,0,.24)}
.talk-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.cta-contrast-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end}
.talk-card h2,.cta-contrast-card h2{font-size:clamp(3rem,5vw,5.3rem);margin:.12em 0 .18em}
.talk-card p,.cta-contrast-card p{font-size:1.07rem;max-width:820px;color:#c7c1b7;margin:0}
.talk-card .eyebrow,.cta-contrast-card .eyebrow{color:var(--gold2)}
.talk-card-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.talk-card .text-link,.cta-contrast-card .text-link{color:#f4f1ea}

@media(max-width:1050px){
  .brand-highlight-card,.process-showcase,.talk-card,.cta-contrast-card{grid-template-columns:1fr;gap:24px;padding:34px 30px}
}
@media(max-width:700px){
  .brand-highlight-card,.process-showcase,.talk-card,.cta-contrast-card{padding:26px 20px;border-radius:22px}
  .brand-highlight-card h2,.process-showcase h2,.talk-card h2,.cta-contrast-card h2{font-size:clamp(2.55rem,12vw,4.4rem)}
  .brand-pill-row{gap:8px}
  .brand-pill-row span{font-size:.66rem;padding:8px 10px}
}


/* ===== V39 FINAL POLISH ===== */
/* Consistent spacing, calmer editorial hierarchy and more deliberate gold usage. */
@media(min-width:1051px){
  .section{padding:82px 0}
  .page-hero{padding:76px 0 66px}
  .service-section{padding:76px 0}
  .split-intro{margin-bottom:38px}
  .founders-section{padding-top:78px;padding-bottom:82px}
}

/* Header: slightly calmer and sharper. */
.site-header{background:rgba(9,10,12,.96);box-shadow:0 1px 0 rgba(255,255,255,.025)}
.site-header nav{gap:4px}
.site-header nav a{font-size:.82rem;letter-spacing:.005em}
.site-header nav .navcta{padding-left:.95rem;padding-right:.95rem}

/* Home hero: less oversized, more balanced, and the demo reads like a premium product surface. */
.home-hero-v36{background:radial-gradient(circle at 81% 22%,rgba(205,168,90,.085),transparent 26%),radial-gradient(circle at 12% 82%,rgba(255,255,255,.025),transparent 25%),#090a0c}
.hero-grid-v36{grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);gap:5vw;padding:64px 0 48px;align-items:center}
.hero-grid-v36 .hero-copy h1{font-size:clamp(3.9rem,5.55vw,6.55rem);line-height:.96;max-width:850px;margin:.14em 0 .24em}
.hero-grid-v36 .hero-copy .eyebrow{position:relative;padding-left:34px}
.hero-grid-v36 .hero-copy .eyebrow:before{content:'';position:absolute;left:0;top:50%;width:22px;height:1px;background:var(--gold2)}
.hero-grid-v36 .hero-lead{max-width:670px;font-size:clamp(1.06rem,1.35vw,1.22rem)}
.hero-grid-v36 .offer-line{margin:22px 0 20px}
.hero-grid-v36 .offer-line span{background:rgba(255,255,255,.035);padding:7px 11px}
.hero-grid-v36 .founder-proof{margin-top:31px;padding-top:19px;max-width:620px}
.hero-grid-v36 .founder-proof p{font-size:.81rem;line-height:1.48}
.hero-grid-v36 .avatar-stack img{width:38px;height:38px}
.hero-demo{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:17px;box-shadow:0 34px 90px rgba(0,0,0,.42)}
.hero-demo-head{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:14px 18px;margin:0 2px 13px}
.hero-demo-head span{white-space:nowrap}.hero-demo-head b{font-size:1.22rem;color:#eeeae2}
.hero-ba{height:448px;border-radius:15px;box-shadow:none;border:1px solid rgba(255,255,255,.12)}
.hero-oldsite,.hero-newsite{padding:22px}
.hero-newcopy{padding:26px 24px}.hero-newcopy strong{font-size:clamp(1.9rem,2.7vw,2.9rem)}
.hero-demo-note{font-size:.69rem;margin:10px 3px 0;color:#8e8a83}
.home-hero-v36 .position-strip{padding:22px 0 24px;border-bottom:1px solid var(--line);grid-template-columns:145px .9fr 1.35fr}
.home-hero-v36 .position-strip strong{font-size:1.45rem}

/* General type rhythm: big statements keep impact without every section shouting. */
.split-intro h2{font-size:clamp(2.75rem,4.15vw,4.9rem)}
.service-copy h2{font-size:clamp(2.65rem,4vw,4.65rem)}
.page-hero h1{font-size:clamp(3.65rem,5.55vw,6.2rem)}
.about-statement h2{font-size:clamp(2.85rem,4.2vw,4.85rem)}
.origin-story h2{font-size:clamp(2.9rem,4.55vw,5.25rem)}

/* Live project and package teaser get slightly tighter, denser proportions. */
.live-case{gap:5vw}.live-case-copy h3{font-size:clamp(2.35rem,3.5vw,4rem)}
.package-lines a{padding-top:23px;padding-bottom:23px}

/* Founder portraits: Bastian now matches the darker exposure and crop of Nila/Thies. */
.founder-grid{gap:24px}
.founder-image{border:1px solid rgba(255,255,255,.075)}
.founder-grid article:nth-child(3) .founder-image img{object-position:center 8%;transform:scale(1.07);filter:brightness(.79) contrast(.98) saturate(.88)}
.avatar-stack img:last-child{object-position:center 12%;filter:brightness(.82) saturate(.9)}
.founder-grid h3{font-size:2.05rem}
.founder-grid p{font-size:.93rem;line-height:1.58}

/* About + services: gold is an accent, not a random full block. */
.brand-highlight-section,.process-showcase-section,.talk-card-section,.cta-contrast-section{background:var(--paper)}
.brand-highlight-card,.process-showcase{background:linear-gradient(135deg,#ece6dc 0%,#e3dccf 100%);border:1px solid rgba(17,18,20,.11);border-left:4px solid var(--gold);box-shadow:0 20px 46px rgba(31,24,13,.07)}
.brand-highlight-card{padding:39px 42px}.process-showcase{padding:39px 42px}
.brand-highlight-card .big-copy,.process-showcase .big-copy{color:#49433a}
.brand-highlight-side p{color:#514a3e}
.brand-pill-row span{background:rgba(205,168,90,.12);border-color:rgba(138,103,32,.25);color:#69501c}
.process-showcase .principle-list{border-color:rgba(17,18,20,.14)}
.process-showcase .principle-list>div{border-color:rgba(17,18,20,.14)}
.process-showcase .principle-list span{color:#625b51}
.talk-card,.cta-contrast-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#111317,#0b0d10);border-color:rgba(255,255,255,.09);padding:38px 42px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.talk-card:before,.cta-contrast-card:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold)}

/* Service page examples: slightly smaller, cleaner and less repetitive. */
.service-example{min-height:430px;padding:30px;border:1px solid rgba(17,18,20,.08)}
.service-layout{gap:6vw}.service-copy>.big-copy{max-width:680px}
.service-details{margin-top:27px}
.service-details summary{padding:16px 0}
.section-nav .wrap{gap:28px}
.section-nav a{font-size:.74rem}

/* About story: keep it personal, but visually quieter. */
.origin-story{gap:6vw;padding-top:42px}
.origin-copy>p{font-size:1rem}
.origin-principles span{background:rgba(205,168,90,.08);border-color:rgba(138,103,32,.22)}

/* Footer and CTA polish. */
footer{border-top:1px solid rgba(255,255,255,.07)}
.footer-grid{padding-top:4px}
.btn{box-shadow:0 0 0 rgba(0,0,0,0)}
.btn.gold:hover{box-shadow:0 10px 26px rgba(205,168,90,.18)}
.btn.dark:hover{box-shadow:0 10px 24px rgba(0,0,0,.16)}

@media(max-width:1050px){
  .hero-grid-v36{grid-template-columns:1fr;padding-top:52px}
  .hero-demo{max-width:820px}
  .hero-ba{height:470px}
  .home-hero-v36 .position-strip{grid-template-columns:130px 1fr}.home-hero-v36 .position-strip p{grid-column:1/-1}
}
@media(max-width:700px){
  .hero-grid-v36 .hero-copy h1{font-size:clamp(3.2rem,13.4vw,4.95rem)}
  .hero-demo{padding:11px;border-radius:18px}
  .hero-demo-head{grid-template-columns:1fr;gap:3px;margin-bottom:9px}.hero-demo-head b{font-size:1rem}
  .hero-ba{height:405px}
  .hero-oldsite,.hero-newsite{padding:12px}
  .home-hero-v36 .position-strip{grid-template-columns:1fr;gap:5px;padding:18px 0 22px}
  .home-hero-v36 .position-strip p{grid-column:auto}
  .brand-highlight-card,.process-showcase,.talk-card,.cta-contrast-card{padding:24px 19px}
  .founder-grid article:nth-child(3) .founder-image img{transform:scale(1.045)}
}


/* ===== V41 Audit fixes ===== */
.ba-before{clip-path:inset(0 50% 0 0)}
.ba-after{clip-path:inset(0 0 0 50%)}
.hero-ba .ba-before{clip-path:inset(0 50% 0 0)}
.hero-ba .ba-after{clip-path:inset(0 0 0 50%)}


/* ===== V42 scope, tax and calculator clarity ===== */
.tax-hint{margin:14px 0 0;font-size:.78rem;line-height:1.5;color:#746f66}
.package-tax-hint{margin-top:18px}
.price-summary .summary-tax-hint{margin-top:10px;color:#827b70}
@media(max-width:700px){.tax-hint{font-size:.8rem}}

/* =========================================================
   V43 — Conversion, scope clarity and mobile-first refinement
   ========================================================= */

/* Authentic KerJardin live presentation */
.live-case-capture{position:relative;min-height:530px;padding:28px 120px 28px 0;background:radial-gradient(circle at 75% 20%,rgba(205,168,90,.22),transparent 36%),#111317;overflow:hidden}
.live-case-capture img{width:100%;height:100%;object-fit:cover}
.live-capture-desktop{height:430px;border-radius:16px;overflow:hidden;box-shadow:0 30px 65px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.12)}
.live-capture-mobile{position:absolute;right:28px;bottom:27px;width:145px;height:300px;border-radius:24px;overflow:hidden;border:7px solid #111317;box-shadow:0 24px 55px rgba(0,0,0,.42)}
.live-capture-label{position:absolute;left:28px;bottom:17px;font-size:.66rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#d9c08a;background:#0e1013;padding:8px 11px;border-radius:999px}
.project-live-stack{position:relative;min-height:600px;padding:28px 115px 30px 0;background:radial-gradient(circle at 70% 18%,rgba(205,168,90,.2),transparent 38%),#111317}
.project-live-stack figure{margin:0}.project-live-stack figcaption{font-size:.66rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#8e8981;margin-top:10px}
.project-live-desktop img{width:100%;border-radius:14px;box-shadow:0 28px 65px rgba(0,0,0,.32)}
.project-live-mobile{position:absolute;right:25px;bottom:28px;width:150px}.project-live-mobile img{border:7px solid #0d0f12;border-radius:24px;box-shadow:0 25px 55px rgba(0,0,0,.42)}.project-live-mobile figcaption{color:#b9b4ac}

/* Services: fewer, clearer, consistently aligned */
.service-compass{padding:58px 0;border-bottom:1px solid var(--line-dark)}
.service-compass-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;align-items:center}
.service-compass h2{font-size:clamp(3rem,4.5vw,5.2rem);margin:.15em 0 0}.service-compass h2 em{color:#8a6720}
.compass-steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}
.compass-steps article{padding:24px 22px;border-right:1px solid var(--line-dark);min-height:150px}.compass-steps article:first-child{padding-left:0}.compass-steps article:last-child{border-right:0}
.compass-steps span{font:400 1.45rem Georgia;color:#8a6720}.compass-steps b{display:block;margin:10px 0 6px}.compass-steps p{margin:0;color:#6a655e;font-size:.88rem}
.service-cluster{padding:72px 0}.service-cluster-head{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.55fr);column-gap:8vw;align-items:end;margin-bottom:34px}.service-cluster-head .service-num{grid-column:1/-1;margin-bottom:10px;color:#7e5f1d;font-size:.74rem}.dark .service-cluster-head .service-num{color:#d8b96f}
.service-cluster-head h2{font-size:clamp(3rem,4.7vw,5.5rem);margin:.08em 0}.service-cluster-head p{margin:0 0 .45em;color:#625d55;font-size:1.06rem}.dark .service-cluster-head p{color:#bbb7b0}.service-cluster-head h2 em{font-style:normal;color:#8a6720}.dark .service-cluster-head h2 em{color:var(--gold2)}
.service-catalog{border-top:1px solid var(--line-dark)}.service-catalog article{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:36px;padding:24px 0;border-bottom:1px solid var(--line-dark);align-items:start}.service-catalog h3{font:400 1.65rem Georgia;margin:0 0 7px}.service-catalog p{margin:0;color:#68635c;max-width:780px}.service-catalog strong{text-align:right;color:#7c5e20;font-size:.82rem;line-height:1.4;padding-top:5px}.dark-catalog{border-color:var(--line)}.dark-catalog article{border-color:var(--line)}.dark-catalog h3{color:#f4f0e8}.dark-catalog p{color:#aaa69f}.dark-catalog strong{color:var(--gold2)}
.service-note{margin:18px 0 0;padding-left:17px;border-left:3px solid var(--gold);color:#655f56;font-size:.86rem;max-width:900px}.brand-v43{grid-template-columns:1.05fr .95fr}.brand-mini-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brand-mini-scope span{padding:18px;border:1px solid rgba(17,18,20,.13);font-weight:900;background:rgba(255,255,255,.42)}

/* Prices: calculator earlier, FAQ stronger, brand scope explicit */
.brand-price-v43{align-items:start}.brand-scope-v43{border-top:1px solid var(--line)}.brand-scope-v43 article{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line)}.brand-scope-v43 article>span{font:400 1.35rem Georgia;color:var(--gold2)}.brand-scope-v43 article b{font-size:.96rem}.brand-scope-v43 article p{margin:.35em 0 0;color:#aaa69f;font-size:.86rem}.scope-boundary{margin-top:20px;padding:17px 18px;border-left:3px solid var(--gold);background:rgba(255,255,255,.045);font-size:.86rem;color:#bbb7b0}.scope-boundary b{color:white}
.faq-emphasis-v43{background:linear-gradient(180deg,#f2efe7 0%,#e9e3d8 100%);border-top:1px solid var(--line-dark)}.faq-emphasis-v43 .faq-grid{align-items:start}.faq-emphasis-v43 .faq-list{background:rgba(255,255,255,.42);padding:0 26px;border:1px solid rgba(0,0,0,.10);border-radius:22px;box-shadow:0 20px 50px rgba(27,21,12,.06)}

/* About: positive positioning, clear origin, visual process */
.about-direct-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.about-direct h2{font-size:clamp(3rem,4.8vw,5.5rem);margin:.15em 0}.about-direct h2 em{color:#8a6720}.direct-facts{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.direct-facts span{border:1px solid var(--line-dark);border-radius:999px;padding:9px 12px;font-size:.76rem;font-weight:900;color:#615c54}
.origin-v43{padding-top:40px}.origin-v43-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:8vw;align-items:start;border-top:1px solid var(--line-dark);padding-top:45px}.origin-v43 h2{font-size:clamp(3.05rem,4.7vw,5.45rem);margin:.1em 0 .3em}.origin-v43 h2 em{color:#8a6720}.origin-v43 p:not(.big-copy){color:#625d55}
.thila-origin-mark{margin-top:32px;display:grid;grid-template-columns:auto 42px auto;gap:12px;align-items:center;width:max-content;max-width:100%;font-family:Georgia,'Times New Roman',serif}.thila-origin-mark span{font-size:clamp(3.5rem,6vw,6rem);letter-spacing:-.07em}.thila-origin-mark span:first-child{color:#17191d}.thila-origin-mark span:nth-of-type(2){color:#9a7425}.thila-origin-mark i{font-style:normal;font-size:2rem;color:#8c867d;text-align:center}.thila-origin-mark b{grid-column:1/-1;font-size:1rem;font-family:Arial,Helvetica,sans-serif;letter-spacing:.16em;color:#6d665c;text-transform:uppercase;border-top:1px solid var(--line-dark);padding-top:12px}
.process-map-v43{border-radius:28px;background:linear-gradient(135deg,#111317 0%,#1b1d22 70%,#211c12 100%);padding:42px;color:white;box-shadow:0 24px 65px rgba(0,0,0,.14)}.process-map-intro{display:grid;grid-template-columns:1fr .7fr;gap:5vw;align-items:end;margin-bottom:35px}.process-map-intro h2{font-size:clamp(3rem,4.5vw,5.1rem);margin:.12em 0}.process-map-intro .big-copy{color:#bdb8b0}.process-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:15px;align-items:stretch}.process-path article{padding:24px 20px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);min-height:190px}.process-path article span{font:400 1.35rem Georgia;color:var(--gold2)}.process-path h3{font:400 1.7rem Georgia;margin:12px 0 8px}.process-path p{margin:0;color:#aaa69f;font-size:.86rem}.process-path>i{align-self:center;font-style:normal;color:var(--gold2);font-size:1.5rem}

/* Legal readability */
.legal-copy h2{scroll-margin-top:100px}.legal-copy a{text-decoration:underline;text-underline-offset:3px}

/* Technical polish */
body.home .gold-section .display{max-width:760px}

@media(max-width:1050px){
 .service-compass-grid,.service-cluster-head,.about-direct-grid,.origin-v43-grid,.process-map-intro{grid-template-columns:1fr;gap:24px}
 .compass-steps{grid-template-columns:1fr 1fr 1fr}.service-cluster-head p{max-width:700px}.project-live-stack{min-height:520px}
 .process-path{grid-template-columns:1fr 1fr}.process-path>i{display:none}.process-path article{min-height:165px}
}

@media(max-width:700px){
 /* On phones: real proof before the interactive demo. Keep desktop demo, remove mobile friction. */
 .home .desktop-priority-demo{display:none}
 .home .founder-proof{margin-top:25px}.home .founder-proof p span{display:none}.home .founder-proof p{margin:0}.home .hero-actions{margin-bottom:0}
 .home .proof-section{padding-top:54px}.home .position-strip{padding-top:18px}
 .live-case-capture{min-height:365px;padding:16px 76px 16px 0}.live-capture-desktop{height:300px;border-radius:10px}.live-capture-mobile{right:11px;bottom:17px;width:92px;height:202px;border-width:5px;border-radius:17px}.live-capture-label{left:14px;bottom:9px;font-size:.54rem;padding:6px 8px}
 .project-live-stack{min-height:410px;padding:15px 70px 22px 0}.project-live-mobile{right:8px;bottom:18px;width:92px}.project-live-mobile img{border-width:5px;border-radius:17px}.project-live-stack figcaption{font-size:.55rem}
 .service-compass{padding:46px 0}.service-compass h2{font-size:clamp(2.85rem,13vw,4.3rem)}.compass-steps{grid-template-columns:1fr;margin-top:12px}.compass-steps article,.compass-steps article:first-child{padding:18px 0;border-right:0;border-bottom:1px solid var(--line-dark);min-height:0}.compass-steps article:last-child{border-bottom:0}
 .service-cluster{padding:58px 0}.service-cluster-head{margin-bottom:24px}.service-cluster-head h2{font-size:clamp(2.85rem,13vw,4.45rem)}.service-cluster-head .service-num{font-size:.67rem;letter-spacing:.15em}.service-catalog article{grid-template-columns:1fr;gap:8px;padding:20px 0}.service-catalog h3{font-size:1.45rem}.service-catalog p{font-size:.9rem}.service-catalog strong{text-align:left;padding-top:0;font-size:.78rem}.brand-mini-scope{grid-template-columns:1fr}.brand-v43{grid-template-columns:1fr}
 .brand-scope-v43 article{grid-template-columns:38px 1fr}.faq-emphasis-v43 .faq-list{padding:0 16px;border-radius:18px}
 .about-direct h2,.origin-v43 h2{font-size:clamp(2.8rem,13vw,4.4rem)}.thila-origin-mark{grid-template-columns:auto 26px auto}.thila-origin-mark span{font-size:15vw}.thila-origin-mark i{font-size:1.35rem}.process-map-v43{padding:26px 18px;border-radius:22px}.process-path{grid-template-columns:1fr}.process-path article{min-height:0}.process-map-intro h2{font-size:clamp(2.75rem,12.5vw,4.2rem)}
}

/* V45 production hardening */
.skip-link{position:fixed;left:16px;top:12px;transform:translateY(-180%);background:#f5d27b;color:#111;padding:12px 16px;border-radius:999px;font-weight:900;z-index:200;text-decoration:none;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.skip-link:focus{transform:translateY(0)}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #d9b661;outline-offset:3px;border-radius:10px}
#siteNav a:focus-visible,.btn:focus-visible,.text-link:focus-visible,.choice:focus-visible{outline-offset:4px}
.url-check input:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid #b78822;outline-offset:3px;border-radius:12px;border-bottom-color:#b78822;box-shadow:0 0 0 5px rgba(183,136,34,.12)}
.eyebrow,.case-tag,.role,.service-num,.price-code,.example-tag{font-size:.73rem}
.demo-note,.care-limit,.form-privacy-note,.helper,.contact-legal,.microproof span,.hero-demo-note{font-size:.8rem}
.hero-demo-head b{font-size:1.34rem}
.live-capture-label{font-size:.7rem}
.live-capture-desktop img,.live-capture-mobile img,.project-live-desktop img,.project-live-mobile img{width:100%;height:100%;object-fit:cover;object-position:top}
.hero-showcase{background:#f3eee4;color:#171717}
.hero-showcase .hero-newtop{border-bottom:1px solid rgba(0,0,0,.12);font-size:.8rem;color:#3d403a}
.hero-showcase .hero-newtop b{letter-spacing:.06em}
.hero-showcase .hero-newlayout{background:#f3eee4;color:#171717;grid-template-columns:.9fr 1.1fr;border-radius:22px;overflow:hidden}
.hero-showcase .hero-newvisual{background:linear-gradient(160deg,#d9d2c6,#b6c3b0 55%,#f1ede5 100%)}
.hero-showcase .hero-newvisual:before{background:rgba(138,106,58,.28);height:120px;top:22%;left:-40%}
.hero-showcase .hero-newvisual i{border-color:rgba(34,40,33,.14);background:rgba(255,255,255,.2)}
.hero-showcase .hero-newcopy{justify-content:center;padding:34px 30px;background:linear-gradient(180deg,#faf8f2,#f1ebdf)}
.hero-showcase .hero-newcopy small{color:#7c5e23}
.hero-showcase .hero-newcopy strong{color:#1a241d;font:400 clamp(2.25rem,3.1vw,3.45rem)/.96 Georgia;margin:10px 0 14px}
.hero-showcase .hero-newcopy p{color:#575349;font-size:.95rem;max-width:420px}
.hero-newfacts{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0 18px}
.hero-newfacts span{padding:7px 10px;border:1px solid rgba(0,0,0,.12);border-radius:999px;font-size:.72rem;font-weight:700;color:#37352f;background:rgba(255,255,255,.7)}
.hero-showcase .hero-newcopy button{background:#1f3d2f;color:#fff;border:0;padding:11px 16px;border-radius:999px;font-weight:900}
.newsite-showcase{background:#f3eee4;color:#171717}
.newsite-showcase .newtop{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:10px;color:#3c403a}
.newsite-showcase .newhero{background:linear-gradient(120deg,#f4efe7 0%,#e9e1d2 42%,#f8f4ec 100%);color:#161616;height:520px}
.newsite-showcase .newhero-visual{background:linear-gradient(155deg,#d6cfbf,#b3c0aa 58%,#f5f2ea)}
.newsite-showcase .newhero-visual:before{background:rgba(133,101,54,.33);top:28%;left:-52%;height:150px}
.newsite-showcase .newhero-visual i{border-color:rgba(32,34,29,.13);background:rgba(255,255,255,.2)}
.newsite-showcase .newhero-copy{justify-content:center}
.newsite-showcase .newhero-copy small{color:#846325}
.newsite-showcase .newhero-copy strong{color:#182219;max-width:540px}
.newsite-showcase .newhero-copy p{color:#57524a;max-width:520px}
.newsite-showcase .newhero-copy button{background:#1f3d2f;color:#fff}
.newsite-showcase .newhero-facts span{border-color:rgba(0,0,0,.11);background:rgba(255,255,255,.64);color:#38342f}
@media (max-width: 900px){
  .hero-showcase .hero-newlayout,.newsite-showcase .newhero{grid-template-columns:1fr}
  .hero-showcase .hero-newcopy strong{font-size:2.1rem}
  .hero-newfacts span,.newhero-facts span{font-size:.64rem}
  .live-capture-label{font-size:.62rem}
  .helper,.demo-note,.care-limit,.form-privacy-note,.contact-legal{font-size:.82rem}
}
@media (max-width: 640px){
  .eyebrow,.case-tag,.role,.service-num,.price-code,.example-tag{font-size:.76rem}
  .hero-demo-head b{font-size:1.08rem}
  .hero-showcase .hero-newcopy,.newsite-showcase .newhero-copy{padding:18px 16px}
  .hero-showcase .hero-newcopy strong,.newsite-showcase .newhero-copy strong{font-size:1.9rem}
  .skip-link{left:10px;right:10px;text-align:center}
}
#main-content{scroll-margin-top:90px}

/* ===== V46 refinement: stronger examples, cleaner renders, privacy-safe contact ===== */
.hero-grid-v36{grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr);gap:4vw}
.hero-demo{width:min(100%,980px);max-width:980px;justify-self:end}
.hero-demo-head b{font-size:1.35rem}
.hero-ba{height:610px;border-radius:24px;background:#171b20;box-shadow:0 36px 95px rgba(0,0,0,.5)}
.hero-showcase-v46,.modernsite-v46{background:#f5f1e8;color:#111;padding:20px}
.hero-modern-top,.modernsite-top{display:flex;justify-content:space-between;align-items:center;padding:0 4px 12px;border-bottom:1px solid rgba(0,0,0,.11);font-size:.78rem;color:#343942}
.hero-modern-top b,.modernsite-top b{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:.08em}
.hero-modern-layout,.modernsite-hero{height:calc(100% - 52px);margin-top:16px;display:grid;grid-template-columns:1.02fr .98fr;gap:16px;align-items:stretch}
.hero-modern-copy,.modernsite-copy{display:flex;flex-direction:column;justify-content:center;padding:18px 8px 18px 10px;color:#17191d}
.hero-modern-copy small,.modernsite-copy small{font-size:.66rem;letter-spacing:.18em;font-weight:900;color:#3358d4}
.hero-modern-copy strong,.modernsite-copy strong{font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.65rem,3.5vw,4.25rem);line-height:.92;letter-spacing:-.05em;margin:12px 0 14px;font-weight:900;max-width:10ch}
.hero-modern-copy p,.modernsite-copy p{color:#545861;font-size:.97rem;max-width:420px;margin:0 0 16px}
.hero-modern-chips,.modernsite-facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.hero-modern-chips span,.modernsite-facts span{font-size:.72rem;font-weight:800;border-radius:999px;padding:8px 11px;background:#e6ebff;color:#2741a8;border:1px solid rgba(48,73,182,.12)}
.hero-modern-copy button,.modernsite-copy button{align-self:flex-start;border:0;border-radius:999px;background:#111827;color:#fff;padding:12px 16px;font-weight:900;box-shadow:0 12px 24px rgba(17,24,39,.16)}
.hero-modern-visual,.modernsite-visual{position:relative;border-radius:28px;overflow:hidden;background:linear-gradient(155deg,#3358d4 0%,#2148bf 44%,#111827 100%);min-height:100%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.hero-modern-visual:before,.modernsite-visual:before{content:'';position:absolute;inset:auto -12% -18% auto;width:58%;height:48%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 70%)}
.visual-card{position:absolute;background:#f6f8ff;border-radius:22px;box-shadow:0 20px 55px rgba(10,15,30,.28);color:#111827}
.visual-card em{display:block;font-style:normal;font-size:.66rem;letter-spacing:.16em;font-weight:900;text-transform:uppercase;color:#3358d4;margin-bottom:10px}
.visual-card b{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.6rem,2.4vw,2.35rem);line-height:.93;letter-spacing:-.05em;font-weight:900}
.visual-card p{margin:.7rem 0 0;color:#525968;font-size:.84rem;max-width:18ch}
.card-main{left:24px;top:26px;width:64%;padding:22px 22px 18px}
.card-side{right:20px;bottom:22px;width:44%;padding:18px}
.card-side strong{display:block;font-family:Arial,Helvetica,sans-serif;font-size:1.7rem;line-height:1;font-weight:900;margin-top:6px}
.card-side span{font-size:.63rem;letter-spacing:.18em;font-weight:900;text-transform:uppercase;color:#3358d4}
.visual-badge{position:absolute;left:24px;bottom:24px;background:#ffb347;color:#111827;border-radius:999px;padding:10px 14px;font-size:.78rem;font-weight:900;box-shadow:0 14px 30px rgba(17,24,39,.2)}

/* Projects page: more polished live render stack */
.project-live-stack{position:relative;min-height:640px;padding:28px 190px 32px 26px;background:linear-gradient(145deg,#111318 0%,#1a2028 55%,#262b34 100%);border-radius:28px;box-shadow:0 28px 70px rgba(0,0,0,.22)}
.project-live-stack:before{content:'';position:absolute;inset:18px;border:1px solid rgba(230,199,121,.14);border-radius:22px;pointer-events:none}
.project-live-desktop{position:relative;z-index:1}
.project-live-desktop img{width:100%;border-radius:18px;box-shadow:0 34px 80px rgba(0,0,0,.38);object-fit:cover;object-position:top}
.project-live-desktop figcaption,.project-live-mobile figcaption{display:inline-block;margin-top:12px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);color:#d6d1c9;border:1px solid rgba(255,255,255,.08)}
.project-live-mobile{position:absolute;right:28px;bottom:30px;width:210px;z-index:2}
.project-live-mobile img{width:100%;height:auto;border-radius:26px;border:7px solid #0e1116;box-shadow:0 28px 60px rgba(0,0,0,.46);object-fit:cover;object-position:top;background:#fff}
.project-live-mobile figcaption{margin-top:14px;text-align:left}
.live-case-capture{position:relative;min-height:470px;padding:20px 110px 24px 0;background:linear-gradient(145deg,#111318 0%,#1a2028 55%,#262b34 100%);border-radius:26px;box-shadow:0 24px 60px rgba(0,0,0,.16)}
.live-capture-desktop{height:390px;border-radius:18px;border:1px solid rgba(255,255,255,.08)}
.live-capture-mobile{right:24px;bottom:26px;width:150px;height:308px;border-radius:26px;border-width:7px;background:#fff}
.live-capture-label{left:22px;bottom:18px;background:#0f1318;color:#e4c77f;padding:9px 12px;border:1px solid rgba(228,199,127,.18)}

/* Projects & home comparison demo larger and more useful */
.relaunch-section .ba-wrap{height:720px;border-radius:28px;background:#161a1f;box-shadow:0 36px 96px rgba(0,0,0,.42)}
.relaunch-section .ba-label,.hero-ba .ba-label{padding:10px 14px;font-size:.74rem}
.relaunch-section .ba-handle,.hero-ba .ba-handle{width:72px;height:72px;font-size:1.2rem}
.relaunch-section .demo-note,.hero-demo-note{font-size:.76rem}

/* Footer/contact without public private phone */
.contact-direct,.contact-legal,.footer-grid p{word-break:break-word}
.contact-direct a+ a{margin-top:8px}

@media(max-width:1200px){
  .hero-grid-v36{grid-template-columns:1fr;gap:36px}
  .hero-demo{justify-self:start;max-width:none}
  .hero-ba{height:560px}
}
@media(max-width:1050px){
  .project-live-stack{padding:22px 120px 24px 18px;min-height:520px}
  .project-live-mobile{width:150px;right:18px;bottom:22px}
  .live-case-capture{min-height:390px;padding:18px 86px 18px 0}
  .live-capture-desktop{height:320px}
  .live-capture-mobile{width:112px;height:230px;right:12px;bottom:18px;border-width:5px}
  .hero-modern-layout,.modernsite-hero{grid-template-columns:1fr}
  .hero-modern-copy strong,.modernsite-copy strong{max-width:none}
  .hero-modern-visual,.modernsite-visual{min-height:250px}
  .card-main{width:62%}.card-side{width:38%}
  .relaunch-section .ba-wrap{height:620px}
}
@media(max-width:700px){
  .hero-demo{padding:12px}
  .hero-ba{height:500px}
  .hero-modern-layout,.modernsite-hero{grid-template-columns:1fr;gap:10px}
  .hero-modern-copy,.modernsite-copy{padding:8px 4px 4px}
  .hero-modern-copy strong,.modernsite-copy strong{font-size:2.35rem;max-width:11ch}
  .hero-modern-copy p,.modernsite-copy p{font-size:.82rem}
  .hero-modern-visual,.modernsite-visual{min-height:230px}
  .card-main{left:14px;top:14px;width:68%;padding:15px}
  .card-side{right:14px;bottom:14px;width:41%;padding:13px}
  .visual-card b{font-size:1.25rem}
  .visual-badge{left:14px;bottom:14px;padding:8px 11px;font-size:.68rem}
  .project-live-stack{min-height:420px;padding:14px 76px 18px 12px;border-radius:18px}
  .project-live-mobile{width:98px;right:8px;bottom:16px}.project-live-mobile img{border-width:5px;border-radius:18px}
  .project-live-stack figcaption{font-size:.54rem;padding:6px 8px}
  .live-case-capture{min-height:335px;padding:12px 72px 14px 0;border-radius:18px}
  .live-capture-desktop{height:280px;border-radius:12px}.live-capture-mobile{width:94px;height:198px;border-radius:18px}.live-capture-label{font-size:.58rem;left:12px;bottom:10px;padding:6px 8px}
  .relaunch-section .ba-wrap{height:560px}
  .relaunch-section .ba-handle,.hero-ba .ba-handle{width:60px;height:60px}
}

/* ===== V47: calmer comparison design + cleaner live renders ===== */
/* 1) KerJardin live renders */
.project-live-stack{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  min-height:690px;
  padding:24px 24px 30px;
  background:linear-gradient(180deg,#121418 0%,#191d24 100%);
}
.project-live-stack:before{inset:14px;border-radius:24px}
.project-live-desktop img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  border-radius:20px;
}
.project-live-desktop figcaption,.project-live-mobile figcaption,
.live-capture-desktop figcaption,.live-capture-mobile figcaption{
  font-size:.63rem;
  letter-spacing:.11em;
}
.project-live-mobile{
  position:absolute;
  right:28px;
  bottom:34px;
  width:240px;
}
.project-live-mobile img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top center;
  background:#f7f4ef;
  padding:0;
  border:8px solid #0f1216;
  border-radius:28px;
}

.live-case-capture{
  min-height:560px;
  padding:22px 210px 22px 22px;
  background:linear-gradient(180deg,#121418 0%,#191d24 100%);
  border-radius:28px;
}
.live-capture-desktop{
  height:auto;
  min-height:0;
  border-radius:20px;
  overflow:hidden;
}
.live-capture-desktop img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.live-capture-mobile{
  position:absolute;
  right:26px;
  top:50%;
  bottom:auto;
  transform:translateY(-50%);
  width:180px;
  height:auto;
  border:8px solid #0f1216;
  border-radius:28px;
  overflow:hidden;
  background:#f7f4ef;
}
.live-capture-mobile img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  object-position:top center;
}
.live-capture-label{
  left:22px;
  bottom:20px;
  background:#101318;
  border:1px solid rgba(228,199,127,.18);
  color:#e4c77f;
}

/* 2) Calmer after-example instead of bright blue */
.hero-showcase-v47,.modernsite-v47{
  background:#f3eee5;
  color:#171714;
  padding:18px;
}
.hero-modern-top,.modernsite-top{
  border-bottom:1px solid rgba(41,38,32,.12);
  color:#5b5346;
}
.hero-modern-top b,.modernsite-top b{
  color:#1a1a16;
  letter-spacing:.06em;
}
.hero-modern-layout,.modernsite-hero{
  grid-template-columns:.96fr 1.04fr;
  gap:16px;
  margin-top:14px;
}
.hero-modern-copy,.modernsite-copy{
  padding:14px 8px 14px 8px;
}
.hero-modern-copy small,.modernsite-copy small{
  color:#9a694a;
}
.hero-modern-copy strong,.modernsite-copy strong{
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(2.35rem,3vw,3.7rem);
  line-height:.94;
  letter-spacing:-.05em;
  color:#1b1b17;
  max-width:12ch;
}
.hero-modern-copy p,.modernsite-copy p{
  color:#5c5a54;
  font-size:.92rem;
  max-width:430px;
}
.hero-modern-chips span,.modernsite-facts span{
  background:#ebe4d8;
  color:#5d523f;
  border:1px solid rgba(93,82,63,.14);
}
.hero-modern-copy button,.modernsite-copy button{
  background:#2d3a2f;
  color:#fff7eb;
  box-shadow:none;
}
.hero-modern-visual,.modernsite-visual{
  min-height:320px;
  border-radius:24px;
  background:linear-gradient(180deg,#d9d0c1 0%,#d5ccb9 48%,#cfc5b1 100%);
  box-shadow:inset 0 0 0 1px rgba(60,55,44,.08);
}
.hero-modern-visual:before,.modernsite-visual:before{
  content:'';
  position:absolute;
  inset:20px 20px auto auto;
  width:42%;
  height:42%;
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,0));
  border-radius:24px;
}
.visual-card{
  box-shadow:0 18px 45px rgba(55,46,34,.16);
}
.card-main{
  left:18px;
  top:18px;
  width:63%;
  background:#fffaf2;
  padding:18px 18px 16px;
}
.card-main em,.card-side span{
  color:#9a694a;
}
.card-main b{
  font-size:clamp(1.45rem,2vw,2.15rem);
  color:#1b1b17;
}
.card-main p,.card-side p{
  color:#655f56;
}
.card-side{
  right:18px;
  bottom:18px;
  width:39%;
  background:#f4efe7;
  padding:15px;
}
.card-side strong{
  color:#1b1b17;
}
.visual-badge{
  left:18px;
  bottom:18px;
  background:#8d6148;
  color:#fff8ef;
  box-shadow:none;
}

/* 3) Larger before-after frame */
.hero-grid-v36{grid-template-columns:minmax(0,.86fr) minmax(700px,1.14fr);gap:4vw}
.hero-demo{width:min(100%,1040px);max-width:1040px}
.hero-ba{height:650px}
.relaunch-section .ba-wrap{height:760px}

/* 4) Responsive fixes */
@media(max-width:1220px){
  .hero-grid-v36{grid-template-columns:1fr;gap:36px}
  .hero-demo{justify-self:start;max-width:none}
  .hero-ba{height:580px}
}
@media(max-width:1100px){
  .project-live-stack{min-height:560px;padding:18px 18px 24px}
  .project-live-mobile{width:190px;right:18px;bottom:24px}
  .live-case-capture{min-height:470px;padding:18px 150px 18px 18px}
  .live-capture-mobile{width:145px;right:18px}
  .hero-modern-layout,.modernsite-hero{grid-template-columns:1fr}
  .hero-modern-copy strong,.modernsite-copy strong{max-width:none}
  .hero-modern-visual,.modernsite-visual{min-height:260px}
}
@media(max-width:760px){
  .project-live-stack{min-height:0;padding:14px 14px 18px}
  .project-live-mobile{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(72vw,290px);
    margin:18px auto 0;
  }
  .project-live-desktop figcaption,.project-live-mobile figcaption{display:block;text-align:center}
  .live-case-capture{
    min-height:0;
    padding:14px;
  }
  .live-capture-mobile{
    position:relative;
    top:auto;
    right:auto;
    transform:none;
    width:min(68vw,240px);
    margin:16px auto 0;
  }
  .live-capture-label{position:static;display:inline-block;margin-top:14px}
  .hero-ba{height:540px}
  .relaunch-section .ba-wrap{height:620px}
  .hero-modern-copy strong,.modernsite-copy strong{font-size:2.2rem;max-width:11ch}
  .card-main{width:66%;padding:14px}
  .card-side{width:40%;padding:12px}
}
@media(max-width:560px){
  .hero-ba{height:500px}
  .relaunch-section .ba-wrap{height:570px}
  .hero-modern-top,.modernsite-top{font-size:.66rem}
  .hero-modern-copy p,.modernsite-copy p{font-size:.82rem}
  .hero-modern-chips,.modernsite-facts{gap:6px}
  .hero-modern-chips span,.modernsite-facts span{font-size:.65rem;padding:7px 9px}
  .card-main{left:12px;top:12px;width:68%}
  .card-side{right:12px;bottom:12px;width:42%}
  .visual-badge{left:12px;bottom:12px;font-size:.64rem;padding:7px 9px}
}

/* ===== V48: widescreen compare + fullbleed project captures ===== */
/* Home compare larger and more widescreen */
.hero-grid-v36{
  grid-template-columns:minmax(0,.8fr) minmax(760px,1.2fr);
  align-items:center;
  gap:4vw;
}
.hero-demo{
  width:min(100%,1180px);
  max-width:1180px;
  padding:20px;
  border-radius:28px;
}
.hero-demo-head{
  grid-template-columns:auto 1fr;
  gap:10px 18px;
  margin-bottom:16px;
}
.hero-ba{
  aspect-ratio:16 / 9;
  height:auto;
  min-height:0;
  border-radius:22px;
  overflow:hidden;
}
.relaunch-section .ba-wrap{
  width:100%;
  aspect-ratio:16 / 9;
  height:auto;
  min-height:0;
  border-radius:28px;
  overflow:hidden;
}

/* Fullbleed desktop screenshot with proper phone mockup */
.project-live-stack,
.live-case-capture{
  position:relative;
  overflow:hidden;
  background:#111317;
  border-radius:28px;
}
.project-live-stack{
  min-height:0;
  padding:20px;
}
.project-live-stack:before{display:none}
.project-live-desktop{
  margin:0;
}
.project-live-desktop img{
  width:100%;
  height:auto;
  display:block;
  border-radius:18px;
  box-shadow:0 20px 50px rgba(0,0,0,.32);
}
.project-live-mobile{
  position:absolute;
  right:30px;
  bottom:30px;
  width:220px;
  margin:0;
  padding:12px;
  background:#0d1116;
  border-radius:34px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
}
.project-live-mobile:before,
.live-capture-mobile:before{
  content:'';
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:34%;
  height:16px;
  border-radius:999px;
  background:#07090c;
  z-index:2;
}
.project-live-mobile img{
  display:block;
  width:100%;
  height:auto;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:#f5f1ea;
}
.project-live-mobile figcaption{
  position:absolute;
  left:14px;
  right:14px;
  bottom:-30px;
  text-align:center;
}

.live-case-capture{
  min-height:0;
  padding:20px;
}
.live-capture-desktop{
  width:100%;
  height:auto;
  border-radius:18px;
  overflow:hidden;
}
.live-capture-desktop img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.live-capture-mobile{
  position:absolute;
  right:28px;
  bottom:28px;
  width:205px;
  padding:12px;
  background:#0d1116;
  border-radius:34px;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  border:1px solid rgba(255,255,255,.08);
  overflow:visible;
}
.live-capture-mobile img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.08);
  background:#f5f1ea;
}
.live-capture-label{
  left:20px;
  bottom:18px;
  background:#101318;
  color:#e4c77f;
  border:1px solid rgba(228,199,127,.2);
}

/* Cleaner after-example with actual boxed content */
.hero-showcase-v47,
.modernsite-v47{
  padding:20px;
  background:#f4efe6;
}
.hero-modern-top,
.modernsite-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:12px;
  border-bottom:1px solid rgba(20,20,18,.1);
  font-family:Arial,Helvetica,sans-serif;
}
.hero-modern-layout,
.modernsite-hero{
  display:grid;
  grid-template-columns:.96fr 1.04fr;
  gap:18px;
  margin-top:18px;
  align-items:stretch;
}
.hero-modern-copy,
.modernsite-copy{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  padding:20px;
  background:#fbf8f2;
  border:1px solid rgba(23,23,20,.08);
  border-radius:22px;
}
.hero-modern-copy strong,
.modernsite-copy strong{
  font-family:Arial,Helvetica,sans-serif;
  font-weight:800;
  letter-spacing:-.06em;
  line-height:.94;
  max-width:11ch;
}
.hero-modern-copy p,
.modernsite-copy p{
  margin:0;
}
.hero-modern-chips,
.modernsite-facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.hero-modern-chips span,
.modernsite-facts span{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:8px 12px;
  border-radius:999px;
}
.hero-modern-visual,
.modernsite-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:12px;
  min-height:0;
  padding:0;
  background:transparent;
  box-shadow:none;
}
.hero-modern-visual:before,
.modernsite-visual:before{display:none}
.visual-card{
  position:relative;
  left:auto;
  top:auto;
  right:auto;
  bottom:auto;
  width:auto;
  border-radius:22px;
}
.card-main{
  grid-column:1 / -1;
  padding:22px;
  background:#fffaf3;
  border:1px solid rgba(20,20,18,.08);
}
.card-main b{
  display:block;
  margin:10px 0 8px;
}
.card-side{
  padding:18px;
  background:#efe7d9;
  border:1px solid rgba(20,20,18,.08);
}
.visual-badge{
  position:relative;
  left:auto;
  bottom:auto;
  grid-column:2;
  align-self:end;
  justify-self:stretch;
  text-align:center;
  border-radius:18px;
  padding:16px 14px;
  background:#2d3a2f;
  color:#fff7eb;
}

/* Tidy oldsite and after-site in the relaunch section */
.relaunch-section .oldsite,
.relaunch-section .newsite{
  padding:28px;
}
.relaunch-section .oldgrid div{min-height:140px}
.relaunch-section .ba-label.before{background:#5e5a55;color:#fff}
.relaunch-section .ba-label.after{background:#e4c77f;color:#171717}

/* Better mobile responsiveness */
@media (max-width: 1280px){
  .hero-grid-v36{grid-template-columns:1fr;gap:34px}
  .hero-demo{justify-self:start;max-width:none}
}
@media (max-width: 980px){
  .project-live-mobile{width:170px;right:18px;bottom:18px}
  .live-capture-mobile{width:160px;right:18px;bottom:18px}
  .hero-modern-layout,.modernsite-hero{grid-template-columns:1fr}
  .hero-modern-copy strong,.modernsite-copy strong{max-width:none;font-size:clamp(2rem,5vw,3rem)}
}
@media (max-width: 760px){
  .hero-demo{padding:12px}
  .hero-ba,.relaunch-section .ba-wrap{aspect-ratio:4 / 5}
  .project-live-stack,
  .live-case-capture{padding:14px}
  .project-live-mobile,
  .live-capture-mobile{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(72vw,250px);
    margin:18px auto 8px;
  }
  .project-live-mobile figcaption{
    position:static;
    margin-top:10px;
  }
  .live-capture-label{
    position:static;
    display:inline-flex;
    margin-top:12px;
  }
  .hero-modern-copy,.modernsite-copy{padding:16px}
  .card-main,.card-side{padding:16px}
  .visual-badge{padding:14px 12px}
}

/* ===== V49 refinements ===== */
.home-hero-v36 > .wrap,
.proof-section > .wrap,
.projects-hero > .wrap,
#kerjardin > .wrap,
.relaunch-section > .wrap{
  width:min(1480px, calc(100% - 56px));
}

/* Start hero: larger comparison panel */
.hero-grid-v36{
  grid-template-columns:minmax(0,.82fr) minmax(780px,1.18fr);
  gap:clamp(36px,4vw,64px);
}
.hero-demo{
  width:min(100%,1160px);
  max-width:1160px;
  justify-self:end;
  padding:22px;
  border-radius:30px;
}
.hero-ba{
  aspect-ratio:16 / 9;
  height:auto;
  min-height:0;
  border-radius:24px;
}
.hero-demo-head b{font-size:1.5rem}
.hero-demo-note{font-size:.78rem}

/* Richer after-website demo */
.hero-showcase-v49,
.modernsite-v49{
  height:100%;
  padding:22px;
  background:#f5f0e8;
  color:#141411;
  font-family:Arial, Helvetica, sans-serif;
}
.hero-modern-layout-v49,
.modernsite-hero-v49{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:16px;
  margin-top:16px;
  height:calc(100% - 56px);
}
.hero-modern-copy-v49,
.modernsite-copy-v49{
  background:#fbf7ef;
  border:1px solid rgba(20,20,17,.08);
  border-radius:24px;
  padding:24px;
}
.hero-modern-copy-v49 strong,
.modernsite-copy-v49 strong{
  display:block;
  font-size:clamp(2.2rem,3vw,3.3rem);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:900;
  max-width:none;
}
.hero-modern-copy-v49 p,
.modernsite-copy-v49 p{font-size:.98rem;line-height:1.55;color:#48443e}
.hero-modern-chips span,
.modernsite-facts span{
  background:#efe8dc;
  border:1px solid rgba(20,20,17,.08);
  color:#2f2c27;
}
.hero-modern-copy-v49 button,
.modernsite-copy-v49 button{
  align-self:flex-start;
  margin-top:auto;
  border:0;
  border-radius:999px;
  background:#18211b;
  color:#fff8e9;
  font-weight:800;
  padding:13px 18px;
}
.hero-modern-visual-v49,
.modernsite-visual-v49{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:14px;
  align-content:stretch;
}
.card-main-v49{
  grid-column:1 / -1;
  padding:20px;
  background:#fffaf2;
  border:1px solid rgba(20,20,17,.08);
  border-radius:24px;
}
.card-side-v49{
  grid-column:1 / -1;
  padding:18px 20px;
  background:#ebe2d4;
  border:1px solid rgba(20,20,17,.08);
  border-radius:22px;
}
.card-side-v49 strong{display:block;font-size:1.35rem;line-height:1.05;margin:8px 0 10px;color:#191713}
.card-side-v49 p{margin:0;color:#4a463f;font-size:.94rem;line-height:1.45}
.mini-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#896e34}
.service-grid-v49{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:14px 0 16px;
}
.service-grid-v49 span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:68px;
  border-radius:18px;
  background:#f2ebdf;
  border:1px solid rgba(20,20,17,.08);
  font-weight:700;
  text-align:center;
  padding:10px;
}
.metric-row-v49{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.metric-row-v49 div{
  border-radius:18px;
  background:#18211b;
  color:#fff7eb;
  padding:14px 16px;
}
.metric-row-v49 b{display:block;font-size:1.5rem;line-height:1;font-weight:800}
.metric-row-v49 small{display:block;margin-top:6px;font-size:.76rem;color:#d8cfbc}
.visual-badge-v49{
  grid-column:1 / -1;
  background:#d6b15d;
  color:#111;
  font-weight:800;
  border-radius:18px;
  padding:16px 18px;
  box-shadow:none;
}

/* Start-page live project bigger, phone back in frame */
.proof-section .live-case{
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr);
  gap:clamp(34px,4.5vw,74px);
}
.live-case-capture{
  min-height:560px;
  padding:24px 180px 24px 24px;
  border-radius:30px;
  background:linear-gradient(145deg,#101217 0%,#181c23 58%,#232933 100%);
}
.live-capture-desktop,
.project-live-desktop{
  position:relative;
}
.live-capture-desktop img,
.project-live-desktop img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top;
  border-radius:20px;
}
.live-capture-mobile,
.project-live-mobile{
  width:clamp(180px,18vw,255px);
  padding:12px;
  background:#0d1116;
  border-radius:36px;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 70px rgba(0,0,0,.48);
}
.live-capture-mobile{
  position:absolute;
  right:26px;
  bottom:26px;
}
.live-capture-mobile img,
.project-live-mobile img{
  width:100%;
  height:auto;
  object-fit:contain;
  object-position:top;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.06);
  background:#f5f1ea;
}
.live-capture-mobile:before,
.project-live-mobile:before{
  content:'';
  position:absolute;
  top:10px;
  left:50%;
  transform:translateX(-50%);
  width:36%;
  height:18px;
  border-radius:999px;
  background:#07090c;
}
.live-capture-label{
  left:24px;
  bottom:20px;
  background:#101318;
  color:#e4c77f;
  border:1px solid rgba(228,199,127,.2);
}

/* Projects page real project uses more width */
#kerjardin .project-feature{
  grid-template-columns:minmax(0,1.26fr) minmax(340px,.74fr);
  gap:clamp(36px,5vw,82px);
}
.project-live-stack{
  min-height:0;
  padding:24px 200px 24px 24px;
  border-radius:30px;
  background:linear-gradient(145deg,#101217 0%,#181c23 58%,#232933 100%);
}
.project-live-desktop figcaption,
.live-capture-desktop + figcaption,
.project-live-mobile figcaption{font-size:.7rem}
.project-live-mobile{
  position:absolute;
  right:28px;
  bottom:28px;
}
.project-live-mobile figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:-36px;
  text-align:center;
  background:none;
  border:0;
  padding:0;
}
.project-copy .big-copy,
.live-case-copy p{font-size:1.06rem;line-height:1.6}

/* comparison module even larger */
.relaunch-section .ba-wrap{
  height:820px;
  margin-top:40px;
  border-radius:32px;
}
.relaunch-section .oldsite,
.relaunch-section .newsite{padding:28px}
.relaunch-section .demo-note{font-size:.8rem}

@media (max-width: 1400px){
  .hero-grid-v36{grid-template-columns:minmax(0,.9fr) minmax(680px,1.1fr)}
}
@media (max-width: 1180px){
  .home-hero-v36 > .wrap,
  .proof-section > .wrap,
  .projects-hero > .wrap,
  #kerjardin > .wrap,
  .relaunch-section > .wrap{width:calc(100% - 36px)}
  .hero-grid-v36{grid-template-columns:1fr;gap:34px}
  .hero-demo{justify-self:start;max-width:none}
  .proof-section .live-case,
  #kerjardin .project-feature{grid-template-columns:1fr}
  .live-case-capture{min-height:460px;padding:18px 140px 18px 18px}
  .project-live-stack{padding:18px 150px 18px 18px}
  .relaunch-section .ba-wrap{height:720px}
}
@media (max-width: 820px){
  .hero-demo{padding:14px}
  .hero-ba,.relaunch-section .ba-wrap{aspect-ratio:4 / 5;height:auto;min-height:0}
  .hero-modern-layout-v49,
  .modernsite-hero-v49{grid-template-columns:1fr;height:auto}
  .live-case-capture,
  .project-live-stack{padding:14px}
  .live-capture-mobile,
  .project-live-mobile{position:relative;right:auto;bottom:auto;width:min(72vw,260px);margin:18px auto 8px}
  .project-live-mobile figcaption{position:static;margin-top:10px}
  .live-capture-label{position:static;display:inline-flex;margin-top:12px}
  .relaunch-section .ba-wrap{height:620px}
}

/* ===== V50 visual rebuild: KerJardin + image-led before/after example ===== */
/* wider, more balanced hero */
.home-hero-v36 > .wrap{width:min(1540px,calc(100% - 52px))}
.hero-grid-v36{grid-template-columns:minmax(0,.78fr) minmax(760px,1.22fr);gap:clamp(34px,3.5vw,58px);align-items:center}
.hero-grid-v36 .hero-copy h1{font-size:clamp(3.7rem,5.15vw,6rem);max-width:760px}
.hero-demo{width:100%;max-width:none;padding:20px;border-radius:28px}
.hero-ba{aspect-ratio:16/9;height:auto;min-height:0;border-radius:22px}
.hero-demo-head b{font-size:1.45rem}

/* fictional new website: distinct from THILA, image-led and fully boxed */
.hero-showcase-v50,.modernsite-v50{height:100%;padding:18px;background:#f5f0e7;color:#171613;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.demo-sitebar-v50{height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 4px 12px;border-bottom:1px solid rgba(28,25,20,.12);font-size:.72rem;color:#5e574d;box-sizing:border-box}
.demo-sitebar-v50 b{font-size:.75rem;letter-spacing:.08em;color:#171613}.demo-sitebar-v50 span{text-align:center}.demo-sitebar-v50 i{font-style:normal;background:#25342a;color:#fff9ee;padding:8px 11px;border-radius:999px;font-weight:800}
.demo-sitegrid-v50{height:calc(100% - 58px);margin-top:14px;display:grid;grid-template-columns:1fr 1.08fr;grid-template-rows:1.3fr .7fr;gap:12px;min-height:0}
.demo-sitecopy-v50{grid-row:1/3;display:flex;flex-direction:column;justify-content:center;padding:24px;background:#fffaf3;border:1px solid rgba(28,25,20,.08);border-radius:22px;overflow:hidden}
.demo-sitecopy-v50 small{font-size:.62rem;letter-spacing:.17em;font-weight:900;color:#9a6847}.demo-sitecopy-v50 strong{display:block;font-size:clamp(2rem,3vw,3.35rem);line-height:.92;letter-spacing:-.055em;font-weight:900;margin:12px 0 14px;max-width:9ch}.demo-sitecopy-v50 p{font-size:.88rem;line-height:1.5;color:#59534b;margin:0 0 18px;max-width:34em}
.demo-actions-v50{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.demo-actions-v50 button{border:0;border-radius:999px;background:#26372b;color:#fff8eb;padding:11px 14px;font-weight:900}.demo-actions-v50 span{font-size:.72rem;font-weight:800;color:#6e6458}
.demo-photo-main-v50{position:relative;min-height:0;overflow:hidden;border-radius:22px;background:#d6cdbf}.demo-photo-main-v50 img{width:100%;height:100%;display:block;object-fit:cover}.demo-photo-main-v50:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,20,17,.48))}.demo-photo-main-v50>span{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.08em}
.demo-card-v50{display:grid;grid-template-columns:42% 1fr;gap:12px;align-items:center;padding:10px;border-radius:20px;background:#eee5d8;border:1px solid rgba(28,25,20,.08);overflow:hidden}.demo-card-v50 img{width:100%;height:100%;min-height:90px;object-fit:cover;border-radius:14px}.demo-card-v50 small,.demo-card-text-v50 small{display:block;font-size:.58rem;letter-spacing:.16em;font-weight:900;color:#966745;margin-bottom:6px}.demo-card-v50 b{font-size:.86rem;line-height:1.25}.demo-card-text-v50{display:flex;flex-direction:column;justify-content:center;padding:14px 16px}.demo-card-text-v50 b{font-size:.95rem;line-height:1.18}.demo-card-text-v50 p{font-size:.72rem;color:#655f55;margin:6px 0 0}

/* real KerJardin: desktop nearly fills the black stage, phone floats cleanly */
.proof-section > .wrap,#kerjardin > .wrap{width:min(1500px,calc(100% - 54px))}
.proof-section .live-case{grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);gap:clamp(38px,5vw,78px);align-items:center}
.live-case-capture-v50,.project-live-stack-v50{position:relative;background:#0f1216;border-radius:28px;overflow:visible;box-shadow:0 28px 70px rgba(25,20,14,.16)}
.live-case-capture-v50{aspect-ratio:16/9;padding:18px;margin-right:72px}
.live-capture-desktop-v50{width:100%;height:100%;overflow:hidden;border-radius:18px}.live-capture-desktop-v50 img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;box-shadow:none}
.live-capture-mobile-v50{position:absolute;right:-70px;bottom:26px;width:31%;aspect-ratio:946/1616;padding:10px;background:#090c10;border:1px solid rgba(255,255,255,.1);border-radius:34px;box-shadow:0 26px 70px rgba(0,0,0,.48);overflow:hidden;z-index:4}.live-capture-mobile-v50 img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:26px;box-shadow:none}.phone-speaker-v50{position:absolute;z-index:5;top:10px;left:50%;transform:translateX(-50%);width:34%;height:15px;background:#06080a;border-radius:999px}
.live-capture-label,.project-stage-label-v50{position:absolute;z-index:6;left:30px;bottom:24px;background:rgba(10,13,17,.88);border:1px solid rgba(229,199,125,.24);color:#e4c77f;border-radius:999px;padding:8px 11px;font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}

#kerjardin .project-feature{grid-template-columns:minmax(0,1.32fr) minmax(330px,.68fr);gap:clamp(40px,5vw,82px);align-items:center}
.project-live-stack-v50{aspect-ratio:16/9;padding:18px;margin-right:78px}
.project-live-desktop-v50{width:100%;height:100%;margin:0;overflow:hidden;border-radius:18px}.project-live-desktop-v50 img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:18px;box-shadow:none}
.project-live-mobile-v50{position:absolute;right:-76px;bottom:28px;width:31%;aspect-ratio:946/1616;padding:10px;margin:0;background:#090c10;border:1px solid rgba(255,255,255,.1);border-radius:34px;box-shadow:0 26px 70px rgba(0,0,0,.48);overflow:hidden;z-index:4}.project-live-mobile-v50 img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;border:0;border-radius:26px;box-shadow:none;background:#f5f1ea}.project-stage-label-v50{left:28px;bottom:24px}

/* larger compare on projects, still 16:9 */
.relaunch-section > .wrap{width:min(1500px,calc(100% - 54px))}.relaunch-section .ba-wrap{aspect-ratio:16/9;height:auto;min-height:0;border-radius:30px;margin-top:40px}.relaunch-section .oldsite,.relaunch-section .newsite{padding:22px;box-sizing:border-box}.relaunch-section .demo-note{font-size:.8rem}

@media(max-width:1250px){.hero-grid-v36{grid-template-columns:1fr;gap:32px}.hero-demo{max-width:1050px;justify-self:start}.proof-section .live-case,#kerjardin .project-feature{grid-template-columns:1fr}.live-case-capture-v50,.project-live-stack-v50{margin-right:64px}}
@media(max-width:820px){.home-hero-v36 > .wrap,.proof-section > .wrap,#kerjardin > .wrap,.relaunch-section > .wrap{width:calc(100% - 28px)}.hero-ba,.relaunch-section .ba-wrap{aspect-ratio:4/5}.demo-sitebar-v50{grid-template-columns:1fr auto}.demo-sitebar-v50 span{display:none}.demo-sitegrid-v50{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.demo-sitecopy-v50{grid-row:auto;padding:16px}.demo-sitecopy-v50 strong{font-size:2.2rem;max-width:10ch}.demo-photo-main-v50{min-height:190px}.demo-card-v50{display:none}.demo-card-text-v50{display:none}.live-case-capture-v50,.project-live-stack-v50{aspect-ratio:auto;margin-right:0;padding:12px;overflow:visible}.live-capture-desktop-v50,.project-live-desktop-v50{aspect-ratio:16/9}.live-capture-mobile-v50,.project-live-mobile-v50{position:relative;right:auto;bottom:auto;width:min(70vw,250px);margin:16px auto 0}.live-capture-label,.project-stage-label-v50{position:static;display:inline-flex;margin-top:12px}.proof-section .live-case,#kerjardin .project-feature{gap:28px}}

/* V50 final polish after visual inspection: real project becomes full-width */
.proof-section .live-case{
  display:grid;
  grid-template-columns:1fr;
  gap:34px;
  width:min(1500px,calc(100% - 54px));
}
.live-case-capture-v50{
  width:100%;
  aspect-ratio:16/9;
  margin:0;
  padding:18px;
  overflow:hidden;
}
.live-capture-mobile-v50{
  right:30px;
  bottom:30px;
  width:23%;
}
.live-case-copy{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  column-gap:clamp(42px,6vw,92px);
  row-gap:8px;
  align-items:start;
  padding:0 4px;
}
.live-case-copy .case-tag,.live-case-copy h3,.live-case-copy>p{grid-column:1}
.live-case-copy .case-facts,.live-case-copy .clean-list,.live-case-copy>.btn{grid-column:2}
.live-case-copy .case-facts{grid-row:1/3;margin:0 0 12px}
.live-case-copy .clean-list{grid-row:3/5;margin-top:0}
.live-case-copy>.btn{justify-self:start;margin-top:8px}

#kerjardin .project-feature{
  display:grid;
  grid-template-columns:1fr;
  gap:38px;
  width:min(1500px,calc(100% - 54px));
}
.project-live-stack-v50{
  width:100%;
  aspect-ratio:16/9;
  margin:0;
  padding:18px;
  overflow:hidden;
}
.project-live-mobile-v50{
  right:30px;
  bottom:30px;
  width:23%;
}
.project-copy{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  column-gap:clamp(44px,6vw,96px);
  row-gap:8px;
  align-items:start;
}
.project-copy .case-tag,.project-copy h2,.project-copy>.big-copy{grid-column:1}
.project-copy .project-checks,.project-copy .proof-meta,.project-copy>.btn{grid-column:2}
.project-copy .project-checks{grid-row:1/4;margin:0 0 10px}
.project-copy .proof-meta{margin-top:0}
.project-copy>.btn{justify-self:start;margin-top:8px}

@media(max-width:900px){
  .proof-section .live-case,#kerjardin .project-feature{width:calc(100% - 28px)}
  .live-case-copy,.project-copy{grid-template-columns:1fr;gap:12px}
  .live-case-copy .case-tag,.live-case-copy h3,.live-case-copy>p,.live-case-copy .case-facts,.live-case-copy .clean-list,.live-case-copy>.btn,
  .project-copy .case-tag,.project-copy h2,.project-copy>.big-copy,.project-copy .project-checks,.project-copy .proof-meta,.project-copy>.btn{grid-column:1;grid-row:auto}
  .live-case-capture-v50,.project-live-stack-v50{aspect-ratio:auto;overflow:visible}
  .live-capture-desktop-v50,.project-live-desktop-v50{aspect-ratio:16/9}
  .live-capture-mobile-v50,.project-live-mobile-v50{position:relative;right:auto;bottom:auto;width:min(70vw,250px);margin:16px auto 0}
}

/* Make the visible right-hand side of the after-site useful at the default split. */
.demo-sitegrid-v50{grid-template-columns:.9fr 1.1fr;grid-template-rows:1.15fr .85fr}
.demo-sitecopy-v50{grid-column:2;grid-row:1/3}
.demo-photo-main-v50{grid-column:1;grid-row:1}
.demo-card-v50{grid-column:1;grid-row:2}
.demo-card-text-v50{display:none}

/* ===== V51 final compare-site rebuild ===== */
.demo-web-v51{height:100%;padding:18px;background:#f5f0e7;color:#171613;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}
.demo-webbar-v51{height:44px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:0 4px 12px;border-bottom:1px solid rgba(28,25,20,.12);font-size:.72rem;color:#625b51;box-sizing:border-box}
.demo-webbar-v51 b{font-size:.82rem;letter-spacing:.13em;color:#1a1916}.demo-webbar-v51 span{text-align:center}.demo-webbar-v51 i{font-style:normal;background:#26372b;color:#fff8ec;padding:8px 11px;border-radius:999px;font-weight:900}
.demo-webbody-v51{height:calc(100% - 58px);margin-top:14px;display:grid;grid-template-columns:.42fr .58fr;gap:14px;min-height:0}
.demo-webcopy-v51{display:flex;flex-direction:column;justify-content:center;padding:22px;background:#fffaf3;border:1px solid rgba(28,25,20,.08);border-radius:22px;overflow:hidden}
.demo-webcopy-v51 small{font-size:.6rem;letter-spacing:.17em;font-weight:900;color:#98694b}.demo-webcopy-v51 strong{font-size:clamp(1.85rem,2.55vw,3rem);line-height:.94;letter-spacing:-.05em;font-weight:900;margin:12px 0}.demo-webcopy-v51 p{font-size:.86rem;line-height:1.48;color:#5a544c;margin:0 0 14px}
.demo-service-list-v51{display:grid;gap:6px;margin:0 0 16px}.demo-service-list-v51 span{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#eee7dc;font-size:.72rem;font-weight:800}.demo-service-list-v51 b{font-size:.62rem;color:#98694b}.demo-webcopy-v51 button{align-self:flex-start;border:0;border-radius:999px;background:#26372b;color:#fff8ec;padding:10px 13px;font-weight:900}
.demo-webvisual-v51{position:relative;min-height:0;overflow:hidden;border-radius:22px;background:#cfc5b6}.demo-web-mainimg-v51{width:100%;height:100%;display:block;object-fit:cover}.demo-webvisual-v51:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,14,12,.02) 40%,rgba(12,14,12,.62) 100%);pointer-events:none}
.demo-web-overlay-v51{position:absolute;z-index:3;left:18px;right:18px;bottom:18px;color:#fff;display:grid;gap:5px}.demo-web-overlay-v51 small{font-size:.58rem;letter-spacing:.16em;font-weight:900;color:#f1d89f}.demo-web-overlay-v51 b{font-size:clamp(1.3rem,2vw,2rem);line-height:1;font-weight:900}.demo-web-overlay-v51 span{font-size:.7rem;color:#e3ded4}
.demo-web-thumb-v51{position:absolute;z-index:4;right:18px;top:18px;width:31%;padding:7px;background:rgba(250,246,238,.94);border-radius:16px;box-shadow:0 16px 34px rgba(32,25,17,.18)}.demo-web-thumb-v51 img{width:100%;aspect-ratio:1.35/1;display:block;object-fit:cover;border-radius:11px}.demo-web-thumb-v51 span{display:block;padding:6px 4px 2px;font-size:.64rem;font-weight:900;color:#413b34}

/* ensure no old V50 demo rules interfere */
.hero-showcase-v50,.modernsite-v50,.demo-sitebar-v50,.demo-sitegrid-v50{display:none!important}

@media(max-width:820px){
  .demo-webbar-v51{grid-template-columns:1fr auto}.demo-webbar-v51 span{display:none}.demo-webbody-v51{grid-template-columns:1fr;grid-template-rows:auto 1fr}.demo-webcopy-v51{padding:15px}.demo-webcopy-v51 p,.demo-service-list-v51{display:none}.demo-webvisual-v51{min-height:230px}.demo-webcopy-v51 strong{font-size:2rem}.demo-web-thumb-v51{width:34%}
}
.demo-web-overlay-v51{left:auto;right:18px;width:min(54%,360px);padding:12px 14px;border-radius:16px;background:rgba(19,22,18,.72);backdrop-filter:blur(3px)}
.demo-web-overlay-v51 b{font-size:clamp(1.1rem,1.7vw,1.65rem)}


/* ===== V52 size rebalance for KerJardin sections ===== */
.proof-section .live-case,
#kerjardin .project-feature{
  width:min(1240px, calc(100% - 54px));
  margin-inline:auto;
  gap:26px;
}

.live-case-capture-v50,
.project-live-stack-v50{
  width:min(100%, 1080px);
  margin:0 auto;
  padding:16px;
  aspect-ratio:16/9;
}

.live-capture-mobile-v50,
.project-live-mobile-v50{
  right:22px;
  bottom:22px;
  width:20%;
  min-width:140px;
}

.live-capture-label,
.project-stage-label-v50{
  left:20px;
  bottom:18px;
}

.live-case-copy,
.project-copy{
  width:min(1160px, 100%);
  margin:0 auto;
}

.live-case-copy{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  column-gap:clamp(28px,4vw,72px);
}

.project-copy{
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  column-gap:clamp(28px,4vw,72px);
}

@media(max-width:1100px){
  .proof-section .live-case,
  #kerjardin .project-feature{
    width:min(1040px, calc(100% - 44px));
  }

  .live-case-capture-v50,
  .project-live-stack-v50{
    width:min(100%, 940px);
  }

  .live-capture-mobile-v50,
  .project-live-mobile-v50{
    width:22%;
    min-width:124px;
  }
}

@media(max-width:900px){
  .proof-section .live-case,
  #kerjardin .project-feature{
    width:calc(100% - 28px);
    gap:18px;
  }

  .live-case-capture-v50,
  .project-live-stack-v50{
    width:100%;
    padding:12px;
    aspect-ratio:auto;
  }

  .live-case-copy,
  .project-copy{
    width:100%;
    grid-template-columns:1fr;
    gap:12px;
  }

  .live-capture-mobile-v50,
  .project-live-mobile-v50{
    position:relative;
    right:auto;
    bottom:auto;
    width:min(70vw,250px);
    min-width:0;
    margin:16px auto 0;
  }

  .live-capture-label,
  .project-stage-label-v50{
    position:static;
    display:inline-flex;
    margin-top:12px;
  }
}