/* Thijs' digitale werkplaats — een beetje eigenwijs, helemaal op maat. */
:root{--navy:#17324b;--navy2:#254b63;--ink:#1b354b;--muted:#596c78;--blue:#14666b;--cyan:#b7d9ce;--paper:#f4f6f5;--line:#d6e0e2;--violet:#d7e9e7;--mint:#deece6;--yellow:#e5d4ad;--coral:#e9ded0;--radius:19px}
body{background:#fbfcfa;color:var(--ink);font-family:"Trebuchet MS",system-ui,-apple-system,"Segoe UI",sans-serif}h1,h2,h3{letter-spacing:-.045em}h1{font-weight:800}em{color:#14666b}.eyebrow{color:#14666b;letter-spacing:.13em}.site-header{background:#fbfcfa;border-block:2px solid #1b354b;box-shadow:0 5px 0 #1b354b08;z-index:30}.header-inner{height:88px}.brand-icon{border-radius:12px 5px 12px 5px;background:#1b354b;box-shadow:3px 3px 0 #b8d3d2}.brand-icon span{color:#e5d4ad}.brand-sub{color:#52707c}.brand{letter-spacing:.04em}.site-header nav>a[aria-current]:not(.button){color:#14666b}.site-header nav>a[aria-current]:not(.button):after{height:3px;background:#85b4a9;transform:rotate(-3deg)}.site-header nav>a:not(.button){font-size:.86rem}.button{background:#14666b;border:2px solid #1b354b;border-radius:11px;color:white;box-shadow:4px 4px 0 #1b354b;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s}.button:hover{background:#0d5158;border-color:#1b354b;transform:translate(2px,2px);box-shadow:2px 2px 0 #1b354b}.button.outline,.button.ghost{border:2px solid #1b354b;background:#fbfcfa;color:#1b354b;box-shadow:4px 4px 0 #cedfdf}.button.outline:hover,.button.ghost:hover{background:#e7f0ed}.button.light{border:2px solid #1b354b;background:#fbfcfa;color:#1b354b;box-shadow:4px 4px 0 #1b354b}.text-link{color:#14666b;border-color:#aac9c6}.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #28796e;outline-offset:5px}.menu-toggle{border:1.5px solid #1b354b;background:#fbfcfa;border-radius:8px;color:#1b354b}
.workshop-ceiling{height:164px;background:#e9eeec;border-top:7px solid #1b354b;position:relative;overflow:hidden;background-image:radial-gradient(#d2dcda .8px,transparent .8px);background-size:14px 14px}.ceiling-inner{height:100%;position:relative}.ceiling-note{position:absolute;left:0;bottom:21px;font-size:.8rem;line-height:1.5;transform:rotate(-4deg);color:#5c7279}.ceiling-note strong{font-size:.95rem;color:#1b354b}.drawn-arrow{position:absolute;right:-53px;top:-17px;font-size:3rem;font-weight:400;color:#14666b;transform:rotate(17deg)}.hanging{position:absolute;top:0;transform-origin:50% 0;animation:gentle-swing 8s ease-in-out infinite;pointer-events:none}.hanging img{position:absolute;width:100%;height:auto;max-width:none;object-fit:contain;filter:drop-shadow(4px 7px 4px #1b354b12)}.hanging-cable{position:absolute;top:-10px;left:50%;width:3px;background:#314c5c;border-radius:20px;transform:translateX(-50%)}.hanging-cable:before{content:"";position:absolute;top:6px;left:-6px;width:15px;height:9px;border:3px solid #314c5c;border-radius:3px;background:#e5d4ad}.hanging-mouse{left:24%;width:116px;height:161px;animation-delay:-2s;animation-duration:7s}.hanging-mouse img{top:43px;left:0}.hanging-mouse .hanging-cable{height:64px}.hanging-keyboard{left:42%;width:255px;height:164px;animation-delay:-4s;animation-duration:9s}.hanging-keyboard img{top:3px;left:0}.hanging-keyboard .hanging-cable{height:49px}.hanging-headphones{left:73%;width:135px;height:164px;animation-delay:-1s;animation-duration:8s}.hanging-headphones img{top:26px;left:0}.hanging-headphones .hanging-cable{height:50px}.ceiling-chip{position:absolute;right:0;bottom:23px;display:flex;align-items:center;gap:9px;font-size:.67rem;line-height:1.5;transform:rotate(3deg)}.ceiling-chip>span{border:1.5px solid #1b354b;border-radius:5px;background:#e5d4ad;padding:5px;font-family:monospace;font-size:.85rem}.ceiling-spark{position:absolute;left:65%;top:46px;color:#ad8c58;font-size:2.6rem;transform:rotate(12deg)}
@keyframes gentle-swing{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.hero-home{position:relative;background:#f2f6f4;color:#1b354b;overflow:hidden;background-image:radial-gradient(#d8e3df .8px,transparent .8px);background-size:20px 20px}.hero-home .hero-grid{grid-template-columns:1.14fr .86fr;gap:70px;min-height:590px;padding-block:52px 60px}.hero-home .eyebrow{color:#315f68;display:inline-block;background:#deebe7;padding:8px 12px;border-radius:6px;transform:rotate(-2deg);font-size:.66rem;letter-spacing:.09em}.hero-home h1{font-size:clamp(2.6rem,4.4vw,4.2rem);line-height:1.09;margin-bottom:25px}.hero-home h1 em{color:#14666b;position:relative;display:inline-block;isolation:isolate}.hero-home h1 em:after{content:"";position:absolute;inset:62% -10px -2px;background:#e5d4ad;transform:rotate(-2deg);z-index:-1;border-radius:3px}.hero-home .lead{color:#516978;font-size:1.04rem;max-width:530px;line-height:1.8}.hero-home .hero-note{color:#627782;font-size:.76rem;margin-top:26px}.hero-home .hero-note .line{background:#a78b62}.hero-visual{position:relative;min-width:0;padding:20px 5px 30px;max-width:430px;margin-left:auto;width:100%}.hero-home .portrait-frame{border:6px solid #1b354b;border-radius:23px 23px 18px 18px;box-shadow:10px 10px 0 #adcac9;aspect-ratio:1.02;transform:rotate(2deg);overflow:hidden}.hero-home .portrait-frame>img{object-position:50% 19%;padding-top:28px;background:#172a44}.monitor-toolbar{position:absolute;top:0;left:0;right:0;height:29px;display:flex;align-items:center;gap:5px;padding-inline:11px;background:#dbe7e7;color:#355b65;border-bottom:2px solid #1b354b;z-index:3}.monitor-toolbar>span{width:7px;height:7px;display:block;background:#ffb4a5;border:1px solid #627b82;border-radius:50%}.monitor-toolbar>span:nth-child(2){background:#e5d4ad}.monitor-toolbar>span:nth-child(3){background:#b3dfcc}.monitor-toolbar b{margin-left:auto;font-size:.56rem;font-weight:600;letter-spacing:.025em}.hero-home .portrait-label{bottom:20px;left:19px}.hero-home .portrait-label strong{font-size:1.2rem}.hero-home .portrait-label span{font-size:.72rem}.hero-home .portrait-tag{right:12px;top:46px;transform:rotate(-5deg);background:#e5d4ad;color:#3f3d48;padding:9px 11px;font-size:.59rem;box-shadow:2px 2px 0 #1b354b44}.hero-home .portrait-tag strong{font-size:.66rem}.monitor-stand{height:35px;width:110px;margin:0 auto;background:#9fb8bf;border-inline:4px solid #1b354b;clip-path:polygon(33% 0,67% 0,78% 88%,100% 90%,100% 100%,0 100%,0 90%,22% 88%);transform:rotate(2deg)}.workshop-bubble{position:absolute;right:-15px;top:-6px;z-index:4;padding:9px 13px;background:#deece6;border:1.5px solid #1b354b;border-radius:10px 10px 2px 10px;font-size:.8rem;font-weight:700;transform:rotate(6deg);box-shadow:3px 3px 0 #1b354b22}.desk-sticker{position:absolute;left:-30px;bottom:4px;z-index:4;background:#e9ded0;border:1.5px solid #1b354b;padding:12px 17px;transform:rotate(-7deg);font-size:.66rem;box-shadow:3px 3px 0 #1b354b22}.desk-sticker strong{display:block;font-size:.95rem;margin-top:1px}.proof-strip{background:#e2eeea;border-block:2px solid #cbded7}.proof-strip .wrap{padding-block:23px;font-size:.84rem}.proof-strip span{color:#4e6a65}.proof-strip strong{position:relative;padding-left:20px;white-space:nowrap}.proof-strip strong:before{content:"✳";position:absolute;left:0;color:#457e70;font-size:1rem}
.section-tint{background:#eff4f4}.section-tint:nth-of-type(2n){background:#f2f5f1}.service{border:1.5px solid #1b354b;border-radius:15px;background:#fbfcfa;border-top-width:1.5px;padding:28px;box-shadow:5px 5px 0 #dce6e5;position:relative}.service:nth-child(3n+1){background:#f6f3eb;box-shadow:5px 5px 0 #e3dbc9}.service:nth-child(3n+2){background:#edf5f1;box-shadow:5px 5px 0 #d0e3da}.service:nth-child(3n){background:#eef3f6;box-shadow:5px 5px 0 #d6e2e8}.service-number{display:inline-block;color:#4f6975;background:#ffffff9e;border:1px solid #1b354b33;padding:6px 9px;border-radius:6px;font-size:.7rem;transform:rotate(-2deg)}.service h2,.service h3{font-size:1.35rem;color:#1b354b}.service p{color:#536a78}.section-heading>div h2 em{color:#14666b}.project-card{border:1.5px solid #1b354b;border-radius:14px;box-shadow:5px 5px 0 #d6e2e5}.project-visual{border-bottom:1.5px solid #1b354b}.project-copy{background:#ffffff}.tags span{border-radius:5px;background:#e3eeed;color:#456e70}.project-caption{font-size:.8rem}.page-hero{position:relative;border-bottom:2px dashed #d1dfe0;padding-top:48px;padding-bottom:45px}.page-hero:before{content:"";position:absolute;right:10px;top:30px;width:60px;height:7px;background:#c4dbd5;transform:rotate(13deg);z-index:-1}.page-hero .eyebrow{display:inline-block;padding:6px 10px;background:#deece8;border:1px solid #c7ddd7;border-radius:5px;transform:rotate(-2deg)}.page-hero h1{font-size:clamp(2.1rem,4vw,3.7rem);max-width:1000px}.page-hero-photo img{border:2px solid #1b354b;border-radius:15px;box-shadow:6px 6px 0 #d9e4df}.page-hero-photo figcaption{font-size:.72rem;margin-top:15px}.story-image img{border:2px solid #1b354b;border-radius:17px;box-shadow:-7px 7px 0 #c1d8d3}.story-grid{gap:65px}.story-image{transform:rotate(-1.5deg)}.story-grid>div{position:relative}.pricing-card{background:#ffffff;border:1.5px solid #1b354b;border-radius:15px;box-shadow:5px 5px 0 #d9e4e3}.pricing-card.featured{border:2px solid #1b354b;background:#e5f0ed;box-shadow:5px 5px 0 #b3d0c8}.pricing-card .price{color:#14666b}.case-summary,.article-related,.contact-note{background:#eaf1f2;border:1.5px solid #c8dbde}.case-aside img{border:1.5px solid #1b354b;border-radius:12px;box-shadow:5px 5px 0 #d0e2e2}.contact-form{background:#ffffff;border:1.5px solid #cbdcdf;padding:30px;border-radius:17px;box-shadow:6px 6px 0 #e0e9e7}.contact-form input,.contact-form textarea,.contact-form select{background:#fbfcfa;border-color:#c9d9dc}.contact-form .field label{color:#375564}.contact-person strong{color:#14666b}.contact-grid{gap:50px}.cta{border:2px solid #1b354b;background:#d7e9e7;color:#1b354b;box-shadow:6px 6px 0 #1b354b;border-radius:18px;position:relative;overflow:visible}.cta .eyebrow{color:#35676d}.cta h2{color:#1b354b}.cta p{color:#466771}.cta:before{content:"✳";position:absolute;right:23px;top:-36px;font-size:4.5rem;line-height:1;color:#c5a36b;filter:drop-shadow(2px 2px 0 #1b354b);transform:rotate(8deg)}.footer{background:#e8efed;border-top:2px solid #1b354b;margin-top:0}.footer-workshop-note{display:flex;align-items:center;gap:25px;border-bottom:1px dashed #c7d6d4;padding-block:35px;margin-bottom:45px}.footer-workshop-note>span{font-size:3rem;line-height:1;color:#47847f}.footer-workshop-note p{font-size:1.25rem;line-height:1.3;font-weight:700;color:#304e60;margin:0}.footer-workshop-note>a{margin-left:auto;font-weight:700;color:#14666b;white-space:nowrap}.footer a{color:#4a6773}.footer-bottom{border-color:#cbdad7}.breadcrumbs{color:#607984}.breadcrumbs a{color:#14666b}.article-byline{border-color:#d3e0df}.check-list li:before{color:#28776e}.filter{border:1.5px solid #c5d8d9;background:#fbfcfa;border-radius:8px}.filter.active{border-color:#1b354b;background:#14666b}.price-callout{background:#e4efec;border:1px solid #c8dbd8;border-radius:15px}
/* De intake blijft rustig: accenten op navigatie en acties, niet achter de velden. */
.intake-page{background:#f1f5f3}.intake-page .workshop-ceiling{height:122px}.intake-page .hanging{transform:scale(.75);transform-origin:50% 0;animation:none}.intake-page .hanging-mouse img{top:19px}.intake-page .hanging-keyboard img{top:-2px}.intake-page .hanging-headphones img{top:7px}.intake-page .ceiling-note{bottom:18px}.intake-page .ceiling-chip{bottom:18px}.intake-app .card{border-color:#d7e2df;background:#ffffff;box-shadow:3px 3px 0 #dce7e4}.intake-app .step.active{background:#e4efed;color:#245e67}.intake-app .step.active .step-index{background:#14666b}.intake-app .help-card{background:#eaf2ec}.intake-app .help-card a{color:#14666b}.intake-app .primary{background:#14666b!important;border:1.5px solid #1b354b!important;box-shadow:3px 3px 0 #1b354b!important}.intake-app .submit-card{border-top-color:#7eafa5}.intake-app #stepcount{color:#2f686e}.intake-app input:focus,.intake-app textarea:focus,.intake-app select:focus{outline-color:#73a99f38;border-color:#438d82}.intake-app .progress span{background:#468b80}.intake-app .welcome-points span{background:#eef5f1;border-color:#d3e3dc}.intake-app .welcome-image>img{border:1.5px solid #1b354b;box-shadow:5px 5px 0 #c8ded8}.intake-app .pill{background:#e0efe8;color:#326956}.maker-note{background:#ffffff;border:1.5px solid #1b354b;box-shadow:3px 3px 0 #bcd5cd}.hero:not(.hero-home){background:#17384d}.hero:not(.hero-home) em{color:#a4d6c9}.hero:not(.hero-home) .eyebrow{color:#c7d9cb}.hero:not(.hero-home) .lead{color:#e0ecec}.hero:not(.hero-home) .hero-note{color:#bdd5d9}.hero:not(.hero-home) .button.ghost{background:transparent;border-color:#d0e2e2;color:#d7e8e6;box-shadow:none}.hero:not(.hero-home) .button.ghost:hover{background:#285567}
@media(max-width:1100px){.ceiling-note{font-size:.7rem}.ceiling-note strong{font-size:.8rem}.ceiling-chip{font-size:.6rem}.hanging-keyboard{left:40%;width:230px}.hanging-headphones{left:72%}.hero-home .hero-grid{gap:35px}.desk-sticker{left:-12px}.workshop-bubble{right:-3px;font-size:.72rem}.hero-home h1{font-size:clamp(2.4rem,4.4vw,4rem)}}
@media(max-width:850px){.ceiling-chip{display:none}.hanging-headphones{left:auto;right:0}.hanging-mouse{left:25%}.hanging-keyboard{left:43%}.ceiling-note{max-width:150px}.hero-home .hero-grid{grid-template-columns:1fr 1fr;gap:28px}.hero-home h1{font-size:2.65rem}.hero-home .portrait-tag{display:none}.hero-home .lead{font-size:.95rem}.desk-sticker{font-size:.59rem;left:-8px}.desk-sticker strong{font-size:.8rem}.footer-workshop-note{gap:17px}.footer-workshop-note p{font-size:1.1rem}}
@media(max-width:800px){.site-header #navigation{background:#fbfcfa;border-bottom:2px solid #1b354b;box-shadow:0 5px 0 #d7e3df}.header-inner{height:auto;min-height:78px}.hero-home .hero-grid{grid-template-columns:1fr;padding-block:40px;gap:28px}.hero-home h1{font-size:clamp(2.5rem,7vw,3.7rem)}.hero-home .hero-copy{max-width:650px}.hero-visual{max-width:360px;margin-inline:auto}.hero-home .portrait-frame{aspect-ratio:1.15}.hero-home .portrait-tag{display:block}.hero-home .hero-note{font-size:.7rem;margin-top:23px}.hero-home .lead{font-size:1rem}.proof-strip .wrap{flex-wrap:wrap;gap:13px 20px;padding-block:20px;font-size:.78rem}.proof-strip span{width:100%}.contact-grid{gap:30px}.contact-form{padding:25px}.footer-workshop-note{flex-wrap:wrap}.footer-workshop-note>a{margin-left:0;width:100%}}
@media(max-width:600px){.workshop-ceiling{height:130px}.ceiling-note{left:0;bottom:15px;font-size:.61rem;max-width:100px}.ceiling-note strong{font-size:.69rem}.drawn-arrow{display:none}.hanging-mouse{left:28%;width:85px;height:130px}.hanging-mouse img{top:35px}.hanging-mouse .hanging-cable{height:52px}.hanging-keyboard{left:53%;width:185px;height:130px}.hanging-keyboard img{top:4px}.hanging-keyboard .hanging-cable{height:35px}.hanging-headphones,.ceiling-spark{display:none}.intake-page .workshop-ceiling{height:94px}.intake-page .ceiling-note{bottom:13px}.intake-page .hanging-keyboard{left:47%;width:180px}.intake-page .hanging-mouse{left:24%}.intake-page .hanging-keyboard img{top:0}.intake-page .hanging-mouse img{top:10px}.brand{font-size:1.02rem}.brand-icon{width:39px;height:42px;font-size:1.75rem}.hero-home .hero-grid{padding-block:32px 42px}.hero-home h1{font-size:clamp(2.45rem,8.3vw,3.4rem)}.hero-home .eyebrow{font-size:.56rem;padding:7px 9px}.hero-home .actions{gap:13px}.hero-home .button{font-size:.79rem;padding:12px 15px}.hero-visual{max-width:320px;padding:17px 4px 30px}.hero-home .portrait-frame{border-width:5px;box-shadow:7px 7px 0 #adcac9}.hero-home .portrait-label strong{font-size:1.05rem}.hero-home .portrait-label span{font-size:.65rem}.hero-home .portrait-tag{font-size:.52rem;right:10px;top:44px}.hero-home .portrait-tag strong{font-size:.58rem}.monitor-toolbar b{font-size:.5rem}.workshop-bubble{font-size:.66rem;top:0;right:0;padding:7px 10px}.desk-sticker{padding:9px 13px;left:0;bottom:2px}.desk-sticker strong{font-size:.8rem}.service{padding:23px}.section{padding-block:48px}.section-heading{gap:20px}.section-heading .button{font-size:.75rem}.project-copy{padding:23px}.page-hero{padding-top:34px;padding-bottom:35px}.page-hero h1{font-size:2.05rem}.page-hero .eyebrow{font-size:.62rem}.contact-form{padding:21px 17px}.footer-workshop-note{padding-block:26px;margin-bottom:35px}.footer-workshop-note>span{font-size:2.4rem}.footer-workshop-note p{font-size:1rem}.footer-workshop-note>a{font-size:.82rem}.footer-workshop-note>a span{display:inline}.cta{padding:29px 24px}.cta:before{font-size:3.5rem;right:14px;top:-28px}.story-grid{gap:32px}.story-image{margin-inline:5px}.footer-bottom{font-size:.7rem}}
@media(max-width:360px){.hanging-keyboard{width:160px;left:52%}.hanging-mouse{left:27%;width:75px}.hero-home h1{font-size:2.3rem}.hero-home .actions{align-items:stretch}.hero-home .actions .button{width:100%}.hero-home .hero-note{font-size:.66rem}.intake-page .hanging-keyboard{width:150px;left:50%}.ceiling-note strong{font-size:.63rem}}
@media(prefers-reduced-motion:reduce){.hanging{animation:none!important;transform:none!important}.button{transition:none!important}html{scroll-behavior:auto}}

.hanging-mouse{width:78px}.hanging-keyboard{width:235px}.hanging-headphones{width:116px}@media(max-width:1100px){.hanging-keyboard{width:225px}}@media(max-width:600px){.hanging-mouse{width:56px}.hanging-keyboard{width:182px;left:auto;right:0}.intake-page .hanging-keyboard{width:160px;left:auto;right:0}}@media(max-width:360px){.hanging-keyboard{width:158px}.hanging-mouse{width:51px}.intake-page .hanging-keyboard{width:145px;left:auto;right:0}}

/* Rustige, betrouwbare basis met de eigen werkplaatsdetails als accent. */
.site-header{border-block-width:1px;box-shadow:0 3px 15px #17324b08}
.button{border-color:#14666b;box-shadow:0 3px 7px #17324b18;border-radius:9px}.button:hover{border-color:#0d5158;transform:translateY(-1px);box-shadow:0 5px 12px #17324b21}.button.outline,.button.ghost{border:1px solid #90b4b3;box-shadow:none}.button.light{box-shadow:none}
.service,.project-card,.pricing-card,.contact-form,.case-aside img,.page-hero-photo img,.story-image img{border-color:#ccdadd;box-shadow:0 6px 24px #17324b07}.pricing-card.featured{border-color:#81b5aa;box-shadow:0 8px 26px #14666b10}.service:nth-child(n){box-shadow:0 6px 24px #17324b06;border-color:#d0dddf}.page-hero{border-bottom:1px solid #d1dfe0}.cta{border-color:#c5dcd7;box-shadow:0 7px 25px #17324b09}.cta:before{filter:none;color:#a6c6b8}.footer{border-top-width:1px}.hero-home .portrait-frame{box-shadow:7px 7px 0 #adcac9}.hero-home h1 em:after{background:#d2e6dc}.hero-home .portrait-tag{background:#e6dcc5}.desk-sticker{background:#e7e4d6}.ceiling-chip>span{background:#d9e8de}.hanging-cable:before{background:#a4c7be}
.pricing-card .price{font-size:2.6rem;line-height:1.15;display:flex;align-items:baseline;flex-wrap:wrap;gap:7px}.pricing-card .price small{font-size:.78rem;color:#526f77;font-weight:500;letter-spacing:normal}.price-note{font-size:.85rem;line-height:1.75;color:#526b78}.hosting-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.hosting-price{font-size:3.3rem;font-weight:800;color:#14666b;line-height:1.2;margin:18px 0}.hosting-price>span{font-size:1rem;font-weight:500;color:#526b78}.hosting-details{background:#fff;border:1px solid #d0dfdc;border-radius:16px;padding:30px}.hosting-extras{padding-top:40px;margin-top:40px;border-top:1px solid #d0dfdc}.extras-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.extras-grid article{background:#fff;border:1px solid #d0dfdc;border-radius:12px;padding:24px}.extras-grid h4{font-size:1.05rem;margin:0 0 14px}.extras-grid strong{font-size:1.65rem;color:#14666b;line-height:1.4}.extras-grid small{font-size:.8rem;font-weight:400;white-space:nowrap}.extras-grid p{font-size:.9rem;line-height:1.7}.analysis-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-grid article{background:#f2f6f4;border:1px solid #d2e0dc;border-radius:14px;padding:28px}.analysis-grid h3{font-size:1.15rem}.analysis-grid article>span{color:#14666b}.intake-app .primary{box-shadow:none!important;border-color:#14666b!important}
@media(max-width:900px){.hosting-layout{grid-template-columns:1fr;gap:30px}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.extras-grid{gap:16px}.extras-grid article{padding:20px}}
@media(max-width:600px){.analysis-grid,.extras-grid{grid-template-columns:1fr}.hosting-details{padding:22px}.hosting-price{font-size:2.8rem}.hosting-extras{margin-top:30px;padding-top:30px}.pricing-card .price{font-size:2.4rem}.site-header #navigation{background:#fbfcfa;border-color:#d0dddf;box-shadow:0 5px 15px #17324b0a}}