:root{--red:#db382e;--green:#145440;--ink:#1e2924;--muted:#6d756f;--line:#dfe4dd;--cream:#f6f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',Arial,sans-serif;font-size:15px;line-height:1.7;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:5px}.skip{position:absolute;top:-80px;z-index:99;background:white;padding:12px}.skip:focus{top:0}header{height:91px;display:flex;align-items:center;padding:0 5.4%;gap:40px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{font-family:Arial,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px;display:inline-flex;align-items:baseline;white-space:nowrap}.brand-dot{width:7px;height:7px;background:var(--red);border-radius:50%;margin-left:3px}.brand small{font-size:11px;letter-spacing:0;font-weight:500;margin-left:12px;color:#707973}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:13px;font-weight:600}nav a:hover{color:var(--red)}.button{background:var(--red);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 25px;font-size:14px;font-weight:600;border-radius:4px;transition:.2s}.button:hover{background:#bd2e25;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px;gap:20px}.menu{display:none;border:0;background:transparent;font-size:24px}.hero{padding:74px 5.4% 72px;min-height:660px;display:grid;grid-template-columns:.95fr 1.18fr;align-items:center;gap:30px;overflow:hidden;background:radial-gradient(ellipse at 84% 58%,#e9f0e6 0,transparent 51%),#fcfcf9}.eyebrow,.section-label{font:600 11px/1.5 Arial,sans-serif;letter-spacing:1.6px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green)}.eyebrow i,.float-label i{width:7px;height:7px;background:var(--red);border-radius:50%}h1{font-size:clamp(44px,4.5vw,70px);line-height:1.22;letter-spacing:-.065em;margin:25px 0;color:#1d3027;font-weight:800}h1 span{color:var(--red)}.hero-text>p{color:var(--muted);font-size:16px;line-height:1.9;margin:25px 0 30px}.hero-text b{color:var(--ink)}.actions{display:flex;align-items:center;gap:24px}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:18px}.text-link:hover{color:var(--red)}.hero-note{display:flex;gap:12px;margin-top:35px;color:#7a827c;font-size:10px}.hero-note span+span{border-left:1px solid #cdd3cb;padding-left:12px}.hero-visual{position:relative;padding:43px 0 42px;min-width:0}.orbit{border:1px solid #d7e3d4;border-radius:50%;position:absolute;width:580px;height:580px;left:10%;top:-40px;pointer-events:none}.orbit2{width:690px;height:690px;left:0;top:-95px;opacity:.55}.float-label{position:relative;z-index:1;display:flex;gap:7px;align-items:center;margin:0 0 20px 30px;font:9px Arial;letter-spacing:1.5px;color:var(--green)}.dashboard{position:relative;background:white;border:1px solid #dbe1d9;box-shadow:0 25px 60px #1d403019;border-radius:10px;transform:rotate(-2deg);overflow:hidden}.dash-top{display:flex;align-items:center;gap:20px;border-bottom:1px solid #ecefe9;padding:15px 18px;font-size:9px;color:#7c857f}.dash-top strong{font:800 23px Arial;letter-spacing:-1px;color:#243b2f}.dash-top strong span{color:var(--red);font-size:12px}.avatar{margin-left:auto;border-radius:50%;background:#edf2e9;padding:6px;color:var(--green);font-size:8px}.dash-body{display:flex}aside{width:45px;border-right:1px solid #eef1eb;padding-top:12px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:9px;color:#8a958a}aside span{width:29px;height:29px;text-align:center;border-radius:5px}.selected{background:#e6eee5;color:var(--green)}.dash-content{padding:18px;width:100%;min-width:0}.dash-heading{display:flex;justify-content:space-between;align-items:center;font-size:11px}.dash-heading>span{font-size:8px;color:#488060}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}.stats>div{border:1px solid #e5eae2;border-radius:5px;padding:10px}.stats small{font-size:8px;color:#7a837a;display:block}.stats b{display:block;font:600 29px/1.5 Arial;letter-spacing:-1px}.stats em{font:8px Arial;letter-spacing:0;margin-left:5px;color:#889188}.stats span{font-size:7px;color:#8a948a}.green{color:#257955}.red{color:var(--red)}.chart-card{border:1px solid #e5eae2;border-radius:5px;padding:12px}.chart-card>div:first-child{display:flex;justify-content:space-between;font-size:9px}.chart-card small{font-size:7px;color:#267a56}.chart-card small span{color:#8d9d82}.chart-card svg{width:100%;display:block;margin-top:15px}.chart-hours{display:flex;justify-content:space-between;font:7px Arial;color:#9aa298}.event-head{display:flex;justify-content:space-between;font-size:9px;margin-top:14px}.event-head>span{color:var(--red)}.event{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eef0eb;padding:9px 0;font-size:7px}.event>b{font:600 8px Arial}.event>span:last-child{margin-left:auto;color:#727d70}.severity{padding:2px 6px;color:#b53228;background:#fbece8;border-radius:3px}.severity.pale{color:#8a6740;background:#f4f0e5}.dash-foot{font-size:8px;text-align:right;color:#94a090;padding:0 20px 8px}.asset-float{position:relative;margin:-10px 18px 0 auto;width:max-content;display:flex;align-items:center;gap:13px;padding:15px 20px;box-shadow:0 10px 30px #2c513018;background:#fff;border-radius:8px;border:1px solid #e2e8df;transform:rotate(2deg)}.asset-icon{background:#e9f1e6;color:var(--green);border-radius:8px;font-size:25px;padding:0 8px}.asset-float small{display:block;font-size:8px;color:#7d887b}.asset-float strong{font-size:11px}.check{color:#32865e;font-size:18px;margin-left:12px}.intro-strip{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:#fff;padding:24px 5.4%;gap:20px}.intro-strip>span{font:9px Arial;letter-spacing:1.5px;color:#c0d3c1}.intro-strip p{margin:0;font-size:17px;color:#d2dfd3}.intro-strip b{color:#fff}.intro-strip>a{font-size:11px;color:#dce6da}.section{padding:100px 7%;scroll-margin-top:0}.section-label{color:var(--green);margin-bottom:21px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:42px}h2{font-size:36px;line-height:1.4;letter-spacing:-.055em;font-weight:700;margin:0}p{word-break:keep-all}.section-heading p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 5px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.pain-grid article{padding:28px 0;border-top:1px solid #bac8b8}.num{font:12px Arial;color:var(--red)}h3{font-size:19px;letter-spacing:-.045em}.pain-grid h3{margin:24px 0 12px}.pain-grid p{font-size:12px;color:var(--muted);line-height:1.9}.result{display:block;font-size:11px;color:var(--green);margin-top:26px;font-weight:600}.feature-section{background:var(--cream)}.feature-tabs{display:flex;border-bottom:1px solid #cdd6c8}.feature-tabs button{flex:1;border:0;background:transparent;padding:18px 5px;text-align:left;color:#899086;font-size:14px;border-bottom:3px solid transparent}.feature-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green);font-weight:700}.feature-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;padding-top:48px;align-items:center;min-height:400px}.tag{font:10px Arial;letter-spacing:1.5px;color:var(--green)}.feature-panel h3{font-size:28px;line-height:1.5;margin:15px 0}.feature-panel p{font-size:13px;color:var(--muted);line-height:1.9;max-width:370px}.feature-panel ul{padding:0;list-style:none;font-size:12px;line-height:2.5;margin:20px 0}.feature-panel li:before{content:'✓';color:var(--green);margin-right:10px}.feature-demo{background:white;border:1px solid #dde4d7;border-radius:10px;padding:27px;box-shadow:0 15px 35px #25432908;min-height:295px}.demo-top{display:flex;justify-content:space-between;border-bottom:1px solid #eef0e9;padding-bottom:17px;font-size:12px}.demo-top span{font-size:9px;color:#8b9586}.demo-crumb{background:#f4f6f0;padding:11px;margin:18px 0;color:var(--green);font-size:10px}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #e9eee4;font-size:11px}.demo-row small{color:#818b7b;font-size:9px}.demo-row strong{font-size:12px}.demo-caption{font-size:9px;color:#90988a;margin-top:18px}.pill{font-size:9px;background:#e9f1e7;color:var(--green);padding:4px 9px;border-radius:20px}.architecture{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center;background:#173e30;color:white}.architecture .section-label{color:#a8c6b2}.architecture h2{font-size:32px}.architecture h2 span{color:#b8d3ae}.architecture p{font-size:13px;color:#b9c9bd;line-height:1.9;margin:25px 0}.outline-tag{border:1px solid #527561;padding:8px 12px;font-size:10px;display:inline-block}.operator{background:#254c3b;border:1px solid #4c6a55;padding:15px;text-align:center;font-size:13px}.operator span{font-size:10px;color:#b8cab9;margin-left:15px}.connector-line{text-align:center;height:35px;color:#86aa84;line-height:35px;font-size:20px}.connector-line small{font:8px Arial;margin:0 15px}.platform{background:#f6f8ef;color:#1c4833;padding:20px;text-align:center;border-radius:5px}.platform strong{font:800 34px Arial;letter-spacing:-1.5px}.platform>div{display:flex;justify-content:center;gap:10px;margin-top:12px}.platform span{font-size:10px;background:#e7ecdf;padding:5px 10px;border-radius:2px}.sources{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.sources>div{border:1px solid #6d896e;text-align:center;padding:16px 4px;border-radius:4px}.sources b{font:600 14px Arial}.sources small{display:block;font-size:8px;margin-top:7px;color:#b5c8b6}.sources .roadmap{border-style:dashed}.architecture-diagram>p{font-size:9px;margin:15px 0 0;text-align:center}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px}.cap-grid article{padding:26px 0;border-top:1px solid var(--line)}.cap-grid .cap-icon{color:var(--green);font-size:24px}.cap-grid h3{font-size:16px;margin:10px 0}.cap-grid p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.future{background:#f4f6ef;margin-top:20px;padding:25px;display:flex;align-items:center;gap:25px}.future>span{font-size:9px;color:var(--red)}.future b{font-size:13px}.future p{font-size:10px;color:var(--muted);margin:0 0 0 auto}.editions{background:var(--cream)}.dev-badge{font-size:10px;color:#956547}.edition-table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:center}th:first-child,td:first-child{text-align:left;width:48%;padding-left:20px}th{padding:23px 16px;border-bottom:2px solid var(--green);font:600 20px Arial;color:var(--green)}th:first-child{font:500 13px 'Noto Sans KR',sans-serif;color:var(--ink)}th small{display:block;font:10px 'Noto Sans KR',sans-serif;letter-spacing:0;color:var(--muted);margin-bottom:9px}td{padding:15px;border-bottom:1px solid #dce3d5;color:var(--green)}td:first-child{color:#485247}td:last-child,th:last-child{background:#eaf0e3}.license-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0}.license-notes p{font-size:11px;color:var(--muted);line-height:1.9}.license-notes b{display:block;font-size:12px;color:var(--ink);margin-bottom:6px}.requirements{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:5px}.requirements>div{padding:30px}.requirements>div+div{border-left:1px solid var(--line)}.requirements h3{margin:10px 0 20px}.requirements dl{margin:0;font-size:12px}.requirements dl>div{display:flex;gap:20px;margin:10px 0}.requirements dt{color:#8c9588;width:90px;flex-shrink:0}.requirements dd{margin:0}.requirements p{font-size:11px;color:var(--muted);margin:22px 0 0}.steps{display:grid;grid-template-columns:repeat(7,1fr);margin-top:40px}.step{padding:0 12px 20px 0;border-bottom:2px solid #d7e2d0;position:relative}.step:after{content:'';width:7px;height:7px;background:var(--green);position:absolute;bottom:-4px;left:0;border-radius:50%}.step>span{font:11px Arial;color:var(--red)}.step h4{font-size:13px;margin:10px 0 5px}.step p{font-size:10px;color:var(--muted);margin:0 0 9px}.step small{font-size:9px;color:var(--green)}.permission-note{margin-top:35px;background:#f5f7f1;padding:21px 25px;display:flex;justify-content:space-between;gap:20px;align-items:center}.permission-note b{font-size:12px}.permission-note p{font-size:10px;color:var(--muted);margin:0}.faq{display:grid;grid-template-columns:.65fr 1fr;gap:70px;border-top:1px solid var(--line)}.faq>div>p{font-size:12px;color:var(--muted);margin-top:25px}details{border-bottom:1px solid var(--line)}summary{padding:22px 24px 22px 0;font-size:13px;cursor:pointer;list-style:none;position:relative}summary:after{content:'+';position:absolute;right:0;font:20px Arial;color:var(--green)}details[open] summary:after{content:'−'}summary::-webkit-details-marker{display:none}details p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 24px}.contact-banner{background:var(--red);color:white;padding:65px 7%;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.contact-banner .eyebrow{color:#ffd0c9}.contact-banner h2{font-size:40px;margin-top:20px}.contact-banner p{font-size:13px;color:#ffdbd5;margin:20px 0 27px}.button.white{background:white;color:var(--red)}.button.white:hover{background:#fff0e9}.big-g{font:700 310px/.8 Arial;letter-spacing:-25px;margin-right:3%;color:#ffffff}.big-g span{color:#173e30}footer{padding:45px 5.4% 25px;background:#fcfcf9}.footer-top{display:flex;align-items:center;gap:35px;padding-bottom:34px;border-bottom:1px solid var(--line)}.footer-top p{font-size:12px;color:#7d877b}.footer-top>a:last-child{margin-left:auto;font-size:11px}.footer-bottom{display:flex;gap:28px;font-size:9px;color:#899282;padding-top:23px}.footer-bottom>span:first-child{margin-right:auto}@media(min-width:1550px){header,.hero,.intro-strip,footer{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}.section,.contact-banner{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:1050px){header{gap:20px;padding:0 4%;height:80px}nav{gap:18px}nav a{font-size:11px}.brand{font-size:31px}.brand small{display:none}.hero{padding:60px 4%;gap:15px}h1{font-size:48px}.hero-text>p{font-size:13px}.hero-note{font-size:8px;gap:6px}.actions{gap:15px}.button{padding:13px 18px;gap:20px}.text-link{font-size:11px}.dashboard{min-width:0}.dash-content{padding:12px}.stats>div{padding:7px}.stats b{font-size:24px}.event{gap:5px}.event>span:last-child{font-size:6px}.section{padding:75px 5%}h2{font-size:30px}.feature-panel{gap:30px}.future{flex-wrap:wrap;gap:10px}.future p{margin:0}.architecture{gap:30px}.steps{grid-template-columns:repeat(4,1fr);gap:25px 0}.permission-note{display:block}.permission-note p{margin-top:8px}.footer-bottom{gap:15px}.intro-strip>a{display:none}}@media(max-width:700px){header{height:70px;gap:17px}.brand{font-size:31px}.brand small{display:inline;font-size:9px}.header-cta{margin-left:auto}.header-cta.button{font-size:10px;padding:9px 12px;gap:8px}.menu{display:block;font-size:21px}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px 6%;border-bottom:1px solid var(--line);box-shadow:0 12px 20px #00000008}nav.open{display:flex;flex-direction:column;gap:20px}nav a{font-size:14px}.hero{grid-template-columns:1fr;padding:45px 6% 28px;gap:15px}.eyebrow{font-size:9px}h1{font-size:48px;margin:22px 0}.hero-text>p{font-size:14px;margin:20px 0 24px}.hero-note{font-size:9px;margin-top:26px;gap:10px}.hero-visual{padding:25px 0 25px}.float-label{margin-left:10px;font-size:8px}.orbit{width:380px;height:380px;top:0}.orbit2{width:460px;height:460px;top:-40px;left:-35px}.dashboard{transform:rotate(-1.5deg)}.dash-content{padding:12px}.stats b{font-size:26px}.stats span{font-size:6px}.event>span:last-child{font-size:7px}.asset-float{padding:10px 14px;margin-right:0}.intro-strip{display:block;padding:22px 6%}.intro-strip>span{font-size:8px}.intro-strip p{font-size:15px;margin-top:7px}.section{padding:60px 6%}.section-label{font-size:9px;margin-bottom:16px}.section-heading{display:block;margin-bottom:28px}h2{font-size:28px}.section-heading p{font-size:12px;margin-top:18px}.pain-grid{grid-template-columns:1fr;gap:0}.pain-grid article{padding:22px 0}.pain-grid h3{margin:10px 0;font-size:18px}.pain-grid .result{margin-top:16px}.pain-grid p{font-size:12px}.feature-tabs{gap:0}.feature-tabs button{text-align:center;font-size:10px;padding:14px 0}.feature-panel{grid-template-columns:1fr;padding-top:28px;gap:28px}.feature-panel h3{font-size:25px}.feature-panel p{max-width:none}.feature-demo{padding:22px;min-height:270px}.architecture{grid-template-columns:1fr;gap:35px}.architecture h2{font-size:28px}.architecture p{font-size:12px}.sources b{font-size:12px}.platform span{font-size:9px;padding:4px 8px}.cap-grid{grid-template-columns:1fr 1fr;gap:0 22px}.cap-grid h3{font-size:14px}.cap-grid p{font-size:11px}.future{display:block}.future b{display:block;font-size:13px;margin:8px 0}.future p{font-size:10px}th{font-size:14px;padding:17px 7px}th:first-child,td:first-child{width:44%;padding-left:6px}th small{font-size:8px}td{padding:12px 7px;font-size:11px}.license-notes{grid-template-columns:1fr;gap:0;margin:20px 0}.requirements{grid-template-columns:1fr}.requirements>div{padding:24px}.requirements>div+div{border-left:0;border-top:1px solid var(--line)}.requirements dl>div{gap:10px}.requirements dt{width:83px}.steps{grid-template-columns:repeat(2,1fr);gap:25px 12px}.permission-note{padding:20px}.faq{grid-template-columns:1fr;gap:25px}.faq h2 br{display:none}.faq>div>p{margin-top:18px}summary{font-size:12px;line-height:1.8}.contact-banner{padding:48px 6%;position:relative}.contact-banner h2{font-size:31px}.contact-banner p{font-size:12px;max-width:260px}.big-g{position:absolute;right:-5px;bottom:15px;font-size:155px;opacity:.14;pointer-events:none}.contact-banner>div:first-child{position:relative;z-index:1}footer{padding:30px 6%}.footer-top{flex-wrap:wrap;gap:10px}.footer-top p{order:3;width:100%;font-size:11px;margin:0}.footer-top>a:last-child{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:8px 18px}.footer-bottom>span:first-child{width:100%}.footer-bottom>span:nth-child(2){width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Shared brand navigation */
header{background:#cf3028;color:#fff;border-bottom-color:#b9231e;gap:26px}header .brand small{color:#ffe3df}header .brand-dot{background:#fff}header nav{gap:23px}header nav a:hover,header nav a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}header .header-cta{background:white;color:#b92720}header .header-cta:hover{background:#fff0ed}header .menu{color:white}header a:focus-visible,header button:focus-visible{outline-color:white}.architecture-more{margin-top:22px;color:#fff}.subhero{padding:66px 7% 58px;background:#f5f7f1;border-bottom:1px solid #e0e6da}.breadcrumbs{font-size:11px;color:#6b796e;margin-bottom:36px}.breadcrumbs a:hover{color:var(--red)}.subhero h1{font-size:54px;max-width:900px}.subhero>p{max-width:760px;font-size:16px;color:#68766b;line-height:1.95}.subhero .actions{margin-top:25px}.structure-section{padding-top:65px}.system-diagram{background:#f5f7f1;border:1px solid #dbe4d5;border-radius:12px;padding:32px}.diagram-title{font-size:12px;font-weight:600;color:#60715e;margin:0 0 22px}.system-layer{display:grid;grid-template-columns:1fr 1fr;gap:18px}.system-box{border:1px solid #c9d6c2;border-radius:7px;background:white;padding:22px;text-align:center}.system-box strong{display:block;font-size:18px}.system-box p{font-size:11px;color:#67765f;margin:8px 0 0}.system-box.zabbix{border-top:4px solid var(--red)}.system-box.glanze-box{background:var(--green);color:white;border:none}.system-box.glanze-box p{color:#dae9d4}.system-box.optional{border-style:dashed}.system-arrow{text-align:center;padding:13px;font-size:12px;color:#667b60}.system-arrow b{font-size:19px;margin:0 9px}.system-storage{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.system-storage>div{font-size:11px;text-align:center;padding:14px;background:#e8eee1;border-radius:5px}.system-storage b{display:block;font-size:13px}.diagram-note{color:#6c7966;font-size:11px;line-height:1.9;margin:18px 0 0}.architecture-detail-table td{color:#55624f;text-align:left;vertical-align:top;line-height:1.9}.architecture-detail-table th{font-size:15px;text-align:left}.architecture-detail-table th:first-child,.architecture-detail-table td:first-child{width:24%}.architecture-detail-table th:not(:first-child){width:38%}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.integration-cards article{border-top:2px solid var(--green);padding-top:20px}.integration-cards p{font-size:13px;color:#697564;line-height:1.9}.integration-cards h3{font-size:19px}.reference-links{font-size:12px;display:flex;gap:25px;flex-wrap:wrap}.reference-links a{text-decoration:underline;text-underline-offset:5px;color:var(--green)}.subnote{font-size:11px;color:#73806e;margin-top:25px}.subpage .contact-banner h2{font-size:34px}@media(max-width:1100px){header{gap:15px}header nav{gap:14px}header nav a{font-size:11px}.brand small{display:none}}@media(max-width:820px){header nav{display:none;position:absolute;top:80px;left:0;right:0;background:#cf3028;padding:24px 6%;border-bottom:1px solid #b9231e}header nav.open{display:flex;flex-direction:column;gap:22px}header .menu{display:block}header .header-cta{margin-left:auto}.subhero h1{font-size:42px}.integration-cards{grid-template-columns:1fr}.system-diagram{padding:22px}}@media(max-width:700px){header nav{top:70px;background:#cf3028}header nav a{font-size:14px}.subhero{padding:36px 6%}.subhero h1{font-size:36px}.subhero>p{font-size:13px}.breadcrumbs{margin-bottom:25px}.system-layer,.system-storage{grid-template-columns:1fr}.system-box strong{font-size:16px}.system-box{padding:17px}.system-diagram{padding:18px}.architecture-detail-table{min-width:540px}.reference-links{gap:18px}.subpage .contact-banner h2{font-size:28px}.brand small{display:none}}