
:root{--blue:#2156f3;--blue-hover:#1745ce;--navy:#112447;--muted:#62708a;--line:#e3e9f3;--pale:#f4f7fd;--green:#158067;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;color:var(--navy);background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.04em}p{color:var(--muted)}:focus-visible{outline:3px solid #7699ff;outline-offset:4px}button{border:0}ul{padding:0;list-style:none}svg{flex-shrink:0}input,select,textarea{min-width:0}section[id]{scroll-margin-top:30px}.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding:100px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 24px;border-radius:9px;background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:600;font-size:15px;line-height:1.4;transition:background .15s,transform .15s,box-shadow .15s}.button:hover{background:var(--blue-hover);border-color:var(--blue-hover);box-shadow:0 5px 15px #2156f321;transform:translateY(-1px)}.button-outline{color:var(--navy);background:#fff;border-color:#d6dfef}.button-outline:hover{color:var(--blue);background:#f5f8ff;border-color:#aac0ff}.button-small{min-height:43px;padding:10px 17px;font-size:14px}.button-white{background:white;color:var(--blue);border-color:#fff}.button-white:hover{color:var(--blue);background:#edf3ff}.full{width:100%}.text-button{padding:0;background:none;color:var(--blue);font-size:15px;font-weight:600}.text-button:hover{text-decoration:underline}.icon-button{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;width:40px;height:40px;background:transparent}.icon-button:hover{background:#edf2fc}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.12em}.tag{display:inline-flex;font-size:11px;letter-spacing:.08em;font-weight:700;color:var(--muted);border:1px solid #dce4f0;border-radius:5px;padding:4px 8px}.announcement{background:#eef3ff;display:flex;align-items:center;justify-content:space-between;padding:8px max(40px,calc((100vw - 1200px)/2));font-size:12px;color:#466081;min-height:34px}.announcement-right{display:flex;align-items:center;gap:7px}.site-header{background:#ffffffed;border-bottom:1px solid #e9edf4;position:sticky;top:0;z-index:40;backdrop-filter:blur(18px)}.nav-inner{display:flex;justify-content:space-between;align-items:center;height:84px}.brand{display:flex;align-items:center;gap:10px;line-height:1;white-space:nowrap;color:var(--navy);font-size:22px;font-weight:800;letter-spacing:-.04em}.brand-symbol{width:39px;height:42px;background:var(--blue);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:29px;position:relative;letter-spacing:-.09em;font-weight:900}.brand-symbol>span{position:absolute;bottom:7px;left:13px;width:14px;height:3px;background:#2156f3;transform:skew(-20deg)}.brand b{color:var(--blue)}.brand small{display:block;font-size:8px;letter-spacing:.19em;color:#7b88a0;font-weight:600;margin-top:7px}.main-nav{display:flex;align-items:center;gap:29px;font-size:14px;font-weight:500}.main-nav>a:hover,.nav-link:hover{color:var(--blue)}.nav-link{display:flex;align-items:center;gap:5px;background:none;font-size:14px;padding:12px 0}.nav-account{display:flex;align-items:center;gap:23px;margin-left:20px}.login-link{font-weight:600}.mobile-toggle{display:none}.nav-dropdown{position:relative}.dropdown-panel{position:absolute;width:310px;top:100%;left:-20px;background:white;border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 16px 50px #14275620}.dropdown-panel a{display:flex;align-items:center;gap:13px;padding:12px 10px;border-radius:8px}.dropdown-panel a:hover{background:#f3f6fc}.dropdown-panel svg{color:var(--blue);width:20px}.dropdown-panel b{font-size:14px;display:block}.dropdown-panel small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:2px}.hero{background:linear-gradient(110deg,#fff 0%,#f8faff 58%,#f0f5ff 100%);overflow:hidden;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding-top:62px;padding-bottom:54px;min-height:556px}.hero-copy{position:relative;z-index:2}.tiny-cloud{background:#eaf0ff;border-radius:4px;padding:4px}.hero h1{font-size:clamp(52px,4.6vw,68px);line-height:1.07;font-weight:700;letter-spacing:-.065em;margin:22px 0}.hero h1 span{color:var(--blue)}.hero-copy>p{font-size:17px;max-width:430px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:29px}.hero-assurance{display:flex;gap:20px;margin-top:19px;color:#7a879c;font-size:12px}.hero-assurance span{display:flex;align-items:center;gap:4px}.hero-assurance svg{color:var(--blue)}.hero-art{position:relative;min-width:0}.hero-art>img{width:118%;max-width:none;margin-left:-6%;mix-blend-mode:multiply}.hero-card{position:absolute;display:flex;align-items:center;gap:11px;background:#fffffff2;border:1px solid #e2e9f8;border-radius:12px;padding:13px 16px;box-shadow:0 12px 35px #253f7412;animation:float 7s ease-in-out infinite}.hero-card.top{top:6%;left:6%}.hero-card.bottom{bottom:4%;right:0;animation-delay:-3s}.hero-card b{display:block;font-size:13px;letter-spacing:-.01em}.hero-card small{display:block;font-size:11px;color:var(--muted)}.mini-icon{display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;border-radius:8px;min-width:37px;min-height:38px;color:var(--blue)}.mini-chart{display:flex;align-items:flex-end;gap:4px;height:28px;padding-left:10px}.mini-chart i{width:5px;background:#5a87fc;border-radius:3px;height:12px}.mini-chart i:nth-child(2){height:20px}.mini-chart i:nth-child(3){height:17px}.mini-chart i:nth-child(4){height:25px}.mini-chart i:nth-child(5){height:28px}.hero-bottom{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 0 30px;border-top:1px solid #e0e8f5;gap:28px}.hero-bottom>span{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.hero-bottom svg{grid-row:span 2;color:var(--blue);align-self:center}.hero-bottom b{font-size:14px;font-weight:600}.hero-bottom small{color:var(--muted);font-size:12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:39px}.section-heading h2,.center-heading h2,.ip-layout h2,.control-copy h2,.faq-layout h2{font-size:40px;font-weight:700;letter-spacing:-.05em;margin-top:13px;line-height:1.15}.section-heading>p{font-size:15px;line-height:1.8;max-width:400px;margin-bottom:3px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.service-card{border:1px solid #dce9e7;border-radius:var(--radius);background:linear-gradient(120deg,#f6fcfa,#fff);padding:33px}.service-card.windows{border-color:#dce6ff;background:linear-gradient(120deg,#f2f6ff,#fff)}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.service-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;background:#e4f3ed;border-radius:12px;color:#20856d}.windows .service-icon{background:#e3edff;color:var(--blue)}.service-card h3{font-size:29px;letter-spacing:-.04em;margin-bottom:12px}.service-card>p{font-size:15px;line-height:1.7}.service-details{display:flex;flex-wrap:wrap;column-gap:20px;row-gap:7px;margin:22px 0 30px;max-width:440px}.service-details span{display:flex;align-items:center;gap:6px;font-size:13px;color:#536780}.service-details svg{color:var(--green)}.windows .service-details svg{color:var(--blue)}.service-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-top:1px solid #dfe9e7;padding-top:24px}.service-card-bottom small{display:block;font-size:12px;color:var(--muted)}.service-card-bottom b{font-size:26px;font-weight:700;letter-spacing:-.04em;display:block;margin-top:2px}.service-card-bottom b span{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:5px}.service-card-bottom .button{padding:11px 17px;font-size:14px;min-height:43px}.pricing-section{background:#f7f9fd;border-block:1px solid #eaf0fa}.center-heading{text-align:center;margin-bottom:34px}.center-heading h2{margin-bottom:15px}.center-heading p{font-size:16px}.pricing-controls{display:flex;justify-content:space-between;align-items:center;margin:40px 0 29px}.segmented{display:inline-flex;border:1px solid #dfe6f1;padding:5px;background:#eaf0f8;border-radius:10px;gap:4px}.segmented button{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;font-weight:600;font-size:14px;border-radius:7px;background:transparent;color:#67758b}.segmented button.selected{background:#fff;color:var(--blue);box-shadow:0 1px 5px #293d6110}.billing-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:#7c8799}.billing-toggle>span.active{color:var(--navy);font-weight:600}.switch{width:40px;height:23px;border-radius:20px;background:#cbd5e7;padding:3px;display:flex}.switch>span{width:17px;height:17px;border-radius:50%;background:white;transition:transform .2s}.switch.active{background:var(--blue)}.switch.active>span{transform:translateX(17px)}.save-tag{color:#198164;background:#e8f6ee;border-radius:5px;font-size:11px;padding:4px 7px;font-weight:600}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.plan-card{padding:29px;border:1px solid #e0e7f1;background:white;border-radius:15px;position:relative}.plan-card.featured{border:2px solid var(--blue);padding:28px;box-shadow:0 8px 30px #2d55b60a}.plan-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.plan-icon{background:#f0f4fc;color:#5e78a7;border-radius:8px;padding:9px;display:inline-flex}.plan-icon svg{width:21px;height:21px}.featured .plan-icon{background:#eaf0ff;color:var(--blue)}.popular-tag{font-size:9px;font-weight:700;letter-spacing:.055em;color:var(--blue);background:#ebf1ff;padding:6px 8px;border-radius:5px}.plan-card h3{font-size:24px;letter-spacing:-.03em}.plan-note{font-size:13px;margin-top:7px}.plan-price{font-size:42px;letter-spacing:-.055em;font-weight:700;line-height:1.2;margin-top:22px}.plan-price span{font-size:13px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:7px}.billing-note{font-size:11px;margin-top:7px;margin-bottom:24px}.plan-specs{display:flex;flex-direction:column;gap:13px;padding-top:24px;border-top:1px solid var(--line);margin-top:24px}.plan-specs>span{display:flex;align-items:center;gap:11px;color:#5d6c84;font-size:14px}.plan-specs svg{width:17px;height:17px;color:#7085a8;stroke-width:1.7}.pricing-footnote{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:26px;font-size:12px;text-align:center;line-height:1.6}.ip-layout{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.ip-layout>div>p{margin-top:21px;max-width:365px;font-size:16px;line-height:1.85}.ip-note{display:flex;align-items:center;gap:12px;margin-top:27px}.ip-note>svg{color:var(--blue)}.ip-note b{display:block;font-size:14px}.ip-note small{font-size:12px;display:block;color:var(--muted);margin-top:2px}.ip-panel{background:#fff;border:1px solid #dfe6f1;border-radius:16px;box-shadow:0 12px 50px #2d4f8010;padding:26px}.ip-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:21px}.ip-panel h3{font-size:18px;letter-spacing:-.02em}.full-segment{width:100%;margin-bottom:18px}.full-segment button{flex:1;padding:8px 15px}.pool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.pool{background:#f9fbff;border:1px solid #e0e7f3;border-radius:8px;padding:16px 9px;text-align:left;position:relative;transition:border-color .15s}.pool:hover{border-color:#86a4ff}.pool.selected{border-color:var(--blue);background:#f1f5ff}.pool b{display:block;font-size:14px;letter-spacing:-.025em}.pool>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.pool>svg{position:absolute;top:8px;right:7px;color:var(--blue)}.ip-selection{margin-top:20px;border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ip-selection>span{font-size:11px;color:var(--muted)}.ip-selection b{font-size:13px;color:var(--navy);display:block}.ip-selection .text-button{font-size:12px}.control-section{background:#f4f7fe;border-block:1px solid #e9eef9}.control-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:90px;align-items:center}.control-preview{background:white;border:1px solid #dbe4f2;border-radius:13px;box-shadow:0 18px 50px #29477914;overflow:hidden;transform:rotate(-1.2deg)}.dashboard-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 20px}.dashboard-head .brand{font-size:16px}.dashboard-head .brand-symbol{width:28px;height:29px;font-size:20px;border-radius:7px}.dashboard-head .brand-symbol>span{left:9px;bottom:5px;width:11px;height:2px}.dashboard-head .brand small{font-size:6px;margin-top:5px}.sample-tag{font-size:9px;letter-spacing:.1em;color:#8391a8}.dashboard-body{display:grid;grid-template-columns:130px 1fr;min-height:362px}.dashboard-body aside{padding:20px 9px;border-right:1px solid var(--line)}.dashboard-nav{display:flex;align-items:center;gap:8px;font-size:11px;padding:10px 7px;margin-bottom:6px;color:#7b889c;white-space:nowrap}.dashboard-nav.selected{background:#eef3ff;color:var(--blue);border-radius:6px}.dashboard-content{padding:24px 19px;min-width:0}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;gap:10px}.dashboard-welcome b{font-size:14px;letter-spacing:-.02em;display:block}.dashboard-welcome small{font-size:10px;display:block;margin-top:3px;color:var(--muted)}.avatar{background:#eaf0ff;color:var(--blue);border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;flex-shrink:0}.dashboard-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 16px}.dashboard-stats>div{padding:13px;border:1px solid var(--line);border-radius:7px}.dashboard-stats small{font-size:10px;color:var(--muted)}.dashboard-stats b{display:block;font-size:23px;line-height:1.4}.dashboard-server{border:1px solid var(--line);padding:12px;border-radius:8px}.server-row{display:flex;align-items:center;gap:8px}.server-row .mini-icon{min-width:29px;min-height:30px}.server-row b{font-size:11px;display:block}.server-row small{display:block;font-size:8px;color:var(--muted);margin-top:1px}.server-state{font-size:8px;color:#197b57;background:#eaf7ee;border-radius:4px;padding:3px 5px;margin-left:auto}.dashboard-utilization{margin-top:15px}.dashboard-utilization>span{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#7a89a0}.dashboard-utilization>div{height:4px;border-radius:5px;background:#eaf0fa;margin-top:6px}.dashboard-utilization>div span{display:block;width:24%;height:4px;background:#3771ff;border-radius:5px}.dashboard-manage{font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dce5f4;background:#f8faff;color:var(--blue);width:100%;margin-top:14px;padding:6px;border-radius:5px}.dashboard-manage:hover{background:#edf2fc}.dashboard-server.mini{display:flex;align-items:center;gap:8px;margin-top:12px;padding:12px;font-size:10px}.control-copy>p{margin-top:22px;line-height:1.8}.check-list{margin:24px 0 28px;display:flex;flex-direction:column;gap:12px}.check-list li{display:flex;align-items:center;gap:9px;font-size:14px;color:#586b88}.check-list svg{color:var(--blue);width:17px;height:17px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);column-gap:46px;row-gap:43px;margin-top:57px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background:#edf3ff;color:var(--blue);border-radius:9px;margin-bottom:18px}.feature h3{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}.feature p{font-size:14px;line-height:1.8;max-width:340px}.how-section{background:#fafbfe;border-block:1px solid var(--line);padding:80px 0}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}.step-number{display:flex;align-items:center;gap:17px;margin-bottom:20px}.step-number>span{font-size:27px;color:#cedaf0;letter-spacing:-.04em;font-weight:700}.step-number>svg{color:var(--blue);stroke-width:1.6}.steps-grid h3{font-size:18px;letter-spacing:-.02em;margin-bottom:11px}.steps-grid p{font-size:14px;line-height:1.7}.support-section{padding-bottom:30px}.support-banner{border:1px solid #dce8ff;border-radius:18px;background:linear-gradient(105deg,#f1f6ff,#f9fbff);padding:38px 45px;display:flex;align-items:center;gap:28px}.support-avatar{min-width:84px;min-height:84px;background:#e2ecff;border:7px solid #eaf1ff;display:flex;align-items:center;justify-content:center;color:var(--blue);border-radius:50%}.support-banner h2{font-size:29px;letter-spacing:-.04em;margin-top:10px}.support-banner p{font-size:14px;margin-top:10px}.support-banner .button{margin-left:auto;flex-shrink:0}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.faq-layout>div>p{margin-top:21px;font-size:15px}.faq-layout .text-button{margin-top:15px}.faq-list{padding-top:3px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item h3{font-size:15px;letter-spacing:-.012em;font-weight:600;line-height:1.5}.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:20px 0;background:none;text-align:left}.faq-item button:hover{color:var(--blue)}.faq-item svg{color:#8492a9;transition:transform .2s}.faq-item.open svg{transform:rotate(180deg);color:var(--blue)}.faq-item p{font-size:14px;line-height:1.8;padding:0 29px 22px 0}.closing-section{background:var(--blue);color:#fff;padding:65px 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-inner .eyebrow{color:#b9cdff;font-size:11px}.closing-inner h2{font-size:41px;margin-top:12px;letter-spacing:-.04em}.closing-inner p{color:#c9d8ff;font-size:15px;margin-top:14px}.closing-inner>div:last-child{display:flex;flex-direction:column;align-items:center;gap:14px}.closing-link{font-size:12px;color:#d1deff}.closing-link:hover{text-decoration:underline}.site-footer{background:#fff;padding-top:66px}.footer-main{display:grid;grid-template-columns:1.55fr 1fr 1fr 1fr;gap:45px;padding-bottom:46px}.footer-about p{font-size:13px;line-height:1.8;margin-top:21px}.footer-location{display:flex;align-items:center;gap:7px;font-size:11px;color:#7a8aa1;margin-top:18px}.footer-main h3{font-size:14px;letter-spacing:0;margin-bottom:21px}.footer-main>div:not(:first-child)>a{display:block;font-size:13px;color:#72809a;margin-bottom:11px}.footer-main a:hover{color:var(--blue)}.payment-label{display:block;font-size:10px;color:#8a97ac;margin-top:20px}.payments{display:flex;gap:9px;font-size:10px;margin-top:6px}.payments b{color:#5346ba}.payments>span{color:#6b7a92;border-left:1px solid #dbe2ed;padding-left:9px}.footer-bottom{border-top:1px solid var(--line);padding-block:20px 24px;display:flex;align-items:center;justify-content:space-between;color:#8d99ad;font-size:11px;gap:20px}.modal-backdrop{position:fixed;inset:0;background:#11244760;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;width:min(500px,100%);border-radius:18px;box-shadow:0 25px 100px #0a1f5740;max-height:calc(100dvh - 48px);overflow:auto;padding:27px;outline:none}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.modal-heading h2{font-size:23px;letter-spacing:-.04em}.modal-intro{font-size:14px;line-height:1.7;margin-bottom:23px}.form{display:flex;flex-direction:column;gap:17px}.form>label,.form-row>label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}.form input:not([type=checkbox]),.form select,.form textarea{border:1px solid #dae2f0;background:#fbfcff;color:var(--navy);border-radius:7px;min-height:46px;width:100%;padding:10px 12px;font-weight:400;font-size:14px;line-height:1.5}.form input::placeholder,.form textarea::placeholder{color:#9aa7bb}.form select{padding-right:20px}.form textarea{resize:vertical}.order-total{display:flex;align-items:center;justify-content:space-between;background:#f1f5ff;border:1px solid #dce5fb;padding:16px;border-radius:8px}.order-total>span{font-size:14px;font-weight:500}.order-total small{font-size:11px;color:var(--muted);display:block;margin-top:2px}.order-total>b{font-size:27px;letter-spacing:-.05em}.form-hint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;text-align:center;line-height:1.7}.dialog-success{display:flex;flex-direction:column;align-items:center;text-align:center;gap:17px;padding:20px 0 8px}.success-icon{width:62px;height:62px;border-radius:50%;background:#eaf6f0;color:#23835d;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.dialog-success h3{font-size:24px}.dialog-success p{font-size:14px;line-height:1.8}.preview-note{border:1px solid var(--line);border-radius:8px;padding:12px;background:#f8faff}.contact-options{display:flex;flex-direction:column;gap:10px;padding:15px 0 21px;margin-top:-10px}.contact-options>span{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.contact-options svg{color:var(--blue)}.auth-main{background:linear-gradient(105deg,#f1f6ff,#fafcff);padding:70px 0 85px;border-bottom:1px solid var(--line)}.auth-layout{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:center;max-width:1090px}.auth-story{position:relative}.auth-story h1{font-size:55px;letter-spacing:-.055em;line-height:1.12;margin-top:24px}.auth-story h1>span{color:var(--blue)}.auth-story>p{margin-top:22px;max-width:390px;font-size:16px;line-height:1.8}.auth-story>img{width:87%;mix-blend-mode:multiply;margin-top:0;margin-bottom:-15px}.auth-benefits{display:flex;flex-wrap:wrap;gap:11px 23px;margin-top:0;max-width:450px}.auth-benefits>span{display:flex;align-items:center;gap:7px;font-size:12px;color:#6e7e99}.auth-benefits svg{color:var(--blue)}.auth-form-card{background:#fff;border:1px solid #e2e8f2;border-radius:20px;padding:38px;box-shadow:0 15px 50px #294a8310}.auth-icon{display:inline-flex;align-items:center;justify-content:center;background:#edf3ff;color:var(--blue);width:47px;height:47px;border-radius:10px;margin-bottom:24px}.auth-form-card h2{font-size:29px;letter-spacing:-.04em}.auth-form-intro{font-size:14px;margin-top:10px;margin-bottom:27px}.auth-form{gap:18px}.password-input{display:flex;position:relative}.password-input>input{padding-right:47px!important}.password-input>button{position:absolute;right:5px;top:4px;display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:6px;background:none;color:#8090aa}.password-input>button:hover{background:#edf2fc}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-hint{font-size:11px;font-weight:400;color:#8a98b0}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:8px!important;font-size:11px!important;font-weight:400!important;line-height:1.6;color:var(--muted)}.checkbox-label input{margin:3px 0 0;accent-color:var(--blue);width:14px;height:14px;flex-shrink:0}.form-options{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-options .text-button{font-size:11px}.auth-divider{height:1px;background:var(--line);margin:26px 0 22px}.auth-switch{text-align:center;font-size:12px}.auth-switch a{color:var(--blue);font-weight:600;margin-left:3px}.auth-switch a:hover{text-decoration:underline}.auth-home-link{display:block;text-align:center;font-size:11px;color:#8996aa;margin-top:17px}.auth-home-link:hover{color:var(--blue)}.form-error{font-size:12px;color:#b12b39;background:#fff1f2;border:1px solid #f7ccd0;padding:10px;border-radius:6px}.auth-success{display:flex;flex-direction:column;gap:19px;text-align:center;align-items:center;padding:20px 0}.auth-success>p{font-size:14px;line-height:1.8}.auth-success .eyebrow{font-size:10px}.register-layout .auth-story h1{font-size:50px}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(min-width:1500px){.hero-grid{padding-top:72px;padding-bottom:65px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.main-nav{gap:21px}.nav-account{gap:18px;margin-left:4px}.hero h1{font-size:54px}.hero-card.top{left:0}.hero-card.bottom{right:-8px}.hero-card{padding:10px 12px}.ip-layout,.control-grid,.faq-layout{gap:48px}.auth-layout{gap:55px}.plan-card{padding:24px}.plan-card.featured{padding:23px}.popular-tag{font-size:8px;padding:5px}.service-card{padding:28px}.hero-grid{min-height:520px}.hero-copy>p{font-size:16px}.hero-card b{font-size:12px}.hero-card small{font-size:10px}.dashboard-body{grid-template-columns:110px 1fr}.dashboard-nav{font-size:10px}.dashboard-content{padding:22px 14px}.dashboard-welcome b{font-size:12px}.dashboard-welcome small{font-size:9px}.footer-main{gap:30px}.features-grid{column-gap:30px}.section-heading h2,.center-heading h2,.ip-layout h2,.control-copy h2,.faq-layout h2{font-size:36px}}
@media(max-width:900px){.nav-inner{height:72px}.brand{font-size:20px}.brand-symbol{width:35px;height:38px;font-size:26px}.mobile-toggle{display:flex}.main-nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:16px 24px;box-shadow:0 20px 35px #18325215;max-height:calc(100dvh - 100px);overflow:auto}.main-nav.open{display:flex}.main-nav>a{padding:12px 0}.nav-link{width:100%;justify-content:space-between;padding:12px 0}.dropdown-panel{position:static;width:100%;box-shadow:none;border-radius:9px;margin-bottom:10px;background:#f8faff}.nav-account{margin:10px 0 0;padding-top:16px;border-top:1px solid var(--line);justify-content:space-between}.hero-grid{grid-template-columns:1fr .95fr;gap:10px;padding-top:45px;padding-bottom:40px;min-height:440px}.hero h1{font-size:44px}.hero-copy .eyebrow{font-size:10px}.hero-actions{gap:8px}.hero-actions .button{font-size:13px;padding:11px 16px;min-height:45px}.hero-copy>p{font-size:15px;line-height:1.75}.hero-assurance{font-size:10px;gap:12px}.hero-card{padding:9px;gap:7px}.hero-card .mini-icon{min-width:29px;min-height:30px}.hero-card b{font-size:10px}.hero-card small{font-size:8px}.hero-card.top{top:0}.hero-card.bottom{bottom:0}.mini-chart{display:none}.hero-bottom{gap:15px}.hero-bottom b{font-size:12px}.hero-bottom small{font-size:10px}.section{padding:74px 0}.section-heading h2,.center-heading h2,.ip-layout h2,.control-copy h2,.faq-layout h2{font-size:33px}.section-heading>p{font-size:13px;max-width:295px}.service-grid{gap:18px}.service-card{padding:24px}.service-card h3{font-size:25px}.service-card>p{font-size:14px}.service-card-bottom{flex-wrap:wrap;align-items:center}.service-card-bottom b{font-size:23px}.service-card-bottom .button{font-size:12px;padding:10px 12px}.service-details{font-size:12px}.plans-grid{gap:14px}.plan-card{padding:21px}.plan-card.featured{padding:20px}.plan-title{min-height:61px;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:16px}.plan-title .plan-icon{padding:7px}.plan-icon svg{width:18px;height:18px}.plan-title .popular-tag{font-size:8px}.plan-price{font-size:35px}.plan-price span{font-size:11px;display:block;margin-left:0;margin-top:5px}.plan-note{font-size:12px;min-height:38px}.plan-specs>span{font-size:12px;gap:8px}.plan-specs svg{width:15px;height:15px}.plan-card>.button{font-size:13px;padding:12px 10px}.billing-note{font-size:10px}.pricing-footnote{font-size:11px}.ip-layout{gap:35px}.ip-panel{padding:21px}.pool-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.pool{padding:14px}.ip-panel-top{flex-wrap:wrap;gap:8px}.ip-layout>div>p{font-size:14px}.control-grid{grid-template-columns:1.1fr 1fr;gap:30px}.dashboard-body{grid-template-columns:1fr}.dashboard-body aside{display:none}.dashboard-content{padding:23px}.dashboard-head{padding:18px}.dashboard-content .server-row b{font-size:12px}.dashboard-content .server-row small{font-size:10px}.control-copy>p{font-size:14px}.check-list li{font-size:12px;align-items:flex-start}.check-list svg{margin-top:2px}.control-copy>.button{font-size:13px}.features-grid{column-gap:25px;row-gap:30px}.feature h3{font-size:16px}.feature p{font-size:13px}.steps-grid{gap:24px}.steps-grid h3{font-size:16px}.steps-grid p{font-size:13px}.support-banner{padding:30px;gap:20px}.support-banner h2{font-size:25px}.support-banner .eyebrow{font-size:10px}.support-banner p{font-size:13px}.support-avatar{min-width:68px;min-height:68px}.support-banner .button{padding:12px 18px}.faq-layout{gap:40px}.faq-item h3{font-size:14px}.faq-item p{font-size:13px}.closing-inner h2{font-size:34px}.footer-main{gap:25px;grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-main .brand{font-size:17px}.footer-main .brand-symbol{width:31px;height:34px;font-size:23px}.footer-main h3{font-size:13px}.footer-main>div:not(:first-child)>a{font-size:12px}.auth-layout{gap:35px;grid-template-columns:1fr 1fr}.auth-form-card{padding:28px}.auth-story h1,.register-layout .auth-story h1{font-size:43px}.auth-story>p{font-size:14px}.auth-story>img{width:105%;max-width:105%;margin-left:-8%}.auth-benefits{gap:12px;flex-direction:column}.auth-form-card h2{font-size:25px}.form-row{grid-template-columns:1fr}.auth-main{padding:55px 0}}
@media(max-width:640px){html{scroll-padding-top:84px}.container{width:calc(100% - 36px)}.announcement{padding:8px 18px;font-size:11px;justify-content:center}.announcement-right{display:none}.nav-inner{height:68px}.main-nav{top:68px}.hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:18px;gap:22px}.hero-copy{text-align:center}.hero-copy .eyebrow{font-size:9px}.hero h1{font-size:48px;margin:19px 0;line-height:1.08;letter-spacing:-.065em}.hero-copy>p{max-width:360px;margin-inline:auto;font-size:15px}.hero-actions{justify-content:center;gap:10px;margin-top:24px}.hero-actions .button{font-size:13px;padding:13px 16px;min-height:46px}.hero-assurance{justify-content:center;font-size:10px;gap:16px;margin-top:17px}.hero-art{width:90%;max-width:390px;margin:auto}.hero-art>img{width:110%;margin-left:-5%}.hero-card.top{top:6%;left:-1%}.hero-card.bottom{right:-2%;bottom:7%}.hero-card b{font-size:10px}.hero-card small{font-size:9px}.hero-bottom{grid-template-columns:1fr 1fr;row-gap:21px;column-gap:12px;padding:22px 6px 25px}.hero-bottom b{font-size:12px}.hero-bottom small{font-size:10px}.hero-bottom svg{width:19px}.section{padding:58px 0}.section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:28px}.section-heading h2,.center-heading h2,.ip-layout h2,.control-copy h2,.faq-layout h2{font-size:31px;line-height:1.18;margin-top:12px}.eyebrow{font-size:10px}.section-heading>p{max-width:100%;font-size:14px}.desktop-break{display:none}.service-grid{grid-template-columns:1fr;gap:18px}.service-card{padding:26px}.service-card-top{margin-bottom:18px}.service-card h3{font-size:26px}.service-card>p{font-size:14px}.service-details{gap:7px 13px;flex-direction:column;margin:21px 0}.service-details>span{font-size:12px}.service-card-bottom{flex-wrap:nowrap;padding-top:21px}.service-card-bottom .button{font-size:12px;padding:10px 13px}.service-card-bottom b{font-size:25px}.service-card-bottom b span{font-size:10px}.center-heading{margin-bottom:24px}.center-heading>p{font-size:14px;margin-top:12px}.pricing-controls{flex-direction:column;gap:21px;margin:28px 0 27px}.segmented button{font-size:13px;padding:10px 24px}.billing-toggle{font-size:12px;gap:8px}.plans-grid{grid-template-columns:1fr;gap:20px;max-width:400px;margin:auto}.plan-card{padding:26px}.plan-card.featured{padding:25px}.plan-title{flex-direction:row;align-items:center;min-height:0;margin-bottom:18px}.plan-title .popular-tag{font-size:9px;padding:6px 8px}.plan-icon svg{width:22px;height:22px}.plan-title .plan-icon{padding:9px}.plan-card h3{font-size:25px}.plan-note{font-size:13px;min-height:0}.plan-price{font-size:41px;margin-top:20px}.plan-price span{display:inline;font-size:12px;margin-left:7px}.billing-note{font-size:11px;margin:8px 0 22px}.plan-specs{gap:11px}.plan-specs>span{font-size:13px}.plan-specs svg{width:17px;height:17px}.plan-card>.button{font-size:14px;padding:13px 17px}.pricing-footnote{font-size:10px;align-items:flex-start;margin:22px auto 0;max-width:340px}.pricing-footnote svg{margin-top:3px}.ip-layout{grid-template-columns:1fr;gap:28px}.ip-layout>div>p{max-width:100%;margin-top:17px}.ip-note{margin-top:21px}.ip-panel{padding:21px}.ip-panel-top{flex-wrap:nowrap}.ip-panel-top h3{font-size:17px}.ip-panel-top .tag{font-size:8px}.pool-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pool{padding:14px 9px}.pool b{font-size:12px}.pool>span{font-size:9px}.pool>svg{width:13px;top:5px;right:4px}.full-segment button{padding:8px 20px}.control-grid{display:flex;flex-direction:column-reverse;gap:35px;align-items:stretch}.control-copy h2{font-size:32px}.control-copy>p{margin-top:16px}.check-list li{font-size:13px}.control-copy>.button{font-size:14px}.control-preview{width:100%;transform:none;max-width:420px;margin:auto}.dashboard-body{min-height:0}.dashboard-content{padding:23px}.dashboard-welcome b{font-size:14px}.dashboard-welcome small{font-size:10px}.dashboard-server.mini{font-size:11px}.dashboard-utilization>span{font-size:10px}.dashboard-manage{font-size:11px;padding:8px}.dashboard-stats small{font-size:11px}.features-grid{grid-template-columns:1fr 1fr;gap:30px 23px;margin-top:33px}.feature-icon{width:41px;height:41px;margin-bottom:14px}.feature h3{font-size:16px;line-height:1.35}.feature p{font-size:12px;line-height:1.8}.steps-grid{grid-template-columns:1fr 1fr;gap:27px 23px}.step-number{margin-bottom:14px}.steps-grid h3{font-size:16px}.steps-grid p{font-size:12px}.support-section{padding-bottom:0}.support-banner{width:calc(100% - 36px);padding:29px 24px;display:grid;grid-template-columns:52px 1fr;gap:20px 16px}.support-avatar{min-width:52px;min-height:52px;width:52px;height:52px;border:4px solid #eaf1ff}.support-avatar svg{width:26px}.support-banner .eyebrow{font-size:8px}.support-banner h2{font-size:22px;margin-top:7px}.support-banner p{font-size:12px;margin-top:8px}.support-banner .button{grid-column:1/-1;width:100%;font-size:13px}.faq-layout{grid-template-columns:1fr;gap:27px}.faq-layout>div>p{font-size:14px;margin-top:15px}.faq-layout .text-button{font-size:13px;margin-top:10px}.faq-item h3{font-size:14px;line-height:1.5}.faq-item button{padding:18px 0}.faq-item p{font-size:13px;padding-right:10px}.closing-section{padding:46px 0}.closing-inner{flex-direction:column;align-items:flex-start;gap:26px}.closing-inner .eyebrow{font-size:9px}.closing-inner h2{font-size:32px}.closing-inner p{font-size:14px;line-height:1.8}.closing-inner>div:last-child{width:100%;align-items:stretch;gap:14px}.closing-inner .button{font-size:14px}.closing-link{text-align:center}.site-footer{padding-top:42px}.footer-main{grid-template-columns:1fr 1fr;column-gap:25px;row-gap:33px;padding-bottom:32px}.footer-about{grid-column:1/-1}.footer-about .brand{font-size:22px}.footer-about p{margin-top:17px}.footer-location{margin-top:11px}.footer-main h3{font-size:13px;margin-bottom:15px}.footer-main>div:not(:first-child)>a{font-size:12px;margin-bottom:9px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;padding:18px 0 21px}.auth-main{padding:37px 0 50px}.auth-layout{grid-template-columns:1fr;gap:28px}.auth-story{text-align:center}.auth-story h1,.register-layout .auth-story h1{font-size:39px;margin-top:13px}.auth-story h1 br{display:none}.auth-story>p{font-size:14px;margin:15px auto 0;max-width:330px}.auth-story>img{display:none}.auth-benefits{justify-content:center;flex-direction:row;gap:7px 16px;margin-top:18px}.auth-benefits span{font-size:10px}.auth-benefits svg{width:14px;height:14px}.auth-form-card{padding:29px 23px;border-radius:16px;max-width:460px;width:100%;margin:auto}.auth-form-card h2{font-size:27px}.auth-form-intro{font-size:13px;margin-bottom:24px}.auth-icon{width:42px;height:42px;margin-bottom:20px}.form-row{grid-template-columns:1fr}.form input:not([type=checkbox]),.form select,.form textarea{font-size:16px}.form>label,.form-row>label{font-size:13px}.auth-form .checkbox-label{font-size:11px!important}.modal-backdrop{padding:16px}.modal{padding:23px;max-height:calc(100dvh - 32px)}.modal-heading h2{font-size:21px}.modal-intro{font-size:13px}.order-total>b{font-size:26px}.form-hint{font-size:10px}.dialog-success h3{font-size:23px}}
@media(max-width:380px){.hero h1{font-size:43px}.hero-actions{gap:8px}.hero-actions .button{font-size:12px;padding:12px 13px}.hero-assurance{font-size:9px;gap:12px}.pool-grid{grid-template-columns:1fr 1fr}.service-card{padding:23px}.service-card-bottom b{font-size:23px}.service-card-bottom b span{display:block;margin-left:0}.service-card-bottom .button{font-size:12px}.ip-panel-top .tag{font-size:7px}.auth-form-card{padding:27px 21px}.features-grid{column-gap:19px}.feature h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep primary content and recurring controls readable at every size. */
.service-card>p,.feature p,.steps-grid p,.faq-item p,.control-copy>p{font-size:16px}
.service-details span,.plan-specs>span,.check-list li,.form>label,.form-row>label,.footer-main>div:not(:first-child)>a,.faq-item h3{font-size:14px}
.hero-art>img{mask-image:radial-gradient(ellipse at center,#000 55%,transparent 76%)}
@media(max-width:640px){.feature p,.steps-grid p,.faq-item p,.service-card>p{font-size:14px}.hero-art>img{mask-image:radial-gradient(ellipse at center,#000 57%,transparent 78%)}.feature h3{font-size:16px}.service-details{margin:20px 0}.service-details span{font-size:13px}.service-card-bottom .button{min-height:44px}.pool{min-height:64px}}

/* PHP catalogue and progressive enhancement. */
[hidden]{display:none!important}.plan-card{min-width:0}.plan-card h3,.plan-note,.pool b{overflow-wrap:anywhere}.plan-note{min-height:52px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.plans-grid:empty{display:none}.plans-grid[data-plan-group="other"]{margin-top:26px}.spec-check{color:var(--blue);width:22px;flex-shrink:0}.pool{display:flex;position:relative;flex-direction:column;align-items:flex-start;text-align:left}.pool.selected::after{content:'✓';position:absolute;right:10px;top:10px;color:var(--blue)}.pool-empty{grid-column:1/-1;padding:14px;font-size:14px}.catalogue-empty{grid-column:1/-1;text-align:center;padding:40px;background:#f5f8ff;border:1px solid var(--line);border-radius:18px}.catalogue-empty p{margin:14px 0 22px}.form-alert{padding:13px 16px;border:1px solid #e8b6c1;background:#fff4f6;color:#962842;border-radius:8px;font-size:14px;margin-bottom:20px;overflow-wrap:anywhere}.form-alert.success{background:#edf9f4;border-color:#b9e6d0;color:#136b4b}.auth-closed{max-width:580px;margin:70px auto;padding:38px;border:1px solid var(--line);border-radius:20px;background:#fff;text-align:center}.auth-closed p{margin:20px 0}.billing-label{font-size:13px;color:var(--muted)}.plan-summary{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.plan-summary span{font-size:12px;background:#f0f4fd;border-radius:5px;padding:5px 9px}.modal .form .button{margin-top:8px}.order-total{margin:12px 0}.config-message{font-size:12px;color:var(--muted)}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:200;background:#fff;padding:12px;border:2px solid var(--blue)}.skip-link:focus{transform:none}
