@import "tailwindcss";

:root { --black:#050505; --panel:#0c0c10; --white:#f7f7fa; --muted:#aaaab4; --blue:#08b8f1; --pink:#f1239f; --orange:#ff9c3d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--black); color:var(--white); font-family:Arial, Helvetica, sans-serif; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button,input,select,textarea { font:inherit; }
.header { position:fixed; z-index:50; top:0; left:0; right:0; height:78px; display:flex; align-items:center; gap:30px; padding:0 5vw; background:rgba(3,3,5,.84); border-bottom:1px solid rgba(255,255,255,.1); backdrop-filter:blur(18px); }
.brand { display:flex; align-items:center; gap:11px; margin-right:auto; }
.brand img { width:48px; height:48px; object-fit:cover; border-radius:50%; }
.brand span { display:grid; letter-spacing:.13em; font-size:13px; line-height:1.25; }.brand small { color:#f647a7; letter-spacing:.2em; }
.nav { display:flex; gap:30px; font-size:14px; }.nav a { color:#d8d8de; transition:.2s; }.nav a:hover { color:#fff; }
.headerCta,.primaryButton,.whatsappButton { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border:0; border-radius:5px; color:#fff; font-weight:700; cursor:pointer; }
.headerCta,.primaryButton { background:linear-gradient(110deg,#168ce7 0%,#e929a7 55%,#ff8d42 100%); box-shadow:0 8px 30px rgba(236,35,154,.2); }
.menuButton { display:none; border:0; background:none; color:#fff; font-size:28px; }
.viewSwitch { display:flex; gap:2px; padding:3px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(255,255,255,.04); }
.viewSwitch button { display:flex; align-items:center; gap:5px; padding:5px 8px; border:0; border-radius:999px; background:transparent; color:#777784; font-size:11px; cursor:pointer; transition:.2s; }
.viewSwitch button.active { background:rgba(241,35,159,.16); color:#ff58b8; }.viewSwitch button span { font-size:10px; }
.mobilePreview { width:min(430px,100%); margin:0 auto; overflow:hidden; box-shadow:0 0 70px rgba(0,0,0,.75); }
.mobilePreview .header { left:50%; right:auto; width:min(430px,100%); transform:translateX(-50%); height:68px; padding:0 18px; gap:12px; }
.mobilePreview .brand img { width:40px; height:40px; }.mobilePreview .brand span { font-size:11px; }.mobilePreview .headerCta { display:none; }.mobilePreview .nav { position:absolute; top:67px; left:0; right:0; display:none; padding:24px; background:#08080c; flex-direction:column; }.mobilePreview .nav.open { display:flex; }.mobilePreview .menuButton { display:block; }.mobilePreview .viewSwitch span { display:none; }
.mobilePreview .hero { min-height:820px; padding:105px 22px 100px; align-items:flex-end; }.mobilePreview .heroImage { object-position:68% center; }.mobilePreview .heroShade { background:linear-gradient(0deg,#050505 8%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.25) 100%); }.mobilePreview .heroContent { width:100%; }.mobilePreview .heroActions { flex-direction:column; }.mobilePreview .scrollHint { display:none; }
.mobilePreview .section { padding:80px 20px; }.mobilePreview .serviceGrid { grid-template-columns:1fr; }.mobilePreview .serviceCard,.mobilePreview .serviceCard p { min-height:auto; }.mobilePreview .showcase,.mobilePreview .aboutSection,.mobilePreview .contactSection { grid-template-columns:1fr; }.mobilePreview .showcaseVisual { grid-template-columns:1fr; min-height:700px; }.mobilePreview .showcaseCopy,.mobilePreview .aboutSection { padding-left:22px; padding-right:22px; }.mobilePreview .contactSection { padding:80px 20px 120px; }.mobilePreview .contactForm { grid-template-columns:1fr; padding:24px; }.mobilePreview .contactForm label { grid-column:1!important; }.mobilePreview .footerLinks { display:none; }.mobilePreview .footerLegal { flex-direction:column; gap:10px; }.mobilePreview .mobileActions { left:50%; right:auto; width:min(430px,100%); transform:translateX(-50%); display:grid; grid-template-columns:1fr 1fr; }
.hero { position:relative; min-height:100svh; display:flex; align-items:center; padding:125px 8vw 90px; isolation:isolate; }
.heroImage { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-3; }
.heroShade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.88) 37%,rgba(0,0,0,.38) 68%,rgba(0,0,0,.5) 100%),linear-gradient(0deg,#050505 0%,transparent 28%); }
.heroContent { max-width:720px; }.eyebrow { margin:0 0 20px; color:#d6d6dd; font-size:12px; font-weight:700; letter-spacing:.28em; text-transform:uppercase; }
.eyebrow:before { content:""; display:inline-block; width:42px; height:2px; margin:0 13px 3px 0; background:linear-gradient(90deg,var(--blue),var(--pink),var(--orange)); }
h1,h2,h3,p { margin-top:0; }h1 { font-size:clamp(52px,7.6vw,112px); line-height:.88; letter-spacing:-.065em; margin-bottom:28px; }h1 span,h2 span { color:transparent; background:linear-gradient(90deg,#14aeea,#ed25a5,#ff9a3f); background-clip:text; -webkit-background-clip:text; }
.heroContent>p:not(.eyebrow) { max-width:590px; color:#cccbd3; font-size:18px; line-height:1.7; }.heroActions { display:flex; gap:12px; margin-top:34px; }.whatsappButton { background:#20b868; }
.scrollHint { position:absolute; bottom:32px; right:5vw; color:#ccc; font-size:12px; letter-spacing:.16em; text-transform:uppercase; }.scrollHint span { padding-left:10px; color:#f346aa; }
.section { padding:110px 7vw; }.servicesSection { background:radial-gradient(circle at 18% 5%,rgba(34,124,220,.12),transparent 30%),#07070a; }
.sectionHeading { max-width:720px; margin:0 auto 55px; text-align:center; }.sectionHeading .eyebrow:before { display:none; }.sectionHeading h2,.showcase h2,.aboutSection h2,.contactSection h2 { font-size:clamp(38px,5vw,66px); line-height:1.02; letter-spacing:-.045em; margin-bottom:22px; }.sectionHeading>p:last-child,.showcaseCopy>p,.aboutCopy>p,.contactIntro>p { color:var(--muted); font-size:16px; line-height:1.75; }
.giftOffer { display:grid; grid-template-columns:100px 1fr auto; gap:26px; align-items:center; max-width:1200px; margin:0 auto 20px; padding:18px 28px 18px 18px; overflow:hidden; border:1px solid rgba(241,35,159,.4); border-radius:12px; background:linear-gradient(110deg,rgba(8,184,241,.11),rgba(241,35,159,.11) 60%,rgba(255,156,61,.12)); box-shadow:0 18px 55px rgba(0,0,0,.28); }.giftImage { width:82px; height:82px; padding:5px; border-radius:10px; background:#fff; }.giftImage img { width:100%; height:100%; object-fit:contain; }.giftLabel { color:#f64bae; font-size:10px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }.giftOffer h3 { margin:6px 0; font-size:22px; }.giftOffer p { margin:0; color:#aaaab4; line-height:1.55; }.giftOffer>strong { display:grid; place-items:center; min-width:86px; height:66px; border-left:1px solid rgba(255,255,255,.15); font-size:24px; color:transparent; background:linear-gradient(90deg,var(--pink),var(--orange)); background-clip:text; }.giftOffer>strong small { font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
.serviceGrid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; max-width:1200px; margin:auto; }.serviceCard { min-height:390px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)); border:1px solid rgba(255,255,255,.1); border-radius:12px; transition:.3s; }.serviceCard:hover { transform:translateY(-5px); border-color:rgba(241,35,159,.5); }.servicePhoto { display:block; width:100%; height:190px; object-fit:cover; object-position:center; border-bottom:1px solid rgba(255,255,255,.1); }.servicePhotoContain { object-fit:contain; padding:8px; background:radial-gradient(circle at center,rgba(241,35,159,.13),transparent 65%),#09090d; }.servicePhotoPending { display:flex; align-items:center; justify-content:center; background:radial-gradient(circle at 50% 80%,rgba(8,184,241,.18),transparent 52%),#101017; color:var(--blue); }.servicePhotoPending.tone1 { color:var(--pink); background:radial-gradient(circle at 50% 80%,rgba(241,35,159,.18),transparent 52%),#101017; }.pendingIcon { width:62px; height:62px; display:grid; place-items:center; border:1px solid currentColor; border-radius:50%; font-size:27px; box-shadow:0 0 35px color-mix(in srgb,currentColor 25%,transparent); }.serviceBody { padding:26px 28px 30px; }.serviceCard h3 { font-size:21px; }.serviceCard p { min-height:80px; color:var(--muted); line-height:1.65; }.serviceCard a,.textLink { font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.serviceCard a span,.textLink span { color:var(--pink); padding-left:6px; }
.showcase { display:grid; grid-template-columns:1.15fr .85fr; min-height:720px; }.showcaseVisual { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:3px; padding:3px; background:linear-gradient(145deg,var(--blue),var(--pink),var(--orange)); overflow:hidden; }.showcaseVisual:after { content:""; position:absolute; inset:0; pointer-events:none; border:1px solid rgba(255,255,255,.15); }.beforeAfterItem { position:relative; min-width:0; margin:0; overflow:hidden; background:#050505; }.beforeAfterItem img { width:100%; height:100%; object-fit:cover; object-position:center; }.beforeAfterItem figcaption { position:absolute; top:22px; left:22px; padding:10px 17px; border:1px solid rgba(255,255,255,.35); border-radius:999px; background:rgba(3,3,5,.76); backdrop-filter:blur(10px); color:#fff; font-size:12px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }.afterItem figcaption { background:linear-gradient(110deg,rgba(22,140,231,.92),rgba(233,41,167,.92)); }.showcaseCopy { padding:90px 7vw; display:flex; flex-direction:column; justify-content:center; background:linear-gradient(140deg,#111117,#08080b); }.showcaseCopy ul { list-style:none; padding:0; margin:18px 0 32px; }.showcaseCopy li { padding:12px 0; color:#d5d5db; border-bottom:1px solid rgba(255,255,255,.08); }.showcaseCopy li span { color:#f13aa8; margin-right:10px; }
.aboutSection { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; max-width:1350px; margin:auto; }.aboutCopy>p { max-width:620px; }.stats { display:flex; gap:6%; padding-top:28px; margin-top:30px; border-top:1px solid rgba(255,255,255,.12); }.stats div { display:grid; gap:7px; }.stats strong { font-size:23px; background:linear-gradient(90deg,var(--blue),var(--pink)); color:transparent; background-clip:text; }.stats span { color:#888894; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }
.aboutVisual { position:relative; }.gradientFrame { padding:2px; background:linear-gradient(135deg,var(--blue),var(--pink),var(--orange)); border-radius:50%; }.gradientFrame img { display:block; width:100%; aspect-ratio:1; object-fit:contain; border-radius:50%; }.qualityBadge { position:absolute; right:-20px; bottom:8%; display:flex; align-items:center; gap:10px; width:150px; height:78px; padding:15px; background:#fff; color:#08080b; box-shadow:0 15px 45px #000; }.qualityBadge strong { font-size:26px; color:#e929a7; }.qualityBadge span { font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }
.contactSection { display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; padding:110px 8vw; background:radial-gradient(circle at 20% 60%,rgba(51,84,210,.18),transparent 40%),#09090d; }.contactIntro h2 { margin-bottom:28px; }.contactDetails { display:grid; gap:15px; margin-top:38px; }.contactDetails a,.contactDetails>div { display:flex; align-items:center; gap:15px; }.contactDetails b { width:42px; height:42px; display:grid; place-items:center; border:1px solid #363642; border-radius:50%; color:#f53ca8; }.contactDetails span { display:grid; font-weight:700; }.contactDetails small { color:#80808d; font-weight:400; margin-bottom:4px; }
.contactDetails .facebookIcon { background:transparent; border-color:#363642; color:#f53ca8; font-family:Arial,sans-serif; font-size:23px; font-weight:700; text-transform:lowercase; }
.contactForm { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:38px; background:#111116; border:1px solid rgba(255,255,255,.1); border-radius:12px; }.contactForm label { display:grid; gap:9px; color:#c6c6cf; font-size:12px; text-transform:uppercase; letter-spacing:.08em; }.contactForm label:nth-of-type(3),.contactForm label:nth-of-type(4),.contactForm button,.contactForm>small { grid-column:1/-1; }.contactForm input,.contactForm select,.contactForm textarea { width:100%; padding:15px; border:1px solid #33333d; border-radius:5px; background:#09090d; color:#fff; outline:none; text-transform:none; }.contactForm input:focus,.contactForm select:focus,.contactForm textarea:focus { border-color:#f13aa8; }.contactForm>small { color:#767681; line-height:1.5; }
footer { display:grid; grid-template-columns:1fr auto; gap:35px; align-items:center; padding:45px 6vw 80px; border-top:1px solid rgba(255,255,255,.1); }.footerBrand { display:flex; gap:12px; align-items:center; }.footerBrand img { width:48px; height:48px; object-fit:cover; border-radius:50%; }.footerBrand span { display:grid; gap:5px; }.footerBrand small { color:#898994; }.footerLinks { display:flex; gap:24px; font-size:13px; color:#bbb; }.footerLegal { grid-column:1/-1; display:flex; justify-content:space-between; padding-top:20px; border-top:1px solid rgba(255,255,255,.08); color:#686875; font-size:12px; }.mobileActions { display:none; }
@media (max-width:900px) { .nav { position:absolute; top:77px; left:0; right:0; display:none; padding:24px 6vw; background:#08080c; flex-direction:column; }.nav.open { display:flex; }.menuButton { display:block; }.headerCta { display:none; }.serviceGrid { grid-template-columns:repeat(2,1fr); }.showcase,.aboutSection,.contactSection { grid-template-columns:1fr; }.showcaseVisual { min-height:460px; }.aboutVisual { max-width:580px; }.contactIntro { max-width:600px; } }
@media (max-width:620px) { .header { height:68px; padding:0 18px; }.brand img { width:40px; height:40px; }.brand span { font-size:11px; }.hero { min-height:820px; padding:105px 22px 100px; align-items:flex-end; }.heroImage { object-position:68% center; }.heroShade { background:linear-gradient(0deg,#050505 8%,rgba(0,0,0,.8) 58%,rgba(0,0,0,.25) 100%); }.heroContent { width:100%; }.heroContent>p:not(.eyebrow) { font-size:16px; }.heroActions { flex-direction:column; }.scrollHint { display:none; }.section { padding:80px 20px; }.giftOffer { grid-template-columns:72px 1fr; gap:16px; padding:16px; }.giftImage { width:68px; height:76px; }.giftOffer h3 { font-size:18px; }.giftOffer p { font-size:13px; }.giftOffer>strong { display:none; }.serviceGrid { grid-template-columns:1fr; }.serviceCard { min-height:auto; }.serviceCard p { min-height:auto; }.showcase { min-height:auto; }.showcaseVisual { grid-template-columns:1fr; min-height:700px; }.beforeAfterItem figcaption { top:14px; left:14px; }.showcaseCopy { padding:70px 22px; }.aboutSection { padding-left:22px; padding-right:22px; }.stats { gap:20px; flex-wrap:wrap; }.qualityBadge { right:-5px; }.contactSection { padding:80px 20px 120px; }.contactForm { grid-template-columns:1fr; padding:24px; }.contactForm label { grid-column:1!important; }.footerLinks { display:none; }.footerLegal { flex-direction:column; gap:10px; }.mobileActions { position:fixed; z-index:60; left:0; right:0; bottom:0; display:grid; grid-template-columns:1fr 1fr; background:#0b0b0f; box-shadow:0 -8px 25px #000; }.mobileActions a { padding:15px; text-align:center; font-weight:700; }.mobileActions a:last-child { background:#20b868; } }
@media (max-width:620px) { .viewSwitch { display:none; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }