:root { --radius-button:12px; --radius-card:20px; --surface:#141920; --border-color:#2a303a; --text-secondary:#b8c0cc; }
body { color:#f3f5f7; background-color:var(--space-dark); }
.btn, .btn.btn-venus { border-radius:var(--radius-button); min-height:44px; padding:.75rem 1.1rem; }
.btn-outline-light { border-color:#68717f; }
.btn-outline-dark { color:var(--venus-orange); border-color:#8b6043; }
.btn-outline-dark:hover { color:var(--space-dark); background:var(--venus-orange); border-color:var(--venus-orange); }
.navbar { border-bottom:1px solid var(--border-color); box-shadow:none !important; }
.navbar-brand { font-size:1.02rem; letter-spacing:.02em; }
.navbar-nav .nav-link { font-size:.88rem; padding:.6rem .55rem; }
.navbar-nav .nav-link.active { color:var(--venus-orange); }
.navbar-brand img { width:28px; height:28px; }
.navbar-toggler { min-width:44px; min-height:44px; }
footer { border-top:1px solid var(--border-color); }
footer a { color:#e3e7ee; }
footer .footer-links { display:flex; flex-wrap:wrap; gap:16px; }
.text-white-50,.text-muted { color:var(--text-secondary) !important; }
h2 { font-size:clamp(1.65rem,3vw,2.4rem); line-height:1.2; letter-spacing:-.02em; }
h2.fw-bold { text-shadow:none !important; }
.eyebrow { color:var(--venus-orange); font-size:.75rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.section-space { padding-top:72px; padding-bottom:72px; }
.card-product,.contact-card,.project-detail-card,.projects-summary-card,.overview-card,.projects-cta-card { border-radius:var(--radius-card); box-shadow:none; }
#proje-anlat .offer-box { border-radius:var(--radius-card); }
#contactForm { padding:28px; background:var(--surface); border:1px solid var(--border-color); border-radius:var(--radius-card); }
#contactForm input,#contactForm select,#contactForm textarea { border-radius:10px; min-height:48px; border-color:#626c7b !important; }
#contactForm textarea { min-height:130px; resize:vertical; }
#contactForm .form-label { color:#f1f4f9; }
.form-note { color:var(--text-secondary); font-size:.88rem; line-height:1.6; }
.inquiry-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.inquiry-next-steps { padding:16px 0 0; }
.inquiry-next-steps a { color:#f3f5f7; }
.skip-link { position:fixed; left:12px; top:-100px; z-index:2000; background:var(--venus-orange); color:#0b0e14; padding:12px; border-radius:8px; }
.skip-link:focus { top:12px; }
body:not(.bootstrap-ready) .navbar { position:static; }
body:not(.bootstrap-ready) { padding-top:0; }
body:not(.bootstrap-ready) .navbar-collapse.collapse { display:flex; flex-wrap:wrap; }
body:not(.bootstrap-ready) .navbar-nav { flex-direction:row; flex-wrap:wrap; }
body:not(.bootstrap-ready) .navbar-toggler,body:not(.bootstrap-ready) .venus-language-dropdown { display:none; }
.project-story { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:24px 0; }
.project-story div { padding:16px; border:1px solid var(--border-color); border-radius:12px; }
.project-story dt { color:var(--venus-orange); font-size:.8rem; margin-bottom:8px; }
.project-story dd { margin:0; font-size:.88rem; line-height:1.6; color:var(--text-secondary); }
.project-device-preview { margin-top:24px; border:1px solid var(--border-color); border-radius:var(--radius-card); overflow:hidden; }
.project-device-preview summary { cursor:pointer; padding:16px; min-height:48px; }
.project-device-preview .preview-toolbar { display:flex; gap:12px; padding:12px; flex-wrap:wrap; }
.preview-help { color:var(--text-secondary); font-size:.85rem; padding:0 16px; }
.project-device-preview a { color:#ffc59f; }
@media(max-width:1199.98px) and (min-width:992px) { .navbar-brand { font-size:.8rem; } .navbar .container { max-width:100%; } .navbar-nav .nav-link { font-size:.8rem; padding-left:.4rem; padding-right:.4rem; } .venus-language-toggle-copy { display:none; } .venus-language-toggle { gap:4px; padding:4px 8px; } }
@media(max-width:767.98px) { .section-space { padding-top:48px; padding-bottom:48px; } #contactForm { padding:20px; } .project-story { grid-template-columns:1fr; } .navbar-brand { font-size:.85rem; } .navbar-brand img { margin-right:5px !important; } }
@media(prefers-reduced-motion:reduce) { .btn,.card-engineer,.contact-card,.project-card { transition:none !important; } }
.project-visual.has-preview { padding:20px; min-height:0; border:1px solid var(--border-color); border-radius:var(--radius-card); background:#10151d; display:flex; flex-direction:column; align-items:stretch; }
.project-visual.has-preview .project-screen-image { width:100%; height:auto; aspect-ratio:1440/778; object-fit:cover; object-position:top; border:1px solid var(--border-color); border-radius:12px; margin:16px 0; }
.project-visual.has-preview .project-logo-stack { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:12px; margin:0; min-height:0; width:100%; padding:0; }
.project-visual.has-preview .project-logo { width:60px; max-width:60px; height:52px; object-fit:contain; border-radius:8px; box-shadow:none; filter:none; margin:0; padding:0; }
.project-visual.has-preview .project-domain { font-size:.85rem; margin:0; padding:8px; overflow-wrap:anywhere; max-width:calc(100% - 72px); }
.project-device-preview .device-screenshot { display:block; width:100%; height:auto; background:#10151d; margin:auto; }
.project-device-preview[data-device="mobile"] .device-screenshot { width:min(390px,100%); border-radius:16px; border:8px solid #303742; }
.project-device-preview .preview-toolbar .btn[aria-pressed="true"] { background:#343c49; border-color:#b8c0cc; color:#fff; }
.project-device-preview .preview-toolbar .btn-outline-light:hover { background:#e3e7ee; color:#10151d; }
.btn-submit-offer { background:var(--venus-orange) !important; border-color:var(--venus-orange) !important; color:var(--space-dark) !important; }
.btn-submit-offer:hover { background:#e67e35 !important; border-color:#e67e35 !important; }