@charset "UTF-8";
:root{--ink:#172a31;--navy:#112329;--muted:#5b6a6f;--orange:#b44d28;--orange-light:#f1a37e;--cream:#f5f3ed;--line:#d9dfdc;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.75 "Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;word-break:keep-all;overflow-wrap:break-word;padding-bottom:34px}h1,h2,h3,p,ul,ol,figure{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}::selection{background:#f5b491;color:var(--ink)}h1,h2,h3{font-weight:700;line-height:1.35;letter-spacing:-.045em}h1{font-size:clamp(38px,4.6vw,64px)}h2{font-size:clamp(29px,3vw,43px)}h3{font-size:22px}p{color:var(--muted)}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section{padding:110px 0}.cream{background:var(--cream)}.eyebrow,.tiny{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.16em;color:var(--orange);margin-bottom:22px}.accent{color:var(--orange)}.caption{font-size:12px;line-height:1.7;margin-top:22px;color:#647176}.lead{font-size:19px;line-height:1.9;max-width:760px;margin-top:26px}.section-head{margin-bottom:48px}.section-head>p:last-child:not(.eyebrow){margin-top:22px;max-width:630px}.actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:17px 24px;min-height:56px;background:var(--orange);color:white;border:1px solid var(--orange);font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#a84724;border-color:#a84724;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.outline{color:var(--ink);background:transparent;border-color:#aebbb9}.button.outline:hover{background:#eaece7}.button.dark{background:var(--ink);border-color:var(--ink)}.button.light{background:#fff;color:var(--ink);border-color:#fff}.text-link{display:inline-flex;gap:18px;align-items:center;font-weight:700;font-size:14px;min-height:44px}.text-link:hover{color:var(--orange)}.skip{position:fixed;top:-90px;left:20px;background:#fff;z-index:999;padding:14px}.skip:focus{top:10px}.header{height:94px;border-bottom:1px solid #e4e7e4;background:#fff;position:sticky;top:0;z-index:50}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:13px;font:bold 21px/1.2 Arial,sans-serif;letter-spacing:-.7px;flex-shrink:0}.brand small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:1.65px;margin-top:7px;color:#657176}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav>a{padding:10px 0}nav>a:hover,nav>a[aria-current]{color:var(--orange)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:12px;width:44px;height:44px}.menu-toggle span{display:block;background:var(--ink);height:2px;margin:5px 0}.hero{color:white;background:var(--navy);overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;min-height:710px;padding-top:70px;padding-bottom:75px}.hero .eyebrow{color:#e2a084;font-size:10px;letter-spacing:.15em}.status-dot{display:inline-block;width:6px;height:6px;background:#f2a67f;border-radius:50%;margin-right:9px;vertical-align:middle}.hero h1{font-size:clamp(40px,4.3vw,61px);letter-spacing:-.06em;line-height:1.35}.hero h1 em{font-style:normal;color:#e8a07c}.hero-desc{color:#e8eeec;font-size:19px;line-height:1.8;margin:26px 0 15px}.hero-sub{color:#acbdbe;font-size:14px;line-height:1.9}.hero .actions{margin-top:32px;gap:24px}.hero .text-link{color:#d5dedc;font-size:12px}.hero-proof{display:flex;margin-top:52px;gap:28px}.hero-proof>span{font-size:10px;color:#a9bcbd;white-space:nowrap}.hero-proof b{display:block;font-size:14px;font-weight:700;color:#eef2ef;margin-bottom:5px}.hero-proof>span+span{border-left:1px solid #3a4c50;padding-left:25px}.hero-stage{position:relative;min-height:440px;background:linear-gradient(155deg,#284149,#1b3238);padding:45px 0 85px 30px;align-self:center;isolation:isolate}.hero-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:45px 45px;z-index:-1}.stage-label{display:flex;justify-content:space-between;padding:0 22px 25px 0;color:#b6c8c8;font:9px Arial;letter-spacing:1.5px}.hero-screen{width:109%;box-shadow:0 25px 65px #0005;transform:perspective(1200px) rotateY(-7deg) rotateZ(-2deg);border:1px solid #536669;border-radius:5px;overflow:hidden;background:white}.browser-bar{display:flex;align-items:center;gap:5px;background:#edf0ee;height:29px;padding:0 12px;color:#697579;font:9px Arial;letter-spacing:.05em}.browser-bar i{height:5px;width:5px;border:1px solid #b7c2bf;border-radius:50%}.browser-bar span{margin-left:10px}.hero-screen img{width:100%;height:269px;object-fit:cover;object-position:top}.document-mock{position:absolute;bottom:13px;right:-25px;width:205px;height:266px;background:#f3eee2;padding:22px;color:var(--ink);transform:rotate(7deg);box-shadow:0 20px 40px #0005;display:flex;flex-direction:column;justify-content:space-between;border-top:5px solid var(--orange)}.doc-number{font:8px Arial;letter-spacing:.12em}.document-mock strong{font-size:23px;line-height:1.5;letter-spacing:-1.5px;z-index:1}.doc-caption{font-size:8px;line-height:1.6;letter-spacing:.08em}.doc-lines{position:absolute;right:0;top:35px;width:160px;height:150px;background:repeating-linear-gradient(125deg,transparent 0 14px,#a0b0a846 15px 16px);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.stage-caption{display:flex;gap:10px;align-items:center;position:absolute;bottom:28px;left:22px;font:7px Arial;letter-spacing:.05em;color:#becbca}.orange-line{background:var(--orange);height:1px;width:25px}.hero-bottom{border-top:1px solid #3a4c50;padding-top:19px;padding-bottom:19px;display:flex;justify-content:space-between;font:9px Arial;letter-spacing:.12em;color:#adc0c0}.hero-bottom a{font:11px "Malgun Gothic",sans-serif;letter-spacing:0}.industry-strip{border-bottom:1px solid var(--line);padding:26px 0}.industry-strip>.wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.industry-strip span{font:9px Arial;letter-spacing:.13em;color:#657577}.industry-strip p{font-size:14px;color:var(--ink);font-weight:700}.industry-strip p span{padding:0 22px;color:#b5c0bc}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bfc8c2;border-bottom:1px solid #bfc8c2}.service-card{padding:28px 23px 32px 0}.service-card+.service-card{border-left:1px solid #d2d9d2;padding-left:24px}.card-top{display:flex;justify-content:space-between;color:var(--orange);font:12px Arial;margin-bottom:49px}.card-top span:last-child{font-size:23px}.service-card .tiny{font-size:8px;letter-spacing:.1em;margin-bottom:13px;color:#657670}.service-card h3{font-size:23px;margin-bottom:26px;transition:color .2s}.service-card:hover h3{color:var(--orange)}.service-promise{font-size:15px!important;color:var(--ink);font-weight:700;line-height:1.8;margin-bottom:13px}.service-card>p:last-child{font-size:13px;line-height:1.9}.integration-note{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.integration-note>span{font-size:12px;font-weight:700;color:var(--orange)}.integration-note p{font-size:16px;color:var(--ink)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.case-image{display:block;padding:35px 35px 0;height:335px;overflow:hidden;background:#e7eae4}.case-image.webs{background:#e4e9eb}.case-image .browser-bar{box-shadow:0 0 25px #0001}.case-image img{width:100%;height:auto;box-shadow:0 0 25px #0001;transition:transform .4s}.case-image:hover img{transform:translateY(-10px)}.case-meta{display:flex;justify-content:space-between;align-items:center;margin:24px 0 11px;font-size:10px;color:#677672;gap:14px}.case-meta span:first-child{font:700 18px Arial;letter-spacing:.02em;color:var(--ink)}.case-card h3{font-size:21px}.case-card p{font-size:13px;margin-top:12px}.expertise{background:#eaf0ed}.expertise-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.expertise .section-head{margin-bottom:25px}.large-copy{font-size:17px;line-height:1.9;margin-bottom:24px}.expertise-rows article{display:flex;gap:23px;padding:29px 0;border-top:1px solid #bac8c1}.expertise-rows article:first-child{padding-top:0;border:0}.expertise-rows article>span{font:11px Arial;color:var(--orange);padding-top:5px}.expertise-rows h3{font-size:20px}.expertise-rows p{font-size:14px;margin-top:12px;line-height:1.9}.split-head{display:flex;justify-content:space-between;gap:40px;align-items:center}.split-head>p{font-size:14px}.process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.process li{border-top:1px solid #aab7af;padding-top:22px}.process li>span{font:9px Arial;letter-spacing:.12em;color:var(--orange)}.process h3{margin:23px 0 12px;font-size:21px}.process p{font-size:13px;line-height:1.9}.faq-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:70px}.faq details{border-top:1px solid #c5cec7}.faq details:last-child{border-bottom:1px solid #c5cec7}.faq summary{list-style:none;cursor:pointer;font-size:16px;font-weight:700;padding:24px 0;display:flex;justify-content:space-between;gap:28px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--orange)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:14px;padding:0 28px 26px 0;line-height:1.9}.cta{background:var(--orange);padding:76px 0;color:white}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta .eyebrow{color:#ffe0cf;font-size:9px}.cta h2{font-size:40px}.cta p:not(.eyebrow){color:#ffe4d7;margin-top:23px;font-size:14px}.footer{background:var(--navy);color:#edf2ef;padding:65px 0 28px}.footer-top{display:flex;justify-content:space-between;gap:32px;padding-bottom:42px}.footer-logo{font:bold 26px Arial;letter-spacing:-1px}.footer-logo span{color:#e39b77}.footer-top p{color:#9bb0b0;font-size:13px;margin-top:15px}.footer-top>div:last-child{display:flex;flex-direction:column;gap:10px;font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:16px 26px;font-size:11px;color:#bdccca;padding-bottom:34px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #34494c;padding-top:23px;font:9px/1.8 Arial,"Malgun Gothic",sans-serif;color:#96abaa}.review-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#e9d5b5;color:#4a3521;display:flex;justify-content:space-between;gap:20px;padding:7px 24px;font-size:10px;line-height:20px;border-top:1px solid #c3ac8b}.mobile-contact{display:none}.page-intro{background:var(--cream);padding:84px 0 82px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:1000px;font-size:clamp(37px,4.1vw,57px)}.page-intro .lead{font-size:17px;max-width:720px}.feature-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:100px;align-items:start}.big-index{font:120px/1 Arial,sans-serif;color:#d2ddd4;letter-spacing:-8px}.big-index span{display:block;font:15px/2 "Malgun Gothic",sans-serif;color:var(--ink);letter-spacing:0;margin-top:22px}.line-list{list-style:none;padding:0;margin-top:35px}.line-list li{display:grid;grid-template-columns:110px 1fr;gap:25px;border-top:1px solid var(--line);padding:22px 0;font-size:14px}.line-list span{color:var(--muted)}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.three-col article{border-top:1px solid #bdc9c0;padding-top:27px}.three-col h3{margin-bottom:18px}.three-col p{font-size:14px;line-height:1.95}.resource-links{display:flex;gap:40px;flex-wrap:wrap;margin:40px 0 65px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-col p{margin-bottom:24px}.two-col .lead{margin-top:0}.publication{aspect-ratio:3/4;max-width:345px;background:var(--navy);color:white;position:relative;overflow:hidden;padding:35px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:12px solid var(--orange);box-shadow:15px 18px 0 #e6eae4}.publication>p{font:9px/1.9 Arial;letter-spacing:.18em;color:#bdd0cc}.publication h2{font-size:36px;margin-top:auto;margin-bottom:25px;z-index:1}.publication>span{font-size:9px;color:#a7b9b7}.publication-lines{position:absolute;width:80%;height:60%;right:-15%;top:18%;background:repeating-linear-gradient(130deg,transparent 0 22px,#d0e1d740 23px 24px)}.content-row{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0}.content-row>span{color:var(--orange);font:11px Arial;padding-top:6px}.content-row h3{font-size:20px;margin-bottom:12px}.content-row p{font-size:14px}.integration-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;gap:30px;align-items:center}.integration-flow>div{padding:30px 0;border-top:2px solid #c5cfc7}.integration-flow span{font:10px Arial;color:var(--orange)}.integration-flow h2{font-size:28px;margin:25px 0 15px}.integration-flow p{font-size:13px}.editor-note{background:#f2eee4;border-left:3px solid var(--orange);padding:24px 28px;margin-top:40px;font-size:14px}.editor-note p{margin-top:10px}.case-detail figure{max-width:1000px;margin:0 auto 70px}.case-detail figure img{width:100%;border:1px solid var(--line)}figcaption{font-size:12px;color:var(--muted);margin-top:14px}.billing-switch{display:flex;background:#e8ece7;padding:5px;max-width:420px;margin:0 auto}.billing-switch button{flex:1;border:0;background:none;font-size:14px;padding:12px 15px;color:var(--ink);font-weight:700}.billing-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.billing-note{text-align:center;margin:24px auto 45px;font-size:13px;max-width:700px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:35px 28px;border:1px solid #cbd4cc;display:flex;flex-direction:column}.price-card.featured{background:#f4f5ed;border-top:4px solid var(--orange);padding-top:32px}.price-card h2{font:700 30px Arial;margin-bottom:18px;letter-spacing:-1px}.price-card>p{font-size:12px}.price-card .price{font-size:35px;font-weight:700;letter-spacing:-1px;color:var(--ink);margin-top:30px;line-height:1.5}.price-caption{font-size:11px!important}.contract-total{color:var(--orange);margin-top:10px}.price-card ul{list-style:none;padding:26px 0;font-size:13px;flex:1}.price-card li{padding:10px 0;border-top:1px solid #d9dfd7}.price-card li:before{content:'✓';color:var(--orange);margin-right:10px}.pricing-conditions{padding:34px 0 0;max-width:950px}.pricing-conditions h3{font-size:18px;margin-bottom:16px}.pricing-conditions p{font-size:13px;margin-top:12px}.about-statement{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:center}.experience-number{font-size:85px;letter-spacing:-5px;color:var(--orange)}.experience-number span{font-size:25px;padding-left:8px}.about-statement p:not(.eyebrow){margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:100px}.contact-big{display:block;font:700 28px/1.6 Arial;letter-spacing:-1px;margin:32px 0 12px}.contact-email{font-size:14px}.contact-channels{margin-top:28px}.contact-check{border-top:1px solid var(--line);padding-top:30px;margin-top:40px}.contact-check h3{font-size:17px}.contact-check ul{padding-left:18px;font-size:14px;margin:18px 0}.contact-check p{font-size:13px}.form-panel{background:var(--cream);padding:38px}.form-panel h2{font-size:25px;margin-bottom:15px}.form-panel>p:not(.tiny){font-size:12px;margin-bottom:30px}form label{display:block;font-size:13px;font-weight:700;margin-bottom:23px}form label span,legend span{color:#64746c;font-size:11px;font-weight:400}input:not([type=checkbox]),textarea{width:100%;border:1px solid #bdc9c0;background:white;border-radius:0;padding:12px;color:var(--ink);margin-top:8px;font-size:14px;min-height:49px}textarea{resize:vertical;line-height:1.8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}fieldset{margin:0 0 20px;padding:0;border:0;min-width:0}legend{font-size:13px;font-weight:700;margin-bottom:13px}.service-options{display:flex;gap:8px;flex-wrap:wrap}.service-options label{display:flex;gap:7px;align-items:center;background:white;border:1px solid #c4cec6;padding:10px 12px;font-size:12px;font-weight:400;margin:0}.service-options input{accent-color:var(--orange);margin:0;width:15px;height:15px}.consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8}.consent input{margin-top:4px;accent-color:var(--orange);width:16px;height:16px;flex-shrink:0}.consent a{text-decoration:underline}.form-panel .button{width:100%}#form-status{font-size:13px;margin-top:20px;color:var(--ink)}#inquiry-summary{margin-top:26px}#inquiry-summary .text-link{margin-top:16px}.honeypot{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;clip-path:inset(50%);overflow:hidden}.reading{max-width:850px}.reading h2{font-size:26px;margin:38px 0 18px}.reading h2:first-child{margin-top:0}.reading>p{margin-bottom:25px}.guide-list{counter-reset:guide;list-style:none;padding:0}.guide-list li{counter-increment:guide;border-top:1px solid var(--line);padding:28px 0 28px 65px;position:relative}.guide-list li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;top:30px;font:18px Arial;color:var(--orange)}.guide-list h2{font-size:23px;margin:0 0 13px}.guide-list p{font-size:15px}.guide-list+.button{margin-top:40px}[hidden]{display:none!important}
@media(min-width:1550px){.hero-grid{min-height:760px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}nav{gap:20px}.hero-grid{gap:35px;min-height:650px}.hero-proof{gap:15px}.hero-proof>span+span{padding-left:15px}.hero-stage{min-height:395px;padding-left:20px}.hero-screen img{height:230px}.document-mock{width:170px;height:230px;right:-8px}.document-mock strong{font-size:20px}.stage-caption{font-size:6px;bottom:23px}.hero-proof b{font-size:12px}.service-card{padding-right:16px}.service-card+.service-card{padding-left:16px}.service-card h3{font-size:20px}.service-promise{font-size:13px!important}.expertise-grid{gap:50px}.contact-grid{gap:50px}.feature-layout{gap:60px}.case-image{height:285px;padding:25px 25px 0}.price-card{padding-inline:22px}}
@media(max-width:850px){.header{height:78px}.wrap{width:calc(100% - 48px)}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:18px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #0001;flex-direction:column;align-items:stretch;gap:3px}.header nav.is-open{display:flex}nav>a{padding:13px 0}.hero-grid{grid-template-columns:1fr 1fr;gap:27px;padding-top:60px;padding-bottom:60px;min-height:590px}.hero h1{font-size:39px}.hero-desc{font-size:16px}.hero-sub{font-size:12px}.hero .actions{gap:12px}.hero .button{font-size:12px;padding:14px 17px;gap:20px;min-height:48px}.hero .text-link{font-size:11px}.hero-proof{flex-wrap:wrap;gap:17px;margin-top:35px}.hero-proof>span{font-size:9px}.hero-proof>span+span{padding-left:0;border:0}.hero-stage{min-height:350px;padding:32px 0 70px 13px}.stage-label{font-size:6px;letter-spacing:.5px;padding-right:8px}.hero-screen img{height:190px}.document-mock{width:145px;height:195px;padding:17px}.document-mock strong{font-size:17px}.stage-caption{width:130px;font-size:6px;left:13px;bottom:18px}.stage-caption .orange-line{display:none}.industry-strip>.wrap{display:block}.industry-strip p{margin-top:10px;font-size:12px}.industry-strip p span{padding:0 12px}.section{padding:75px 0}.service-grid{grid-template-columns:1fr 1fr}.service-card{padding:25px!important;border-left:0!important}.service-card:nth-child(even){border-left:1px solid #d2d9d2!important}.service-card:nth-child(n+3){border-top:1px solid #d2d9d2}.card-top{margin-bottom:30px}.service-card h3{font-size:24px}.service-promise{font-size:15px!important}.integration-note{align-items:flex-start;flex-wrap:wrap}.integration-note p{font-size:15px}.case-grid{gap:24px}.case-image{height:235px;padding:20px 20px 0}.case-meta{align-items:flex-start;flex-direction:column;gap:5px}.case-card h3{font-size:19px}.expertise-grid{grid-template-columns:1fr;gap:45px}.expertise-rows article:first-child{border-top:1px solid #bac8c1;padding-top:29px}.process{grid-template-columns:1fr 1fr;gap:30px}.split-head{display:block}.split-head>p{margin:-18px 0 35px}.faq-layout{grid-template-columns:1fr;gap:5px}.cta h2{font-size:33px}.cta-inner{gap:25px}.cta .button{gap:20px}.footer-top{flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}.feature-layout,.two-col{gap:45px}.three-col{gap:26px}.three-col h3{font-size:20px}.price-card{padding:25px 17px}.price-card.featured{padding-top:22px}.price-card h2{font-size:23px}.price-card .price{font-size:26px}.price-card li{font-size:11px}.price-card .button{font-size:12px;padding:12px;gap:10px}.integration-flow{gap:12px;grid-template-columns:1fr 15px 1fr 15px 1fr}.integration-flow h2{font-size:21px}.integration-flow p{font-size:12px}.integration-flow span{font-size:8px}.about-statement{gap:35px}.experience-number{font-size:65px}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-check{margin-top:28px}.form-panel{padding:32px}.page-intro{padding:65px 0}.feature-layout .lead{font-size:16px}.line-list li{grid-template-columns:1fr;gap:9px}}
@media(max-width:600px){body{padding-bottom:83px}.wrap{width:calc(100% - 40px)}.header{height:72px}.header nav{top:72px}.brand{font-size:20px;gap:11px}.brand small{font-size:7px;letter-spacing:1.4px}.hero-grid{grid-template-columns:1fr;gap:50px;padding-top:48px;padding-bottom:35px}.hero h1{font-size:clamp(35px,9.5vw,47px)}.hero-desc{font-size:17px;margin-top:23px}.hero-sub{font-size:13px}.hero .actions{gap:20px;margin-top:28px}.hero .button{min-height:52px;font-size:12px}.hero-proof{justify-content:space-between;gap:9px;margin-top:32px}.hero-proof b{font-size:13px}.hero-proof>span{font-size:9px}.hero-stage{min-height:340px;padding:30px 28px 65px 18px;margin-right:15px;max-width:490px}.hero-screen{width:105%;transform:rotate(-2deg)}.hero-screen img{height:200px}.document-mock{width:148px;height:195px;right:-13px;bottom:0}.document-mock strong{font-size:18px}.stage-label{font-size:7px;letter-spacing:.5px}.stage-caption{bottom:20px;font-size:6px;max-width:180px;width:51%}.hero-bottom{font-size:7px;letter-spacing:.08em;padding-top:17px;padding-bottom:17px}.hero-bottom a{font-size:10px}.industry-strip{padding:23px 0}.industry-strip span{font-size:8px}.industry-strip p{line-height:2.2;font-size:11px}.industry-strip p span{padding:0 6px}.section{padding:63px 0}.section-head{margin-bottom:34px}.eyebrow{font-size:9px;margin-bottom:18px}.section-head h2{font-size:30px}.section-head>p:last-child:not(.eyebrow){font-size:14px;line-height:1.9}.service-card{padding:24px 15px 26px 0!important}.service-card:nth-child(even){padding-left:17px!important;padding-right:0!important}.service-card .tiny{font-size:6px}.service-card h3{font-size:20px;margin-bottom:21px}.service-promise{font-size:12px!important}.service-card>p:last-child{font-size:11px;line-height:1.9}.card-top{margin-bottom:30px}.integration-note{gap:18px;margin-top:28px}.integration-note>span{font-size:11px;flex-basis:100%}.integration-note p{font-size:13px}.integration-note .text-link{font-size:11px}.case-grid{grid-template-columns:1fr;gap:43px}.case-image{height:260px;padding:25px 25px 0}.case-meta{flex-direction:row;align-items:center;margin-top:19px}.case-card h3{font-size:20px}.case-card p{font-size:12px}.caption{font-size:10px}.expertise-grid{gap:32px}.expertise-rows h3{font-size:18px}.expertise-rows article{gap:15px;padding:24px 0}.expertise-rows p{font-size:13px}.large-copy{font-size:15px}.split-head>p{font-size:13px}.process{gap:26px 20px}.process li>span{font-size:8px}.process h3{font-size:20px;margin:18px 0 12px}.process p{font-size:12px}.faq summary{font-size:14px;line-height:1.8;padding:20px 0;gap:16px}.faq details p{font-size:13px;padding-right:12px}.cta{padding:55px 0}.cta-inner{display:block}.cta h2{font-size:32px}.cta p:not(.eyebrow){font-size:13px}.cta .button{margin-top:30px;min-width:220px}.footer{padding-top:48px}.footer-logo{font-size:24px}.footer-top>div:last-child{font-size:13px}.footer-top p{font-size:12px}.footer-links{gap:13px 22px;font-size:10px}.footer-bottom{font-size:8px}.review-banner{font-size:8px;padding:4px 12px;line-height:20px;gap:8px}.mobile-contact{display:grid;position:fixed;bottom:29px;left:0;right:0;grid-template-columns:1fr 1.4fr;z-index:90;box-shadow:0 -3px 15px #0001}.mobile-contact a{display:flex;min-height:54px;align-items:center;justify-content:center;background:#fff;border-top:1px solid var(--line);font-size:13px;font-weight:700}.mobile-contact a:last-child{background:var(--orange);color:white;border-color:var(--orange)}.page-intro{padding:48px 0}.page-intro h1{font-size:35px}.page-intro .lead{font-size:14px;margin-top:23px}.feature-layout,.two-col,.three-col,.about-statement{grid-template-columns:1fr;gap:36px}.big-index{font-size:80px;letter-spacing:-5px}.big-index span{font-size:12px;margin-top:15px}.feature-layout h2,.two-col h2{font-size:28px}.three-col{gap:30px}.three-col p{font-size:13px}.resource-links{gap:12px 28px;margin:30px 0 50px}.resource-links .text-link{font-size:12px}.publication{max-width:300px;width:90%;margin-bottom:15px}.content-row h3{font-size:18px}.content-row p{font-size:13px}.integration-flow{grid-template-columns:1fr;gap:0}.integration-flow>span{transform:rotate(90deg);font-size:18px;justify-self:center}.integration-flow>div{padding:23px 0}.integration-flow h2{font-size:25px;margin:15px 0 10px}.integration-flow p{font-size:14px}.integration-flow span{font-size:10px}.editor-note{padding:20px;font-size:13px;margin-top:25px}.case-detail figure{margin-bottom:45px}figcaption{font-size:10px}.billing-switch button{font-size:13px}.billing-note{font-size:12px;margin-bottom:28px}.pricing-grid{grid-template-columns:1fr;gap:22px}.price-card,.price-card.featured{padding:30px 25px}.price-card h2{font-size:28px}.price-card .price{font-size:36px;margin-top:25px}.price-card li{font-size:13px}.price-card .button{font-size:13px;padding:15px 20px}.price-card>p{font-size:13px}.pricing-conditions p{font-size:12px}.experience-number{font-size:85px}.about-statement h2{font-size:29px}.about-statement .lead{font-size:16px}.about-statement p{font-size:14px}.contact-big{font-size:27px}.contact-grid{gap:40px}.form-panel{padding:27px 20px;margin-inline:-5px}.form-panel h2{font-size:23px}.form-grid{grid-template-columns:1fr}form label{font-size:12px}.service-options label{font-size:11px;padding:10px}.form-panel .button{font-size:13px}.reading h2{font-size:23px}.reading>p{font-size:14px}.guide-list li{padding-left:43px}.guide-list h2{font-size:21px}.guide-list p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.header,.footer,.mobile-contact,.review-banner,.cta{display:none}.section{padding:30px 0}.wrap{width:100%}.hero{background:white;color:black}.hero p,.hero h1 em{color:black}body{padding:0}a{text-decoration:underline}}

.management-details{margin-top:38px;padding:28px;background:var(--cream)}.management-details h3{font-size:19px;margin-bottom:25px}.management-details h4{font:700 17px Arial;margin:0 0 14px}.management-details p{font-size:13px}.screen-detail>div{height:340px;overflow:hidden;border:1px solid var(--line);background:var(--cream)}.screen-detail img{width:100%;height:auto}.screen-detail h3{font-size:21px;margin-bottom:12px}.screen-detail p{font-size:13px}@media(max-width:600px){.screen-detail>div{height:300px}.management-details{padding:22px}}

/* The published site has no review banner. */
html[data-preview="false"] body { padding-bottom: 0; }
@media (max-width: 600px) {
  html[data-preview="false"] body { padding-bottom: 54px; }
  html[data-preview="false"] .mobile-contact { bottom: 0; }
}

.brand-wordmark { display: inline-block; text-align: center; font-family: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 27px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.15; white-space: nowrap; }
.brand-wordmark > span { color: #dc633b; }
.brand .brand-wordmark small { color: #657176; font-size: 11px; font-weight: 400; letter-spacing: 0.04em; margin-top: 5px; }
@media (max-width: 850px) { .brand-wordmark { font-size: 23px; } }

/* First screens for the five main navigation pages. */
.page-intro.intro-compact { padding: 44px 0 20px; border-bottom: 0; background: #fff; }
.intro-compact h1 { font-size: clamp(32px, 4vw, 48px); }
.intro-compact .lead { margin-top: 10px; }
.page-intro.intro-pricing { background: var(--cream); }
.section.intro-follow { padding-top: 22px; }
.intro-columns { display: grid; grid-template-columns: 1.05fr 1fr; align-items: center; gap: clamp(24px, 5vw, 70px); }
.page-intro.intro-service, .page-intro.intro-about { padding: 56px 0; }
.intro-service h1, .intro-about h1 { font-size: clamp(34px, 4vw, 52px); }
.intro-service .button { margin-top: 22px; }
.intro-work { margin: 0; min-width: 0; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; background: #fff; }
.intro-work a { display: block; }
.intro-work a:focus-visible { outline-offset: -4px; }
.intro-work img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 1; object-fit: cover; object-position: top; }
.intro-work figcaption { margin: 0; padding: 10px 15px; font-size: 13px; font-weight: 700; color: var(--ink); }
.feature-layout.service-structure, .about-statement.about-follow { grid-template-columns: 1fr; }
.intro-about { background: var(--ink); color: #fff; }
.intro-about .lead, .intro-experience p { color: #e2e9e8; }
.intro-experience { padding: 16px 0 16px 28px; border-left: 2px solid #eaa581; }
.intro-experience strong { color: #f1b18e; font-size: clamp(44px, 6vw, 86px); line-height: 1.15; letter-spacing: -.055em; }
.intro-experience p { margin-top: 9px; }
.contact-follow .contact-grid { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 64px); }
@media (max-width: 850px) {
  .intro-columns, .contact-follow .contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .page-intro.intro-compact { padding: 26px 0 12px; }
  .page-intro.intro-service, .page-intro.intro-about { padding: 34px 0; }
  .intro-compact h1, .intro-service h1, .intro-about h1 { font-size: clamp(26px, 7vw, 35px); }
  .section.intro-follow { padding-top: 14px; }
  .contact-follow .form-panel { padding: 18px; }
}

/* Refined first screens for the primary navigation. */
.page-intro.intro-service {
  background: linear-gradient(112deg, #f7f5ef 8%, #edf2ee 57%, #d8e7e4 100%);
  padding-block: clamp(42px, 5vw, 76px);
}
.intro-service .intro-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1.06fr); }
.intro-service .lead { max-width: 32rem; }
.intro-service .button { border-radius: 6px; }
.intro-service .intro-work {
  border-color: #bacdca;
  border-radius: 14px;
  box-shadow: 0 22px 52px #17363b25, 0 3px 8px #17363b12;
}
.intro-service .intro-work figcaption { padding: 12px 17px; }

.page-intro.intro-cases { background: linear-gradient(105deg, #eaf1ef, #f5f8f7); }
.section.cases-follow { background: linear-gradient(#f5f8f7, #fff 76%); }
.cases-follow .case-grid { gap: clamp(18px, 3vw, 36px); }
.cases-follow .case-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8e3e0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 28px #17363b0a;
}
.cases-follow .case-card .case-meta { margin: 0; padding: 15px 20px; }
.cases-follow .case-card .case-image { margin: 0; padding: 18px 18px 0; height: auto; }
.cases-follow .case-image img { height: auto; aspect-ratio: 2.2 / 1; object-fit: cover; object-position: top; }
.cases-follow .case-card h3 { margin: 17px 20px 0; }
.cases-follow .case-card p { margin: 8px 20px 22px; }

.page-intro.intro-pricing { background: linear-gradient(105deg, #f1ece2, #f9f7f2); }
.section.pricing-follow { background: linear-gradient(#f9f7f2, #fff 52%); }
.pricing-follow .billing-switch { border-radius: 9px; background: #e6e6dc; }
.pricing-follow .billing-switch button { border-radius: 5px; }
.pricing-follow .billing-note { margin-block: 12px 24px; }
.pricing-follow .price-card {
  padding-top: clamp(22px, 2.4vw, 34px);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 9px 22px #382c1f09;
}
.pricing-follow .price-card.featured { background: #f8f5ec; }

.page-intro.intro-about {
  background:
    radial-gradient(ellipse at 85% 25%, #315557 0%, transparent 55%),
    linear-gradient(125deg, #101f26, #172f35 80%);
  padding-block: clamp(46px, 5.5vw, 84px);
}
.intro-about .intro-experience {
  padding: clamp(20px, 3vw, 36px);
  border: 1px solid #e1ece72e;
  border-left: 2px solid #eaa581;
  border-radius: 0 12px 12px 0;
  background: #ffffff0d;
}
.intro-about .intro-experience strong { color: #f5b896; }

.page-intro.intro-contact { background: #eef4f5; }
.section.contact-follow { background: linear-gradient(#eef4f5, #fff 68%); }
.contact-follow .form-panel {
  border: 1px solid #d4e1e1;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 35px #18323c0c;
}
.contact-follow .contact-grid > aside { padding: 20px 0 0; }
.contact-follow .contact-grid > aside h2 { font-size: clamp(23px, 3vw, 34px); }

@media (max-width: 850px) {
  .intro-service .intro-columns { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
  .page-intro.intro-service, .page-intro.intro-about { padding-block: 32px; }
  .cases-follow .case-card .case-meta { padding: 12px 14px; }
  .cases-follow .case-card .case-image { padding: 12px 12px 0; }
  .cases-follow .case-card h3, .cases-follow .case-card p { margin-inline: 14px; }
}

.hero-screen img[src$="sact-live-home.webp"] { height: auto; }
@media (max-width: 600px) {
  .hero-stage .document-mock { width: min(36%, 132px); }
}

/* Portfolio cards share a frame; keep the top of both captures visible. */
.paired-cases .case-card .case-image { height: auto; }
.paired-cases .case-card .case-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 8 / 5;
  object-fit: cover;
  object-position: top;
}