:root{--ink:#122331;--green:#d8f46b;--muted:#63727c;--paper:#f7f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:5px}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #e6ebee}.brand{display:flex;align-items:center;gap:12px;font-size:27px;letter-spacing:-1px}.brand small{display:block;font-size:9px;letter-spacing:1.7px;margin-top:6px;font-weight:600}.mark{display:block;background:var(--ink);color:white;width:44px;height:44px;line-height:42px;text-align:center;border-radius:11px;font-size:35px;font-weight:bold;letter-spacing:-6px;padding-right:7px}.mark span{color:var(--green);font-size:26px}nav{display:flex;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:6px;padding:18px 25px;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.small{padding:14px 20px;font-size:14px}.lime{background:var(--green);color:var(--ink)}.light{background:#edf1f3;color:var(--ink)}.dark{background:var(--ink);color:white}.hero{background:var(--ink);color:white;padding:85px 5% 75px;display:grid;grid-template-columns:1fr 1fr;gap:6%;overflow:hidden}.eyebrow{font-size:12px;font-weight:bold;letter-spacing:2px;margin:0 0 25px}.hero .eyebrow,.contact .eyebrow{color:var(--green)}h1{font-size:clamp(52px,5.7vw,88px);letter-spacing:-4px;line-height:1.06;margin:0 0 28px;font-weight:600}em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.lead{font-size:19px;line-height:1.7;color:#c3ced5;max-width:450px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}.text-link{font-size:14px;font-weight:bold;text-decoration:underline;text-underline-offset:6px}.hero-note{color:#95a6b2;font-size:12px;margin-top:30px}.hero-visual{position:relative;padding:5px 0 65px}.visual-top,.visual-bottom{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#acbbc6;letter-spacing:.3px;margin:0 0 22px}.hero-browser{border:1px solid #7c8b8c;border-radius:9px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 25px 60px #0005;background:white;margin:30px 8px 0 0}.browser-bar{background:#e9eeec;display:flex;gap:5px;align-items:center;padding:12px}.browser-bar i{width:6px;height:6px;background:#a9b8b2;border-radius:50%}.browser-bar span{margin:auto;color:#82918b;font-size:10px}.hero-browser iframe{display:block;border:0;width:100%;height:295px;pointer-events:none}.price-sticker{position:absolute;right:-8px;bottom:64px;transform:rotate(4deg);background:var(--green);color:var(--ink);padding:23px 28px;border-radius:5px;box-shadow:0 10px 20px #0002}.price-sticker small{font-size:9px;letter-spacing:1.2px;font-weight:bold}.price-sticker strong{display:block;font-size:32px;margin:9px 0;letter-spacing:-1px}.price-sticker span{font-size:11px}.visual-bottom{position:absolute;bottom:0;left:0;right:0;margin:0}.benefit-strip{display:flex;justify-content:space-between;padding:25px 7%;background:var(--green);font-size:14px;font-weight:600}.benefit-strip span:before{content:'✓';margin-right:12px}.section{padding:90px 5%;scroll-margin-top:0}h2{font-size:clamp(34px,3.4vw,51px);line-height:1.15;letter-spacing:-1.7px;margin:0 0 25px;font-weight:600}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section-head>p{max-width:340px;color:var(--muted);font-size:16px;line-height:1.7}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project{border:0;background:none;padding:0;text-align:left;cursor:pointer;color:inherit;min-width:0}.project-preview{height:260px;background:#edf0f0;padding:25px 15px 0;position:relative;overflow:hidden;border-radius:5px}.project:nth-child(2) .project-preview{background:#e6e8f8}.project:nth-child(3) .project-preview{background:#e7ece3}.project-preview iframe{width:800px;height:620px;border:0;transform:scale(.44);transform-origin:top left;pointer-events:none;box-shadow:0 6px 25px #0003}.view{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:white;padding:10px 15px;font-size:12px;border-radius:30px;white-space:nowrap;box-shadow:0 4px 15px #0001}.project:hover .view{background:var(--green)}.project-caption{display:flex;justify-content:space-between;align-items:start;margin-top:20px;gap:10px}h3{font-size:18px;margin:0 0 8px}.project-caption p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}.tag{font-size:9px;letter-spacing:.8px;background:#eef1f3;padding:6px;border-radius:3px}.caption-note{color:var(--muted);font-size:12px;margin-top:25px}.offer{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.offer-intro>p:not(.eyebrow){font-size:18px;line-height:1.8;color:var(--muted);max-width:440px}.offer-intro .text-link{display:block;margin-top:28px}.price-card{padding:35px;background:white;border:1px solid #dbe3e7;border-radius:9px;box-shadow:0 15px 40px #12233108}.price-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;font-weight:bold}.pill{padding:8px;background:var(--green);border-radius:25px;letter-spacing:0;font-size:10px;white-space:nowrap}.price{font-size:63px;letter-spacing:-3px;margin:25px 0 12px;font-weight:600}.price small{font-size:18px;letter-spacing:0;font-weight:400}.price-card>p:not(.price):not(.fine){color:var(--muted);font-size:15px}.price-card ul{list-style:none;padding:15px 0 10px;border-top:1px solid #e5eaed;margin-top:25px}.price-card li{font-size:14px;padding:9px 0}.price-card li:before{content:'✓';color:#638010;margin-right:12px}.price-card .button{width:100%}.fine{font-size:12px;line-height:1.7;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps article{border-top:1px solid #d5dfe5;padding-top:20px}.steps article>span{display:block;font-family:Georgia,serif;font-size:40px;color:#81929a;margin-bottom:24px}.steps p{color:var(--muted);line-height:1.8;font-size:15px}.faq{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10%}details{border-bottom:1px solid #d9e1e5;padding:20px 0}summary{font-size:16px;font-weight:600;cursor:pointer;line-height:1.5}details p{color:var(--muted);font-size:15px;line-height:1.8}.contact{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:58px}.contact>div>p:not(.eyebrow){color:#bccbd4;line-height:1.8;max-width:none;font-size:17px}label{display:block;font-size:14px;margin-bottom:20px}input,select,textarea{display:block;width:100%;margin-top:10px;padding:14px;background:#203544;border:1px solid #536672;border-radius:5px;color:white;font-size:16px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a4b4bf}.contact .fine{color:#a7b8c2}.contact form>.button{width:100%}#result{border-top:1px solid #536672;padding-top:20px;margin-top:24px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 5%}footer p,footer>span{font-size:12px;color:var(--muted)}dialog{border:0;padding:0;width:min(1150px,95vw);height:85vh;border-radius:9px;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#091720bd}.dialog-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px}.dialog-top p{font-size:15px}.dialog-top button{border:0;background:#edf1f3;padding:10px 15px;border-radius:4px;cursor:pointer}dialog iframe{width:100%;height:calc(100% - 62px);border:0}body.modal-open{overflow:hidden}@media(min-width:1500px){header,footer{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}.section,.hero{padding-left:calc((100vw - 1350px)/2);padding-right:calc((100vw - 1350px)/2)}}@media(max-width:1000px){nav{gap:16px}.hero{gap:4%;padding-top:65px}h1{letter-spacing:-2.5px}.hero-actions{align-items:start;flex-direction:column;gap:20px}.projects{gap:15px}.project-preview iframe{transform:scale(.34)}.project-preview{height:230px}.project-caption{flex-direction:column}.price-head{align-items:start;flex-direction:column}.contact h2{font-size:46px}}@media(max-width:720px){header{height:80px;padding:0 6%}header .brand{font-size:23px}.brand small{display:none}header nav{display:none}header .small{font-size:12px;padding:12px}.mark{height:36px;width:36px;font-size:30px;line-height:35px}.hero{grid-template-columns:1fr;padding:50px 6%;gap:45px}h1{font-size:57px}.lead{font-size:17px}.hero-actions{flex-direction:row;align-items:center;gap:16px}.hero-actions .button{font-size:13px;padding:16px}.hero-actions .text-link{font-size:12px}.hero-browser iframe{height:270px}.hero-visual{padding-bottom:75px}.price-sticker{bottom:48px;right:0}.benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:25px 6%;font-size:12px}.section{padding:60px 6%}.section-head{display:block}.section-head>p{max-width:none}.projects{grid-template-columns:1fr;gap:35px}.project-preview{height:300px;padding:25px}.project-preview iframe{transform:scale(.48)}.project-caption{flex-direction:row}.offer,.faq,.contact{grid-template-columns:1fr;gap:30px}.price-card{padding:25px}.price-head{flex-direction:row}.steps{grid-template-columns:1fr;gap:22px}.steps article>span{margin-bottom:15px}.contact h2{font-size:48px}footer{flex-wrap:wrap;padding:30px 6%}footer p{display:none}html{scroll-padding-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.hero-price{display:inline-block;background:var(--green);color:var(--ink);padding:18px 24px;border-radius:5px;margin:0 0 9px;transform:rotate(-1deg)}.hero-price>span{display:block;font-size:11px;letter-spacing:2px;font-weight:bold;margin-bottom:8px}.hero-price strong{font-size:clamp(28px,3.1vw,45px);letter-spacing:-1.7px;line-height:1.15;display:block}.hero-price em{color:var(--ink);font-weight:400}.price-sticker strong{font-size:27px}.online-label{display:block;font:italic 39px Georgia;letter-spacing:-1px;margin-top:2px}.hero h1{margin-bottom:24px}.hero-browser iframe{height:340px}.hero-visual{align-self:center}.price-sticker{bottom:52px}@media(max-width:720px){.hero-price{padding:15px 20px}.hero-price strong{font-size:34px}.hero-browser iframe{height:370px}.price-sticker strong{font-size:24px}}

.hosture-mark{width:46px;height:46px;display:block}.hosture-word{font-size:29px;font-weight:900;letter-spacing:-1.8px;line-height:1}.hosture-word>span{color:#809c27}.brand .hosture-word small{font-size:9px;letter-spacing:1.6px;margin-top:8px}.project-preview{height:285px}@media(max-width:720px){.hosture-word{font-size:23px}.hosture-mark{width:38px;height:38px}.brand .hosture-word small{display:block;font-size:7px;letter-spacing:1px}.project-preview{height:300px}}

.project-preview:has(.jamie-screenshot){padding:15px;display:flex;align-items:center;background:#eeecff}.jamie-screenshot{display:block;width:100%;height:auto;box-shadow:0 5px 20px #0002;border-radius:3px}.project-preview:has(.jamie-screenshot) .view{bottom:16px}

.online-label{font-size:clamp(24px,2.1vw,31px);line-height:1.25;letter-spacing:-.6px;margin-top:12px}

.week-line{font-size:.66em;letter-spacing:-.035em;display:inline-block;line-height:1.3}

.hero-slider{position:relative;height:340px;overflow:hidden;background:#fff;touch-action:pan-y}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide iframe{width:100%;height:100%;border:0;display:block}.hero-slide img{width:100%;height:100%;object-fit:contain;display:block;background:#fff}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:27px 0 0;color:#c4ced5;font-size:12px}.slider-dots{display:flex;gap:4px}.slider-dots button{width:30px;height:30px;padding:0;border:0;background:transparent;cursor:pointer;position:relative}.slider-dots button:before{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#647582;margin:auto}.slider-dots button.active:before{background:var(--green);width:10px;height:10px}#slider-pause{color:#c4ced5;background:transparent;border:1px solid #62727e;border-radius:4px;padding:8px 12px;font-size:12px;cursor:pointer}@media(max-width:720px){.hero-slider{height:370px}}@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}

.slider-controls{justify-content:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact button:disabled{cursor:not-allowed;opacity:.65;transform:none}#captcha{max-width:180px}@media(max-width:720px){.form-row{grid-template-columns:1fr;gap:0}}

.hero{padding-top:46px;padding-bottom:44px;align-items:start}.hero h1{font-size:clamp(46px,5.2vw,76px);line-height:1.05;margin-bottom:24px;letter-spacing:-3px}.hero h1 .week-line{display:block;white-space:nowrap;font-size:clamp(22px,2.7vw,39px);line-height:1.35;letter-spacing:-1.2px;margin-top:11px}.hero h1 .week-line em{font-family:inherit;font-weight:600}.hero-copy>.eyebrow{margin-bottom:20px}.hero-visual{align-self:start;padding-top:4px;padding-bottom:50px}.hero-browser{margin-top:23px}.hero-price{position:relative;padding:18px 30px 20px;transform:rotate(-2deg);border-radius:5px;box-shadow:7px 7px 0 #ffffff18;margin:1px 0 14px}.hero-price>span{font-size:12px;letter-spacing:2.2px;margin:0}.hero-price strong{font-size:clamp(64px,6.8vw,94px);line-height:1;letter-spacing:-5px;margin:6px 0 8px;font-weight:900}.hero-price .price-tagline{font-size:12px;letter-spacing:0;font-weight:400}.hero .lead{font-size:17px;line-height:1.65;margin-top:18px;max-width:440px}.hero-note{margin-top:20px}.slider-controls{margin-top:16px}.hero-slider{height:310px}.hero-slide iframe{height:100%}.visual-top{margin-bottom:16px}.hero-browser iframe{height:100%}@media(max-width:1000px) and (min-width:721px){.hero h1{font-size:49px;letter-spacing:-2px}.hero h1 .week-line{font-size:25px;letter-spacing:-1px}.hero-price strong{font-size:76px}}@media(max-width:720px){.hero{padding-top:34px;padding-bottom:30px;gap:22px}.hero h1{font-size:clamp(38px,9.5vw,57px);letter-spacing:-2px}.hero h1 .week-line{font-size:clamp(18px,5vw,30px);letter-spacing:-.65px}.hero-price{padding:15px 24px}.hero-price strong{font-size:74px}.hero .lead{font-size:16px;margin-bottom:10px}.hero-note{margin-top:14px}.hero-visual{padding-bottom:42px}.hero-slider{height:340px}.hero-browser{margin-top:17px}.visual-top{font-size:10px}}

.device-highlight{align-items:center;justify-content:center;gap:15px;color:white;margin-top:0}.device-highlight>span{font-size:23px;letter-spacing:-.5px;font-weight:700;color:var(--green)}.device-highlight>small{font-size:12px;color:#b4c1c9}.hero-visual{padding-bottom:56px}@media(max-width:1000px){.device-highlight{gap:10px}.device-highlight>span{font-size:20px}.device-highlight>small{font-size:11px}}@media(max-width:720px){.device-highlight>span{font-size:22px}}

.offer{background:#edf2f5;border-top:5px solid var(--green)}.offer .eyebrow{color:#657e20}.price-card{border-color:#cad5df;box-shadow:10px 10px 0 #d8f46b55}.steps article{border-top:3px solid var(--ink)}.steps article>span{display:inline-block;background:var(--green);color:var(--ink);padding:8px 16px;border-radius:4px;font-size:30px;font-family:Arial,sans-serif;font-weight:700}.faq{background:var(--ink);color:white}.faq .eyebrow{color:var(--green)}.faq summary{color:var(--green)}.faq details{border-color:#536672}.faq details p{color:#c1cdd4}footer{background:#edf2f5;border-top:4px solid var(--green)}

.hero-price{display:flex;align-items:center;justify-content:space-between;width:var(--headline-width,100%);max-width:100%;padding:14px 23px;margin-top:2px;margin-bottom:12px;transform:none;gap:20px;box-shadow:5px 5px 0 #ffffff18}.hero-price>span{font-size:13px;letter-spacing:1.6px;line-height:1.4}.hero-price strong{font-size:66px;line-height:1;letter-spacing:-3px;margin:0;font-weight:900}.hero h1 .week-line{width:max-content;max-width:100%}@media(max-width:720px){.hero-price{padding:12px 18px}.hero-price>span{font-size:10px;letter-spacing:1px}.hero-price strong{font-size:53px;letter-spacing:-2px}}

.offer{align-items:start}.offer-intro>p:not(.eyebrow){max-width:510px;font-size:17px;line-height:1.75;margin:20px 0}.offer-intro h3{font-size:20px;letter-spacing:-.4px;margin-top:30px;margin-bottom:0}.offer-intro .text-link{margin-top:28px}@media(max-width:720px){.offer-intro>p:not(.eyebrow){font-size:16px}.offer-intro h3{font-size:19px;margin-top:24px}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.hero-price{display:inline-block;width:auto;max-width:100%;padding:18px 30px 20px;transform:rotate(-2deg);border-radius:5px;box-shadow:7px 7px 0 #ffffff18;margin:1px 0 14px}.hero-price>span{display:block;font-size:12px;letter-spacing:2.2px;line-height:1.4;margin:0}.hero-price strong{display:block;font-size:clamp(64px,6.8vw,94px);line-height:1;letter-spacing:-5px;margin:6px 0 0;font-weight:900}@media(max-width:720px){.hero-price{padding:15px 24px}.hero-price strong{font-size:74px;letter-spacing:-4px}}
.faq{background:#edf2f5;color:var(--ink)}.faq .eyebrow{color:#657e20}.faq summary{color:var(--ink)}.faq details{border-color:#cad5df}.faq details p{color:var(--muted)}
.offer-intro h3{margin:22px 0 0}.offer-intro h3+p:not(.eyebrow){margin-top:3px}.offer-intro>p:not(.eyebrow){margin-bottom:16px}.offer{align-items:center}@media(max-width:720px){.offer-intro h3{margin-top:20px}.offer-intro h3+p:not(.eyebrow){margin-top:3px}}
.faq{border-top:5px solid var(--green)}
header nav{gap:8px}header nav a{padding:13px 17px;background:#edf2f5;border:1px solid #dce4e9;border-radius:6px;font-size:13px;transition:background .2s,color .2s}header nav a:hover,header nav a:focus-visible{background:var(--ink);color:white}.header-contact{border:1px solid #c7e158;box-shadow:0 3px 0 #c5dd65}.header-contact:hover{background:#cbe958}@media(max-width:1000px){header nav a{padding:11px 12px;font-size:12px}}@media(max-width:720px){header{height:auto;min-height:80px;flex-wrap:wrap;row-gap:14px;padding-top:16px;padding-bottom:14px}header nav{display:flex;order:3;width:100%;justify-content:space-between;gap:6px}header nav a{padding:10px 8px;font-size:11px;text-align:center;flex:1}html{scroll-padding-top:140px}}
header nav a,header .header-contact{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;background:var(--green);color:var(--ink);border:0;border-radius:6px;box-shadow:none;font-size:13px;font-weight:700;line-height:1.2;transform:none}header nav a:hover,header nav a:focus-visible,header .header-contact:hover{background:#cbe958;color:var(--ink);transform:none}@media(max-width:1000px){header nav a,header .header-contact{padding:0 12px;font-size:12px}}@media(max-width:720px){header nav a{height:40px;padding:0 9px;font-size:11px}header .header-contact{height:40px;font-size:12px}}
.faq{background:#fff}

.vat-label{display:inline-block;font-size:13px;letter-spacing:0;font-weight:400;color:var(--muted);vertical-align:middle;margin-left:7px}
.contact{border-top:5px solid var(--green)}.price-card .price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-card .price small{flex-shrink:0}.price-card .vat-label{vertical-align:baseline;margin-left:0;align-self:baseline}
@font-face{font-family:'Nunito Sans';src:url('fonts/nunito-sans.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}body{font-family:'Nunito Sans',Arial,sans-serif}.hero h1{letter-spacing:-2.2px}h2{letter-spacing:-1.25px}button,input,select,textarea{font-family:inherit}.contact select{appearance:none;-webkit-appearance:none;display:block;min-height:52px;height:52px;width:100%;padding:12px 45px 12px 14px;line-height:1.5;background-color:#203544;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='m5 7 5 5 5-5' fill='none' stroke='%23d8f46b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;border:1px solid #536672;border-radius:5px;color:white;font-size:16px;cursor:pointer}.contact select option{background:#fff;color:#122331}.contact select:focus-visible{outline:2px solid var(--green);outline-offset:3px}header .hosture-word{font-family:'Nunito Sans',Arial,sans-serif;font-weight:900}

/* Use the available width for the contact introduction */
.contact{gap:6%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact>div{min-width:0}.contact>div>p:not(.eyebrow){width:100%;max-width:none}@media(max-width:720px){.contact{grid-template-columns:1fr;gap:30px}}
