@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{
--deen-black:#080808;--off-white:#F4F3EF;--concrete:#B8B8B5;--cool-silver:#D8DAD9;
--border-on-dark:rgba(244,243,239,.18);--border-on-light:rgba(8,8,8,.14);
--fg-muted-on-light:#5c5c59;--surface-card-light:#ECEBE6;
--font-display:'Oswald',sans-serif;--font-body:'IBM Plex Sans',sans-serif;--font-mono:'IBM Plex Mono',monospace;
--text-section:clamp(34px,6vw,64px);--lh-tight:0.98;
--margin-page:clamp(20px,6vw,80px);
}
/* Kill Elementor's boxed container width/padding so our sections go edge to edge like the source design */
.elementor .e-con.e-parent{max-width:100% !important;padding:0 !important;margin:0 !important;gap:0 !important}
.dinz *{box-sizing:border-box}
.dinz{background:var(--off-white);color:var(--deen-black);font-family:var(--font-body);line-height:1.55}
.dinz img{max-width:100%;display:block}
.dinz h1,.dinz h2,.dinz h3{font-family:var(--font-display);text-transform:uppercase;line-height:var(--lh-tight);margin:0}
.dinz a{color:var(--deen-black);text-decoration:none}
.dinz a:hover{color:var(--fg-muted-on-light)}
.dinz .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted-on-light);margin-bottom:16px}
.dinz .tagline-en{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted-on-light)}
.dinz .btn{display:inline-block;background:var(--deen-black);color:var(--off-white);border:none;padding:16px 28px;font-family:var(--font-mono);font-size:13px;letter-spacing:.04em;cursor:pointer}
.dinz .btn:hover{color:var(--off-white);opacity:.85}
.dinz .btn-light{background:var(--off-white);color:var(--deen-black);border:1px solid var(--deen-black)}

/* Header */
.dinz header{position:sticky;top:0;z-index:10;background:var(--off-white);border-bottom:1px solid var(--border-on-light)}
.dinz .header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px var(--margin-page);flex-wrap:wrap;gap:12px}
.dinz .logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.dinz .logo img{height:22px;width:auto}
.dinz .logo span{font-family:var(--font-display);font-size:19px;letter-spacing:.04em;text-transform:uppercase}
.dinz nav.mainnav{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;letter-spacing:.03em}
.dinz nav.mainnav a{opacity:.65;border-bottom:1px solid transparent;padding-bottom:2px}
.dinz nav.mainnav a:hover{opacity:1;color:var(--deen-black)}
.dinz nav.mainnav a[aria-current="page"]{opacity:1;border-bottom-color:var(--deen-black)}

/* Footer */
.dinz footer{background:var(--deen-black);color:var(--off-white);padding:56px var(--margin-page) 32px}
.dinz .footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;border-bottom:1px solid var(--border-on-dark);padding-bottom:32px;margin-bottom:24px}
.dinz .footer-nav{display:flex;gap:32px;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px}
.dinz .footer-nav a{color:var(--concrete)}
.dinz .footer-nav a:hover{color:var(--off-white)}
.dinz .copyright{font-family:var(--font-mono);font-size:11px;color:var(--concrete)}

.dinz section{padding:44px var(--margin-page)}
.dinz .section-tight{padding-top:0;padding-bottom:24px}
.dinz .divider-top{background:var(--surface-card-light);border-top:none !important;padding:20px !important;border-radius:2px}
.dinz .dark .divider-top{background:#141414}
.dinz .grid-4 .divider-top,.dinz .grid-3 .divider-top{height:100%}
.dinz .grid{display:grid;gap:20px}
.dinz .grid-2{grid-template-columns:1fr}
.dinz .grid-3{grid-template-columns:1fr}
.dinz .grid-4{grid-template-columns:1fr 1fr}
@media (min-width:720px){.dinz .grid-2{grid-template-columns:1fr 1fr}.dinz .grid-3{grid-template-columns:repeat(3,1fr)}.dinz .grid-4{grid-template-columns:repeat(4,1fr)}}
.dinz .hero{background:var(--off-white);padding-top:32px}
.dinz .hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}
@media (min-width:900px){.dinz .hero-grid{grid-template-columns:1.1fr 1fr}}
.dinz h1.display{font-size:clamp(30px,5vw,52px);margin-bottom:20px}
.dinz .lead{font-size:17px;color:var(--fg-muted-on-light);max-width:460px;margin-bottom:20px}
.dinz .photo,.dinz .photo-ph{width:100%;aspect-ratio:4/5;object-fit:cover}
.dinz .photo-wide{aspect-ratio:4/3}
.dinz .grid-2 > img.photo{aspect-ratio:4/3;object-position:center 20%}
.dinz .photo-ph{background:var(--surface-card-light);border:1px dashed var(--border-on-light);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--fg-muted-on-light);text-align:center;padding:12px}
.dinz .card-title{font-family:var(--font-display);font-size:20px;margin-bottom:8px}
.dinz .card-desc{font-size:14px;color:var(--fg-muted-on-light)}
.dinz .tag{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted-on-light);margin-bottom:6px}
.dinz .divider-top{border-top:1px solid var(--border-on-light);padding-top:16px}
.dinz .dark{background:var(--deen-black);color:var(--off-white)}
.dinz .dark .divider-top{border-top:1px solid var(--border-on-dark)}
.dinz .dark .card-desc{color:var(--concrete)}
.dinz .dark .photo-ph{background:#161616;border-color:var(--border-on-dark);color:var(--concrete)}
.dinz .cta{background:var(--deen-black);color:var(--off-white);padding:56px var(--margin-page);text-align:center}
.dinz .cta h2{font-size:clamp(26px,4vw,42px);margin-bottom:28px}
.dinz .step-num{font-family:var(--font-mono);font-size:12px;color:var(--concrete);margin-bottom:10px}
.dinz .tiers{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (min-width:720px){.dinz .tiers{grid-template-columns:repeat(4,1fr)}}
.dinz .tier{border:1px solid var(--border-on-light);padding:24px}
.dinz .tier-num{font-family:var(--font-display);font-size:24px;margin-bottom:8px}
.dinz form.contact-form{display:flex;flex-direction:column;gap:16px;max-width:520px}
.dinz .blog-post{border-top:1px solid var(--border-on-light);padding:40px 0}
.dinz .product-card{border:1px solid var(--border-on-light);padding:16px}
.dinz .product-code{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted-on-light);margin-bottom:6px}

/* v1.0.5: dropdown + hover states */
.dinz-dropdown-wrap{position:relative}
.dinz-dropdown-panel{position:absolute;top:100%;left:0;min-width:220px;background:#F4F3EF;border:1px solid rgba(8,8,8,.14);padding:8px 0;display:none;z-index:50;box-shadow:0 8px 24px rgba(8,8,8,.08)}
.dinz-dropdown-wrap:hover .dinz-dropdown-panel,.dinz-dropdown-wrap:focus-within .dinz-dropdown-panel{display:block}
.dinz-dropdown-panel .elementor-widget-button{width:100%}
.dinz-dropdown-panel .elementor-button{width:100%;justify-content:flex-start;padding:10px 16px !important;transition:background-color .15s ease}
.dinz-dropdown-panel .elementor-button:hover{background-color:rgba(8,8,8,.06) !important}
.elementor-widget-button .elementor-button{transition:all .2s ease !important}
.dinz-navlink .elementor-button{position:relative}
.dinz-navlink .elementor-button:hover{opacity:.6}
.dinz-navlink-dark .elementor-button:hover{opacity:.65}
.elementor-widget-image a:hover img{opacity:.85;transition:opacity .2s ease}

.footer-logo-invert img{filter:brightness(0) invert(1);width:26px;height:auto}