:root{--sanum-blue:#00B7DF;--sanum-lime:#DEFD5F;--sanum-dark:#0C0C10;--sanum-panel:#15171D;--sanum-border:#2A2D35;--sanum-text:#A8ACB7}
html{scroll-behavior:smooth} body{background:#0C0C10;color:var(--sanum-text)} body.dark-theme{background-image:none!important}
a{transition:.25s}.sanum-header{position:sticky;top:0;z-index:1000;background:rgba(12,12,16,.90);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.sanum-nav{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.sanum-logo img{width:205px;max-height:52px}.sanum-menu{display:flex;list-style:none;margin:0;padding:0;gap:28px;align-items:center}.sanum-menu a{color:#fff;font-weight:600;font-size:15px}.sanum-menu a:hover,.sanum-menu .active{color:var(--sanum-lime)}.sanum-mobile-btn{display:none;background:none;border:0;color:#fff;font-size:24px}.sanum-cta{background:var(--sanum-blue);color:#071115!important;padding:14px 20px;border-radius:999px}.sanum-cta:hover{background:var(--sanum-lime)!important}
.hero-sanum{padding:100px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(0,183,223,.16),transparent 32%),radial-gradient(circle at 16% 92%,rgba(222,253,95,.08),transparent 28%)}.hero-sanum:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--sanum-lime);font-weight:700;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;margin-bottom:18px}.eyebrow:before{content:"";width:28px;height:2px;background:var(--sanum-lime)}.hero-sanum h1{color:#fff;font-size:clamp(52px,7vw,96px);line-height:.98;letter-spacing:-4px;margin-bottom:26px}.gradient-word{background:linear-gradient(90deg,var(--sanum-blue),var(--sanum-lime));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sanum .lead{font-size:19px;line-height:1.75;max-width:690px;color:#b8bdc8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.btn-sanum{display:inline-flex;gap:10px;align-items:center;padding:15px 22px;border-radius:999px;font-weight:800;border:1px solid transparent}.btn-primary-sanum{background:var(--sanum-blue);color:#061117}.btn-primary-sanum:hover{background:var(--sanum-lime);color:#061117}.btn-outline-sanum{border-color:#353944;color:#fff}.btn-outline-sanum:hover{border-color:var(--sanum-blue);color:var(--sanum-blue)}.hero-visual{position:relative}.hero-visual img{width:100%;border-radius:30px;box-shadow:0 35px 90px rgba(0,0,0,.45)}.floating-badge{position:absolute;left:-24px;bottom:24px;background:#fff;color:#0C0C10;border-radius:18px;padding:16px 20px;box-shadow:0 20px 60px rgba(0,0,0,.3);font-weight:800}.floating-badge span{display:block;color:#50535b;font-size:12px;font-weight:600;margin-top:2px}
.brand-strip{border-block:1px solid rgba(255,255,255,.08);background:#101116;padding:20px 0;overflow:hidden}.brand-strip .rowline{display:flex;gap:52px;justify-content:center;align-items:center;flex-wrap:wrap;color:#eef1f6;font-size:13px;text-transform:uppercase;letter-spacing:1px;font-weight:700}.brand-strip b{color:var(--sanum-lime)}
.section-sanum{padding:100px 0}.section-sm{padding:68px 0}.section-title{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-2px;color:#fff;margin-bottom:20px}.section-intro{max-width:720px;font-size:18px;line-height:1.7}.panel{background:linear-gradient(145deg,#171920,#121318);border:1px solid var(--sanum-border);border-radius:24px;padding:30px;height:100%;position:relative;overflow:hidden}.panel:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-75px;bottom:-75px;background:var(--sanum-blue);opacity:.05}.service-card .number{font-size:13px;color:var(--sanum-lime);font-weight:800}.service-card h3{font-size:28px;color:#fff;margin:42px 0 12px}.service-card p{min-height:96px}.service-card a{color:var(--sanum-blue);font-weight:700}.service-card:hover{transform:translateY(-5px);border-color:rgba(0,183,223,.5);transition:.3s}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.metric{padding:26px;border-radius:20px;background:#111319;border:1px solid #262a33}.metric strong{display:block;color:#fff;font-size:36px;letter-spacing:-1px}.metric span{font-size:13px;text-transform:uppercase;letter-spacing:.7px}
.visual-card img{width:100%;border-radius:26px}.checklist{list-style:none;padding:0;margin:28px 0}.checklist li{position:relative;padding-left:34px;margin:14px 0;color:#d3d6de}.checklist li:before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sanum-lime);color:#0C0C10;font-size:12px;font-weight:900}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-step{padding:28px;border-top:1px solid #373b45}.process-step .step{color:var(--sanum-blue);font-weight:900;font-size:13px}.process-step h4{color:#fff;margin:28px 0 10px;font-size:22px}
.case-card{border-radius:26px;border:1px solid #2c3039;overflow:hidden;background:#14161c;height:100%}.case-visual{height:250px;background:linear-gradient(135deg,rgba(0,183,223,.22),rgba(222,253,95,.08)),#171920;position:relative;padding:34px;display:flex;align-items:end}.case-visual:before{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.1);border-radius:18px}.case-visual b{font-size:34px;color:#fff;position:relative}.case-content{padding:26px}.case-content h3{color:#fff;font-size:25px}.tag{display:inline-block;border:1px solid #3a3e47;border-radius:999px;padding:7px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.7px;margin:0 5px 5px 0;color:#d4d7dd}
.blog-card{background:#14161c;border:1px solid #2c3039;border-radius:24px;overflow:hidden;height:100%}.blog-thumb{height:210px;display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,rgba(0,183,223,.25),transparent 40%),#1c1f27}.blog-thumb i{font-size:56px;color:var(--sanum-lime)}.blog-card .content{padding:26px}.blog-meta{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--sanum-blue);font-weight:800}.blog-card h3{font-size:24px;line-height:1.25;margin:12px 0;color:#fff}.blog-card p{line-height:1.65}.blog-card a.more{color:var(--sanum-lime);font-weight:800}
.cta-band{padding:58px;border-radius:32px;background:linear-gradient(110deg,#00B7DF,#85e7ce 50%,#DEFD5F);color:#081014}.cta-band h2{color:#081014;font-size:clamp(34px,4.7vw,58px);letter-spacing:-2px}.cta-band p{color:#183038;max-width:760px}.cta-band .btn-sanum{background:#0C0C10;color:#fff}
.page-hero{padding:86px 0 68px;background:radial-gradient(circle at 85% 0,rgba(0,183,223,.18),transparent 32%);border-bottom:1px solid #22252c}.page-hero h1{color:#fff;font-size:clamp(48px,7vw,84px);letter-spacing:-3px}.breadcrumbs{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:#8f94a0}.breadcrumbs a{color:var(--sanum-blue)}
.article{max-width:860px;margin:auto}.article h2{color:#fff;font-size:34px;margin-top:50px}.article h3{color:#fff;font-size:25px;margin-top:34px}.article p,.article li{font-size:17px;line-height:1.82}.article a{color:var(--sanum-blue);text-decoration:underline}.article-lead{font-size:21px!important;color:#d7dae1}.article-callout{border-left:4px solid var(--sanum-lime);padding:22px 26px;background:#151820;border-radius:0 18px 18px 0;margin:34px 0}.article-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:#9499a4;margin:18px 0 35px}
.form-control-sanum{width:100%;background:#14161c!important;border:1px solid #30343d!important;color:#fff!important;border-radius:14px!important;padding:15px 16px!important;height:auto!important}.form-control-sanum:focus{border-color:var(--sanum-blue)!important;box-shadow:0 0 0 3px rgba(0,183,223,.12)!important}.contact-box{padding:34px;border-radius:24px;background:#14161c;border:1px solid #2c3039}.contact-box h3{color:#fff}.contact-list{list-style:none;margin:0;padding:0}.contact-list li{padding:15px 0;border-bottom:1px solid #262a32}.contact-list li:last-child{border-bottom:0}
.sanum-footer{border-top:1px solid #252830;background:#090a0d;padding:74px 0 25px}.footer-logo{width:200px;margin-bottom:20px}.footer-title{color:#fff;font-size:16px;margin-bottom:20px}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin:10px 0}.footer-links a{color:#a8acb7}.footer-links a:hover{color:var(--sanum-blue)}.footer-bottom{border-top:1px solid #20232a;margin-top:50px;padding-top:25px;font-size:13px}.external-links{display:flex;gap:14px;flex-wrap:wrap}.external-links a{font-size:12px;color:#7f8591}
.cookie-note{font-size:13px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:10px;top:10px;z-index:2000;background:#fff;color:#000;padding:10px}
@media(max-width:991px){.sanum-mobile-btn{display:block}.sanum-menu{display:none;position:absolute;left:20px;right:20px;top:78px;background:#111319;border:1px solid #2a2d35;border-radius:18px;padding:20px;flex-direction:column;align-items:stretch}.sanum-menu.open{display:flex}.sanum-menu .sanum-cta{text-align:center}.hero-sanum{padding-top:70px}.hero-visual{margin-top:55px}.floating-badge{left:10px}.metrics,.process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.sanum-logo img{width:170px}.hero-sanum h1{letter-spacing:-2.2px}.section-sanum{padding:72px 0}.section-title{letter-spacing:-1.4px}.metrics,.process{grid-template-columns:1fr}.cta-band{padding:36px 24px}.floating-badge{position:static;margin-top:14px}.service-card p{min-height:0}}