/* Original ComputerHof artwork and lightweight, purposeful motion. */
:root{--navy:#033b5c;--ink:#073b56;--blue:#086d9f;--blue-dark:#034b73;--green:#00c67e;--line:#dbe7ed}
.nav-mobile-only{display:none}
@media(max-width:900px){.nav-mobile-only{display:list-item}.primary-nav.is-open{max-height:calc(100dvh - 90px);overflow-y:auto}}
@media(max-width:650px){body:has(.menu-toggle[aria-expanded=true]) .mobile-contact{display:none}}
.brand.brand-original{display:block;position:relative;width:170px;height:86px;overflow:hidden;flex-shrink:0}
.brand.brand-original img{position:absolute;width:170px;max-width:none;max-height:none;height:170px;top:-45px;left:0;object-fit:contain}
.header-inner{min-height:102px}.primary-nav li>a{font-size:14px}.site-header{box-shadow:0 3px 20px #073b5609}
.footer-premium .brand-original{background:white;border-radius:12px;width:190px;height:103px}.footer-premium .brand-original img{width:174px;height:174px;left:8px;top:-40px}
.hero-immersive .button{background:#087eae;border-color:#148bb9}.hero-immersive .button:hover{background:#03618d}.hero-immersive .button-outline{background:#ffffff0b;border-color:#ffffff6b}.hero-immersive .button-outline:hover{background:#ffffff20}
.hero-immersive h1 span{color:#a3d5f2}.hero-stage{min-height:700px}.hero-immersive h1{font-size:clamp(54px,5.6vw,80px)}.hero-immersive .hero-copy{padding-top:62px;padding-bottom:75px}
.status-dot{background:var(--green);box-shadow:0 0 0 5px #00c67e1a}.hero-proof{display:flex;align-items:center;gap:9px;color:#e3f4fb;font-size:14px;margin-top:20px}.hero-proof svg{width:19px;color:#66e3b5}
.service-card{border-radius:10px 26px 10px 10px}.service-card:before{background:linear-gradient(90deg,var(--green),#2c9bd1)}.service-card.featured .service-icon{color:#8cd5f6}.service-card.featured .card-link{color:#b4e2fa}
.service-icon{background:#edf6f9}.service-card:hover .service-icon svg{transform:rotate(-7deg)}.service-icon svg{transition:transform .35s}.accent-word{position:relative}.accent-word:after{content:"";display:block;width:74px;height:4px;background:linear-gradient(90deg,var(--green),#00c67e00);border-radius:50%;margin-top:14px}
.offer-journey{background:#fff;padding-top:76px}.offer-selector{display:flex;gap:8px;margin-bottom:20px;padding:6px;background:#eef4f7;border-radius:14px;width:fit-content;max-width:100%}.offer-selector[hidden],.offer-panel[hidden]{display:none}
.offer-selector button{border:0;background:transparent;color:#36596d;padding:14px 21px;min-height:52px;border-radius:10px;font-weight:600;font-size:16px;transition:background .2s,color .2s}.offer-selector button[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 5px 15px #00355720}.offer-selector button:hover{background:#dceaf0;color:#033b5c}.offer-selector button[aria-pressed=true]:hover{background:#064968;color:white}
.offer-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;border:1px solid #dce8ed;border-radius:16px;padding:50px;background:linear-gradient(115deg,#f7fafb,#edf6f8);margin-bottom:18px}.offer-copy h3{font-size:clamp(29px,3vw,41px);line-height:1.2}.offer-copy p{font-size:18px;margin:24px 0;max-width:550px}.offer-copy .eyebrow{font-size:11px}.offer-receipt{position:relative;align-self:center;overflow:hidden;background:#fff;padding:32px;border:1px solid #dce9ee;border-bottom:3px solid var(--green);box-shadow:0 16px 40px #033b5c09;border-radius:12px;transform:rotate(1deg)}.receipt-icon{display:grid;place-items:center;width:44px;height:44px;background:#ecf8f4;color:#037d59;border-radius:12px;margin-bottom:17px}.receipt-number{position:absolute;right:25px;top:12px;font-size:78px;line-height:1.2;font-weight:700;color:#edf3f5;letter-spacing:-.08em}.offer-receipt>strong{font-size:19px}.offer-receipt ol{list-style:none;margin:20px 0;padding:0}.offer-receipt li{display:flex;gap:10px;align-items:start;font-size:15px;padding:11px 0;border-bottom:1px solid #edf2f5}.offer-receipt li svg{width:18px;height:23px;color:#078960}.receipt-sign{font-size:16px;font-weight:600;color:#033b5c}.receipt-sign span{display:block;font-size:13px;font-weight:400;color:#567181;margin-top:3px}
.offer-panel.is-selected .offer-receipt{animation:receipt-settle .5s ease-out both}.offer-panel.is-selected li{animation:receipt-check .4s ease-out both}.offer-panel.is-selected li:nth-child(2){animation-delay:.09s}.offer-panel.is-selected li:nth-child(3){animation-delay:.18s}@keyframes receipt-settle{from{opacity:.5;transform:translateY(14px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(1deg)}}@keyframes receipt-check{from{opacity:.2;transform:translateX(7px)}to{opacity:1;transform:none}}
.certainty-feature{background:#edf6f8}.shield-core{background:transparent;box-shadow:none;transform:none;border-radius:0;overflow:visible;width:230px;height:260px}.shield-core img{width:260px;max-width:none;height:260px;object-fit:contain;transform:none;filter:drop-shadow(0 18px 20px #033b5c18)}.shield-core:after{display:none}.certainty-art.is-entering .shield-core{animation:shield-arrive 1s ease-out both}@keyframes shield-arrive{from{opacity:.4;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}.orbit-tag{z-index:1}.orbit-tag svg{color:#048765}.shield-orbit{border-color:#c4dce5}.orbit-two{border-color:#c4dce5}.certainty-art.is-entering .orbit-tag{animation:receipt-check .7s .25s both}.certainty-art.is-entering .tag-two{animation-delay:.4s}.certainty-art.is-entering .tag-three{animation-delay:.55s}
.process-story{background:radial-gradient(ellipse at 5% 30%,#0a4b69,transparent 55%),#072d45}.story-steps:after{background:linear-gradient(#148dc4,#5be1ba);box-shadow:0 0 15px #22adbc44}.story-step.is-active .story-node{background:#087c9b;border-color:#75d5da;box-shadow:0 0 0 7px #00c67e15}.story-step.is-active .story-card{background:#103d56;border-color:#377088}.story-progress-number{color:#9dd9ed}.story-result{color:#9ee4c8}
.service-assurance{display:grid;grid-template-columns:1fr 1.15fr;gap:35px 60px;margin-top:68px;padding:45px;background:#eef7f6;border:1px solid #dbece8;border-radius:16px}.service-assurance h2{font-size:34px}.service-assurance p{margin-top:20px;font-size:17px}.service-assurance ul{margin:0;padding:0;list-style:none}.service-assurance li{display:flex;gap:14px;margin:0 0 22px;font-size:15px;color:#526977}.service-assurance li strong{display:block;color:#073b56;margin-bottom:5px;font-size:17px}.service-assurance li svg{color:#087954;width:21px;margin-top:4px}.assurance-seal{grid-column:1/-1;display:flex;gap:12px;padding-top:24px;border-top:1px solid #cde4de;color:#055c48;font-size:18px}.assurance-seal svg{color:#05825d}
.local-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.local-links a{display:inline-flex;align-items:center;gap:10px;background:#f0f6f9;border:1px solid #dbe8ee;border-radius:7px;padding:10px 15px;min-height:46px;color:#064d71;font-size:15px}.local-links a:hover{background:#dceef3}.local-links svg{width:15px}.region-tags{display:none}.service-assurance+.local-links{margin-top:30px}
.price-card.featured{border-color:#087eae}.price-card .button{width:100%}.plan-fit{display:block;background:#edf6f8;border-radius:7px;padding:9px 12px;font-size:13px;color:#225c74;margin-bottom:22px}.page-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#d6edf3,transparent 65%),#f3f8fa}.page-hero:after{content:"";position:absolute;width:310px;height:350px;right:-75px;top:40px;background:url('computerhof-shield-original.png') center/contain no-repeat;opacity:.035;pointer-events:none}.page-hero>.container{position:relative;z-index:1}.footer-premium{background:#052c43}.footer-direct strong{color:white}.footer-links nav a{padding:6px 0}.footer-brand-promise{font-size:13px!important;color:#9ed3e4!important}.contact-band{background:#086d9f}
@media(max-width:1050px){.primary-nav li>a{font-size:13px}.header-call{font-size:12px;padding:12px}.brand.brand-original{width:145px;height:76px}.brand.brand-original img{width:145px;height:145px;top:-37px}.offer-panel{gap:30px;padding:35px}}
@media(max-width:900px){.primary-nav li>a{font-size:17px}.header-inner{min-height:90px}.offer-selector button{font-size:14px}.service-assurance{gap:30px;padding:32px}.story-intro{top:130px}}
@media(max-width:650px){html{scroll-padding-top:95px}.topbar{display:none}.header-inner{min-height:82px}.brand.brand-original{width:138px;height:70px}.brand.brand-original img{width:138px;height:138px;top:-36px}.menu-toggle{padding:10px 14px;min-width:80px}.hero-stage{min-height:0}.hero-immersive .hero-copy{padding:35px 0 274px}.hero-immersive h1{font-size:clamp(44px,11.8vw,62px)}.hero-immersive .hero-intro{font-size:16px;line-height:1.75;margin-top:20px}.hero-backdrop{height:300px;object-position:50% center}.hero-shade{background:linear-gradient(to top,#0a203930 0,#0a203950 140px,#0a2039 295px)}.hero-immersive .eyebrow{margin-bottom:19px}.hero-proof{font-size:12px;line-height:1.6;margin-top:17px}.hero-proof svg{width:17px}.availability{font-size:13px}.hero-person{bottom:23px}.offer-journey{padding:55px 0}.offer-selector{width:100%;display:grid;grid-template-columns:1fr;padding:5px;gap:4px;border-radius:12px}.offer-selector button{font-size:15px;text-align:left;min-height:48px;padding:12px 15px}.offer-selector button:after{content:"→";float:right}.offer-panel{grid-template-columns:1fr;gap:27px;padding:26px 21px}.offer-copy h3{font-size:30px}.offer-copy p{font-size:16px;line-height:1.75;margin:20px 0}.offer-copy .button{font-size:14px;width:100%}.offer-receipt{padding:25px 20px}.offer-receipt li{font-size:14px}.offer-receipt>strong{font-size:18px}.certainty-art{min-height:350px}.shield-core img{width:235px;height:235px}.tag-one{top:24px}.tag-two{top:190px}.tag-three{bottom:28px}.accent-word:after{height:3px;width:56px;margin-top:12px}.service-assurance{grid-template-columns:1fr;gap:25px;padding:28px 22px;margin-top:45px}.service-assurance h2{font-size:30px}.service-assurance li{font-size:15px}.service-assurance p{font-size:16px}.assurance-seal{font-size:16px;align-items:center}.footer-premium{padding-bottom:102px}.footer-premium .brand-original{width:180px;height:95px}.footer-premium .brand-original img{width:164px;height:164px;top:-39px}.mobile-contact{left:50%;right:auto;bottom:max(12px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(304px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:6px;background:#fff;border:1px solid #cddfe8;border-radius:18px;box-shadow:0 7px 30px #012c4430}.mobile-contact a,.mobile-contact a:last-child{display:flex;flex-direction:column;gap:2px;min-height:51px;background:#edf5f8;color:#154e6d;border-radius:12px;font-size:12px;line-height:1.3}.mobile-contact a:nth-child(2){background:#07597e;color:white}.mobile-contact a:first-child{background:#e4f6ec;color:#0a6d47}.mobile-contact svg{height:19px;width:19px}.mobile-contact a:hover{filter:brightness(.95)}body:has(input:focus,textarea:focus,select:focus) .mobile-contact{display:none}.page-hero h1{font-size:clamp(34px,9.5vw,42px);overflow-wrap:break-word}.page-hero .lead{line-height:1.75}.page-hero:after{width:190px;height:220px}.local-links a{font-size:14px}.price-table{font-size:14px}.footer-direct strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.offer-receipt{transform:none}.offer-panel.is-selected .offer-receipt,.offer-panel.is-selected li,.certainty-art.is-entering .shield-core,.certainty-art.is-entering .orbit-tag{animation:none}.service-card:hover,.button:hover{transform:none}}
@media print{.offer-selector{display:none}.offer-panel[hidden]{display:grid}.service-assurance{break-inside:avoid}.page-hero:after{display:none}}