*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#101828;background:#fff;line-height:1.5}a{text-decoration:none;color:inherit}:root{--ink:#101828;--muted:#667085;--line:#e7eaf0;--accent:#315bea;--accent2:#6d4df5}
.sd-nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #f0f1f4;position:sticky;top:0;background:#fffffff2;backdrop-filter:blur(12px);z-index:20}.sd-brand{display:flex;align-items:center;gap:10px}.sd-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:800;font-size:20px;box-shadow:0 8px 20px #315bea2b}.sd-brand b{display:block;font-size:17px}.sd-brand small{display:block;color:#8992a4;font-size:9px;letter-spacing:.35px}.sd-links{display:flex;gap:30px;font-size:13px;color:#5d6677}.sd-links a:hover{color:var(--accent)}.sd-login{border:1px solid #dfe3eb;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:700}
.sd-hero{min-height:650px;padding:85px 6% 70px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:radial-gradient(circle at 82% 35%,#e9efff 0,transparent 35%),linear-gradient(180deg,#fff,#fbfcff)}.sd-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800;color:var(--accent);margin-bottom:17px;display:flex;align-items:center;gap:8px}.sd-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.sd-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.04;letter-spacing:-3px;max-width:650px;margin:0}.sd-hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--accent),var(--accent2));-webkit-background-clip:text;color:transparent}.sd-hero-copy>p{color:var(--muted);font-size:16px;max-width:610px;margin:25px 0 30px;line-height:1.8}.sd-actions{display:flex;gap:12px}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:10px;padding:12px 20px;font-weight:700;font-size:13px}.sd-btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px #315bea30}.sd-btn.light{background:#f3f6ff;color:#2449c7}.sd-btn.white{background:#fff;color:#1837a5;padding:14px 24px}.sd-btn span{font-size:17px}.sd-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#737d8f;font-size:11px}
.sd-visual{position:relative}.sd-glow{position:absolute;inset:10% 0;background:#315bea18;filter:blur(60px);border-radius:50%}.sd-window{position:relative;background:#fff;border:1px solid #e2e6ee;border-radius:18px;box-shadow:0 30px 70px #1d315915;overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg)}.sd-window-top{height:42px;border-bottom:1px solid #edf0f4;display:flex;align-items:center;gap:15px;padding:0 16px;font-size:10px;color:#98a0ae}.sd-dots{display:flex;gap:5px}.sd-dots i{width:7px;height:7px;border-radius:50%;background:#d8dde6}.sd-dashboard{display:flex;min-height:390px}.sd-dashboard aside{width:55px;border-right:1px solid #edf0f4;padding:18px 12px}.sd-mini-logo{width:28px;height:28px;border-radius:8px;background:#315bea;color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;margin-bottom:30px}.sd-dashboard aside i{display:block;height:7px;background:#eef1f6;border-radius:5px;margin:17px 3px}.sd-dashboard aside i.active{background:#b9c9ff}.sd-mini-main{padding:25px;flex:1}.sd-mini-head{display:flex;justify-content:space-between;align-items:center}.sd-mini-head small{font-size:9px;color:#98a0ae}.sd-mini-head h3{font-size:18px;margin:2px 0 0}.sd-mini-head button{border:0;background:#315bea;color:#fff;border-radius:7px;padding:8px 11px;font-size:9px;font-weight:700}.sd-search{margin:20px 0 14px;border:1px solid #e6e9ef;border-radius:8px;color:#9aa2b1;padding:10px;font-size:10px}.sd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sd-stats div{background:#f7f8fb;border-radius:9px;padding:11px}.sd-stats b{display:block;font-size:16px}.sd-stats small{font-size:8px;color:#929aaa}.sd-files{margin-top:15px}.sd-file{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #f0f1f4}.sd-file>strong{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;font-size:7px}.sd-file .pdf{background:#ffe8e8;color:#e13d3d}.sd-file .doc{background:#e7efff;color:#315bea}.sd-file .img{background:#e8f7ef;color:#1d9b61}.sd-file div{flex:1}.sd-file b{display:block;font-size:9px}.sd-file small{font-size:7px;color:#9aa2ae}.sd-file>span{color:#a0a6b1}
.sd-strip{padding:26px 6%;border-top:1px solid #f0f1f4;border-bottom:1px solid #f0f1f4;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#9aa2af;font-size:11px}.sd-strip span{font-size:9px;letter-spacing:1px}.sd-strip b{font-size:12px;letter-spacing:1px}
.sd-section{padding:105px 6%}.sd-heading{text-align:center;max-width:720px;margin:0 auto 55px}.sd-heading.left{text-align:left;margin:0 0 45px}.sd-heading h2,.sd-use h2,.sd-cta h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:0}.sd-heading p,.sd-use p{color:var(--muted);margin-top:16px;font-size:15px}.sd-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.sd-feature-grid article{border:1px solid var(--line);border-radius:15px;padding:27px;min-height:245px;transition:.25s}.sd-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #192d5210}.sd-icon{width:42px;height:42px;border-radius:12px;background:#edf2ff;color:#315bea;display:grid;place-items:center;font-weight:800;margin-bottom:25px}.sd-feature-grid h3{font-size:17px;margin:0}.sd-feature-grid p{color:var(--muted);font-size:13px;margin:10px 0 22px}.sd-feature-grid a{font-size:11px;color:var(--accent);font-weight:800}
.sd-tools{background:#f8f9fc}.sd-tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sd-tool-grid>div{display:flex;gap:18px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px}.sd-tool-grid>div>b{min-width:48px;height:38px;border-radius:9px;background:#f0f3ff;color:#315bea;display:grid;place-items:center;font-size:8px}.sd-tool-grid h3{font-size:15px;margin:0}.sd-tool-grid p{color:var(--muted);font-size:12px;margin:5px 0 0}
.sd-steps{display:grid;grid-template-columns:repeat(4,1fr)}.sd-steps>div{padding:25px;border-top:2px solid #e5e9f1}.sd-steps span{display:inline-block;font-size:10px;color:#315bea;font-weight:900;margin-bottom:22px}.sd-steps h3{font-size:18px;margin:0}.sd-steps p{font-size:12px;color:var(--muted);margin-top:7px;max-width:190px}
.sd-use{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;background:#f8f9fc;align-items:center}.sd-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.sd-chips span{background:#fff;border:1px solid #e1e5ec;border-radius:30px;padding:8px 13px;font-size:11px;color:#5d6675}.sd-security{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 50px #172a4610}.sd-shield{width:48px;height:48px;border-radius:14px;background:#eaf8f0;color:#14945a;display:grid;place-items:center;font-weight:900;margin-bottom:20px}.sd-security h3{font-size:19px;margin:0}.sd-security p{font-size:12px;margin:8px 0 23px}.sd-security hr{border:0;border-top:1px solid #eef0f4}.sd-security label{display:flex;justify-content:space-between;padding:12px 0;font-size:11px;color:#687283}.sd-security label b{color:#26334b}
.sd-cta{margin:0 6% 90px;border-radius:22px;padding:58px 65px;background:linear-gradient(120deg,#173da8,#4d3ed1);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px;box-shadow:0 25px 55px #2f49b32c}.sd-cta .sd-eyebrow{color:#cdd7ff}.sd-cta .sd-eyebrow i{background:#fff}.sd-cta h2{font-size:39px}.sd-cta p{color:#dce2ff;margin-top:12px;font-size:14px}
.sd-footer{padding:35px 6%;border-top:1px solid #eef0f4;display:flex;align-items:center;justify-content:space-between;gap:25px}.sd-foot-links{display:flex;gap:24px;font-size:11px;color:#6d7686}.sd-foot-links a:hover{color:#315bea}.sd-footer>p{font-size:10px;color:#a0a7b2}
@media(max-width:1000px){.sd-links{display:none}.sd-hero{grid-template-columns:1fr;padding-top:60px}.sd-visual{max-width:700px}.sd-feature-grid{grid-template-columns:repeat(2,1fr)}.sd-steps{grid-template-columns:repeat(2,1fr);gap:20px}.sd-use{grid-template-columns:1fr}.sd-strip b:nth-of-type(n+4){display:none}}
@media(max-width:650px){.sd-nav{padding:0 5%;height:70px}.sd-login{padding:9px 13px}.sd-hero{padding:55px 5%}.sd-hero h1{font-size:43px;letter-spacing:-2px}.sd-hero-copy>p{font-size:14px}.sd-trust{flex-direction:column;gap:10px}.sd-section{padding:75px 5%}.sd-heading h2,.sd-use h2{font-size:32px}.sd-feature-grid,.sd-tool-grid,.sd-steps{grid-template-columns:1fr}.sd-strip{padding:20px 5%;overflow:hidden}.sd-strip span{display:none}.sd-strip b{font-size:9px}.sd-window{transform:none}.sd-dashboard{min-height:340px}.sd-mini-main{padding:16px}.sd-cta{margin:0 5% 60px;padding:35px 25px;display:block}.sd-cta h2{font-size:30px}.sd-cta .sd-btn{margin-top:25px}.sd-footer{padding:30px 5%;display:block}.sd-foot-links{margin:22px 0;flex-wrap:wrap;gap:14px}}

/* V2 public navigation + About / Pricing / Contact */
.sd-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;background:#fff}
.sd-about h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:0}
.sd-about-text{color:var(--muted);font-size:15px;line-height:1.8;margin:18px 0 25px;max-width:620px}
.sd-about-visual{min-height:320px;display:grid;place-items:center;background:radial-gradient(circle at 45% 45%,#eaf0ff,transparent 62%);border-radius:24px}
.sd-about-card{width:min(100%,410px);padding:34px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 25px 55px #172a4612}
.sd-about-badge{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--accent);background:#eef2ff;padding:7px 10px;border-radius:20px}
.sd-about-card strong{display:block;font-size:23px;line-height:1.25;margin:22px 0 10px;letter-spacing:-.6px}
.sd-about-card p{color:var(--muted);font-size:12px;line-height:1.7}
.sd-about-points{display:grid;gap:10px;margin-top:22px;color:#5e697b;font-size:11px}
.sd-about-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.sd-about-mini div{padding:15px;border:1px solid var(--line);border-radius:12px;background:#fafbfe}
.sd-about-mini b{display:block;font-size:12px}.sd-about-mini span{display:block;color:#8992a1;font-size:9px;margin-top:4px}
.sd-pricing{background:#f8f9fc}
.sd-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1050px;margin:auto}
.sd-price-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;min-height:430px;box-shadow:0 12px 35px #172a4608}
.sd-price-card.popular{border:2px solid var(--accent);box-shadow:0 20px 45px #315bea18}
.sd-popular{position:absolute;right:18px;top:18px;background:#315bea;color:#fff;border-radius:20px;padding:6px 10px;font-size:8px;font-weight:900;letter-spacing:.8px}
.sd-price-label{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#7b8493}
.sd-price-card h3{font-size:20px;margin:12px 0 5px}.sd-price-card>p{font-size:11px;color:var(--muted);min-height:35px}
.sd-price{font-size:30px;font-weight:850;letter-spacing:-1px;margin:23px 0}.sd-price small{font-size:10px;font-weight:500;color:#8b93a0}
.sd-price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:11px;color:#5f6978;font-size:11px}.sd-price-card li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:8px}
.sd-price-btn{display:flex;justify-content:center;border:1px solid #dfe3eb;border-radius:9px;padding:11px;font-size:11px;font-weight:800}.sd-price-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.sd-contact{display:grid;grid-template-columns:1fr .85fr;gap:80px;align-items:center}
.sd-contact h2{font-size:42px;line-height:1.12;letter-spacing:-1.7px;margin:0}.sd-contact>div>p{color:var(--muted);font-size:14px;max-width:570px;margin:17px 0}.sd-contact-items{display:grid;gap:10px;color:#596577;font-size:12px;margin-top:25px}
.sd-contact-form{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff;box-shadow:0 20px 50px #172a4610;display:grid;gap:11px}
.sd-contact-form input,.sd-contact-form textarea{width:100%;border:1px solid #e1e5ec;border-radius:9px;padding:12px 13px;font:inherit;font-size:12px;outline:none}.sd-contact-form input:focus,.sd-contact-form textarea:focus{border-color:#9eb1ff}.sd-contact-form textarea{height:110px;resize:vertical}.sd-contact-form button{border:0;background:var(--accent);color:#fff;border-radius:9px;padding:12px;font-weight:800;font-size:12px;cursor:pointer}.sd-contact-form small{color:#9aa2ae;font-size:9px;line-height:1.5}
@media(max-width:1000px){.sd-about,.sd-contact{grid-template-columns:1fr;gap:40px}.sd-price-grid{grid-template-columns:1fr;max-width:500px}.sd-price-card{min-height:auto}.sd-about-visual{min-height:280px}}
@media(max-width:650px){.sd-about h2,.sd-contact h2{font-size:32px}.sd-about-mini{grid-template-columns:1fr}.sd-price-grid{grid-template-columns:1fr}.sd-price-card{padding:25px}}

/* SmartDesk logo from existing assets/logo.png */
.sd-brand-logo{width:150px;height:auto;max-height:54px;object-fit:contain;display:block}
.sd-brand{gap:8px}

.sd-brand .footer-logo{width:150px;max-height:50px}
.sd-contact-items a{color:#596577;text-decoration:none}
.sd-contact-items a:hover{color:#315bea}
@media(max-width:650px){
  .sd-brand-logo{width:125px;max-height:46px}
  .sd-brand .footer-logo{width:125px}
}

/* Header refinement - reference style */
.sd-nav{padding-left:6%;padding-right:6%;height:78px}
.sd-brand{gap:10px;min-width:300px}
.sd-brand-logo{width:48px;height:48px;object-fit:contain;display:block}
.sd-brand-text{display:block}
.sd-brand-text b{display:block;font-size:20px;line-height:1.05;letter-spacing:-.5px;color:#101828}
.sd-brand-text small{display:block;color:#6f7b8e;font-size:11px;line-height:1.25;margin-top:4px;letter-spacing:0}
.sd-links{gap:36px;align-items:center}
.sd-links a{font-size:15px;color:#344054;font-weight:500}
.sd-links a.nav-bold{font-weight:750}
.sd-links a:hover{color:#315bea}
.sd-login{font-size:15px;border:0;padding:10px 14px;font-weight:750}
@media(max-width:1000px){
  .sd-brand{min-width:auto}
}
@media(max-width:650px){
  .sd-brand-logo{width:42px;height:42px}
  .sd-brand-text b{font-size:17px}
  .sd-brand-text small{font-size:9px}
  .sd-nav{padding-left:5%;padding-right:5%}
}

/* FINAL HEADER BRAND FIX */
.sd-nav .sd-brand{display:flex!important;align-items:center!important;gap:10px!important}
.sd-nav .sd-brand-logo{display:block!important;width:50px!important;height:50px!important;object-fit:contain!important;flex:0 0 50px!important}
.sd-nav .sd-brand-text{display:block!important;visibility:visible!important;opacity:1!important}
.sd-nav .sd-brand-text b{display:block!important;font-size:20px!important;line-height:1.05!important;font-weight:800!important;color:#101828!important}
.sd-nav .sd-brand-text small{display:block!important;font-size:11px!important;line-height:1.25!important;color:#6f7b8e!important;margin-top:4px!important;white-space:nowrap!important}
@media(max-width:650px){
  .sd-nav .sd-brand-logo{width:42px!important;height:42px!important;flex-basis:42px!important}
  .sd-nav .sd-brand-text b{font-size:17px!important}
  .sd-nav .sd-brand-text small{font-size:9px!important}
}

/* Header Login + Register */
.sd-auth-buttons{display:flex;align-items:center;gap:22px}
.sd-nav .sd-login{font-size:15px;border:0;padding:10px 2px;font-weight:750;color:#101828}
.sd-register{display:inline-flex;align-items:center;justify-content:center;background:#2f62e8;color:#fff;border-radius:10px;padding:13px 25px;font-size:15px;font-weight:750;box-shadow:0 9px 22px #2f62e82b;transition:.2s}
.sd-register:hover{transform:translateY(-1px);background:#2858d4}
@media(max-width:650px){
  .sd-auth-buttons{gap:10px}
  .sd-nav .sd-login{font-size:13px}
  .sd-register{padding:10px 14px;font-size:13px}
}
