/* ComputerHof: spacious typography, original blue/white identity, photo-led design. */
:root{--navy:#102b50;--blue:#1765dc;--ink:#122e50;--text:#506078;--line:#dce5ef}
body{font-size:17px;line-height:1.7}h2{font-size:clamp(34px,3.45vw,52px);line-height:1.12;letter-spacing:-.045em}.container{max-width:1280px}.eyebrow{font-size:12px;letter-spacing:.12em}.accent-word{color:var(--blue)}.button{font-size:16px;min-height:54px;border-radius:9px;padding:15px 23px;box-shadow:0 5px 16px #0b43a414;transition:transform .25s,background .25s,box-shadow .25s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0b43a429}.button-small{font-size:14px}.topbar{font-size:12px}.topbar .container{min-height:36px}.brand small{font-size:10px;letter-spacing:.04em}.primary-nav li>a{font-size:14px}.section{padding:100px 0}.section-heading>p{font-size:17px}.text-link{font-size:16px}
.hero.hero-immersive{position:relative;isolation:isolate;background:#0a2039;padding:0;overflow:hidden;color:white}.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 47%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071d34fa 0%,#0a223af2 26%,#102a3b83 57%,#081b2d20 82%),linear-gradient(0deg,#081e35c4,transparent 36%);z-index:-2}.hero-stage{min-height:730px;position:relative;display:flex;align-items:center}.hero-immersive .hero-copy{max-width:650px;padding:70px 0 90px}.hero-immersive .eyebrow{color:#cee0f6;font-size:12px;letter-spacing:.13em;margin-bottom:27px}.hero-immersive h1{color:white;font-size:clamp(56px,5.8vw,84px);line-height:1.04;letter-spacing:-.055em;margin:0}.hero-immersive h1 span{color:#9bc7ff}.hero-immersive .hero-intro{max-width:525px;color:#e1eaf4;font-size:18px;line-height:1.8;margin:27px 0 0}.hero-immersive .hero-actions{margin-top:29px;flex-direction:row;align-items:center}.hero-immersive .button{background:#2878ed;border-color:#2878ed;color:white}.hero-immersive .button-outline{background:#ffffff0b;border-color:#ffffff6b;color:white;backdrop-filter:blur(8px)}.hero-immersive .button-outline:hover{background:#ffffff20}.availability{display:flex;gap:9px;align-items:center;color:#d7e5f4;font-size:14px;margin:22px 0 0}.availability svg{flex-shrink:0;width:17px}.hero-person{position:absolute;right:10px;bottom:77px;display:flex;flex-direction:column;text-shadow:0 2px 15px #001428;max-width:260px}.hero-person strong{font-size:24px;letter-spacing:-.035em}.hero-person>span:last-child{font-size:14px;color:#e2ebf4}.hero-person-line{width:45px;height:2px;background:#97c7ff;margin-bottom:15px}.scroll-cue{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:16px;font-size:12px;color:#dfeaff;align-items:center}.scroll-cue>span:last-child{border:1px solid #ffffff4a;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;animation:cue 3s ease-in-out 3}@keyframes cue{50%{transform:translateY(4px)}}
.promise-bar{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 30px #14325206}.promise-grid{display:grid;grid-template-columns:1fr 1.12fr 1fr;padding:30px 0;gap:24px}.promise-grid>div{display:flex;align-items:center;gap:14px}.promise-grid>div+div{padding-left:24px;border-left:1px solid var(--line)}.promise-grid svg{color:var(--blue);width:27px;height:27px;flex-shrink:0}.promise-grid strong{display:block;font-size:16px;color:var(--navy);line-height:1.4;letter-spacing:-.025em}.promise-grid small{font-size:13px;color:var(--text);display:block;margin-top:4px}
.services{background:linear-gradient(#fff,#f6f9fd)}.service-grid{gap:20px}.service-card{background:white;border:1px solid #e0e7f0;padding:30px;border-radius:15px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.service-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue),#89beff);transform:scaleX(0);transform-origin:left;transition:transform .35s}.service-card:hover{transform:translateY(-5px);border-color:#b6d2f5;box-shadow:0 18px 45px #14396a0d}.service-card:hover:before{transform:scaleX(1)}.service-card.featured{background:var(--navy);border-color:var(--navy)}.service-card h3{font-size:24px}.service-card p{font-size:16px}.card-link{font-size:14px}.service-icon{border-radius:12px;background:#edf4ff;margin-bottom:25px}.service-card.featured .service-icon{background:#ffffff15}.service-bottom{font-size:15px}
.certainty-feature{overflow:hidden;background:#edf4fc}.certainty-layout{display:grid;grid-template-columns:.95fr 1fr;gap:95px;align-items:center}.certainty-copy>p:not(.certainty-price){font-size:18px;max-width:535px;margin-top:24px}.check-list{font-size:16px;line-height:1.6}.check-list li{margin-bottom:12px}.certainty-price{margin:27px 0 24px;font-size:16px;color:var(--navy)}.certainty-price strong{font-size:33px;letter-spacing:-.05em;margin:0 3px}.certainty-price span{display:block;color:var(--text);font-size:13px;margin-top:-4px}.certainty-question{display:inline-flex;margin:17px 0 0 18px}.certainty-art{position:relative;min-height:460px;display:grid;place-items:center}.shield-core{width:225px;height:250px;display:grid;place-items:center;border-radius:38px;background:linear-gradient(135deg,#fff,#e7f0fb);box-shadow:0 25px 70px #1d589f1c,inset 0 1px 1px #fff;position:relative;overflow:hidden;transform:rotate(-5deg)}.shield-core img{width:125px;transform:rotate(5deg)}.shield-core:after{content:"";position:absolute;inset:-100%;background:linear-gradient(110deg,transparent 42%,#ffffffbc 50%,transparent 58%);transform:translateX(-55%)}.certainty-art.is-entering .shield-core:after{animation:shield-shine 2.5s .5s ease-out}@keyframes shield-shine{to{transform:translateX(55%)}}.shield-orbit{position:absolute;inset:20px 0;border-radius:50%;border:1px solid #b8d1ed}.orbit-two{inset:63px 43px;border-style:dashed;border-color:#bed5ef}.orbit-tag{display:flex;align-items:center;gap:8px;position:absolute;background:#fff;border:1px solid #e1eaf5;padding:12px 17px;border-radius:10px;box-shadow:0 10px 35px #173e6d0c;font-size:14px;font-weight:600;color:var(--navy)}.orbit-tag svg{color:var(--blue);width:18px}.tag-one{top:63px;right:-15px}.tag-two{left:-10px;top:240px}.tag-three{right:-25px;bottom:70px}.art-caption{position:absolute;bottom:-5px;font-size:13px;color:#5e7895}
.process-story{background:#0e2845;color:#c7d7e8;position:relative;overflow:clip}.story-layout{display:grid;grid-template-columns:.87fr 1fr;gap:110px;align-items:start}.story-intro{position:sticky;top:160px;padding:25px 0}.story-intro .eyebrow,.story-card .eyebrow{color:#9bc5fb}.story-intro h2{color:#fff;font-size:clamp(42px,4.5vw,64px)}.story-intro .accent-word{color:#9bc7ff}.story-intro p{max-width:400px;font-size:17px;margin:25px 0}.story-intro .text-link{color:#cce1ff}.story-progress-label{display:flex;align-items:center;gap:20px;margin:38px 0;color:#9db5cf;font-size:14px}.story-progress-number{font-size:72px;line-height:1;letter-spacing:-.08em;color:#b7d6fd;font-weight:600;font-variant-numeric:tabular-nums}.story-steps{padding:0 0 0 48px;margin:0;list-style:none;position:relative;--story-progress:0}.story-steps:before,.story-steps:after{content:"";position:absolute;left:17px;top:34px;bottom:34px;width:2px;background:#ffffff15}.story-steps:after{background:linear-gradient(#3182fa,#95c7ff);transform-origin:top;transform:scaleY(var(--story-progress));box-shadow:0 0 15px #4694ff80}.story-step{position:relative;padding:0 0 34px 24px}.story-step:last-child{padding-bottom:0}.story-node{position:absolute;left:-49px;top:30px;width:38px;height:38px;background:#153553;border:1px solid #46637f;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;color:#b0c5dc;z-index:2;transition:background .35s,box-shadow .35s}.story-step.is-active .story-node{background:#2c7ae4;color:white;border-color:#75b0ff;box-shadow:0 0 0 7px #428ee51c}.story-card{border:1px solid #ffffff18;border-radius:16px;background:#ffffff05;padding:35px;transition:background .5s,border-color .5s,transform .5s;min-height:250px;position:relative}.story-step.is-active .story-card{background:#183b60;border-color:#598dc26b;transform:translateX(5px)}.story-card .eyebrow{display:block;font-size:11px;padding-right:33px;margin:0 0 12px;letter-spacing:.08em}.story-card h3{color:#fff;font-size:27px;line-height:1.25;letter-spacing:-.04em;margin:0 0 17px}.story-card p{font-size:16px;line-height:1.8;margin:0;color:#c1d2e4}.story-icon{position:absolute;right:25px;top:25px;color:#88b9f7}.story-icon svg{width:22px}.story-result{display:flex;gap:8px;align-items:center;font-size:13px;color:#c8e3ff;margin-top:22px}.story-result svg{width:17px}
.personal-copy p{font-size:18px}.portrait-wrap img{border-radius:18px}.portrait-signature{background:#0e2949f2;color:#fff;border:1px solid #ffffff20;box-shadow:0 12px 45px #071a3230;backdrop-filter:blur(8px);font-size:25px}.portrait-signature span{color:#c7d9ed;font-size:13px}.laptop-feature{background:#f3f7fc}.laptop-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.laptop-layout>div>p{font-size:18px;margin:25px 0 30px}.laptop-scene{background:radial-gradient(ellipse,#dae9fe,transparent 68%);text-align:center}.laptop-scene img{width:100%;max-width:500px;transform:rotate(-3deg)}.laptop-options{display:flex;align-items:center;justify-content:center;gap:10px}.laptop-options span{font-size:12px;display:flex;align-items:center;gap:7px}.laptop-options span:nth-child(odd){background:#fff;border:1px solid var(--line);padding:11px;border-radius:8px}.laptop-options svg{width:17px;color:var(--blue)}.laptop-scene>p{font-size:13px!important;margin:15px 0!important}.business-section{padding:85px 0 0}.business-panel{border-radius:20px;background:radial-gradient(ellipse at 100% 0,#285a86,transparent 70%),#102b50;padding:65px;position:relative;overflow:hidden}.business-panel p{font-size:17px}.business-list>div{font-size:17px}.business-list small{font-size:14px}.tip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tip-card{padding:30px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;background:white;transition:box-shadow .3s,transform .3s}.tip-card:hover{box-shadow:0 16px 35px #102b5010;transform:translateY(-4px)}.tip-meta{font-size:12px;color:var(--blue);display:flex;gap:9px;margin-bottom:25px}.tip-card h3{font-size:23px;line-height:1.35;letter-spacing:-.035em}.tip-card p{font-size:16px;color:var(--text);margin:18px 0 25px}.tip-card .text-link{margin-top:auto;font-size:14px}.faq-section{padding-top:50px}.faq-list summary{font-size:17px}.faq-list details p{font-size:16px}.faq-grid>div>p{font-size:17px}.contact-band{background:#1c64cb;position:relative;overflow:hidden}.contact-band h2{font-size:46px}.contact-band p{font-size:18px}.contact-band .eyebrow{color:#d0e2ff}.contact-band:before{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff16;border-radius:50%;right:25%;top:-170px;pointer-events:none}.footer-premium{background:#0b213b;color:#afc3da;padding:60px 0 0}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:center}.footer-premium .brand{color:white}.footer-premium .brand-hof{color:#8cbdff}.footer-premium .brand small{color:#b8cee6}.footer-top p{font-size:15px;margin-top:18px;color:#adc2d9}.footer-direct{display:block;color:#fff}.footer-direct>span{font-size:13px;color:#b1c7df}.footer-direct strong{display:flex;align-items:center;gap:24px;font-size:32px;font-weight:500;letter-spacing:-.035em}.footer-direct svg{width:25px;color:#7fb4fc}.footer-links{padding:32px 0;border-bottom:1px solid #ffffff18}.footer-links nav{display:flex;flex-wrap:wrap;gap:15px 28px;margin-bottom:17px}.footer-links nav a{font-size:15px;color:#e1edfa}.footer-links>span{font-size:12px;color:#95adc7}.footer-bottom{border:0;margin:0;color:#94adc8;font-size:12px;padding:23px 0}.footer-bottom a{color:#b5c9df}.page-hero{background:radial-gradient(ellipse at 95% 0,#e1edfb,transparent 62%),#f2f6fc;border-bottom:1px solid var(--line)}.page-hero .lead{font-size:19px}.page-hero .eyebrow{font-size:12px}.prose{font-size:18px}.price-card p,.price-card li{font-size:16px}.price-card{border-radius:16px}.contact-option small{font-size:14px}.contact-form label{font-size:16px}.contact-form input,.contact-form textarea{font-size:17px}.menu-toggle{font-size:15px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ecad35;outline-offset:5px}
@media(min-width:1600px){.hero-stage{min-height:800px}.hero-immersive .hero-copy{padding:90px 0 110px}.hero-backdrop{object-position:center 44%}}
@media(max-width:1100px){.hero-stage{min-height:700px}.hero-immersive h1{font-size:67px}.hero-immersive .hero-copy{max-width:590px}.hero-immersive .hero-intro{max-width:480px}.hero-person{right:0;bottom:60px;font-size:13px;max-width:200px}.hero-person strong{font-size:20px}.promise-grid{gap:16px}.promise-grid>div+div{padding-left:16px}.promise-grid strong{font-size:14px}.promise-grid small{font-size:12px}.certainty-layout{gap:55px}.story-layout{gap:55px}.story-card{padding:30px}.laptop-layout{gap:30px}.laptop-options{flex-wrap:wrap}.certainty-question{margin-left:0}.tip-card{padding:24px}.service-card{padding:25px}}
@media(max-width:900px){.hero-immersive .hero-actions{flex-direction:row;gap:10px}.hero-immersive .hero-actions .button{min-width:0;font-size:14px;padding:15px 17px}.hero-immersive .hero-copy{max-width:550px}.hero-person{display:none}.hero-shade{background:linear-gradient(90deg,#071d34f5,#0a223adb 40%,#102a3b40),linear-gradient(0deg,#081e3580,transparent)}.certainty-layout{grid-template-columns:.85fr 1fr;gap:40px}.certainty-art{min-height:370px}.shield-core{width:180px;height:210px}.orbit-tag{font-size:11px;padding:10px}.tag-one{right:-10px;top:30px}.tag-two{left:-10px;top:200px}.tag-three{bottom:45px;right:-10px}.story-layout{gap:30px;grid-template-columns:.85fr 1fr}.story-card h3{font-size:24px}.story-card{padding:27px}.story-card .eyebrow{padding-right:0;margin-top:35px}.story-icon{left:25px;top:23px}.story-intro{top:110px}.tip-grid{gap:15px}.tip-card h3{font-size:21px}.business-panel{padding:40px}.service-card p{font-size:16px}.primary-nav li>a{font-size:17px}}
@media(max-width:650px){body{font-size:17px}.container{width:calc(100% - 40px)}.section{padding:65px 0}.topbar{font-size:10px}.brand small{font-size:9px}.brand>span{font-size:24px}.menu-toggle{font-size:14px;min-height:46px}.hero.hero-immersive{padding:0}.hero-stage{min-height:820px;align-items:flex-start}.hero-immersive .hero-copy{padding:45px 0 250px;width:100%}.hero-immersive .eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:.09em}.hero-immersive h1{font-size:clamp(48px,12vw,67px);line-height:1.05;letter-spacing:-.055em}.hero-immersive .hero-intro{font-size:16px;line-height:1.8;margin-top:23px;max-width:100%}.hero-immersive .hero-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:25px}.hero-immersive .hero-actions .button{font-size:16px;padding:15px 18px;min-height:54px;width:100%;justify-content:center}.hero-backdrop{height:440px;top:auto;bottom:0;object-position:70% center;object-fit:cover}.hero-shade{background:linear-gradient(0deg,#0a20394a,transparent 23%,#0a2039f5 47%,#0a2039 65%)}.hero-person{display:flex;bottom:30px;right:20px;max-width:none}.hero-person-line{display:none}.hero-person strong{font-size:20px}.hero-person>span:last-child{font-size:12px}.scroll-cue{display:none}.availability{font-size:13px;line-height:1.5}.promise-grid{grid-template-columns:1fr;gap:0;padding:10px 0}.promise-grid>div,.promise-grid>div+div{border-left:0;padding:20px 0;gap:15px}.promise-grid>div+div{border-top:1px solid var(--line)}.promise-grid strong{font-size:16px}.promise-grid small{font-size:13px}.promise-grid svg{width:25px}.eyebrow{font-size:11px;letter-spacing:.08em}.section-heading>p{font-size:16px;margin-top:20px}.section-heading h2{font-size:37px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:28px}.service-card h3{font-size:24px}.service-card p{font-size:16px;line-height:1.75;margin:15px 0 23px}.service-icon{margin-bottom:22px;width:47px;height:47px}.card-link,.service-bottom,.service-bottom .text-link{font-size:15px}.certainty-layout{display:flex;flex-direction:column-reverse;gap:35px}.certainty-copy>p:not(.certainty-price){font-size:17px}.certainty-art{min-height:360px;width:100%;max-width:430px}.shield-core{width:190px;height:215px}.orbit-tag{font-size:12px;padding:10px}.tag-one{right:0}.tag-two{left:0;top:200px}.tag-three{right:0;bottom:33px}.art-caption{bottom:-13px;font-size:12px}.certainty-question{display:flex;margin:18px 0 0}.story-layout{display:block}.story-intro{position:static;padding:0 0 35px}.story-intro h2{font-size:45px}.story-intro p{font-size:16px}.story-progress-label{display:none}.story-steps{padding-left:32px}.story-steps:before,.story-steps:after{left:14px}.story-step{padding-left:18px}.story-node{left:-34px;width:33px;height:33px;font-size:11px}.story-card{padding:24px;min-height:0}.story-card h3{font-size:25px}.story-card p{font-size:16px}.story-card .eyebrow{font-size:10px}.story-result{font-size:12px}.story-step.is-active .story-card{transform:none}.personal-copy p{font-size:17px}.personal-copy h2{font-size:35px}.portrait-signature{font-size:24px;left:15px;right:15px}.portrait-signature span{font-size:12px}.check-list{font-size:16px}.laptop-layout{grid-template-columns:1fr;gap:25px}.laptop-layout h2{font-size:35px}.laptop-layout>div>p{font-size:17px}.laptop-layout .button{font-size:14px}.laptop-options{gap:7px;flex-wrap:wrap}.laptop-options span{font-size:11px}.laptop-options span:nth-child(odd){padding:9px}.business-section{padding:50px 0 0}.business-panel{padding:33px 25px}.business-panel h2{font-size:34px}.business-panel p{font-size:16px}.business-panel .button{font-size:14px}.business-list>div{font-size:16px}.business-list small{font-size:13px}.tip-grid{grid-template-columns:1fr;gap:17px}.tip-card{padding:28px}.tip-card h3{font-size:24px}.tip-card p{font-size:16px}.tip-meta{font-size:12px}.tip-card .text-link{font-size:15px}.tips-home .section-heading>.text-link{margin-top:20px}.faq-section{padding-top:25px}.faq-list summary{font-size:17px;line-height:1.6;padding:22px 0}.faq-list details p{font-size:16px}.faq-grid>div>p{font-size:16px}.contact-band h2{font-size:37px}.contact-band p{font-size:17px}.footer-premium{padding:45px 0 70px}.footer-top{display:block}.footer-direct{margin-top:27px}.footer-direct strong{font-size:29px}.footer-top p{font-size:15px}.footer-links nav{gap:12px 24px}.footer-links nav a{font-size:15px;min-height:32px}.footer-links>span{font-size:12px;display:block}.footer-bottom{font-size:12px;gap:18px}.footer-bottom>div{flex-wrap:wrap;gap:13px 22px}.mobile-contact a{font-size:15px;min-height:49px}.page-hero h1{font-size:40px}.page-hero .lead{font-size:17px}.page-hero .eyebrow{font-size:11px}.breadcrumbs{font-size:12px}.prose{font-size:17px}.contact-option small{font-size:14px}.price-card li,.price-card p{font-size:16px}.certainty-teaser p{font-size:16px}.text-link{font-size:16px}.tip-grid .text-link{font-size:15px}}
@media(prefers-reduced-motion:reduce){.story-steps:after{transform:scaleY(1)}.story-card,.story-node{transition:none}.hero-backdrop,.shield-core,.shield-core img,.laptop-scene img{transform:none}}
@media print{.hero-backdrop,.hero-shade,.scroll-cue,.hero-person,.certainty-art{display:none}.hero.hero-immersive,.process-story{background:white;color:#222}.hero-immersive h1,.hero-immersive h1 span,.hero-immersive .hero-intro,.story-intro h2,.story-card h3,.story-card p{color:#222}.hero-stage{min-height:0}.hero-immersive .hero-copy{padding:20px 0}.story-layout{display:block}.story-intro{position:static}.story-card{break-inside:avoid}}

.story-intro p{color:#c2d4e8}.hero-immersive .hero-actions .button{font-size:16px}
@media(max-width:650px){.hero-stage{min-height:930px}.hero-immersive .hero-copy{padding-bottom:345px}.hero-backdrop{height:330px}.hero-shade{background:linear-gradient(to top,#0a203920 0px,#0a203940 180px,#0a2039 340px)}.hero-person{bottom:28px}}