/* Computer Wizards: signature premium art direction, October 2026 */
:root{--ink:#10243b;--blue:#2c8cff;--navy:#050f23;--soft:#f3f7fc}
body{background:#f8faff}
::selection{background:#2779df;color:#fff}
.announcement{background:#050d1d;border-bottom:1px solid #ffffff17}
.cw-site-header{background:#ffffffed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #dbe7f3}
.cw-site-header .cw-nav-shell{min-height:98px}
.cw-site-header .cw-main-nav>a.cw-portal-btn{border-radius:8px;background:linear-gradient(135deg,#0e5ed5,#1c8fff);box-shadow:0 9px 26px #0a64df30}
.hero{position:relative;background:radial-gradient(ellipse 48% 63% at 83% 45%,#11428b78,transparent 82%),radial-gradient(ellipse 36% 55% at 18% 6%,#163c7752,transparent 85%),linear-gradient(115deg,#040b1a 0%,#07152d 52%,#0b2344 100%);border-bottom:1px solid #2c5486;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(90deg,transparent 6%,#000 70%)}
.hero:after{content:"";position:absolute;pointer-events:none;width:650px;height:650px;border:1px solid #6db7ff17;border-radius:50%;right:-290px;top:-350px;box-shadow:0 0 0 90px #62aaff08,0 0 0 180px #62aaff05}
.hero-inner{position:relative;min-height:675px;padding-block:90px 105px;gap:35px}
.hero .kicker{color:#83c8ff}.hero .kicker:before{background:#42b8ff}
.hero h1{color:#fff;font-size:clamp(49px,5.7vw,80px);letter-spacing:-.072em;line-height:1.07;max-width:720px;text-wrap:balance}
.hero h1 em{color:#6ab9ff;background:linear-gradient(110deg,#9bdcff,#4a91ff 85%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{color:#b8cbe0;font-size:18px;line-height:1.85;max-width:510px}
.hero .button{background:linear-gradient(115deg,#1766e2,#258eff);box-shadow:0 14px 35px #005df14a;border:1px solid #55a2ff55}
.hero .button.ghost{background:#ffffff0c;border:1px solid #9dc7f55c;color:#eef6ff;box-shadow:none}
.hero .button.ghost:hover{background:#ffffff1b}
.hero-small{color:#9db4d0}.hero-small i{background:#53e7ba;box-shadow:0 0 0 5px #53e7ba24}
.hero-art{min-height:475px;filter:drop-shadow(0 25px 65px #0006)}
.art-back{background:radial-gradient(circle at 70% 30%,#36b1ff45,transparent 60%),linear-gradient(130deg,#1b4e9b77,#3c8de022);border:1px solid #8ec9ff48;transform:rotate(-6deg);box-shadow:inset 0 0 60px #6fc5ff1c,0 0 80px #2e7cf92c}
.art-back:before{border-color:#8ac9ff36}
.device{background:linear-gradient(150deg,#294d76,#0c1d35);border:1px solid #72b3ff75;box-shadow:0 40px 75px #000a,0 0 60px #2187ff22;transform:rotate(2deg) perspective(900px) rotateY(-5deg)}
.device-screen{background:#071629;border:1px solid #3e78a9}
.device-top{background:#102842}
.device-content .micro{color:#70c3ff}
.device-row{background:#173b5b99;border-color:#376b96}
.device-row .symbol{background:#1a5184;color:#b1e3ff}
.device-base{background:linear-gradient(#8aaec9,#345a7b)}
.floating{background:#f8fcff;border:1px solid #d8eafa;box-shadow:0 20px 48px #0006;border-radius:13px}
.proof{position:relative;background:#fff;box-shadow:0 12px 40px #0b274d09}.proof .container{min-height:124px}.proof-intro{font-size:15px;color:#092c55}.proof-item strong{color:#173a60}
.section{padding-block:116px}
.section-heading h2{font-size:clamp(35px,4vw,52px);letter-spacing:-.055em}
.service{border:1px solid #dfebf5;border-radius:16px;min-height:285px;padding:34px;background:linear-gradient(155deg,#fff 45%,#f8fbff);box-shadow:0 12px 35px #173d6909;overflow:hidden}
.service:after{content:"";position:absolute;width:130px;height:130px;right:-95px;top:-95px;border:1px solid #3689f84d;border-radius:50%;transition:transform .3s}
.service:hover{border-color:#5eabfa;box-shadow:0 24px 54px #0e5ca11c;transform:translateY(-6px)}
.service:hover:after{transform:scale(3)}
.service-icon{width:56px;height:56px;background:linear-gradient(135deg,#e9f4ff,#dceaff);border:1px solid #d6e7fb;border-radius:13px}
.service h3{font-size:20px}
.service .arrow{color:#0868df}
.process{position:relative;background:radial-gradient(ellipse 65% 100% at 90% 5%,#123d70,transparent 75%),linear-gradient(130deg,#051123,#091e39);overflow:hidden}
.process:after{content:"";position:absolute;width:440px;height:440px;right:-240px;bottom:-280px;border:1px solid #5faaff26;border-radius:50%;box-shadow:0 0 0 75px #5faaff09,0 0 0 150px #5faaff06;pointer-events:none}
.process .step{border-top:1px solid #52718e}.process .step-number{color:#78c6ff}
.about-image{background:radial-gradient(circle at 50% 55%,#ffffff 0,#d9e9fa 70%);border:1px solid #d4e3f3;box-shadow:0 25px 60px #183e6c15;border-radius:20px}
.about-image img{filter:drop-shadow(0 20px 24px #133b6b25)}
.about-copy h2{letter-spacing:-.058em}
.final{background:linear-gradient(115deg,#e5f1ff,#f2f7fd);border-top:1px solid #dbe8f6}
.final .button{box-shadow:0 10px 25px #1767d32b}
.final .button.ghost{background:#fff;box-shadow:none}
footer{background:#040f21}
@media(max-width:820px){.hero-inner{min-height:0;padding-block:70px 82px}.hero-art{min-height:390px}.section{padding-block:78px}}
@media(max-width:520px){.hero-inner{padding-block:56px 66px}.hero h1{font-size:clamp(43px,10.7vw,58px)}.hero-art{min-height:315px}.device{transform:rotate(1deg)}.service{min-height:240px}.section{padding-block:64px}}
@media(prefers-reduced-motion:reduce){.service:hover,.button:hover{transform:none}}

/* Integrated editorial footer */
.premium-footer{position:relative;background:linear-gradient(135deg,#f9fcff 0%,#edf5fd 58%,#e9f2fc 100%);color:#183454;padding:77px 0 28px;border-top:1px solid #dce7f3;overflow:hidden}
.premium-footer:before{content:'';position:absolute;width:480px;height:480px;border:1px solid #80b8f32c;border-radius:50%;right:-250px;top:-270px;box-shadow:0 0 0 80px #80b8f30a,0 0 0 160px #80b8f306;pointer-events:none}
.premium-footer .footer-main{position:relative;display:grid;grid-template-columns:1.65fr .75fr 1.2fr .85fr;gap:45px;align-items:start}
.premium-footer .footer-brand img{display:block;width:min(100%,320px);height:auto;mix-blend-mode:multiply;background:transparent;border:0;border-radius:0;filter:none}
.premium-footer .footer-brand p{color:#5a6f86;font-size:14px;line-height:1.85;max-width:335px;margin:17px 0 19px}
.premium-footer .footer-contact{display:inline-flex;align-items:center;gap:15px;color:#0965ce;font-weight:800;font-size:14px;padding-bottom:5px;border-bottom:1px solid #7bb5f5}
.premium-footer .footer-column{display:flex;flex-direction:column;gap:14px}
.premium-footer .footer-column h3{font-family:Manrope,Arial,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:#102b4a;margin:8px 0 8px}
.premium-footer .footer-column>a{color:#536982;font-size:13px;line-height:1.45;font-weight:600;transition:color .15s}
.premium-footer .footer-column>a:hover,.premium-footer .back-top:hover{color:#086cde;text-decoration:none}
.premium-footer .footer-location{font-size:12px;color:#6a829c;margin-top:8px;line-height:1.65}
.premium-footer .footer-rule{height:1px;background:#d3e1ef;margin:60px 0 24px}
.premium-footer .footer-bottom{padding:0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#73879c;font-size:12px}
.premium-footer .back-top{color:#175caa;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:1050px){.premium-footer .footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:34px}.premium-footer .footer-column:last-child{grid-column:2/4}}
@media(max-width:680px){.premium-footer{padding:52px 0 25px}.premium-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}.premium-footer .footer-brand{grid-column:1/-1}.premium-footer .footer-brand img{max-width:280px}.premium-footer .footer-column:last-child{grid-column:auto}.premium-footer .footer-rule{margin:42px 0 23px}.premium-footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:10px}}
@media(max-width:360px){.premium-footer .footer-main{grid-template-columns:1fr}.premium-footer .footer-brand{grid-column:auto}}

/* Larger, readable Computer Wizards header logo */
@media(min-width:1091px){.cw-site-header .cw-nav-shell{width:min(1330px,calc(100% - 38px));min-height:112px;gap:10px}.cw-site-header .cw-logo-link{flex:0 0 325px;min-width:0}.cw-site-header .cw-header-logo{width:325px;max-width:325px;height:auto}.cw-site-header .cw-main-nav>a,.cw-site-header .cw-drop>summary{padding-inline:10px}}
@media(min-width:1091px) and (max-width:1190px){.cw-site-header .cw-logo-link{flex-basis:285px}.cw-site-header .cw-header-logo{width:285px;max-width:285px}.cw-site-header .cw-main-nav>a,.cw-site-header .cw-drop>summary{padding-inline:8px;font-size:13px}}
@media(max-width:1090px){.cw-site-header .cw-logo-link{flex:0 1 300px}.cw-site-header .cw-header-logo{width:min(100%,300px);max-width:300px}}
@media(max-width:430px){.cw-site-header .cw-logo-link{flex:0 1 225px}.cw-site-header .cw-header-logo{width:225px;max-width:100%}}

.cw-reviews{background:#f4f8fd}.cw-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cw-review-card{background:white;border:1px solid #dbe7f4;border-radius:15px;padding:30px;box-shadow:0 15px 35px #123d6710}.cw-review-card>span{font-size:44px;line-height:1;color:#3288e9}.cw-review-card blockquote{margin:10px 0 25px;line-height:1.8;color:#536a82;white-space:pre-line}.cw-review-card strong{font-size:14px;color:#173b60}@media(max-width:780px){.cw-reviews-grid{grid-template-columns:1fr}}