.hosting-agreement-page{background:#f5f8fa;color:#263f50}.agreement-hero{padding:72px 0 44px;background:radial-gradient(circle at 82% 10%,rgba(29,191,166,.18),transparent 28%),linear-gradient(135deg,#0d2d43,#174a62);color:#fff}.agreement-hero>div>span,.agreement-summary header span,.agreement-document header small{color:#67e4d2;font-size:.65rem;font-weight:900;letter-spacing:.14em}.agreement-hero h1{max-width:850px;margin:10px 0;color:#fff;font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.08}.agreement-hero>div>p{max-width:820px;color:#c4d6df;font-size:.88rem;line-height:1.65}.agreement-identity{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.12)}.agreement-identity div{display:grid;gap:4px;padding:14px;background:rgba(8,34,50,.6)}.agreement-identity small{color:#8fabb9;font-size:.56rem;text-transform:uppercase}.agreement-identity strong{color:#fff;font-size:.7rem}.agreement-rates{background:#fff}.agreement-rates .container{display:grid;grid-template-columns:repeat(4,1fr);transform:translateY(-16px);overflow:hidden;border:1px solid #dbe6eb;border-radius:12px;background:#fff;box-shadow:0 12px 34px rgba(12,48,70,.1)}.agreement-rates article{display:grid;gap:3px;padding:18px;border-right:1px solid #e2eaee}.agreement-rates article:last-child{border:0}.agreement-rates small{color:#738793;font-size:.55rem;text-transform:uppercase}.agreement-rates strong{color:#173f5c;font-size:1.1rem}.agreement-rates span{color:#718493;font-size:.58rem}.agreement-summary{padding:48px 0;background:#fff}.agreement-summary header{text-align:center}.agreement-summary header span{color:#168f7d}.agreement-summary h2{margin:7px 0 25px}.agreement-models{display:grid;grid-template-columns:1fr 1fr;gap:16px}.agreement-models article{padding:22px;border:1px solid #bddbd4;border-radius:13px;background:#f4fcf9}.agreement-models article.is-cloud{border-color:#c8d2f0;background:#f5f7ff}.agreement-models b{color:#087658;font-size:.6rem;letter-spacing:.1em}.agreement-models .is-cloud b{color:#3654bb}.agreement-models h3{margin:7px 0 12px;font-size:1rem}.agreement-models ul{margin:0;padding-left:18px}.agreement-models li{margin:7px 0;color:#526b7a;font-size:.67rem;line-height:1.5}.agreement-warning{margin-top:16px;padding:17px 20px;border:1px solid #eccf83;border-radius:11px;background:#fff9e9;color:#684e12}.agreement-warning strong{font-size:.77rem}.agreement-warning p{margin:4px 0 0;font-size:.67rem;line-height:1.5}.agreement-body{padding:55px 0 80px}.agreement-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:24px;align-items:start}.agreement-layout aside>div{position:sticky;top:90px;display:grid;gap:3px;padding:17px;border:1px solid #dce6eb;border-radius:12px;background:#fff}.agreement-layout aside span{margin-bottom:7px;color:#168f7d;font-size:.58rem;font-weight:900;letter-spacing:.1em}.agreement-layout aside a{padding:7px 8px;border-radius:6px;color:#5c7280;font-size:.59rem;font-weight:700;text-decoration:none}.agreement-layout aside a:hover{background:#eaf8f5;color:#087658}.agreement-document{overflow:hidden;border:1px solid #dbe5ea;border-radius:15px;background:#fff;box-shadow:0 10px 30px rgba(17,52,72,.05)}.agreement-document>header{padding:28px;border-bottom:1px solid #e3ebee;background:#173f5c;color:#fff}.agreement-document>header h2{margin:6px 0;color:#fff}.agreement-document>header p{margin:0;color:#c6d6de;font-size:.69rem}.agreement-document>section{padding:25px 28px;border-bottom:1px solid #e8eef1;scroll-margin-top:90px}.agreement-document>section:nth-of-type(even){background:#fbfcfd}.agreement-document h3{margin:0 0 11px;color:#173f5c;font-size:1.03rem}.agreement-document h4{margin:14px 0 5px;color:#2d5369;font-size:.78rem}.agreement-document p,.agreement-document li,.agreement-document dd{color:#526a79;font-size:.68rem;line-height:1.7}.agreement-document ul{padding-left:20px}.agreement-definitions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.agreement-definitions div{padding:12px;border:1px solid #e0e8ec;border-radius:8px;background:#fff}.agreement-definitions dt{color:#173f5c;font-size:.67rem;font-weight:900}.agreement-definitions dd{margin:3px 0 0}.agreement-fee-table{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px}.agreement-fee-table div{padding:13px;border:1px solid #dce6ea;border-radius:9px}.agreement-fee-table span,.agreement-fee-table strong{display:block}.agreement-fee-table span{color:#718493;font-size:.57rem}.agreement-fee-table strong{margin:3px 0;color:#087658;font-size:.85rem}.agreement-fee-table p{margin:0;font-size:.6rem}.agreement-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.agreement-options article{padding:14px;border:1px solid #dce6ea;border-radius:9px;background:#fff}.agreement-options b{display:grid;width:25px;height:25px;place-items:center;border-radius:7px;background:#e8f7f4;color:#087658;font-size:.62rem}.agreement-options h4{margin:8px 0 4px}.agreement-options p{margin:0;font-size:.61rem}.agreement-company{display:grid;gap:4px;margin-top:15px;padding:13px;border-radius:8px;background:#edf4f6}.agreement-company span{color:#5d7280;font-size:.62rem}.agreement-document footer{display:flex;flex-wrap:wrap;gap:12px;padding:20px 28px;background:#f3f7f8}.agreement-document footer p{flex:1 1 100%;margin:0}.agreement-document footer a{color:#087658;font-size:.65rem;font-weight:800}@media(max-width:900px){.agreement-identity,.agreement-rates .container{grid-template-columns:repeat(2,1fr)}.agreement-layout{grid-template-columns:1fr}.agreement-layout aside>div{position:static;grid-template-columns:repeat(2,1fr)}.agreement-models{grid-template-columns:1fr}}@media(max-width:600px){.agreement-hero{padding:58px 0 35px}.agreement-identity,.agreement-rates .container,.agreement-definitions,.agreement-fee-table,.agreement-options{grid-template-columns:1fr}.agreement-rates article{border-right:0;border-bottom:1px solid #e2eaee}.agreement-layout aside{display:none}.agreement-body{padding:30px 0 50px}.agreement-document>header,.agreement-document>section{padding:20px 17px}.agreement-document{border-radius:11px}}.agreement-identity strong,.agreement-identity div strong,.agreement-document>header p strong,.agreement-hero strong{color:#ffffff!important}
