:root{--background:#000;--foreground:#ebebeb;--cyan:#2faecf;--purple:#b768d9;--red:#ed1c24;--panel:#0d0d0f;--line:#242428;--muted:#aaaab2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:96px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand img{width:76px;height:68px;object-fit:cover}.nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:600}.nav>a:not(.nav-cta){color:#c8c8cd;transition:.2s}.nav>a:hover{color:#fff}.nav-cta{padding:13px 20px;border:1px solid #3b3b41;border-radius:999px}.menu-button{display:none;background:none;border:1px solid #3b3b41;border-radius:8px;color:#fff;padding:9px 13px;font-weight:700}
.hero{min-height:720px;max-width:1280px;margin:auto;padding:70px 32px 100px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;overflow:hidden}.eyebrow{color:var(--cyan);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin:0 0 22px}.eyebrow i{display:inline-block;width:24px;height:2px;background:var(--purple);vertical-align:middle;margin-right:10px}.hero-eyebrow{font-size:clamp(18px,2vw,26px);letter-spacing:.1em;line-height:1.35;margin-bottom:30px}h1,h2,h3{margin:0;color:#fff}h1{font-size:clamp(62px,7.4vw,106px);line-height:.9;letter-spacing:-.065em;max-width:740px}h1 em{color:transparent;-webkit-text-stroke:1.5px var(--purple);font-style:normal}.hero-text{max-width:600px;margin:34px 0;color:#bcbcc3;font-size:19px;line-height:1.7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 24px;border-radius:8px;font-weight:800;transition:transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(105deg,var(--cyan),var(--purple));color:#050505}.secondary{border:1px solid #393940}.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:40px;color:#8e8e95;font-size:13px}.trust-row span::first-letter{color:var(--cyan)}
.hero-mark{height:520px;position:relative;display:grid;place-items:center}.monogram{width:300px;height:300px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#1a1a1d,#050505 72%);box-shadow:0 0 90px #2faecf18,inset 0 0 0 1px #2faecf26}.monogram>b{font-size:112px;line-height:.82;color:var(--red);letter-spacing:-.08em}.monogram small{color:var(--red);font-size:20px;letter-spacing:.42em;margin-left:10px;margin-top:22px}.orbit{position:absolute;border-radius:50%;border:1px solid #2faecf38}.orbit-one{width:430px;height:430px}.orbit-two{width:510px;height:510px;border-color:#b768d927}.mini-card{position:absolute;display:flex;gap:10px;align-items:center;padding:15px 19px;background:#111115ed;border:1px solid #33333a;border-radius:10px;box-shadow:0 12px 40px #000;font-size:13px;font-weight:700;white-space:nowrap}.mini-card i{color:var(--cyan);font-size:20px;font-style:normal}.top-card{top:48px;right:3px}.bottom-card{bottom:48px;left:3px}.left-card{top:50%;left:-10px;transform:translateY(-50%)}.right-card{top:50%;right:-10px;transform:translateY(-50%)}
.section{max-width:1280px;margin:auto;padding:110px 32px}.section-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:55px}.section-heading h2,.laser h2,.contact h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-.05em}.section-heading>p{color:var(--muted);line-height:1.75;max-width:480px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.service-card{min-height:360px;padding:32px 28px;border-right:1px solid var(--line);display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#0c0c0f,#070708);color:inherit;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.service-card:hover,.service-card:focus-visible{background:linear-gradient(180deg,#15151a,#09090b);transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.28);outline:none}.service-card:focus-visible{box-shadow:0 0 0 2px var(--cyan),0 12px 30px rgba(0,0,0,.28)}.service-card:last-child{border:0}.service-card>i{font-style:normal;font-size:34px;color:var(--cyan);margin:44px 0 28px}.service-card:nth-child(even)>i,.service-card:nth-child(even) .service-link{color:var(--purple)}.card-number{position:absolute;right:22px;top:18px;font-size:12px;color:#65656d}.service-card h3{font-size:21px;margin-bottom:14px}.service-card p{color:#97979f;line-height:1.65;font-size:15px;margin:0 0 24px}.service-link{color:var(--cyan);font-size:13px;font-weight:800;margin-top:auto}.gallery-category-heading{scroll-margin-top:110px}
.laser{display:grid;grid-template-columns:1fr 1fr;min-height:700px;background:#09090b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.laser-visual{min-height:600px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#191822,#070708 68%);display:grid;place-items:center}.cut-lines{width:340px;height:340px;position:relative;transform:rotate(45deg);border:1px solid #2faecf55}.cut-lines span{position:absolute;inset:12%;border:1px solid #b768d970}.cut-lines span:nth-child(2){inset:24%;border-color:#2faecf80}.cut-lines span:nth-child(3){inset:36%;border-color:#b768d990}.cut-lines span:nth-child(4){inset:48%;background:#fff;box-shadow:0 0 38px #2faecf,0 0 90px #b768d9;border:0}.laser-badge{position:absolute;bottom:70px;right:60px;background:#101014;border:1px solid #35353b;padding:18px 24px;display:grid;grid-template-columns:auto auto;gap:2px 12px;align-items:center;box-shadow:0 20px 50px #000}.laser-badge i{grid-row:1/3;color:var(--purple);font-size:24px;font-style:normal}.laser-badge small{color:#888891}.laser-copy{padding:100px clamp(38px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.laser-copy>p:not(.eyebrow){color:#aaaab2;line-height:1.75;margin:30px 0;max-width:560px}.use-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;margin-bottom:36px}.use-grid span{font-size:14px}.laser-copy .button{align-self:flex-start}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-grid article{border-top:1px solid #44444a;padding:28px 20px 10px 0}.process-grid span{color:var(--purple);font-size:13px;font-weight:800}.process-grid h3{margin:40px 0 12px;font-size:22px}.process-grid p{color:var(--muted);line-height:1.7}.contact{max-width:1216px;margin:40px auto 110px;padding:70px;background:linear-gradient(120deg,#10181b,#17101c);border:1px solid #2faecf42;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact>div>p:not(.eyebrow){color:var(--muted);line-height:1.7}.contact-actions{display:flex;flex-direction:column;gap:10px}.contact-actions a{min-height:82px;padding:16px 22px;border:1px solid #3b3b43;background:#09090bd9;display:flex;align-items:center;gap:16px}.contact-actions a>i{color:var(--cyan);font-size:21px;font-style:normal}.contact-actions a>b{margin-left:auto}.contact-actions span{display:flex;flex-direction:column;gap:5px;font-weight:700}.contact-actions small{color:#85858d;font-size:12px;font-weight:400}.contact-actions .whatsapp-contact{border-color:#25d36666}.contact-actions .whatsapp-contact>i{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#25d366;color:#07150c;font-size:12px;font-weight:900}.contact-actions .whatsapp-contact:hover{background:#25d36618}
footer{max-width:1280px;margin:auto;padding:65px 32px 28px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px;color:#94949c;font-size:14px}footer h3{color:#fff;font-size:14px;margin:0 0 20px}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}footer a:hover{color:var(--cyan)}.footer-brand img{width:84px;height:76px;object-fit:cover}.footer-brand p{max-width:250px;line-height:1.6}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin-top:25px;font-size:12px}
@media(max-width:1050px){.left-card{left:5px}.right-card{right:5px}.mini-card{padding:12px 14px;font-size:12px}}
@media(max-width:900px){.nav{display:none;position:absolute;top:82px;left:20px;right:20px;background:#111115;border:1px solid #333;padding:24px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;padding-top:40px}.hero-mark{height:500px}.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.service-card{border-bottom:1px solid var(--line)}.laser{grid-template-columns:1fr}.contact{margin-inline:24px;grid-template-columns:1fr;padding:45px}footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-header{height:78px;padding:0 20px}.brand img{width:64px;height:58px}.hero{padding:50px 20px 80px;min-height:auto}.hero-eyebrow{font-size:18px}.hero-mark{height:430px}.monogram{width:210px;height:210px}.monogram>b{font-size:78px}.monogram small{font-size:14px}.orbit-one{width:280px;height:280px}.orbit-two{width:330px;height:330px}.mini-card{font-size:11px;padding:10px 12px}.mini-card i{font-size:16px}.top-card{top:18px;right:8px}.bottom-card{bottom:10px;left:8px}.left-card{left:0}.right-card{right:0}.section{padding:80px 20px}.section-heading{gap:24px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;min-height:320px}.laser-visual{min-height:440px}.cut-lines{width:240px;height:240px}.laser-badge{right:20px;bottom:30px}.laser-copy{padding:70px 24px}.use-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.contact{margin:20px 20px 80px;padding:38px 24px}.contact-actions a{padding:14px;font-size:14px}footer{grid-template-columns:1fr;padding:50px 20px 24px}.footer-brand{grid-column:1/-1}}

/* Interactive links around the DK hero logo. */
.hero-mark a.mini-card{cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.hero-mark a.mini-card:hover,.hero-mark a.mini-card:focus-visible{background:#1b1b20;border-color:var(--cyan);outline:none}
.hero-mark a.mini-card:hover:not(.left-card),.hero-mark a.mini-card:focus-visible:not(.left-card){transform:translateY(-3px)}
.hero-mark a.mini-card.left-card:hover,.hero-mark a.mini-card.left-card:focus-visible{transform:translateY(-50%) translateY(-3px)}
