:root{--page:#f4f1ea;--ink:#16181c;--soft:#4d5057;--muted:#86898f;--line:#e1ddd2;--panel-light-bg:#ece7db;--panel-dark-bg:#14161a;--panel-dark-ink:#f2f1ec;--panel-dark-soft:#b8b7b1;--panel-dark-muted:#85847d;--panel-dark-line:#2b2c2d;--accent:#146c4b;--accent-ink:#0f5138;--good:#1c7a44;--bad:#b7503f;--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--sans:"Segoe UI", system-ui, Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.6 var(--sans);color:var(--soft);background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0}h1,h2,h3{font-family:var(--sans);color:var(--ink);letter-spacing:-.02em;margin:0;font-weight:800}p{margin:0}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12.5px;font-weight:700;display:block}.panel .eyebrow{color:inherit;opacity:.6}.panel{color:var(--soft);padding:4px 0;position:relative;overflow:hidden}.panel .wrap{z-index:1;border-radius:clamp(18px,2.5vw,28px);padding-top:clamp(48px,7vw,88px);padding-bottom:clamp(48px,7vw,88px);position:relative}.panel.light .wrap{background:var(--panel-light-bg);max-width:1032px;padding-left:clamp(24px,5vw,56px);padding-right:clamp(24px,5vw,56px)}.panel.dark .wrap{background:var(--panel-dark-bg);color:var(--panel-dark-soft);max-width:1032px;padding-left:clamp(24px,5vw,56px);padding-right:clamp(24px,5vw,56px)}.panel.dark h2,.panel.dark h3{color:var(--panel-dark-ink)}.panel.dark .muted-line{border-color:var(--panel-dark-line)}.panel-outer{max-width:1080px;margin:0 auto;padding:0 16px}.panel:before{content:"";z-index:0;pointer-events:none;opacity:.05;background-image:var(--noise);border-radius:clamp(18px,2.5vw,28px);position:absolute;inset:16px}.panel.dark:before{opacity:.08}.section-head{max-width:620px;margin:0 0 44px}.section-head h2{text-wrap:balance;font-size:clamp(1.7rem,4vw,2.4rem);line-height:1.1}.section-head p{margin-top:12px;font-size:17px}header.site{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f1ead9;position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{color:var(--ink);letter-spacing:-.3px;font-size:18px;font-weight:800;text-decoration:none}nav.main-nav{gap:28px;display:flex}nav.main-nav a{letter-spacing:1px;text-transform:uppercase;color:var(--soft);border-bottom:1px solid #0000;padding-bottom:3px;font-size:12.5px;font-weight:700;text-decoration:none}nav.main-nav a:hover{color:var(--ink);border-color:var(--ink)}@media (width<=720px){nav.main-nav{display:none}}.hero{text-align:left;padding-top:8px}.hero h1{text-wrap:balance;max-width:16ch;font-size:clamp(2.2rem,6vw,3.6rem);line-height:1.05}.hero p.lede{max-width:56ch;margin:22px 0 0;font-size:clamp(1.05rem,2vw,1.2rem)}.hero .cta-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.reveal{opacity:0;animation:.6s forwards rise;transform:translateY(14px)}@keyframes rise{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none;transform:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:100px;padding:13px 24px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .15s,background .15s,color .15s;display:inline-block}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{opacity:.85}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover{border-color:var(--ink)}.panel.dark .btn-secondary{color:var(--panel-dark-ink);border-color:var(--panel-dark-line)}.panel.dark .btn-secondary:hover{border-color:var(--panel-dark-ink)}.grid{gap:0;display:grid}.rows .row{border-top:1px solid var(--line);grid-template-columns:1fr;gap:6px;padding:clamp(18px,3vw,26px) 0;display:grid}.panel.dark .rows .row{border-color:var(--panel-dark-line)}.rows .row:first-child{border-top:0;padding-top:0}@media (width>=640px){.rows .row{grid-template-columns:15rem 1fr;align-items:start;gap:2rem}}.rows .row h3{font-size:17px}.rows .row p{max-width:56ch;font-size:15px}.incl{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px 32px;margin:0;padding:0;list-style:none;display:grid}.incl li{padding-left:28px;font-size:15px;position:relative}.incl li strong{color:var(--ink);font-weight:700}.incl li:before{content:"✓";color:var(--accent);font-weight:800;position:absolute;top:0;left:0}.case-study .kicker{letter-spacing:1px;text-transform:uppercase;color:var(--panel-dark-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.case-study h3{margin-bottom:14px;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.15}.case-study p{max-width:56ch;margin-bottom:20px}.case-study .tag{letter-spacing:1px;text-transform:uppercase;color:var(--panel-dark-ink);background:#ffffff14;border-radius:999px;margin-bottom:20px;margin-right:8px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-block}.steps{background:var(--line);border:1px solid var(--line);border-radius:14px;gap:1px;margin-top:8px;display:grid;overflow:hidden}.step{background:var(--panel-light-bg);align-items:flex-start;gap:clamp(14px,2.5vw,20px);padding:clamp(18px,2.5vw,24px);display:flex}.step-n{background:var(--accent);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.step h3{margin-bottom:6px;font-size:16px}.step p{font-size:14.5px}@media (width<=560px){.step{flex-direction:column;gap:10px}}.price-list{gap:0;display:grid}.price-line{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding:clamp(16px,2.5vw,22px) 0;display:flex}.price-line:first-child{border-top:0;padding-top:0}.price-line .what{color:var(--ink);font-size:16px;font-weight:700}.price-line .what small{color:var(--muted);margin-top:4px;font-size:13.5px;font-weight:400;display:block}.price-line .amt{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink);font-size:22px;font-weight:800}.tiers-intro{max-width:56ch;margin:-12px 0 20px;font-size:15px}.shop-tiers{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=800px){.shop-tiers{grid-template-columns:1fr}}.tier-card{border:1px solid var(--line);background:#fff6;border-radius:14px;padding:26px}.tier-card h3{font-size:17px}.tier-card .amount{font-variant-numeric:tabular-nums;color:var(--ink);margin:10px 0;font-size:28px;font-weight:800}.tier-card p{font-size:14.5px}.addons{grid-template-columns:repeat(2,1fr);gap:0 24px;display:grid}@media (width<=600px){.addons{grid-template-columns:1fr}}.addon-row{border-top:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:14.5px;display:flex}.addon-row:nth-child(-n+2){border-top:0}@media (width<=600px){.addon-row{border-top:1px solid var(--line)}.addon-row:first-child{border-top:0}}.addon-row .amount{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:700}.hosting-table{border-collapse:collapse;border:1px solid var(--line);background:#fff6;border-radius:14px;width:100%;font-size:14px;overflow:hidden}.hosting-table th,.hosting-table td{border-bottom:1px solid var(--line);text-align:center;padding:13px 16px}.hosting-table th:first-child,.hosting-table td:first-child{text-align:left}.hosting-table thead th{font-size:12.5px}.hosting-table .recommended{background:#146c4b14}.hosting-table .section-label td{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding-top:20px;font-size:11.5px;font-weight:700}.tick-yes{color:var(--good);font-weight:800}.tick-no{color:var(--bad)}.table-scroll{overflow-x:auto}@media (width<=760px){.hosting-table thead{display:none}.hosting-table,.hosting-table tbody,.hosting-table tr,.hosting-table td{width:100%;display:block}.hosting-table tr:not(.section-label){border-bottom:1px solid var(--line);padding:10px 16px}.hosting-table tr.section-label{padding:16px 16px 4px}.hosting-table td{text-align:right;border:0;justify-content:space-between;align-items:center;padding:4px 0;display:flex}.hosting-table td[data-label]:before{content:attr(data-label);color:var(--soft);text-align:left;font-weight:600}}.about{grid-template-columns:1fr 1fr;align-items:center;gap:48px;display:grid}@media (width<=800px){.about{grid-template-columns:1fr}}.about p{margin-bottom:16px;font-size:16px}.testimonial{border-left:3px solid var(--accent);margin-top:32px;padding:4px 0 4px 22px;font-size:15px;font-style:italic}.faq-list{gap:0;display:grid}.faq-list details{border-top:1px solid var(--line);padding:clamp(15px,2.5vw,20px) 0}.panel.dark .faq-list details{border-color:var(--panel-dark-line)}.faq-list details:first-child{border-top:0}.faq-list summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:700;list-style:none;display:flex}.panel.dark .faq-list summary{color:var(--panel-dark-ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--muted);flex-shrink:0;font-size:22px;font-weight:400;line-height:1;transition:transform .2s}.panel.dark .faq-list summary:after{color:var(--panel-dark-muted)}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{max-width:68ch;margin:12px 0 0;font-size:15px}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}@media (width<=800px){.contact-grid{grid-template-columns:1fr}}form.contact-form{flex-direction:column;gap:14px;display:flex}form.contact-form input,form.contact-form textarea{border:1px solid var(--line);font:inherit;background:#ffffff80;border-radius:10px;padding:13px 14px;font-size:15px}form.contact-form input:focus,form.contact-form textarea:focus{border-color:var(--ink);outline:none}form.contact-form textarea{resize:vertical;min-height:120px}form.contact-form button{align-self:flex-start}footer.site{padding:32px 0}footer.site .wrap{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}footer.site a{text-decoration:none}footer.site a:hover{color:var(--ink)}
