:root{--navy:#091a33;--navy2:#102746;--ink:#16243a;--slate:#5b6b80;--line:#d8e0e9;--mist:#f2f5f8;--pale:#e8f1ff;--cobalt:#1769e0;--cobalt-dark:#0e55bd;--white:#fff;--radius:8px;--shadow:0 20px 60px rgba(9,26,51,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;overflow-x:hidden;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,input,textarea,select,summary,a{-webkit-tap-highlight-color:transparent}img,svg{display:block;max-width:100%}::selection{background:#cce0ff;color:var(--navy)}:focus-visible{outline:3px solid #66a3ff;outline-offset:3px}.skip{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 16px;border-radius:0 0 6px 6px;background:var(--navy);color:#fff;font-weight:700}.skip:focus{top:0}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.header{min-height:84px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.logo{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--navy);font-size:25px;font-weight:800;letter-spacing:-1px}.logo-icon{width:29px;height:29px;display:grid;place-items:center;margin-right:8px;border-radius:6px;background:var(--cobalt);color:#fff;font-size:18px}.studio{margin-left:7px;color:var(--slate);font-size:8px;font-weight:800;letter-spacing:1.5px}.header nav{display:flex;align-items:center;gap:26px;margin-left:auto;color:#425269;font-size:13px;font-weight:600}.header nav a,.text-link{text-underline-offset:5px}.header nav a:hover,.text-link:hover{color:var(--cobalt);text-decoration:underline}.language-switch{display:flex;align-items:center;flex:0 0 auto;gap:3px;color:#8290a2;font-size:11px;font-weight:700}.language-switch a{min-width:28px;min-height:40px;display:grid;place-items:center;border-radius:4px}.language-switch a:hover{color:var(--cobalt)}.language-switch a[aria-current],.language-current{color:var(--navy);background:var(--mist)}
.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 21px;border:1px solid var(--cobalt);border-radius:6px;background:var(--cobalt);color:#fff;font-weight:750;font-size:14px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}.button:hover{border-color:var(--cobalt-dark);background:var(--cobalt-dark);transform:translateY(-1px)}.button-small{min-height:42px;padding:11px 15px;font-size:12px;white-space:nowrap}.button.full,.full{width:100%}
.hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(45px,6vw,90px);padding-block:88px 96px}.hero>*{min-width:0}.hero-copy{max-width:570px}.eyebrow{margin:0 0 20px;color:var(--cobalt);font-size:11px;line-height:1.4;font-weight:800;letter-spacing:1.55px;text-transform:uppercase}h1{margin:0 0 28px;color:var(--navy);font-size:clamp(52px,5.1vw,62px);line-height:.99;letter-spacing:-3.2px;font-weight:750}h1 em{color:var(--cobalt);font-style:normal}.hero-description{max-width:510px;margin:0 0 30px;color:var(--slate);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}.text-link{color:var(--navy);font-size:13px;font-weight:750}.micro{margin:18px 0 0;color:#77869a;font-size:11px;line-height:1.5}
.hero-visual{min-width:0}.showcase-label,.concept-label{margin:0 0 10px;color:#718096;font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.showcase{overflow:hidden;border:1px solid #263b58;border-radius:var(--radius) var(--radius) 0 0;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.browser-bar{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.13);color:#aab8ca;font-size:8px;letter-spacing:1px}.browser-dots{color:#7d91ab;letter-spacing:3px}.sample-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px 10px;color:#bec9d7;font-size:8px}.sample-nav b{color:#fff;font-size:16px;letter-spacing:-.4px}.sample-content{display:grid;grid-template-columns:minmax(0,.92fr) minmax(180px,1.08fr);gap:26px;min-height:330px;margin:0 17px 17px;padding:40px 32px;border-radius:5px;background:#f7f8fa;color:var(--ink)}.sample-copy{align-self:center}.sample-kicker{margin:0 0 15px;color:var(--cobalt);font-size:8px;font-weight:800;letter-spacing:1.15px;text-transform:uppercase}.sample-content h2{margin:0 0 15px;color:var(--navy);font-size:clamp(27px,3vw,40px);line-height:1.06;letter-spacing:-1.7px}.sample-content p{margin:0;color:#66758a;font-size:10px;line-height:1.6}.sample-cta{display:inline-flex;margin-top:22px;padding:11px 14px;border-radius:4px;background:var(--cobalt);color:#fff;font-size:8px;font-weight:750}.architecture{align-self:stretch;width:100%;height:100%;min-height:225px}.showcase-foot{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:#fff;box-shadow:0 18px 45px rgba(9,26,51,.08)}.showcase-foot>*{min-width:0;padding:15px 17px;color:var(--slate);font-size:9px;line-height:1.4}.showcase-foot>*+*{border-left:1px solid var(--line)}.showcase-foot b{display:block;margin-bottom:3px;color:var(--navy);font-size:11px}.concept-label{margin:11px 0 0;text-align:right}
.audience{border-block:1px solid var(--line)}.audience .wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px}.audience p{max-width:150px;margin:0;color:#708095;font-size:9px;line-height:1.55;font-weight:800;letter-spacing:1.1px}.audience span{color:#34455b;font-size:13px;font-weight:650;white-space:nowrap}.audience .separator{color:#b4bfcc;font-size:12px}
.section{padding-block:104px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:56px;margin-bottom:48px}h2{margin:0;color:var(--navy);font-size:clamp(36px,4vw,48px);line-height:1.08;letter-spacing:-2px}.section-heading>p{max-width:390px;margin:0;color:var(--slate);font-size:15px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{min-width:0;padding:31px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.feature-icon{width:46px;height:46px;display:grid;place-items:center;margin-bottom:46px;border-radius:7px;background:var(--pale);color:var(--cobalt);font-size:21px}.index,.number{color:var(--cobalt);font-size:10px;font-weight:800;letter-spacing:1px}h3{margin:13px 0 11px;color:var(--navy);font-size:21px;line-height:1.25;letter-spacing:-.6px}.feature-grid p,.steps p{margin:0;color:var(--slate);font-size:13px;line-height:1.7}
.pricing-section{padding-block:104px;background:var(--mist)}.price-note{max-width:510px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}.plan{display:flex;flex-direction:column;min-width:0;padding:38px;border:1px solid #ccd6e2;border-radius:var(--radius);background:#fff}.plan.featured{border-color:var(--navy);background:var(--navy);color:#fff;box-shadow:var(--shadow)}.plan-tag{align-self:flex-start;margin-bottom:24px;padding:7px 10px;border-radius:4px;background:var(--pale);color:var(--cobalt-dark);font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.featured .plan-tag{background:var(--cobalt);color:#fff}.plan-title{margin:0 0 10px;font-size:24px}.price{margin:0 0 16px;color:var(--navy);font-size:46px;line-height:1;font-weight:800;letter-spacing:-2px}.price small{color:var(--slate);font-size:12px;font-weight:600;letter-spacing:0}.plan-description{margin:0 0 23px;color:var(--slate);font-size:13px;line-height:1.65}.featured .plan-title,.featured .price{color:#fff}.featured .price small,.featured .plan-description{color:#bdc9d9}.check-list{display:grid;gap:12px;margin:0 0 30px;padding:24px 0 0;border-top:1px solid var(--line);list-style:none;color:#34455b;font-size:13px;line-height:1.45}.check-list li:before{content:"✓";margin-right:9px;color:var(--cobalt);font-weight:800}.featured .check-list{border-color:rgba(255,255,255,.15);color:#e2e9f2}.plan .button{margin-top:auto}.featured .button{border-color:#fff;background:#fff;color:var(--navy)}.featured .button:hover{border-color:#dbe5f1;background:#dbe5f1}.support-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;margin-top:22px;padding:25px 29px;border:1px solid #c8dcfb;border-radius:var(--radius);background:var(--pale)}.support-row h3{margin:0 0 5px;font-size:17px}.support-row p{margin:0;color:var(--slate);font-size:12px;line-height:1.55}.care-toggle{display:flex;align-items:center;gap:11px;margin:0;color:var(--navy);font-size:12px;font-weight:750;cursor:pointer}input[type=checkbox]{width:20px;height:20px;flex:0 0 auto;margin:0;accent-color:var(--cobalt);cursor:pointer}.addon-list{margin-top:18px;border-top:1px solid var(--line)}.addon-list details{border-bottom:1px solid var(--line)}.addon-list summary{padding:19px 3px}.addon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 30px;padding:4px 3px 24px}.addon-grid label{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;margin:0;padding:11px 0}.addon-grid b,.addon-grid span{display:block}.addon-grid b{color:var(--navy);font-size:12px}.addon-grid span{margin-top:3px;color:var(--slate);font-size:10px;line-height:1.5}.terms-note{margin:18px 0 0;color:#718096;font-size:10px;line-height:1.6}
.process-section{padding-block:88px;background:#fff}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{padding-top:24px;border-top:2px solid var(--line)}.steps article:hover{border-color:var(--cobalt)}.steps h3{margin-top:24px}.faq-section{display:grid;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);gap:clamp(50px,8vw,120px)}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0;color:var(--navy);font-size:14px;font-weight:700;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--cobalt);font-size:22px;font-weight:400;transition:transform .18s}details[open] summary span{transform:rotate(45deg)}details>p{margin:0 36px 22px 0;color:var(--slate);font-size:13px;line-height:1.7}
.start-section{display:grid;grid-template-columns:minmax(0,.85fr) minmax(340px,1.15fr);gap:clamp(45px,7vw,95px);align-items:center;margin-bottom:76px;padding:clamp(42px,6vw,72px);border-radius:10px;background:var(--navy);color:#fff}.start-copy .eyebrow{color:#7aaff9}.start-copy h2{color:#fff;font-size:clamp(39px,4.4vw,54px)}.start-copy>p:not(.eyebrow){margin:23px 0 0;color:#b9c5d5;font-size:15px;line-height:1.7}form{min-width:0;padding:31px;border-radius:var(--radius);background:#fff;color:var(--ink);box-shadow:0 18px 50px rgba(0,0,0,.18)}.form-top h3{margin:0 0 7px}.form-top p,.quote-summary span{margin:0 0 22px;color:var(--slate);font-size:11px;line-height:1.55}.quote-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 6px;padding:14px 0;border-block:1px solid var(--line)}.quote-summary b{color:var(--navy);font-size:13px}.quote-summary span{margin:0;text-align:right}label{display:block;margin:14px 0 7px;color:var(--navy);font-size:11px;font-weight:750}label span{color:var(--slate);font-size:9px;font-weight:500}input:not([type=checkbox]),textarea,select{width:100%;min-height:45px;display:block;padding:11px 12px;border:1px solid #c9d3df;border-radius:5px;background:#fff;color:var(--ink);font-size:13px}input::placeholder,textarea::placeholder{color:#8a98aa}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--cobalt);outline:3px solid #d8e8ff}form .button{width:100%;margin-top:20px}.privacy,.form-status,#form-status{margin:13px 0 0;color:#748296;font-size:9px;line-height:1.55}.form-status:not(:empty),#form-status:not(:empty){color:var(--cobalt-dark)}.download-request{min-height:40px;padding:8px 0;border:0;background:transparent;color:var(--cobalt);font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.download-request[hidden]{display:none}
footer.wrap,.footer .wrap{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:20px;border-top:1px solid var(--line)}footer .logo{font-size:21px}footer .logo-icon{width:25px;height:25px;font-size:15px}footer p,footer>span{color:var(--slate);font-size:10px;line-height:1.5}
/* Compatibility with the prior preview during the markup upgrade. */.dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--cobalt)}.highlight{color:var(--cobalt)}.highlight svg,.orbit,.spark,.mobile-preview,.visual-note,.big-arrow{display:none}.website-preview{overflow:hidden;border:1px solid #263b58;border-radius:var(--radius);background:var(--navy);color:#fff;box-shadow:var(--shadow)}.sample-label{color:var(--cobalt);font-size:8px;font-weight:800;letter-spacing:1px}.sample-bottom{display:flex;justify-content:space-between;gap:12px;margin:0 17px 17px;color:#aebdce;font-size:8px}.flower-art{min-height:220px;border-radius:5px;background:linear-gradient(145deg,#d9e5f5,#aac5e9)}.flower-art>*{display:none}.included-strip{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:30px;color:var(--slate);font-size:11px}.included-strip b{color:var(--navy)}
@media(max-width:960px){.wrap{width:min(100% - 44px,1200px)}.header{gap:16px}.header nav{gap:15px;font-size:11px}.studio{display:none}.hero{gap:42px}.sample-content{padding:28px 22px}.section,.pricing-section{padding-block:80px}.plan{padding:30px}}
@media(max-width:760px){.wrap{width:min(100% - 36px,1200px)}.header{min-height:76px}.header nav{display:none}.language-switch{margin-left:auto}.hero{grid-template-columns:1fr;gap:52px;padding-block:62px 68px}.hero-copy{max-width:620px}h1{font-size:clamp(45px,10vw,62px)}.sample-content{min-height:300px}.audience .wrap{flex-wrap:wrap;justify-content:center;gap:12px 24px;padding-block:23px}.audience p{width:100%;max-width:none;text-align:center}.audience p br,.audience .separator{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.feature-grid{grid-template-columns:1fr}.feature-icon{margin-bottom:26px}.plans{grid-template-columns:1fr}.steps{gap:20px}.faq-section{grid-template-columns:1fr;gap:38px}.start-section{grid-template-columns:1fr}footer.wrap,.footer .wrap{flex-wrap:wrap}footer>span{width:100%}}
@media(max-width:520px){.wrap{width:min(100% - 28px,1200px)}.header{gap:7px}.logo{font-size:20px;letter-spacing:-.7px}.logo-icon{width:25px;height:25px;margin-right:5px;font-size:14px}.language-switch{gap:0;font-size:9px}.language-switch a{min-width:23px;min-height:38px}.header .button-small{min-height:38px;padding:9px 10px;font-size:10px}.header .button-small span{display:none}.hero{padding-block:50px 58px}h1{font-size:45px;letter-spacing:-2.4px}.hero-description{font-size:16px}.showcase-label{font-size:8px}.sample-nav{padding:17px 16px 8px}.sample-nav>span{display:none}.sample-content{grid-template-columns:1fr;min-height:0;gap:24px;margin:0 10px 10px;padding:26px 20px}.sample-content h2{font-size:30px}.architecture{min-height:180px}.showcase-foot{grid-template-columns:1fr}.showcase-foot>*+*{border-top:1px solid var(--line);border-left:0}.concept-label{text-align:left}.audience span{font-size:11px}.section,.pricing-section{padding-block:64px}h2{font-size:35px;letter-spacing:-1.5px}.feature-grid article,.plan{padding:25px}.price{font-size:40px}.support-row{grid-template-columns:1fr;padding:22px}.addon-grid{grid-template-columns:1fr;gap:0}.process-section{padding-block:64px}.steps{grid-template-columns:1fr;gap:30px}.start-section{width:calc(100% - 20px);gap:32px;margin-bottom:45px;padding:30px 18px}form{padding:22px 18px}input:not([type=checkbox]),textarea,select{font-size:16px}footer.wrap,.footer .wrap{gap:12px}}
@media(max-width:340px){.wrap{width:calc(100% - 20px)}.header{gap:4px}.logo{font-size:18px}.logo-icon{width:23px;height:23px}.language-switch a{min-width:21px}.header .button-small{padding-inline:7px;font-size:9px}h1{font-size:41px}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Keep the concept compact on phones and secondary text readable. */
.micro,.terms-note,.privacy,.concept-label,.showcase-label,.language-switch{color:#53647a}.featured .plan-description,.featured .check-list,.featured .price small{color:#c4d2e2}.start-copy>p:not(.eyebrow){color:#c4d2e2}
@media(max-width:520px){.sample-content{grid-template-columns:1fr 1fr;padding:21px 13px;gap:12px}.sample-content h2{font-size:22px;letter-spacing:-.8px}.sample-content p{font-size:8px}.sample-content .sample-kicker{font-size:6px}.sample-cta{font-size:6px;padding:9px 7px}.architecture{min-height:0;width:100%;height:auto}.showcase-foot{grid-template-columns:repeat(3,1fr)}.showcase-foot>*{font-size:6px;padding:10px 7px}.showcase-foot>*+*{border-top:0;border-left:1px solid var(--line)}}
.single-plan{grid-template-columns:1fr;max-width:800px;margin-inline:auto}.single-plan .plan{display:grid;grid-template-columns:1fr 1.3fr;column-gap:40px}.single-plan .plan-tag,.single-plan .plan-title,.single-plan .price,.single-plan .plan-description{grid-column:1}.single-plan .check-list{grid-column:2;grid-row:1 / span 4;align-self:center}.single-plan .button{grid-column:1 / -1}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-fields{min-width:0;margin:18px 0 0;padding:15px;border:1px solid var(--line);border-radius:6px}.contact-fields legend{padding:0 5px;color:var(--navy);font-size:11px;font-weight:750}.contact-fields legend span{color:var(--slate);font-size:10px;font-weight:600}.contact-fields>p{margin:0 0 4px;color:var(--slate);font-size:10px;line-height:1.5}button:disabled{opacity:.65;cursor:wait}#form-status.error{color:#a12222}#form-status.success{color:#225d42}@media(max-width:650px){.single-plan .plan{display:block}}

/* Keep the complete Hola Pages name visible on small screens. */
.logo .studio{display:inline;font-size:10px;letter-spacing:.7px;margin-left:5px}
@media(max-width:340px){.logo .studio{font-size:8px;margin-left:3px;letter-spacing:.3px}}

.shop-offer{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--line);padding:26px;margin-top:28px;border-radius:12px;background:white}.shop-offer h3{margin:0 0 8px}.shop-offer p{max-width:650px;color:var(--slate);font-size:14px;line-height:1.6}.shop-offer a{flex-shrink:0}@media(max-width:760px){.shop-offer{align-items:flex-start;flex-direction:column;padding:22px}}