@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:#080c13;--text:#f1f4fa;--muted:#8a96aa;--blue:#5793ff;--line:#ffffff12;font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:2px solid #8fb9ff;outline-offset:6px}button{cursor:pointer}.page{max-width:1440px;margin:auto;padding:0 72px;position:relative}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 78% 40%,#102d561f,transparent 54%),linear-gradient(90deg,transparent 49.8%,#ffffff02 50%,transparent 50.2%);background-size:auto,100px 100%;z-index:-1}.header{height:118px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#e9effc;font-family:'Space Grotesk',Arial,sans-serif;font-size:21px;font-weight:700;letter-spacing:3px}.header-right{display:flex;align-items:center;gap:30px}.header-label{font-size:9px;letter-spacing:1.8px;color:#6c798e}.maintenance-pill{display:flex;align-items:center;gap:9px;border:1px solid #bb95512b;border-radius:5px;padding:9px 12px;background:#d3a45607;color:#d5b77f;font-size:9px;font-weight:600;letter-spacing:1.5px}.maintenance-pill i{width:5px;height:5px;border-radius:50%;background:#d5b77f;box-shadow:0 0 10px #d5b77f55}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;min-height:655px;padding:64px 0 54px;gap:12px}.eyebrow{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',Arial,sans-serif;font-size:10px;letter-spacing:1.7px;color:#9babbe}.tiny-line{height:1px;width:23px;background:#639dff}.eyebrow-slash{color:#3b4a60;padding:0 3px}h1{font-size:clamp(56px,5.35vw,78px);font-weight:500;letter-spacing:-4px;line-height:1.08;margin:28px 0 24px}.accent{color:#6ca3ff;background:linear-gradient(115deg,#9ec4ff,#4a88f7);background-clip:text;-webkit-text-fill-color:transparent}.period{-webkit-text-fill-color:#e2ecff}.intro{font-size:16px;color:#d0d7e3;margin:0 0 12px;font-weight:500}.description{font-size:13px;line-height:1.95;color:var(--muted);max-width:385px;margin:0}.status-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#69a0fb;box-shadow:0 0 8px #458dff66}.visual{position:relative;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.visual-top{position:absolute;top:19px;left:30px;right:0;display:flex;justify-content:space-between;font:9px 'Space Grotesk',monospace;letter-spacing:1.4px;color:#708198}.cross{font-size:17px;font-style:normal;margin-right:10px;color:#639cff}.visual-code{color:#46566c;padding-top:5px}.datacenter{width:116%;margin-left:-8%;position:relative;overflow:visible;filter:drop-shadow(0 24px 20px #0005)}.orbital{position:absolute;border:1px dashed #5483bd16;border-radius:50%;width:85%;aspect-ratio:1;left:10%;top:8%;transform:rotateX(58deg) rotate(-25deg);pointer-events:none}.orbital-two{width:108%;left:-1%;top:-3%;border-style:solid;border-color:#5483bd09}.visual-caption{display:flex;align-items:center;gap:11px;font:8px 'Space Grotesk',monospace;letter-spacing:1.5px;color:#6e819d;margin:0 8px 0 39px}.caption-square{width:5px;height:5px;background:#6a9ae6}.caption-line{height:1px;background:#283a52;flex:1}.rack{animation:float 7s ease-in-out infinite;animation-delay:var(--delay)}.rack-led{animation:led 3s ease-in-out infinite;animation-delay:var(--delay)}.data-path{stroke-dasharray:5 9;animation:flow 3s linear infinite}.data-path:nth-child(even){animation-direction:reverse;animation-duration:4s}.status-panel{display:flex;align-items:center;gap:30px;border:1px solid #28415e66;border-radius:7px;background:linear-gradient(105deg,#101925aa,#0c121caa);padding:26px 28px;position:relative;overflow:hidden}.status-panel:before{content:'';position:absolute;left:0;top:25%;height:50%;width:2px;background:#6c9fff;box-shadow:0 0 16px #568fff}.status-heading{display:flex;align-items:center;gap:15px;flex-shrink:0}.status-icon{width:39px;height:39px;border:1px solid #3b5a7e66;border-radius:7px;background:#142237;display:grid;place-items:center;color:#85b3ff}.status-icon svg{width:21px;height:21px}.micro-label{display:block;font:8px 'Space Grotesk',monospace;letter-spacing:1.5px;color:#7c8ba1;margin-bottom:7px}.status-heading strong{font-size:12px;font-weight:500}.status-message{border-left:1px solid #ffffff0d;padding-left:28px;font-size:11px;line-height:1.9;color:#a7b3c5}.status-message span{color:#68798f}.signal{display:flex;gap:4px;align-items:center;height:32px;flex:1;justify-content:center;opacity:.7}.signal span{width:2px;height:var(--height,10px);background:#5586ce;animation:signal 1.8s ease-in-out infinite alternate;animation-delay:var(--delay)}.status-end{font:8px 'Space Grotesk',monospace;letter-spacing:1.2px;color:#8f9eb3;white-space:nowrap;display:flex;align-items:center;gap:8px}.legal{margin:23px 0 0;padding-top:19px;border-top:1px solid var(--line);font-size:10px;line-height:1.8;color:#758094;max-width:100%}
@keyframes flow{to{stroke-dashoffset:-56}}@keyframes led{0%,100%{opacity:1}45%{opacity:.25}60%{opacity:.8}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes signal{to{transform:scaleY(.35);opacity:.4}}

/* Soft moving light behind the headline, independent of the server effects. */
.copy-atmosphere{position:absolute;inset:0 43% 0 0;z-index:-1;overflow:hidden;pointer-events:none;mask-image:radial-gradient(ellipse at 45% 48%,#000 15%,transparent 72%)}
.copy-atmosphere i{position:absolute;display:block;width:85%;height:85%;left:-10%;top:0;border-radius:50%;background:radial-gradient(ellipse,#2874ed55,transparent 65%);filter:blur(22px);animation:copy-drift 13s ease-in-out infinite alternate;will-change:transform}
.copy-atmosphere i:nth-child(2){left:25%;top:15%;width:65%;height:70%;background:radial-gradient(ellipse,#35c3e838,transparent 65%);animation:copy-orbit 17s ease-in-out infinite alternate;animation-delay:-8s}
.copy-atmosphere i:nth-child(3){left:5%;top:38%;width:75%;height:55%;background:radial-gradient(ellipse,#5861e845,transparent 65%);animation:copy-drift 11s ease-in-out infinite alternate-reverse;animation-delay:-5s}
@keyframes copy-drift{0%{transform:translate(-12%,-8%) scale(.85);opacity:.5}50%{opacity:1}100%{transform:translate(32%,16%) scale(1.18);opacity:.75}}
@keyframes copy-orbit{0%{transform:translate(12%,-18%) scale(1);opacity:.55}50%{opacity:1}100%{transform:translate(-35%,25%) scale(1.2);opacity:.65}}
@media(max-width:760px){.copy-atmosphere{inset:0 0 38%;mask-image:radial-gradient(ellipse at 45% 38%,#000 10%,transparent 75%)}.copy-atmosphere i{filter:blur(16px)}}
@media(max-height:480px) and (min-width:600px){.copy-atmosphere{inset:0 43% 0 0}}

/* Decorative layers stay inside the hero and never participate in layout. */
.hero{position:relative;isolation:isolate}
.hero-effects{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent 22%,#000 60%,#000 94%,transparent)}
.hero-mesh{position:absolute;inset:5% 0;background-image:radial-gradient(circle,#639cff40 .8px,transparent 1px);background-size:25px 25px;mask-image:radial-gradient(ellipse at 73% 50%,#000,transparent 65%);opacity:.55}
.hero-pulse{position:absolute;width:46%;aspect-ratio:1;left:51%;top:17%;border:1px solid #599dff30;border-radius:50%;box-shadow:0 0 35px #3f8cff08,inset 0 0 35px #3f8cff08;animation:hero-pulse 8s ease-out infinite}
.hero-particles{position:absolute;inset:0}
.hero-particles i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#9dcbff;box-shadow:0 0 9px #6caaff,0 0 19px #4d90ff70;opacity:0;animation:hero-particle 7s ease-in-out infinite;animation-delay:var(--delay)}
.hero-particles i:nth-child(1){--x:47%;--y:74%;--delay:-1s}
.hero-particles i:nth-child(2){--x:59%;--y:32%;--delay:-4s}
.hero-particles i:nth-child(3){--x:69%;--y:86%;--delay:-2.5s}
.hero-particles i:nth-child(4){--x:81%;--y:57%;--delay:-5s}
.hero-particles i:nth-child(5){--x:93%;--y:77%;--delay:-.5s}
.hero-particles i:nth-child(6){--x:87%;--y:24%;--delay:-3s}
.hero-particles i:nth-child(7){--x:55%;--y:55%;--delay:-6s}
.hero-particles i:nth-child(8){--x:75%;--y:44%;--delay:-4.5s}
@keyframes hero-pulse{0%{transform:scale(.65);opacity:0}20%{opacity:.7}100%{transform:scale(1.45);opacity:0}}
@keyframes hero-particle{0%,100%{transform:translate3d(0,12px,0);opacity:0}25%{opacity:.65}75%{opacity:.3}90%{transform:translate3d(12px,-38px,0);opacity:0}}
@media(max-width:760px){.hero-effects{inset:38% 0 0;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 88%,transparent)}.hero-pulse{width:70%;left:15%}.hero-mesh{mask-image:radial-gradient(ellipse at center,#000,transparent 70%)}}

/* A bounded viewport grid gives the illustration only the remaining space. */
html{overflow-x:clip}
body{min-width:0;overflow-x:clip}
.page{width:100%;height:100vh;height:100dvh;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr) auto;padding:0 clamp(24px,5vw,72px)}
.header{height:auto;min-width:0;gap:20px}
.brand{min-width:0;flex-shrink:1}

.header-right{flex-shrink:0}
main{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);min-height:0;padding:24px 0;gap:24px}
.hero-copy{min-width:0;padding-left:clamp(56px,7vw,112px)}
@media(max-width:760px){.hero-copy{padding-left:0}}
h1{font-size:clamp(46px,min(5.35vw,8.7svh),78px);margin:20px 0;letter-spacing:-3px}


.visual{min-height:0;overflow:clip;display:grid;grid-template-rows:20px minmax(0,1fr) 12px;align-items:center}
.datacenter{display:block;width:100%;height:100%;max-height:100%;min-height:0;margin:0;overflow:hidden}
.visual-top{position:relative;top:auto;left:auto;right:auto;padding:0 12px 0 16px}
.visual-caption{margin:0 12px 0 16px;flex-shrink:0;letter-spacing:1px}
.orbital-two{width:98%;left:1%}
.status-panel{padding:19px 24px;gap:24px}

.legal{margin:12px 0 0;padding-top:12px}
@media(max-width:1100px){
 .header-label{display:none}
 .status-message{padding-left:20px}
 .status-end{display:none}
 .visual-top{font-size:8px;letter-spacing:1px}
 .visual-caption{font-size:7px}
}
@media(max-width:760px){
 .page{padding:0 22px;grid-template-rows:60px minmax(0,1fr) auto}
 .header{gap:14px}
 
 .maintenance-pill{font-size:7px;letter-spacing:1px;padding:7px 8px;white-space:nowrap}
 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);padding:14px 0 10px;gap:8px}
 h1{font-size:clamp(37px,min(9.6vw,5.5svh),52px);line-height:1.05;letter-spacing:-2px;margin:14px 0}
 .eyebrow{font-size:8px;letter-spacing:1.1px;gap:8px}
 .intro{font-size:13px;margin-bottom:7px}
 .description{font-size:11px;line-height:1.7;max-width:440px}
 
 
 .visual{width:100%;max-width:430px;justify-self:center;min-height:0}
 .datacenter{height:100%;max-height:100%;width:100%}
 .visual-top{font-size:7px;padding:0}
 .visual-caption{margin:0;font-size:6px;gap:7px;letter-spacing:.8px}
 .orbital{top:-20%;width:70%;left:15%}
 .orbital-two{width:90%;left:5%}
 .status-panel{padding:13px 15px;gap:12px}
 .status-heading{gap:10px}
 .status-icon{width:32px;height:32px}
 .micro-label{font-size:7px;margin-bottom:5px}
 .status-heading strong{font-size:10px}
 .status-message{display:none}
 .signal{gap:3px;overflow:hidden;justify-content:flex-end}
 .signal span{flex-shrink:0}
 
 
 
 .legal{font-size:9px;line-height:1.6;margin-top:8px;padding-top:8px}
}
@media(max-width:380px){
 .page{padding:0 16px}
 
 .eyebrow{font-size:7px}
}
@media(min-width:761px) and (max-height:650px){
 .page{grid-template-rows:58px minmax(0,1fr) auto}
 .hero{padding:16px 0}
 h1{font-size:44px;margin:12px 0}
 .intro{font-size:14px}
 .description{font-size:12px;line-height:1.7}
 .status-panel{padding:12px 20px}
 
 .legal{margin-top:7px;padding-top:7px}
}
@media(prefers-reduced-motion:reduce){
 .copy-atmosphere i,
 .hero-pulse,
 .hero-particles i,
 .data-path,
 .signal span,
 .rack-led,
 .node-sync-scan{animation:none!important}
}

@media(max-width:760px) and (max-height:650px){
 .page{grid-template-rows:48px minmax(0,1fr) auto}
 .hero{padding:10px 0 8px;gap:5px}
 h1{font-size:30px;margin:10px 0}
 .intro{font-size:12px}
 .description{font-size:10px;line-height:1.6}
 .status-panel{padding:9px 12px}
 
 .legal{margin-top:6px;padding-top:6px}
}
@media(max-height:480px) and (min-width:600px){
 .page{grid-template-rows:42px minmax(0,1fr) auto;padding-inline:24px}
 
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);padding:10px 0;gap:20px}
 h1{font-size:clamp(24px,7dvh,34px);margin:8px 0;line-height:1.05}
 .eyebrow{font-size:7px}
 .intro{font-size:11px;margin-bottom:5px}
 .description{font-size:10px;line-height:1.5}
 .status-panel{padding:7px 14px}
 .status-icon{width:28px;height:28px}
 .status-message{display:none}
 .micro-label{margin-bottom:4px}
 .status-heading strong{font-size:10px}
 
 
 .legal{font-size:9px;line-height:1.5;margin-top:5px;padding-top:5px}
}

/* A miniature cluster simulation, separate from real maintenance status. */
.cluster-node .rack{animation:none;transition:opacity .6s}
.cluster-node.is-down .rack{opacity:.35}
.cluster-node.is-down .rack-led{animation:none;fill:#ed6577;opacity:.7}
.cluster-node.is-down .rack-edge{stroke:#704152;filter:none;opacity:.3}
.cluster-node.is-main .rack-edge{stroke:#78e3c3}
.node-badge rect{fill:#0b182a;stroke:#426184;stroke-width:.6}
.node-badge text{fill:#91acca;font:7px 'Space Grotesk',monospace;letter-spacing:.5px}
.node-badge.is-main rect{fill:#102d2b;stroke:#72dabe}
.node-badge.is-main text{fill:#94ecd4}
.node-badge.is-down rect{fill:#2b141f;stroke:#df6b7b}
.node-badge.is-down text{fill:#ff9aaa}
.cluster-link{fill:none;stroke:#4f9bec;stroke-width:1.3;stroke-linejoin:round;transition:stroke .4s}
.cluster-link.is-down{stroke:#733c50;stroke-dasharray:3 5}
.cluster-block{fill:#b4f3ed;stroke:#5dd9cb;stroke-width:.5}
.cluster-caption{letter-spacing:.6px}
.control-link{fill:none;stroke:#a595c9;stroke-width:.7;stroke-dasharray:2 5}
.control-block{fill:#cab8ed}
.node-load{fill:#6db5e2}
.node-load.is-busy{fill:#ddbc7e}
.node-badge.is-syncing rect{stroke:#af9ace}
.node-badge.is-syncing text{fill:#c4b2e8}
.node-badge rect,.node-badge text,.rack-edge{transition:fill .7s,stroke .7s,opacity .7s}
.lb-algorithm{fill:#91b9c9;font:6px 'Space Grotesk',monospace;letter-spacing:.5px}
.request-layer .security-safe-block{transition:fill .25s,opacity .12s}
.request-layer .is-response{fill:#b2cffa}
.request-layer .is-retrying{fill:#e6a277}
.firewall{transition:color .8s}
.security-status{transition:fill .8s}
.node-sync-scan{fill:#8df0d7;opacity:0;pointer-events:none}
.cluster-node.is-syncing .node-sync-scan{opacity:.65;animation:node-resync 2s ease-in-out infinite}
.cluster-node.is-syncing .rack-edge{stroke:#b8a2ff}
.under-load .cluster-node:not(.is-down) .rack-led{animation-duration:.7s}
@keyframes node-resync{0%,100%{transform:translateY(0);opacity:0}20%,80%{opacity:.7}90%{transform:translateY(170px);opacity:0}}
.security-lane{fill:none;stroke:#4f6888;stroke-width:1;opacity:.55;stroke-linejoin:round}
.security-clean-route{fill:none;stroke:#68cdbf;stroke-width:1;opacity:.6;stroke-linejoin:round}
.security-label{fill:#8da7c4;font:7px 'Space Grotesk',monospace;letter-spacing:1px}
.security-status{fill:#8ebbb9;font:8px 'Space Grotesk',monospace;letter-spacing:.8px}
.security-safe-block{fill:#a8ebdf;stroke:#0c252d;stroke-width:.6}
.security-threat rect{fill:#f1818e;stroke:#331726;stroke-width:.5}
.security-threat .security-fragment{stroke:none;filter:drop-shadow(0 0 2px #ef9e7770)}
.security-shock{fill:none;stroke:#ffc5a4;stroke-width:1;vector-effect:non-scaling-stroke}
.network-edge>path{fill:#102c38;stroke:#8dd5c7;stroke-width:1}
.network-edge .edge-symbol{fill:none;stroke-width:.8}
.security-threat[data-kind="bot"] rect{fill:#efb66f}
.firewall{color:#88dacb}
.firewall-field{fill:#63bfe50a;stroke:currentColor;stroke-width:.8;opacity:calc(.3 + var(--impact,0) * .7)}
.firewall-shield{fill:#0c202e;stroke:currentColor;stroke-width:1.5;filter:drop-shadow(0 0 4px #6ec8da40)}
.firewall-check{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.security-scene[data-mode="threat"] .firewall{color:#f2a0ac}
.security-scene[data-mode="bots"] .firewall,.security-scene[data-mode="limit"] .firewall{color:#eabd7c}
.security-scene[data-mode="bots"] .security-status{fill:#eabd7c}
/* Avoid filtered SVG surfaces during pinch zoom, including phones in landscape. */
@media(max-width:760px),(pointer:coarse){
 .datacenter,.datacenter .rack-edge,.datacenter .firewall-shield,.datacenter .security-fragment{filter:none}
 /* Keep the sharp rack edge; hiding its blur copy avoids a solid thick stripe. */
 .datacenter .rack-edge[filter]{display:none}
}
@media(prefers-reduced-motion:reduce){.cluster-node.is-syncing .node-sync-scan{animation:none;opacity:0}}
@media(max-width:760px){.visual-caption{font-size:5.5px;gap:4px}.cluster-caption{letter-spacing:0}}

/* A typographic company signature and an inline corporate notice. */
.page{padding-bottom:20px}
.brand{letter-spacing:0;font-weight:600;line-height:1.25}
.brand-icon{display:block;width:32px;height:32px;object-fit:contain;flex-shrink:0}
.brand-name{font-size:20px;color:#edf3fd}
.brand-detail{display:block;margin-top:4px;font-size:11px;font-weight:400;letter-spacing:.35px;color:#a6b6cc}
.hero-copy .legal{max-width:415px;margin:20px 0 0;padding:15px 0 0;border-top:1px solid #ffffff10;font-size:10px;line-height:1.85;color:#8795aa}
@media(max-width:760px){
 .brand{gap:8px}.brand-icon{width:25px;height:25px}
 .page{padding-bottom:12px;grid-template-rows:72px minmax(0,1fr) auto}
 .brand-name{font-size:16px}
 .brand-detail{font-size:8px;letter-spacing:0;max-width:195px}
 .header{gap:10px}
 .hero-copy .legal{margin-top:12px;padding-top:10px;font-size:9px;line-height:1.65}
}
@media(max-width:380px){.brand-name{font-size:14px}.brand-detail{font-size:7.5px;max-width:170px}}
@media(max-height:650px){.hero-copy .legal{margin-top:10px;padding-top:8px;line-height:1.6}}
@media(max-height:480px) and (min-width:600px){
 .page{padding-bottom:10px;grid-template-rows:54px minmax(0,1fr) auto}
 .brand-name{font-size:16px}.brand-detail{font-size:9px}
 h1{font-size:24px}
 .hero-copy .legal{font-size:8.5px;line-height:1.45;margin-top:8px;padding-top:7px}
}

.footer-space{height:28px}
@media(max-width:760px){.footer-space{height:16px}}

/* Keep the required notice at 36 points on every screen. */
.company-notice{min-width:0;width:100%;margin:0;padding:12px 0;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#12223818,transparent)}
.company-notice .legal{font-size:36pt;font-weight:400;line-height:1.18;letter-spacing:-.5px;color:#adbcd0;max-width:none;margin:0;padding:0;border:0;overflow-wrap:anywhere;text-align:center;text-wrap:balance}
.page{max-width:1600px;height:100dvh;min-height:0;padding:0 clamp(18px,2.5vw,40px);grid-template-rows:52px minmax(0,1fr) 8px}
.header{gap:12px}
.brand-name{font-size:18px}
.brand-detail{margin-top:2px;font-size:10px}
.brand-icon{width:28px;height:28px}
main{grid-template-rows:minmax(min-content,1fr) auto;align-content:stretch}
.hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);min-height:300px;padding:10px 0;gap:12px}
h1{font-size:clamp(38px,min(4.8vw,7.8dvh),66px);margin:12px 0;line-height:1.05}
.intro{margin-bottom:8px}
.description{line-height:1.7}
.visual{height:100%;min-height:0;max-width:none;align-self:stretch;grid-template-rows:minmax(0,1fr) 12px}
.visual-caption{margin:0 4px}
.footer-space{height:8px}
@media(max-width:760px){
 .page{height:auto;min-height:100dvh;grid-template-rows:52px auto 8px}
 .visual{padding-right:0}
 .brand-name{font-size:14px}.brand-detail{font-size:7.5px}.brand-icon{width:24px;height:24px}
 .hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(220px,34dvh);min-height:0;gap:6px;padding:14px 0 10px}
 h1{font-size:38px;margin:10px 0}
 .company-notice{padding:10px 0}
}
@media(min-width:761px) and (max-height:650px){
 .page{grid-template-rows:46px minmax(0,1fr) 6px}
 .hero{min-height:245px;padding:6px 0}
 h1{font-size:38px;margin:8px 0}
 .intro{font-size:13px}.description{font-size:11px;line-height:1.6}
 .company-notice{padding:8px 0}
 .footer-space{height:6px}
}