:root{--paper:#fffdf6;--white:#fff;--ink:#101010;--red:#ff2026;--blue:#0755d8;--yellow:#ffca08;--line:rgba(16,16,16,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}::selection{background:var(--yellow);color:var(--ink)}:focus-visible{outline:3px solid var(--red);outline-offset:4px}.skip-link{position:absolute;top:-80px;left:16px;z-index:100;background:var(--yellow);padding:12px 18px}.skip-link:focus{top:12px}
.site-header{height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,88px);border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:5}.brand{text-decoration:none;display:flex;align-items:baseline;gap:10px;white-space:nowrap}.brand-word{font-size:27px;font-weight:950;letter-spacing:-.08em;line-height:1}.brand-dot,.period{color:var(--red)}.brand-sub{font-size:10px;font-weight:800;letter-spacing:.34em}.site-nav{display:flex;align-items:center;gap:clamp(16px,2.5vw,44px);font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.site-nav a{text-decoration:none}.site-nav a:not(.nav-contact):hover,.text-link:hover,.underlined-link:hover{color:var(--red)}.nav-contact{padding:14px 19px;background:var(--ink);color:var(--paper)}.nav-contact:hover{background:var(--red)}
.hero{min-height:min(750px,calc(100vh - 92px));display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden}.hero-copy{padding:clamp(58px,8.5vw,137px) 5vw 35px clamp(24px,5vw,88px);display:flex;flex-direction:column;align-items:flex-start}.eyebrow,.section-kicker,.hero-index,.card-number,.card-foot,.web-strip-label,.step-num,.whatsapp-label{font-size:11px;font-weight:900;letter-spacing:.2em}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:38px}.red-square{display:inline-block;width:12px;height:12px;background:var(--red)}.hero h1{font-size:clamp(69px,7.6vw,138px);line-height:.88;letter-spacing:-.065em;font-weight:950;margin:0 0 34px;white-space:nowrap}.hero-move{position:relative}.hero-lede{font-size:clamp(20px,2vw,30px);font-weight:800;letter-spacing:-.045em;margin-bottom:15px}.hero-detail{font-size:16px;line-height:1.55;max-width:460px;color:#484848}.hero-actions{display:flex;align-items:center;gap:28px;margin:20px 0 54px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.13em;padding:21px 23px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:var(--red)}.text-link{font-size:12px;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-weight:900;white-space:nowrap}.hero-index{margin:auto 0 0;color:#666}.hero-art{position:relative;background:var(--yellow);display:flex;align-items:center;justify-content:center;padding:clamp(24px,4.2vw,74px);isolation:isolate}.hero-art:before{content:"";position:absolute;inset:auto -12% -18% 34%;height:78%;background:var(--blue);transform:skewX(-39deg);z-index:-1}.hero-art img{width:min(100%,625px);height:auto;box-shadow:18px 18px 0 var(--ink)}.art-caption{position:absolute;bottom:22px;right:24px;color:var(--paper);font-size:10px;font-weight:900;letter-spacing:.2em}
.statement-band{min-height:125px;padding:23px clamp(24px,5vw,88px);background:var(--blue);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:clamp(22px,3vw,50px);font-weight:950;letter-spacing:-.06em}.yellow-dot{color:var(--yellow)}.band-arrow{color:var(--yellow);font-size:1.6em;line-height:.8;font-weight:400}
.section-pad{padding:clamp(75px,9vw,150px) clamp(24px,5vw,88px)}.section-kicker{margin-bottom:30px}.section-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end;margin-bottom:50px}.section-intro h2,.approach h2,.about h2,.contact h2{font-size:clamp(48px,6.1vw,105px);line-height:.95;letter-spacing:-.085em;font-weight:950;margin:0}.section-intro h2 em{font-style:normal;color:var(--red)}.section-intro>p{max-width:380px;font-size:17px;line-height:1.6;margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-card{min-height:410px;padding:27px;display:flex;flex-direction:column;overflow:hidden}.service-card h3{font-size:clamp(30px,3vw,50px);letter-spacing:-.065em;line-height:1;margin:0 0 17px}.service-card p{max-width:350px;font-size:16px;line-height:1.45;margin-bottom:30px}.card-symbol{margin:auto 0 26px;width:90px;height:90px}.symbol-circle{border:18px solid var(--paper);border-radius:50%}.symbol-triangle{background:var(--red);clip-path:polygon(0 100%,100% 0,100% 100%)}.symbol-ring{border:18px solid var(--yellow);border-radius:50%;transform:translateX(5px)}.card-foot{margin-top:auto;border-top:1px solid currentColor;padding-top:18px}.service-red{background:var(--red);color:var(--paper)}.service-yellow{background:var(--yellow)}.service-blue{background:var(--blue);color:var(--paper)}.web-strip{display:grid;grid-template-columns:1fr 1.3fr 1.3fr auto;align-items:center;gap:24px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:24px 0;margin-top:28px}.web-strip h3{font-size:clamp(23px,2.4vw,38px);letter-spacing:-.07em;margin:0}.web-strip p{font-size:14px;line-height:1.5;margin:0;max-width:330px}.web-strip-arrow{font-size:42px;line-height:1;color:var(--red)}
.approach{background:var(--ink);color:var(--paper)}.approach-heading{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end}.approach-heading .section-kicker{grid-column:1/-1}.approach h2 span:not(.period){color:var(--yellow)}.approach-heading>p:last-child{font-size:18px;line-height:1.55;max-width:430px;margin:0 0 5px}.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #666}.approach-steps article{position:relative;padding:28px 40px 20px 0;min-height:250px;border-right:1px solid #666}.approach-steps article+article{padding-left:36px}.approach-steps article:last-child{border-right:0}.step-mark{display:block;width:25px;height:25px;margin:28px 0 20px}.step-yellow{border-radius:50%;background:var(--yellow)}.step-red{background:var(--red);transform:rotate(45deg)}.step-blue{background:var(--blue)}.approach-steps h3{font-size:25px;letter-spacing:-.04em;margin:0 0 12px}.approach-steps p{font-size:15px;line-height:1.5;max-width:330px;color:#d0d0d0}
.brand-panel{background:var(--paper);padding:clamp(24px,4vw,66px)}.brand-panel img{width:100%;height:auto;border:1px solid var(--line)}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,9vw,160px);align-items:center;padding-top:60px}.about-mark{min-height:510px;position:relative;background:var(--yellow);overflow:hidden}.about-sun{position:absolute;width:90%;aspect-ratio:1;border-radius:50%;background:var(--paper);left:-18%;top:4%}.about-column{position:absolute;width:24%;height:55%;right:0;bottom:0;background:var(--blue)}.about-arrow{position:absolute;width:145%;height:80%;left:-10%;bottom:-25%;background:var(--red);clip-path:polygon(0 80%,80% 0,73% 0,100% 0,87% 27%,86% 17%,23% 100%)}.about h2{font-size:clamp(46px,5.1vw,84px);margin-bottom:36px}.about-copy>p:not(.section-kicker){max-width:590px;font-size:18px;line-height:1.6}.underlined-link{display:inline-flex;gap:15px;text-decoration:none;border-bottom:2px solid var(--ink);padding:0 0 10px;margin-top:26px;font-size:12px;font-weight:900;letter-spacing:.12em}
.contact{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,120px)}.contact-heading h2{font-size:clamp(52px,5.8vw,98px);margin-bottom:30px}.contact-heading>p:not(.section-kicker){max-width:430px;font-size:18px;line-height:1.55;color:#ccc;margin-bottom:35px}.button-yellow{background:var(--yellow);color:var(--ink)}.button-yellow:hover{background:var(--red);color:var(--paper)}.contact-details{padding-top:40px}.contact-row{border-top:1px solid #666;padding:22px 0;display:grid;gap:11px}.contact-row>span,.whatsapp-label{font-size:11px;font-weight:900;letter-spacing:.18em;color:#aaa}.contact-row a{font-size:clamp(16px,1.7vw,25px);font-weight:800;letter-spacing:-.04em;text-decoration:none;display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere}.contact-row a:hover,.whatsapp-card a:not(.qr-link):hover{color:var(--yellow)}.whatsapp-card{background:var(--blue);color:var(--paper);padding:25px;display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:25px}.whatsapp-label{color:#d5e4ff}.whatsapp-card h3{font-size:clamp(29px,3vw,50px);line-height:1;letter-spacing:-.07em;margin:19px 0 23px}.whatsapp-card a:not(.qr-link){font-size:15px;font-weight:900;text-decoration:none}.qr-link{flex:0 0 150px;background:var(--paper);padding:7px}.qr-link img{width:100%;height:auto;image-rendering:pixelated}.site-footer{background:var(--paper);padding:30px clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.footer-brand{font-size:19px;font-weight:950;letter-spacing:-.07em;text-decoration:none}.footer-brand span:last-child{font-size:9px;letter-spacing:.2em}.site-footer p{margin:0;color:#555}
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr;min-height:650px}.hero h1{font-size:clamp(58px,7vw,84px)}.hero-copy{padding-top:85px}.hero-art img{box-shadow:10px 10px 0 var(--ink)}.service-card{min-height:380px}.service-card h3{font-size:35px}.contact{gap:40px}.qr-link{flex-basis:115px}}
@media(max-width:760px){.site-header{height:72px;padding:0 20px}.brand-word{font-size:23px}.brand-sub{font-size:8px}.site-nav{gap:10px}.site-nav a:not(.nav-contact){display:none}.nav-contact{padding:12px 14px;font-size:11px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:66px 24px 60px}.eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(60px,12vw,94px);margin-bottom:27px;white-space:normal}.hero-actions{margin:17px 0 50px;gap:19px}.hero-index{margin:0}.hero-art{min-height:430px;padding:35px 52px}.hero-art img{width:min(100%,440px)}.art-caption{bottom:13px}.statement-band{min-height:110px;gap:12px;font-size:clamp(18px,4.5vw,30px);padding:22px 24px}.section-pad{padding:85px 24px}.section-intro,.approach-heading,.about,.contact{grid-template-columns:1fr}.section-intro{gap:26px}.section-intro h2,.approach h2,.about h2,.contact h2{font-size:clamp(48px,9vw,78px)}.section-intro>p{max-width:570px}.service-grid{grid-template-columns:1fr;gap:12px}.service-card{min-height:300px}.card-symbol{margin:28px 0 20px;width:58px;height:58px}.symbol-circle,.symbol-ring{border-width:12px}.service-card h3{font-size:42px}.web-strip{grid-template-columns:1fr auto;gap:12px}.web-strip-label,.web-strip p{grid-column:1/-1}.web-strip-arrow{grid-column:2;grid-row:2}.approach-heading>p:last-child{margin-top:30px}.approach-steps{margin-top:50px;grid-template-columns:1fr}.approach-steps article,.approach-steps article+article{border-right:0;border-bottom:1px solid #666;padding:20px 0;min-height:0}.approach-steps article:last-child{border-bottom:0}.step-mark{margin:20px 0}.brand-panel{padding:18px}.about{padding-top:60px;gap:45px}.about-mark{min-height:440px}.contact-details{padding-top:0}.site-footer{flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%}}
@media(max-width:430px){.hero h1{font-size:clamp(52px,13.5vw,65px)}.hero-lede{font-size:21px}.hero-actions{align-items:flex-start;flex-direction:column;gap:25px}.hero-art{min-height:350px;padding:28px 45px}.statement-band{font-size:17px}.band-arrow{font-size:1.3em}.section-intro h2,.approach h2,.about h2,.contact h2{font-size:46px}.whatsapp-card{align-items:flex-start;flex-direction:column}.qr-link{flex-basis:auto;width:145px}.about-mark{min-height:340px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
