@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#12272c;--dark:#102126;--mint:#7be3be;--paper:#fff;--muted:#5f7074;--line:#dce4e4;--soft:#f3f7f6;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans','Noto Sans KR',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #249d77;outline-offset:6px}p{line-height:1.7;margin:0}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.18}h3{font-size:1.2rem;line-height:1.3;letter-spacing:-.02em}svg{display:block}button{border:0}::selection{background:#b6efdc;color:var(--dark)}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.mono,.eyebrow,.section-marker,.outline-label,.diagram-label,.hero-bottom,.tab-index{font-family:var(--mono)}.section-space{padding-block:100px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--mint);padding:12px}.skip-link:focus{top:10px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 48px;max-width:1600px;margin:auto;background:#fff}.wordmark{display:flex;gap:10px;align-items:center;font-size:30px;font-weight:700;letter-spacing:-1.5px}.wordmark svg{width:29px;height:29px;fill:var(--ink)}.wordmark-period{color:#249d77}.site-header nav{display:flex;gap:32px;margin-left:70px;font-size:14px;font-weight:550}.site-header nav a{padding:10px 0}.site-header nav a:hover{color:#188460}.header-end{display:flex;align-items:center;gap:26px}.header-stage{font-size:13px;color:#657476}.language-switch{display:flex;gap:2px;border:1px solid #d9e2e2;padding:3px;border-radius:6px}.language-switch button{background:transparent;padding:6px 8px;font-family:var(--mono);font-size:12px;color:#617376;border-radius:3px;min-height:30px}.language-switch button[aria-pressed=true]{background:var(--dark);color:white}.hero{background:var(--dark);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;padding-top:76px;padding-bottom:75px}.eyebrow{font-size:12px;line-height:1.65;letter-spacing:.085em;font-weight:500}.eyebrow.light{font-size:12px;color:#b6c4c4;display:flex;align-items:center;gap:10px}.small-square{width:6px;height:6px;background:var(--mint);flex-shrink:0}.hero h1{font-size:clamp(3.2rem,5.15vw,4.75rem);line-height:1.065;letter-spacing:-.058em;margin-top:27px}.hero h1>span{display:block}.mint{color:var(--mint)}.hero-description{margin-top:27px;max-width:455px;color:#b8c6c9;font-size:17px;line-height:1.7}.button{min-height:48px;padding:14px 22px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-mint{background:var(--mint);color:var(--dark);margin-top:30px}.button-mint:hover{background:#a4efd2}.hero-caption{display:flex;flex-direction:column;gap:8px;margin-top:28px;font-size:12px;color:#c1cccc}.caption-note{color:#879e9f}.hero-bottom{border-top:1px solid #2e4145;display:flex;align-items:center;justify-content:space-between;padding-block:24px;color:#a7bbbd;font-size:12px;letter-spacing:.07em}.hero-bottom span:last-child{font-family:var(--sans);font-size:13px;letter-spacing:0}
.architecture{position:relative;border:1px solid #3b5255;background:#152b30;border-radius:9px;padding:23px 27px 0;box-shadow:0 26px 70px #07141770;margin-top:6px}.architecture:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#728d8e 0.65px,transparent 0.65px);background-size:17px 17px;border-radius:inherit;mask-image:linear-gradient(transparent 60%,#000)}.architecture>*{position:relative}.architecture-heading{display:flex;align-items:center;justify-content:space-between;color:#bbcaca;font-size:12px;letter-spacing:.05em;padding-bottom:28px}.outline-label{font-size:12px;border:1px solid #4d6467;border-radius:3px;padding:4px 6px;color:#bed1ce}.diagram-label{display:flex;gap:10px;color:#d4e4e2;font-size:12px;margin-bottom:12px}.diagram-label span:first-child{color:#7ba39c}.provider-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.provider-row>div{background:#20383d;border:1px solid #3b5256;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:4px;height:55px;font-size:15px;font-weight:600}.provider-icon{font-size:25px;line-height:1;font-weight:700;color:#efc779}.provider-icon.ncp{font-size:18px;color:#7cd8ad}.provider-icon.nhn{font-size:18px;color:#e6ebee}.metric-group{margin-top:17px;color:#a8bcbe;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-group>div{display:flex;align-items:center;gap:8px;color:#d1dfdf;font-size:12px}.metric-group i{height:3px;width:3px;background:#657d7f;border-radius:50%}.connector{height:47px;display:flex;justify-content:space-around;margin:0 50px}.connector span{width:1px;height:23px;background:#51746d;position:relative}.connector span:first-child{margin-top:0}.connector span:nth-child(2){height:47px}.connector span:first-child:after{content:'';position:absolute;top:22px;left:0;height:1px;width:105px;background:#51746d}.connector span:last-child:after{content:'';position:absolute;top:22px;right:0;height:1px;width:105px;background:#51746d}.core-node{display:flex;align-items:center;gap:13px;background:#25473f;border:1px solid #6bc3a5;border-radius:5px;padding:17px 14px;box-shadow:0 0 25px #7be3be0a}.core-mark{width:35px;height:35px;background:var(--mint);color:var(--dark);display:grid;place-items:center;font-weight:700;font-size:24px;border-radius:3px}.core-node strong{display:block;font-size:16px;white-space:nowrap}.core-node strong span{font-size:12px;font-weight:400;margin-left:4px;color:#b8d7ca}.core-node p{font-size:12px;color:#bbd1c8;margin-top:4px}.core-tag{font-family:var(--mono);font-size:12px;margin-left:auto;color:#bcebd7}.branch-line{height:42px;width:50%;margin:auto;position:relative;border-top:0;border-bottom:1px solid #628d7d}.branch-line:before{content:'';position:absolute;top:0;left:50%;height:42px;width:1px;background:#628d7d}.action-nodes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:17px;position:relative}.action-nodes:before,.action-nodes:after{content:'';position:absolute;top:0;height:17px;width:1px;background:#628d7d}.action-nodes:before{left:25%}.action-nodes:after{right:25%}.action-nodes>div{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 6px;background:#1b3439;border:1px solid #45665f;border-radius:4px;color:#d6e9e4;font-size:13px}.action-nodes svg{width:21px;height:21px;fill:none;stroke:var(--mint);stroke-width:1.2}.diagram-footer{margin-top:28px;margin-inline:-27px;padding:15px 21px;border-top:1px solid #344e53;display:flex;justify-content:space-between;font-size:12px;color:#8ca7a7;background:#12272b;border-radius:0 0 9px 9px}.diagram-footer .mono{color:#b3cbc4;font-size:12px;letter-spacing:.07em}
.section-marker{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.06em;color:#617775;margin-bottom:35px}.section-marker>span:first-child{color:#3b8671}.premise-body{display:grid;grid-template-columns:1.18fr 1fr;gap:94px}.premise h2{font-size:clamp(1.9rem,2.8vw,2.65rem)}.premise-text p{color:var(--muted);font-size:16px}.premise-text p+p{margin-top:16px}.approach{background:var(--soft);border-top:1px solid #e7eceb;border-bottom:1px solid #e7eceb}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:40px}.section-heading>p{max-width:410px;color:var(--muted);font-size:16px}.workflow-explorer{background:white;border:1px solid #d4dfdd;border-radius:7px;overflow:hidden}.scenario-tabs{display:flex;border-bottom:1px solid var(--line);background:#fbfcfc}.scenario-tabs button{display:flex;gap:13px;align-items:center;color:#687c7d;background:transparent;font-size:14px;font-weight:550;padding:21px 30px;border-bottom:2px solid transparent;position:relative;bottom:-1px}.scenario-tabs button[aria-selected=true]{color:#133b30;border-bottom-color:#238c69;background:#eaf5ef}.tab-index{font-size:12px;color:#6b9183}.scenario-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;padding:40px 42px 30px}.scenario-intro .eyebrow{font-size:12px;color:#70827f}.scenario-intro h3{font-size:27px;line-height:1.2;margin-top:15px}.scenario-intro>p{font-size:14px;color:#667874;margin-top:14px;max-width:355px}.mini-chart{margin-top:24px;max-width:355px;padding:17px 20px 0;background:#f3f8f6;border:1px solid #e4ede8;border-radius:4px}.chart-labels{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:#5a8272;gap:12px;letter-spacing:.04em}.chart-bars{height:78px;display:flex;align-items:end;gap:7px;padding-top:17px;border-bottom:1px solid #b9d9ca}.chart-bars span{flex:1;height:var(--height);background:#7dbea5;border-radius:2px 2px 0 0;transition:height .35s ease}.chart-bars span:nth-last-child(-n+3){background:#28946f}.workflow-steps{list-style:none;margin:0;padding:0}.workflow-steps li{display:grid;grid-template-columns:32px 1fr;gap:18px;position:relative;padding-bottom:24px}.workflow-steps li:not(:last-child):before{content:'';width:1px;background:#d9e5df;position:absolute;top:31px;bottom:0;left:15px}.step-number{width:31px;height:31px;border:1px solid #c4d9ce;background:#f5faf7;display:grid;place-items:center;border-radius:50%;font-family:var(--mono);font-size:12px;color:#598674}.workflow-steps h4{margin:3px 0 5px;font-size:14px;font-weight:600}.workflow-steps p{font-size:13px;color:#607570;line-height:1.6}.workflow-steps li:last-child{padding-bottom:0}.example-note{font-size:12px;color:#7b8d88;padding:0 42px 23px}.integration-table{border-top:1px solid var(--line)}.integration-row{display:grid;grid-template-columns:.88fr 1.6fr;gap:65px;padding:32px 0;border-bottom:1px solid var(--line);align-items:center}.integration-category{position:relative;padding-left:41px}.integration-category>.mono{position:absolute;left:0;top:4px;font-size:12px;color:#7d928c}.integration-category p{font-size:14px;color:#71827f;margin-top:9px;max-width:290px}.integration-brands{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.integration-brands>span{display:flex;flex-direction:column;gap:6px}.integration-brands b{font-weight:600;letter-spacing:-.045em;font-size:26px}.integration-brands small{font-size:12px;color:#81908d}.integration-brands b.brand-aws{font-size:33px;font-weight:600}.subtle-note{font-size:12px;color:#85928f;margin-top:18px}
.foundation{background:var(--dark);color:white;padding:90px 0}.foundation-grid{display:grid;grid-template-columns:1fr 1.03fr;gap:100px}.foundation .section-marker{color:#9dbbb3;margin-bottom:30px}.foundation .section-marker>span:first-child{color:var(--mint)}.foundation h2{font-size:clamp(2.4rem,3.8vw,3.45rem);color:#eff7f3}.foundation-intro{color:#adbfbb;margin-top:24px;max-width:400px;font-size:16px}.stack-labels{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.stack-labels span{border:1px solid #415650;padding:8px 12px;border-radius:4px;color:#bed7cf;font-size:12px}.principles article{display:flex;gap:24px;padding:26px 0;border-bottom:1px solid #374a49}.principles article:first-child{padding-top:9px}.principles article:last-child{border-bottom:0;padding-bottom:0}.principles article>.mono{font-size:12px;color:var(--mint);padding-top:5px}.principles h3{font-size:20px;color:#e6f3ed}.principles p{font-size:14px;color:#a9beba;margin-top:12px;line-height:1.75}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy>p{font-size:16px;color:var(--muted)}.about-copy>p+p{margin-top:19px}.founder-label{display:flex;align-items:center;gap:14px;margin-top:35px}.founder-avatar{width:46px;height:46px;border-radius:50%;background:#e8f2ee;display:grid;place-items:center;font-weight:600;font-size:21px;color:#2c7058}.founder-label strong{font-size:14px;font-weight:500;display:block}.founder-label div>span{display:block;margin-top:5px;font-size:12px;color:#879690}.brand-expansion{display:flex;align-items:center;gap:16px;padding-top:24px;margin-top:26px;border-top:1px solid var(--line);font-weight:600;font-size:20px}.brand-expansion span{font-size:12px;color:#6f847b;font-weight:400}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:110px;padding:50px 0 90px;border-top:1px solid var(--line)}.faq-heading .eyebrow{font-size:12px;color:#73897f}.faq-heading h2{font-size:33px;margin-top:18px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:15px;line-height:1.5;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:12px;height:12px;position:relative;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:'';background:#456b5b;position:absolute;left:0;top:5px;width:12px;height:1px}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details p{font-size:14px;color:#687d73;max-width:580px;padding:0 30px 23px 0}.closing{background:#dff3e9;border-radius:7px;padding:46px 50px;display:flex;align-items:center;justify-content:space-between;gap:70px;margin-bottom:60px}.closing .eyebrow{font-size:12px;color:#4f7968}.closing h2{font-size:37px;margin-top:18px}.closing-side{max-width:275px}.launch-label{display:inline-block;background:#c9e9d9;border:1px solid #acd5c0;border-radius:4px;padding:6px 9px;font-family:var(--mono);font-size:12px;color:#375f4a}.closing-side p{font-size:14px;line-height:1.6;color:#567867;margin-top:16px}.text-link{display:inline-block;border-bottom:1px solid #4b7660;font-size:13px;padding-bottom:4px;margin-top:16px}.text-link:hover{color:#177148}.site-footer{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding-block:25px 30px;color:#76877f;font-size:12px}.site-footer .wordmark{font-size:26px;color:var(--ink);margin-right:10px}.site-footer .footer-domain{margin-left:auto}.site-footer>a:last-child{margin-left:18px}.site-footer a:hover{color:#188460}
html[lang=ko] h1{font-size:clamp(2.8rem,4.4vw,4.1rem);line-height:1.22;letter-spacing:-.065em}html[lang=ko] h2{letter-spacing:-.045em;line-height:1.35;word-break:keep-all}html[lang=ko] p{word-break:keep-all}html[lang=ko] .hero-description{font-size:16px}html[lang=ko] .eyebrow{letter-spacing:.02em}html[lang=ko] .scenario-intro h3{font-size:24px}html[lang=ko] .section-marker{letter-spacing:.025em}html[lang=ko] .premise h2{font-size:clamp(1.8rem,2.5vw,2.45rem)}
@media(min-width:1600px){.hero-inner{padding-top:95px;padding-bottom:95px}.hero h1{font-size:76px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero-inner{gap:35px}.hero h1{font-size:55px}.architecture{padding-inline:19px}.diagram-footer{margin-inline:-19px}.metric-group{flex-direction:column;align-items:start;gap:8px}.core-node{gap:9px;padding-inline:10px}.core-node strong span{font-size:12px}.core-tag{font-size:12px}.premise-body{gap:45px}.section-heading{gap:45px}.section-heading>p{max-width:350px}.scenario-panel{gap:40px;padding-inline:30px}.foundation-grid,.about-grid{gap:60px}.faq-section{gap:60px}.integration-row{gap:35px}.integration-brands b{font-size:23px}.integration-brands small{font-size:12px}.site-header nav{margin-left:20px}}
@media(max-width:800px){.site-header{height:76px}.site-header nav{display:none}.header-stage{font-size:12px}.hero-inner{grid-template-columns:1fr;gap:48px;padding-top:55px;padding-bottom:48px}.hero h1{font-size:clamp(3rem,9vw,4.5rem)}.hero-description{max-width:540px}.hero-caption{flex-direction:row;flex-wrap:wrap;gap:14px}.architecture{max-width:510px;width:100%;margin:auto}.metric-group{flex-direction:row;align-items:center}.hero-bottom{gap:20px;font-size:12px}.hero-bottom span:last-child{font-size:12px}.section-space{padding-block:65px}.premise-body,.about-grid,.foundation-grid{grid-template-columns:1fr;gap:28px}.premise h2{max-width:580px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{max-width:580px}.scenario-panel{gap:30px;grid-template-columns:.9fr 1fr;padding:30px 25px}.scenario-tabs button{padding:18px 23px}.scenario-intro h3{font-size:24px}.workflow-steps li{gap:12px}.example-note{padding-inline:25px}.integration-row{grid-template-columns:1fr;gap:26px}.integration-brands{padding-left:40px}.foundation{padding-block:65px}.foundation-grid{gap:35px}.foundation-intro{max-width:530px}.principles article:first-child{padding-top:0}.about-grid{gap:32px}.about h2 br{display:none}.founder-label{margin-top:25px}.faq-section{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:60px}.closing{gap:35px;padding:34px}.closing h2{font-size:30px}.closing-side{max-width:235px}html[lang=ko] h1{font-size:clamp(2.6rem,7.4vw,4rem)}html[lang=ko] .premise h2{font-size:2rem}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.site-header{padding:0 20px;height:72px;gap:14px}.wordmark{font-size:26px;gap:7px}.wordmark svg{width:25px;height:25px}.header-end{gap:10px}.header-stage{display:none}.language-switch button{padding:6px 8px}.hero-inner{padding-top:38px;gap:40px}.eyebrow.light{font-size:12px;letter-spacing:.035em}.hero h1{font-size:48px;line-height:1.08;margin-top:22px;letter-spacing:-.05em}.hero-description{font-size:16px;margin-top:23px}.button-mint{margin-top:24px}.hero-caption{font-size:12px;gap:7px;flex-direction:column;margin-top:20px}.architecture{padding:18px 17px 0}.architecture-heading{font-size:12px;padding-bottom:20px}.outline-label{font-size:12px}.provider-row>div{height:48px;font-size:13px;gap:7px}.metric-group{flex-direction:column;align-items:start;gap:8px;font-size:12px}.metric-group>div{font-size:12px}.connector{margin-inline:34px}.connector span:first-child:after,.connector span:last-child:after{width:85px}.core-node{padding:13px 10px;gap:9px}.core-mark{height:31px;width:31px;font-size:21px}.core-node strong{font-size:14px}.core-node strong span{font-size:12px;margin-left:2px}.core-node p{font-size:12px}.core-tag{font-size:12px}.action-nodes{gap:12px}.action-nodes>div{font-size:12px;gap:7px;padding:15px 4px}.action-nodes svg{width:19px;height:19px}.diagram-footer{margin-inline:-17px;font-size:12px;padding:13px 16px}.diagram-footer .mono{font-size:12px}.hero-bottom{display:block;font-size:12px;line-height:1.7;padding-block:18px}.hero-bottom>span{display:block}.hero-bottom span:last-child{font-size:12px;margin-top:5px}.section-space{padding-block:52px}.section-marker{font-size:12px;gap:12px;margin-bottom:24px}h2{font-size:31px}.premise h2{font-size:30px}.premise-body{gap:24px}.premise-text p,.about-copy>p{font-size:15px}.section-heading>p{font-size:15px}.section-heading{margin-bottom:28px;gap:18px}.scenario-tabs button{padding:16px 14px;font-size:12px;gap:8px;flex:1;justify-content:center}.tab-index{font-size:12px}.scenario-panel{grid-template-columns:1fr;gap:28px;padding:27px 22px}.scenario-intro h3{font-size:25px}.scenario-intro>p{max-width:100%}.mini-chart{max-width:none}.workflow-steps li{padding-bottom:20px;gap:14px}.workflow-steps h4{font-size:14px}.workflow-steps p{font-size:13px}.example-note{padding:0 22px 20px;font-size:12px}.integration-row{padding-block:27px;gap:24px}.integration-category{padding-left:30px}.integration-brands{padding-left:0;gap:14px}.integration-brands b{font-size:22px}.integration-brands b.brand-aws{font-size:29px}.integration-brands small{font-size:12px;line-height:1.5}.subtle-note{font-size:12px}.foundation h2{font-size:38px}.foundation-intro{font-size:15px}.principles article{gap:19px;padding-block:22px}.principles h3{font-size:19px}.principles p{font-size:14px}.brand-expansion{gap:12px;font-size:18px}.brand-expansion span{font-size:12px}.faq-heading h2{font-size:30px}.faq-list summary{font-size:14px;padding-block:20px}.faq-list details p{font-size:14px}.closing{flex-direction:column;align-items:start;padding:28px;gap:28px;margin-bottom:35px}.closing h2{font-size:29px}.closing-side{max-width:100%}.closing-side p{max-width:250px}.site-footer{gap:16px;flex-wrap:wrap;font-size:12px;padding-block:23px}.site-footer .wordmark{font-size:23px}.site-footer>a:last-child{margin-left:auto}.site-footer .footer-domain{display:none}html[lang=ko] h1{font-size:39px}html[lang=ko] .premise h2{font-size:28px}html[lang=ko] .hero-description{font-size:15px}html[lang=ko] .core-node strong span{font-size:12px}html[lang=ko] .scenario-tabs button{padding-inline:10px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Readable system labels and responsive diagram connections. */
.connector{position:relative;margin-inline:0}.connector:after{content:"";position:absolute;top:22px;left:16.666%;right:16.666%;height:1px;background:#51746d}.connector span:first-child:after,.connector span:last-child:after{display:none}.metric-group{flex-wrap:wrap}.workflow-steps p{font-size:14px}.scenario-intro>p{font-size:16px}.integration-category p{font-size:16px}.principles p{font-size:16px}.faq-list details p{font-size:16px}.closing-side p{font-size:16px}.hero-caption{font-size:14px}.caption-note{font-size:12px}.action-nodes>div{font-size:14px}.core-node strong{white-space:normal}.core-node strong span{font-size:12px}.core-node p{font-size:12px}.core-tag{font-size:12px}.metric-group>div{flex-wrap:wrap}.diagram-footer{gap:10px}.chart-labels{gap:12px;flex-wrap:wrap}.chart-bars{height:88px}@media(max-width:560px){.action-nodes>div{font-size:12px}.core-node strong span{display:block;margin-left:0;font-size:12px}.core-tag{font-size:12px}.hero-caption{font-size:13px}.diagram-footer{flex-wrap:wrap}.scenario-tabs button{min-height:48px}.hero-bottom{font-size:12px}}
@media(max-width:560px){.integration-row,.integration-category,.integration-brands{min-width:0}.integration-brands{grid-template-columns:1fr;gap:18px;padding-left:30px}.integration-brands>span{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.integration-brands b{font-size:22px}.integration-brands small{font-size:12px;text-align:right;max-width:115px}.integration-brands b.brand-aws{font-size:28px}}

/* Official cloud CI files: original colors and proportions. */
.provider-row>div{background:#fff;border-color:#e2e9e6;padding:13px 11px;height:62px}.provider-logo{display:block;object-fit:contain;max-width:100%;width:100%;height:auto;max-height:32px}.provider-logo.logo-aws{width:54px;height:auto}.provider-logo.logo-ncp{width:112px}.provider-logo.logo-nhn{width:99px}.cloud-brand{height:46px;display:flex;align-items:center;min-width:0}.cloud-logo{display:block;object-fit:contain;max-width:100%;height:auto}.cloud-logo.logo-aws{width:68px}.cloud-logo.logo-ncp{width:170px}.cloud-logo.logo-nhn{width:140px}@media(max-width:560px){.provider-row>div{padding:11px 8px;height:57px}.provider-logo.logo-aws{width:43px}.cloud-brand{height:40px;max-width:55%;flex:1}.cloud-logo.logo-aws{width:58px}.cloud-logo.logo-ncp{width:145px}.cloud-logo.logo-nhn{width:125px}}