:root{--black:#080808;--panel:#101010;--gold:#d8ad4f;--gold-light:#ffe4a0;--white:#f7f5ef;--muted:#b6b1a4;--line:rgba(216,173,79,.24);--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(8,8,8,.93);backdrop-filter:blur(18px);z-index:50}.brand,.footer-brand{display:flex;align-items:center;gap:12px}.brand-mark{font-family:var(--serif);font-size:30px;font-weight:800;letter-spacing:-5px;color:var(--gold);position:relative;padding-right:8px}.brand-mark span{color:#fff}.brand-mark i{font-style:normal;font-size:12px;position:absolute;top:-8px;right:0;letter-spacing:0}.brand-name{font-family:var(--serif);font-size:19px;letter-spacing:.1px}.brand-name b,.footer-brand b{color:var(--gold-light)}.brand-name small,.footer-brand small{display:block;font:9px var(--sans);letter-spacing:2px;color:var(--muted);margin-top:1px}.nav{display:flex;align-items:center;gap:29px;font-size:12px;color:#d5d1c8}.nav a:not(.nav-cta):hover,.text-link:hover{color:var(--gold-light)}.nav-cta{border:1px solid var(--gold);padding:11px 16px;color:var(--gold-light);border-radius:2px}.nav-cta span{margin-left:8px}.menu-toggle{display:none;background:none;color:var(--gold);border:0;font-size:25px}.section-wrap{max-width:1220px;margin:0 auto;padding-left:6%;padding-right:6%}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1.02fr;align-items:center;gap:35px;padding-top:65px;padding-bottom:75px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:var(--gold);display:flex;align-items:center;gap:10px}.eyebrow span{height:1px;width:28px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:700;letter-spacing:-1.6px;line-height:1.08}h1{font-size:clamp(42px,5.4vw,72px);margin:23px 0 22px;max-width:620px}h1 em,h2 em,.mini-title em{font-style:normal;color:var(--gold)}.hero-text{font-size:15px;color:#c7c2b7;max-width:475px;line-height:1.8}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:14px 20px;font-size:12px;font-weight:700;transition:.2s ease}.button-gold{background:linear-gradient(120deg,#f6d77f,#c39232);color:#100d06;box-shadow:0 8px 28px #d5a33b1c}.button-gold:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-outline{border:1px solid #60502e;color:#eee8d8}.button-outline:hover{border-color:var(--gold);color:var(--gold-light)}.hero-proof{display:flex;gap:10px;align-items:center;font-size:11px;color:#aaa69b}.proof-star{font-size:20px;color:var(--gold)}.hero-proof b{color:#f5e9c8}.hero-art{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:370px;height:370px;border-radius:50%;background:#b9821d18;filter:blur(45px)}.orbit{position:absolute;border:1px solid #d8ad4f38;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:420px;height:300px}.orbit-two{width:480px;height:360px;transform:rotate(35deg)}.browser-card{position:absolute;background:#111;border:1px solid #7d6537;box-shadow:0 30px 70px #000b,0 0 0 5px #ffffff05;border-radius:8px;overflow:hidden}.browser-back{width:78%;height:330px;right:1%;top:45px;transform:rotate(3deg);background:#111}.browser-top{height:28px;background:#171717;border-bottom:1px solid #342b19;display:flex;align-items:center;gap:5px;padding:0 10px;color:#9e9274;font-size:8px}.browser-top span{width:5px;height:5px;border-radius:50%;background:#b99446}.browser-top b{font-weight:400;margin-left:8px}.mock-nav{padding:13px 14px;font-size:8px;color:var(--gold);display:flex;justify-content:space-between}.mock-nav small{color:#c5c0b4;font-size:6px}.mock-landscape{height:118px;background:linear-gradient(180deg,#202b34,#91622b 72%,#17191b);position:relative;overflow:hidden}.mock-landscape:after{content:"";position:absolute;bottom:0;left:0;right:0;height:22px;background:#0a0d10}.mock-sun{position:absolute;right:21%;top:18px;width:38px;height:38px;border-radius:50%;background:#f2c66c;box-shadow:0 0 50px #ffc85c}.mock-building{position:absolute;bottom:12px;background:linear-gradient(90deg,#111b24,#293746);z-index:1}.b1{height:75px;width:40px;left:25%;}.b2{height:100px;width:55px;left:42%;}.b3{height:65px;width:35px;left:65%;}.mock-content{padding:17px 20px}.mock-content small{font-size:6px;letter-spacing:2px;color:var(--gold)}.mock-content h3{font:700 23px/1.12 var(--serif);margin:7px 0 10px}.mock-line{height:3px;width:76px;background:#555;margin:5px 0}.mock-line.short{width:49px}.mock-pill{display:inline-block;background:var(--gold);color:#111;font-size:6px;padding:6px 9px;margin-top:8px}.browser-front{width:54%;height:265px;left:0;bottom:20px;transform:rotate(-4deg);z-index:3;background:#0d0d0d}.mini-layout{padding:15px 20px}.mini-logo{font:700 18px var(--serif);color:var(--gold);margin-bottom:22px}.mini-title{font:700 25px/1.15 var(--serif);margin-bottom:12px}.mini-line{height:3px;width:95px;background:#4c4c4c;margin:6px 0}.mini-line.short{width:60px}.mini-button{width:85px;height:20px;background:linear-gradient(90deg,#f0ce73,#b9872d);margin-top:15px}.mini-panels{display:flex;gap:7px;margin-top:20px}.mini-panels i{height:35px;flex:1;background:linear-gradient(145deg,#28251c,#111);border:1px solid #4a3c1e}.floating-badge{position:absolute;right:0;bottom:6px;z-index:4;background:#15130e;border:1px solid #6c5527;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 10px 30px #000}.floating-badge>span{font-size:24px;color:var(--gold)}.floating-badge b{display:block;font-size:11px}.floating-badge small{display:block;color:var(--muted);font-size:7px;letter-spacing:1px}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;color:#d8c28d;font-size:10px;font-weight:700;letter-spacing:2px;white-space:nowrap}.ticker div{padding:15px 0;min-width:max-content;text-align:center}.ticker span{color:var(--gold);margin:0 24px}.services,.portfolio,.process{padding-top:105px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-heading h2,.about h2,.contact h2{font-size:clamp(34px,4vw,51px);margin:15px 0 0}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{position:relative;border:1px solid #29251b;background:linear-gradient(145deg,#11110f,#0b0b0b);padding:26px 22px 32px;min-height:220px;transition:.25s}.service-card:hover{border-color:#8f6b2c;transform:translateY(-4px)}.service-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #775c29;color:var(--gold);font-size:23px;margin-bottom:23px}.service-card h3{font-size:15px;margin-bottom:10px}.service-card p{font-size:11px;color:var(--muted);line-height:1.8;margin-bottom:0}.card-number{position:absolute;right:17px;top:18px;color:#62502d;font-size:10px;letter-spacing:1px}.portfolio{background:linear-gradient(180deg,#0c0c0b,#080808)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 20px}.project-visual{height:270px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid #34302a;background:radial-gradient(ellipse at 50% 0%,#4d3819,#171613 60%,#0d0d0c);transition:.3s}.project-visual:hover{border-color:var(--gold);transform:translateY(-3px)}.project-browser{width:78%;height:78%;background:#f5f1e8;border-radius:7px 7px 2px 2px;box-shadow:0 18px 35px #0009;overflow:hidden;transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}.project-bar{height:20px;background:#252525;display:flex;align-items:center;gap:4px;padding:0 8px}.project-bar i{width:4px;height:4px;border-radius:50%;background:#d2b15f}.project-bar span{font:6px var(--sans);color:#bdb5a2;margin-left:7px}.project-screen{height:calc(100% - 20px);padding:20px 19px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#121c22,#293c47)}.project-screen small{font-size:7px;letter-spacing:1.4px;color:#e3bf66;display:block;margin-bottom:9px}.project-screen strong{font:700 clamp(18px,2.3vw,27px)/1.1 var(--serif);display:block;position:relative;z-index:2}.screen-button{display:inline-block;background:#d6ad50;color:#17130a;padding:7px 10px;font-size:7px;font-weight:700;margin-top:13px;position:relative;z-index:2}.screen-graph{position:absolute;bottom:0;right:0;width:47%;height:100px;display:flex;align-items:flex-end;gap:7px;padding:10px;background:linear-gradient(0deg,#d8ad4f24,transparent)}.screen-graph b{flex:1;background:linear-gradient(#dfbf6b,#8b6428);height:40%}.screen-graph b:nth-child(2){height:65%}.screen-graph b:nth-child(3){height:48%}.screen-graph b:nth-child(4){height:82%}.screen-graph b:nth-child(5){height:72%}.screen-graph b:nth-child(6){height:100%}.project-swiftway{background:radial-gradient(ellipse at 60% 30%,#263e47,#111b20 70%)}.project-swiftway .project-screen{background:linear-gradient(120deg,#0c1d26,#1f4650)}.tracking-box{font-size:7px;background:#f5f4ee;color:#222;padding:9px;margin-top:18px;max-width:200px}.route-line{display:flex;align-items:center;gap:8px;position:absolute;bottom:23px;right:20px;width:40%;color:#dfbb5f}.route-line i{height:1px;flex:1;border-top:1px dashed #e3bf66}.project-bank{background:radial-gradient(ellipse at 50% 0%,#263d39,#0d1714 70%)}.project-bank .project-screen{background:linear-gradient(135deg,#112b25,#234a3d)}.bank-balance{position:absolute;right:13px;bottom:13px;background:#e8e6dc;color:#12251e;padding:10px;width:47%;display:flex;flex-direction:column;gap:4px}.bank-balance small{color:#65766b;font-size:5px;margin:0}.bank-balance b{font-size:12px;letter-spacing:2px}.bank-balance span{font-size:6px}.bank-dots{display:flex;gap:5px;margin-top:22px}.bank-dots i{width:25px;height:25px;border-radius:50%;background:#e0bd61}.bank-dots i:nth-child(2){background:#d8e2d9}.bank-dots i:nth-child(3){background:#8fa89b}.project-vendora{background:radial-gradient(ellipse at 50% 0%,#b8a88d,#39332b 75%)}.project-vendora .project-screen{background:#f3eee4;color:#25221c}.project-vendora .project-screen small{color:#92702e}.project-vendora .project-screen strong{font-size:25px}.shop-products{display:flex;gap:8px;margin-top:16px}.shop-products i{display:grid;place-items:center;width:52px;height:58px;background:#d9d0bf;color:#4c4438;font-size:22px;font-style:normal}.shop-products i:nth-child(2){background:#b8c0b1}.shop-products i:nth-child(3){background:#c9b9a2}.shop-caption{font-size:6px;letter-spacing:2px;margin-top:10px}.open-project{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;background:var(--gold);color:#111;font-size:17px}.project-info{display:flex;justify-content:space-between;align-items:center;padding-top:17px;gap:15px}.project-type{font-size:8px;letter-spacing:1.5px;color:var(--gold)}.project-info h3{font:600 20px var(--serif);margin:4px 0 0}.text-link{font-size:11px;color:var(--gold-light);white-space:nowrap;border-bottom:1px solid #7a602c;padding-bottom:5px}.portfolio-note{color:#8f897b;font-size:10px;margin:27px 0 0}.portfolio-note span{color:var(--gold)}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding-top:105px;padding-bottom:105px;border-top:1px solid #1e1c18;border-bottom:1px solid #1e1c18}.about-mark{height:300px;border:1px solid #72582a;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#2b2110,#0a0a09 68%)}.about-mark:before,.about-mark:after{content:"";position:absolute;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}.about-mark:before{top:30px}.about-mark:after{bottom:30px}.monogram{font:800 100px/.9 var(--serif);color:var(--gold);letter-spacing:-14px;position:relative;text-shadow:0 4px 20px #d8ad4f38}.monogram span{color:#fff}.monogram i{font:normal 20px var(--sans);position:absolute;top:-18px;right:0;letter-spacing:0}.about-mark>span{margin-top:22px;letter-spacing:3px;font-size:11px;color:var(--gold-light)}.about-mark small{font-size:7px;letter-spacing:2px;color:var(--muted);margin-top:7px}.about-copy>p{color:var(--muted);font-size:13px;line-height:1.9;margin:23px 0}.about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:27px;font-size:11px;color:#e5dfcf}.about-points span:first-letter{color:var(--gold)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process-grid>div{border-top:1px solid #695128;padding-top:18px}.process-grid>div>span{font:700 13px var(--serif);color:var(--gold)}.process-grid h3{font-size:15px;margin:14px 0 7px}.process-grid p{font-size:11px;color:var(--muted);line-height:1.8;max-width:260px}.contact{padding-bottom:100px}.contact-panel{border:1px solid #6e5425;background:radial-gradient(ellipse at 0% 0%,#2a2111,#10100e 55%);padding:50px;display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;position:relative;overflow:hidden}.contact-panel:after{content:"WC";position:absolute;right:-15px;bottom:-100px;font:800 260px var(--serif);color:#d8ad4f08;pointer-events:none}.contact h2{margin:17px 0}.contact-copy p{max-width:440px;color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:24px}.contact-details{position:relative;z-index:1;border-left:1px solid #6e5425;padding-left:35px;display:grid;gap:24px}.contact-details a{display:flex;flex-direction:column;gap:4px}.contact-details a:hover b{color:var(--gold-light)}.contact-details span{font-size:8px;letter-spacing:2px;color:var(--gold)}.contact-details b{font-size:12px;font-weight:500;overflow-wrap:anywhere}.footer{border-top:1px solid #26231c;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-mark{font:800 22px var(--serif);color:var(--gold);letter-spacing:-2px;border:1px solid #71572a;padding:5px 7px}.footer-brand>span:last-child{font-family:var(--serif);font-size:14px}.footer-brand small{font-size:7px}.copyright,.back-top{font-size:9px;color:#918b7c}.back-top{letter-spacing:1.4px;color:var(--gold-light)}@media(max-width:900px){.site-header{padding:0 5%;height:75px}.nav{gap:16px}.section-wrap{padding-left:5%;padding-right:5%}.hero{grid-template-columns:1fr 1fr;gap:15px;min-height:570px}.hero-art{transform:scale(.9);margin-right:-20px}.service-grid{grid-template-columns:repeat(2,1fr)}.about{gap:40px}.contact-panel{padding:35px;gap:30px}.project-visual{height:235px}}@media(max-width:650px){.site-header{height:70px}.brand-mark{font-size:26px}.brand-name{font-size:16px}.brand-name small{font-size:7px;letter-spacing:1.3px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0b0b0a;border-bottom:1px solid #4e3b1c;padding:18px 5% 22px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px 0}.nav .nav-cta{margin-top:8px;text-align:center;padding:12px}.hero{grid-template-columns:1fr;padding-top:55px;padding-bottom:45px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:47px;max-width:480px}.hero-text{font-size:13px}.hero-art{min-height:360px;transform:none;margin:0 0 0 -5px}.browser-back{width:78%;height:275px;top:12px;right:1%}.browser-front{width:53%;height:225px;bottom:4px;left:0}.mock-content h3{font-size:18px}.mini-layout{padding:12px}.mini-title{font-size:20px}.floating-badge{right:0;bottom:0;padding:9px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:18px;font-size:12px}.services,.portfolio,.process{padding-top:70px;padding-bottom:70px}.service-grid{gap:10px}.service-card{padding:20px 16px;min-height:210px}.service-card h3{font-size:13px}.service-card p{font-size:10px}.service-icon{margin-bottom:17px}.portfolio-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:255px}.project-browser{width:82%}.about{grid-template-columns:1fr;gap:35px;padding-top:70px;padding-bottom:70px}.about-mark{height:260px;max-width:390px;width:100%;margin:auto}.about-copy h2{font-size:40px}.process-grid{grid-template-columns:1fr;gap:20px}.process-grid>div{padding-top:14px}.process-grid p{max-width:100%}.contact{padding-bottom:65px}.contact-panel{grid-template-columns:1fr;padding:28px 22px;gap:32px}.contact-details{border-left:0;border-top:1px solid #6e5425;padding:25px 0 0;gap:18px}.contact h2{font-size:39px}.footer{flex-wrap:wrap;padding:22px 5%}.copyright{order:3;width:100%}.back-top{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Floating WhatsApp contact button */
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:1000;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffe49a,#c99735 78%);border:2px solid #f6d985;color:#090806;box-shadow:0 8px 28px #0009,0 0 0 5px #d8ad4f20;transition:transform .2s ease,box-shadow .2s ease}
.floating-whatsapp svg{width:34px;height:34px;fill:currentColor}
.floating-whatsapp:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 12px 32px #000b,0 0 0 7px #d8ad4f26}
.whatsapp-tip{position:absolute;right:76px;white-space:nowrap;background:#12110e;color:#ffe4a0;border:1px solid #755a29;padding:9px 12px;font-size:11px;opacity:0;transform:translateX(5px);pointer-events:none;transition:.2s ease}
.floating-whatsapp:hover .whatsapp-tip,.floating-whatsapp:focus-visible .whatsapp-tip{opacity:1;transform:translateX(0)}
.floating-whatsapp:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(max-width:650px){.floating-whatsapp{width:58px;height:58px;right:16px;bottom:16px}.floating-whatsapp svg{width:31px;height:31px}.whatsapp-tip{display:none}}

/* Quote form + About logo */
.about-logo{width:82%;max-width:280px;filter:drop-shadow(0 0 28px #d8ad4f44)}
.quote-form{margin-top:28px;border:1px solid #6e5425;background:#0f0e0b;padding:40px;display:grid;gap:16px}
.quote-form h3{font:700 28px var(--serif);color:var(--gold-light);margin:0}
.quote-form label{display:grid;gap:6px;font-size:12px;color:var(--muted)}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;background:#151410;border:1px solid #4a3c1e;color:var(--white);padding:13px 14px;font:14px var(--sans);border-radius:2px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.qf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qf-actions{display:flex;gap:12px;flex-wrap:wrap}.qf-actions .button{cursor:pointer;font-family:var(--sans)}
.hp{position:absolute;left:-9999px}.form-msg{display:none;margin:0;padding:12px 14px;font-size:13px}.form-msg.ok{display:block;background:#1d2b1c;color:#cfe8c9}.form-msg.er{display:block;background:#331c19;color:#f2c9c3}
@media(max-width:650px){.quote-form{padding:24px 18px}.qf-row{grid-template-columns:1fr}.contact-copy .button{margin-bottom:10px}}