@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');:root{--bg:#071523;--panel:#0e2235;--panel2:#132b40;--ink:#f4f8fb;--muted:#a4b6c5;--teal:#62e0d0;--line:#294052;--light:#eaf2f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{max-width:1180px;margin:auto;padding-left:26px;padding-right:26px}.site-header{position:sticky;top:0;z-index:10;background:#071523ed;border-bottom:1px solid #1e3547;backdrop-filter:blur(18px)}.nav{height:79px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-family:'Space Grotesk',sans-serif;font-size:16px;letter-spacing:.06em;font-weight:700;white-space:nowrap}.brand b,.accent{color:var(--teal)}.mark{height:38px;width:38px;display:grid;place-items:center;border:1px solid #3c837f;border-radius:10px;font-size:23px;letter-spacing:-.1em;background:#14333f}.navlinks{display:flex;align-items:center;gap:27px;font-size:13px;font-weight:700}.navlinks>a:not(.nav-cta):hover,.footer-inner a:hover{color:var(--teal)}.nav-cta{border:1px solid #4e9c9a;border-radius:7px;padding:11px 15px;color:var(--teal)}.menu-toggle{display:none;background:transparent;border:0;color:white;font-size:26px}.hero{padding-top:95px;padding-bottom:108px}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--teal);font-weight:800;text-transform:uppercase}.dot{display:inline-block;background:var(--teal);width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 12px var(--teal)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero h1{font:700 clamp(48px,5.5vw,78px)/1.09 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:24px 0}.hero h1 em,h2 em{color:var(--teal);font-style:normal}.lead{font-size:17px;max-width:520px;color:#b9cbd6}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:14px;border-radius:7px;padding:13px 20px;font-weight:800;font-size:13px;border:1px solid #466076;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--teal);color:#092333;border-color:var(--teal)}.ghost{background:#112638;color:#f0f7fa}.trust{display:flex;gap:20px;flex-wrap:wrap;color:#91adbb;font-size:11px;margin-top:35px}.hero-visual{position:relative;padding:18px;background:linear-gradient(135deg,#153b4a,#091827);border:1px solid #356271;border-radius:18px;box-shadow:0 35px 80px #0007;transform:rotate(1deg)}.mock-top{display:flex;justify-content:space-between;font-size:10px;color:#8faebf;padding:5px 6px 15px}.lights{color:#65b8b2;letter-spacing:3px}.mock-body{background:#0b1d2e;border:1px solid #2a4757;border-radius:12px;padding:24px}.mock-title{font-weight:700;font-size:18px;display:flex;justify-content:space-between}.mock-title span{color:var(--teal)}.mock-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0}.mock-cards>div{border:1px solid #29495b;background:#122b3e;padding:15px;border-radius:10px}.mock-cards small{font-size:10px;color:#9bb3c0}.mock-cards strong{display:block;font-size:32px;line-height:1.4}.mini-line{display:block;height:4px;width:75%;background:#4ac9ba;border-radius:5px}.mini-line.second{width:48%}.mock-chart{height:135px;display:flex;align-items:end;gap:12px;padding:15px;background:#102638;border-radius:8px}.mock-chart div{flex:1;background:linear-gradient(#69e4d3,#2c8e93);border-radius:5px 5px 0 0}.mock-note{font-size:10px;color:#829eae;text-align:right;margin:9px 0 0}.float-tag{position:absolute;bottom:-19px;right:-18px;background:#defcf5;color:#0a383e;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:800;box-shadow:0 8px 20px #0004}.strip{border-block:1px solid #214053;background:#0c2133}.strip-inner{display:flex;justify-content:space-around;gap:12px;padding-top:22px;padding-bottom:22px;color:#8eacb8;font-size:12px;font-weight:800;letter-spacing:.14em}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:38px}.section-head>div{max-width:700px}.section-head>p{max-width:320px;color:var(--muted);font-size:14px}h2{font:700 clamp(35px,4vw,53px)/1.13 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:14px 0 0}h3{font-family:'Space Grotesk',sans-serif;line-height:1.3}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service{background:#102538;border:1px solid #284455;border-radius:12px;padding:29px;min-height:255px;display:flex;flex-direction:column}.service-icon{font-size:30px;color:var(--teal)}.service h3{font-size:19px;margin:14px 0 4px}.service p,.project p{color:var(--muted);font-size:14px}.service-foot{margin-top:auto;color:var(--teal);font-size:12px;font-weight:800;padding-top:12px}.pricing-section{background:#0b2032;border-block:1px solid #203a4e}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.price{position:relative;border:1px solid #2b4b5e;background:#0d2133;padding:30px 26px;border-radius:12px;display:flex;flex-direction:column}.price.featured{border-color:var(--teal);background:#123143}.popular{position:absolute;right:0;top:0;background:var(--teal);color:#092333;font-size:10px;font-weight:800;padding:5px 11px;border-radius:0 10px 0 8px}.price-type{font-size:10px;letter-spacing:.16em;color:var(--teal);font-weight:800}.price h3{font-size:20px;margin:13px 0}.amount{font:700 39px 'Space Grotesk';letter-spacing:-.04em}.amount small{font-size:14px;color:var(--muted);letter-spacing:0}.price p{font-size:12px;color:var(--muted);margin:3px 0 20px}.price ul{padding:0;list-style:none;font-size:13px;line-height:2.5;color:#c6d7e0;flex:1}.price li:before{content:'✓';color:var(--teal);margin-right:10px}.price-btn{width:100%;margin-top:18px}.pricing-note,.disclaimer{color:#8ba6b5;font-size:12px;max-width:850px;margin:25px auto 0;text-align:center}.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid #2a4659;border-radius:12px;overflow:hidden;background:#102638}.project-art{height:235px;padding:23px;position:relative;display:grid;place-items:center}.art-one{background:linear-gradient(145deg,#183b49,#236a68)}.art-two{background:linear-gradient(145deg,#1d344e,#34567b)}.art-three{background:linear-gradient(145deg,#173d48,#174b4e)}.art-tag{position:absolute;top:12px;left:12px;font-size:9px;letter-spacing:.12em;background:#071b2bca;padding:6px 8px;border-radius:4px}.art-browser{width:88%;background:#eef4f0;color:#183c40;padding:17px;border-radius:8px;box-shadow:0 10px 25px #0005}.art-browser>div{font-size:9px;color:#5b928e}.art-browser h4{font-size:10px;margin:8px 0}.art-browser p{font:700 20px/1.2 'Space Grotesk';color:#193b3f;margin:5px 0 14px}.art-browser span{font-size:9px;background:#163e3d;color:white;padding:8px;border-radius:3px}.calendar-art,.dashboard-art{background:#e7f0f4;color:#203d55;padding:20px;width:82%;border-radius:10px;box-shadow:0 10px 25px #0004}.calendar-art>div:first-child,.dashboard-art>div:first-child{font-size:10px;font-weight:800;display:flex;justify-content:space-between}.calendar-art strong{display:block;margin:12px 0}.calendar-dots{font:700 18px/1.7 monospace;letter-spacing:7px;color:#2c7987}.metric-row{display:flex;justify-content:space-between;margin:16px 0}.metric-row b{font-size:23px}.bars{height:72px;display:flex;gap:9px;align-items:end}.bars i{flex:1;background:#299e9c;border-radius:3px 3px 0 0;height:45%}.bars i:nth-child(2){height:80%}.bars i:nth-child(3){height:58%}.bars i:nth-child(4){height:95%}.bars i:nth-child(5){height:68%}.bars i:nth-child(6){height:87%}.project-meta{padding:22px}.project-meta>span{color:var(--teal);font-size:10px;letter-spacing:.13em;font-weight:800}.project h3{font-size:19px;margin:8px 0}.project p{margin:0}.process-section{background:#0c2133;border-block:1px solid #20394c}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:48px}.steps>div{border-top:1px solid #345469;padding-top:18px}.steps span{font:700 30px 'Space Grotesk';color:var(--teal)}.steps h3{margin:16px 0 7px}.steps p{color:var(--muted);font-size:13px}.contact-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:start}.contact-copy>p{color:var(--muted);max-width:390px}.email-link{display:inline-block;margin-top:22px;color:var(--teal);font-weight:800;overflow-wrap:anywhere}.small-muted{font-size:12px;margin-top:20px}.form-card{background:#102638;border:1px solid #315366;border-radius:14px;padding:35px}.form-card h3{font-size:25px;margin:0}.form-card>p{font-size:13px;color:var(--muted);margin:5px 0 25px}.form-card label{display:block;font-size:12px;font-weight:800;color:#c9dce6;margin-bottom:17px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,textarea,select{display:block;width:100%;background:#081b2c;color:white;border:1px solid #395669;border-radius:6px;padding:12px 13px;margin-top:7px;outline:none;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 2px #62e0d02a}input::placeholder,textarea::placeholder{color:#7893a3}select option{background:#0e2235}.hidden{position:absolute;left:-9999px}.submit{width:100%;margin-top:5px}.form-note{font-size:11px;color:#9db0bd;margin-bottom:0}footer{border-top:1px solid #294153;background:#06111d}.footer-inner{padding-top:37px;padding-bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-inner p,.footer-inner small{font-size:12px;color:#839bab}.footer-inner>div:nth-child(2){display:flex;gap:20px;font-size:12px;color:#c0d2de}.thanks{min-height:100vh;display:grid;place-items:center;padding:24px}.thanks-box{max-width:620px;text-align:center}.thanks h1{font:700 clamp(35px,6vw,65px)/1.1 'Space Grotesk'}.thanks p{color:var(--muted);margin-bottom:30px}@media(max-width:900px){.hero-grid{gap:30px}.services,.price-grid,.portfolio{grid-template-columns:repeat(2,1fr)}.price-grid .price:last-child,.portfolio .project:last-child{grid-column:span 2}.steps{grid-template-columns:repeat(2,1fr)}.contact-section{gap:30px}}@media(max-width:700px){.wrap{padding-left:20px;padding-right:20px}.nav{height:69px}.brand{font-size:14px}.menu-toggle{display:block}.navlinks{display:none;position:absolute;top:69px;left:0;right:0;padding:18px 22px 24px;background:#091a2b;border-bottom:1px solid #2e4d5e;flex-direction:column;align-items:stretch;gap:15px}.navlinks.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:60px;padding-bottom:78px}.hero-grid,.contact-section{grid-template-columns:1fr}.hero h1{font-size:clamp(47px,11vw,66px)}.hero-visual{max-width:480px;margin:35px 12px 0 0}.float-tag{right:-10px}.trust{gap:12px}.strip-inner{flex-wrap:wrap;font-size:10px;text-align:center}.section{padding-top:70px;padding-bottom:70px}.section-head{display:block}.section-head>p{max-width:550px}.services,.price-grid,.portfolio{grid-template-columns:1fr}.price-grid .price:last-child,.portfolio .project:last-child{grid-column:auto}.service{min-height:225px}.steps{grid-template-columns:1fr 1fr;gap:20px}.field-row{grid-template-columns:1fr;gap:0}.form-card{padding:24px}.footer-inner{flex-direction:column;align-items:flex-start}}@media(max-width:400px){.steps{grid-template-columns:1fr}.hero h1{font-size:43px}.mock-body{padding:14px}.mock-cards strong{font-size:24px}.brand{font-size:12px}}

/* Cloudflare Pages mobile refinements */
.mark{letter-spacing:0;flex-shrink:0}
.calendar-art{max-width:100%;min-width:0;padding:clamp(10px,3vw,20px)}
.calendar-dots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px 2px;font:700 clamp(10px,2.8vw,17px)/1.5 'DM Sans',sans-serif;letter-spacing:0;text-align:center;overflow:hidden}
.calendar-dots span{min-width:0}
.project-art{min-width:0;overflow:hidden}
@media(max-width:700px){.section{padding-top:55px;padding-bottom:55px}.service{min-height:0;padding:24px}.hero{padding-bottom:60px}.steps{gap:14px}.contact-section{gap:25px}.project-art{height:220px}.calendar-art{width:85%}.footer-inner{gap:12px}}
@media(max-width:400px){.calendar-art{width:92%}.calendar-dots{gap:5px 1px}}

/* Kreilich Digital Solutions branding */
.brand-icon{display:block;width:42px;height:42px;flex-shrink:0}.brand{letter-spacing:.035em}.brand b{color:var(--teal)}@media(max-width:700px){.brand{font-size:clamp(10px,2.55vw,14px);gap:9px}.brand-icon{width:38px;height:38px}}

/* Updated 2027 visual brand */
.brand-icon{object-fit:cover;border-radius:9px;filter:drop-shadow(0 0 5px #3adfd544)}
.brand{letter-spacing:.025em}
.site-header{box-shadow:0 3px 18px #00d5ce0b}