:root{--bg:#0a0e16;--surface:#101723;--panel:#172131;--ink:#f3f5f8;--muted:#b4bfd0;--accent:#5b8def;--link:#a8c5ff;--line:#2a3547;--width:1328px;--space:104px}
*{box-sizing:border-box}html{scroll-padding-top:168px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Pretendard Variable',Pretendard,-apple-system,'Apple SD Gothic Neo',sans-serif;font-size:17px;line-height:1.75;word-break:keep-all;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{line-height:1.3;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(38px,4.3vw,62px);font-weight:720}h2{font-size:clamp(30px,3vw,42px);font-weight:650}h3{font-size:23px;font-weight:650}p{color:var(--muted);text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{color:var(--link)}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg{max-width:100%}img{display:block}svg{flex-shrink:0}a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.container{max-width:var(--width);padding:0 40px;margin:auto}.section{padding:var(--space) 0}.arrow{width:19px;height:19px;vertical-align:middle;color:var(--link)}.skip-link{position:fixed;z-index:50;top:10px;left:20px;padding:12px;background:var(--ink);color:var(--bg);transform:translateY(-150%)}.skip-link:focus{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:52px;padding:12px 23px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:15px;font-weight:650;line-height:1.5;transition:background-color .18s,color .18s}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary .arrow{color:currentColor}.btn-primary:hover{background:#80a8f5;color:var(--bg)}.btn-secondary:hover{background:var(--panel);color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--link);font-size:15px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.site-header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:flex;align-items:center;min-height:44px;flex-shrink:0}.logo img{width:190px;height:auto}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:14px;color:var(--muted)}.desktop-nav a{display:flex;min-height:44px;align-items:center}.header-cta{font-size:14px;min-height:42px;padding:8px 17px}.menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:8px;color:var(--ink)}.mobile-menu{padding-bottom:20px}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid var(--line)}
.home-hero{padding:82px 0 88px}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:48px;align-items:center}.home-hero h1{font-size:clamp(36px,3.45vw,52px);line-height:1.3;letter-spacing:-.035em;text-wrap:initial}.home-hero h1 span{color:var(--accent)}.hero-intro{margin-top:28px;font-size:18px;line-height:1.85}.brand-lockup{display:flex;align-items:center;gap:.72em;margin-top:28px;color:var(--ink);font-size:clamp(32px,3vw,44px);font-weight:480;line-height:1;letter-spacing:.035em;white-space:nowrap}.brand-lockup b{color:var(--accent);font-size:.9em;font-weight:700}.hero-art{min-width:0}.hero-art .work-visual img{aspect-ratio:1.12;object-fit:cover;object-position:52% 50%;border-radius:12px}.hero-art .work-visual figcaption{padding-top:13px;text-align:right}.work-visual{min-width:0}.work-visual img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}.work-visual figcaption,.reference-picture figcaption{font-size:12px;line-height:1.5;color:var(--muted);padding-top:12px}.hub-hero{padding:82px 0 20px}.hub-hero h1{font-size:48px}.hub-hero p{margin-top:24px}
.finder{border-top:1px solid var(--line);padding-top:72px}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:44px}.section-top p{max-width:58ch;margin-top:16px}.finder-top{grid-template-columns:1fr 340px;align-items:center;margin-bottom:40px}.finder-top h2{font-size:34px}.finder-top p{margin-top:12px;font-size:16px}.search-label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.search-box{display:flex;gap:12px;align-items:center;border-bottom:1px solid #52627b;padding:8px 0}.search-box svg{width:20px;height:20px;color:var(--muted)}.search-box input{min-width:0;flex:1;height:36px;background:none;border:0;color:var(--ink);font-size:16px}.search-box input::placeholder{color:var(--muted)}.index-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 32px}.index-group{min-width:0}.category-card{display:block}.category-image{position:relative;overflow:hidden;border-radius:12px;background:var(--surface)}.category-image img{width:100%;height:auto;aspect-ratio:1.68;object-fit:cover;transition:transform .45s cubic-bezier(.16,1,.3,1)}.category-card:hover img{transform:scale(1.025)}.category-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.category-heading h3{font-size:27px}.category-heading .arrow{width:23px;height:23px}.category-card>p{font-size:16px;margin-top:8px}.image-note{position:absolute;bottom:12px;left:14px;font-size:11px;line-height:1.4;padding:5px 8px;border-radius:4px;color:#fff;background:#101723}.category-results h3{font-size:22px;margin-bottom:16px}.service-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:50px;font-size:17px;padding:10px 0;border-bottom:1px solid var(--line)}.index-grid.searching{gap:36px}.result-status{font-size:16px;margin-bottom:25px}.result-status:empty{display:none}.empty-result{padding:48px 0}.empty-result h3{margin-bottom:12px}
.demo-section{background:var(--surface)}.demo-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:72px;align-items:center}.demo-screen{display:block;padding:18px 18px 0;background:#223451;border-radius:12px;overflow:hidden}.demo-screen img{width:100%;height:auto;border-radius:6px 6px 0 0}.demo-screen>span{display:block;font-size:12px;line-height:1.5;color:#c1d0e7;padding:12px 0}.demo-copy h2{font-size:44px}.demo-copy>p{margin-top:24px;font-size:17px}.demo-copy .btn{margin-top:30px}.demo-copy>.text-link{display:flex;margin-top:13px}.demo-copy .demo-note{font-size:12px;margin-top:20px}.brand-statement{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.brand-lockup-large{margin-top:0;font-size:clamp(48px,5vw,72px)}.brand-statement>p{font-size:27px;line-height:1.5;color:var(--ink)}.brand-promises{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:55px}.brand-promises h3{font-size:23px}.brand-promises p{margin-top:16px;font-size:17px}.process-strip{display:flex;align-items:center;gap:0;list-style:none;padding:30px 0 0;margin-top:48px;border-top:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:550;line-height:1.5}.process-strip li{flex:1;display:flex;align-items:center;gap:18px;min-width:0}.process-strip li:last-child{flex:0 0 auto}.process-strip li:not(:last-child)::after{content:"";order:1;flex:1;min-width:28px;height:1px;background:var(--line)}.process-strip .arrow{order:2;width:14px;height:14px;margin-right:18px;color:var(--accent)}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);padding-top:32px}.breadcrumb a{min-height:30px;display:inline-flex;align-items:center}.page-hero{padding:48px 0 64px}.page-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:64px;align-items:center}.page-hero h1{font-size:clamp(36px,3.5vw,52px)}.page-name{font-size:16px;color:var(--link);margin-top:24px}.page-hero .intro{font-size:18px;max-width:52ch;margin-top:22px}.subnav{position:sticky;top:80px;z-index:10;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg)}.subnav-inner{display:flex;flex-wrap:wrap;gap:0 32px}.subnav a{padding:16px 0;font-size:14px;color:var(--muted);display:inline-flex;min-height:50px}.subnav a:hover{color:var(--link)}.detail-layout{display:grid;grid-template-columns:250px 1fr;gap:72px}.detail-layout>h2{font-size:30px}.detail-body>p{font-size:19px;max-width:62ch}.scope-list{padding:0;list-style:none;margin-top:30px}.scope-list li{padding:20px 0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;gap:16px}.scope-list svg{width:20px;height:20px;margin-top:5px;color:var(--link)}.deliver-box{margin-top:32px;padding:30px;background:var(--panel);border-radius:12px}.deliver-box h3{font-size:21px;margin-bottom:13px}.deliver-box p{font-size:17px}.scope-note{font-size:15px!important;margin-top:24px}.reference-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.reference-picture img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top;border-radius:12px}.reference-copy>h3{font-size:25px}.reference-copy p{margin-top:20px}.reference-link{display:block;padding:24px 0 0;border-top:1px solid var(--line);margin-top:26px}.reference-link h3{font-size:19px;display:flex;justify-content:space-between;gap:20px}.reference-link p{font-size:16px;margin:12px 0}.reference-notice{font-size:12px!important;line-height:1.7}.capability-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:96px}.principle{padding:28px 0;border-top:1px solid var(--line)}.principle:first-child{padding-top:0;border-top:0}.principle h3{margin-bottom:14px}.principle p{max-width:60ch}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;padding:0;counter-reset:step}.steps li{border-top:1px solid var(--line);padding-top:24px;counter-increment:step}.steps li:before{content:counter(step,decimal-leading-zero);display:block;color:var(--link);font-size:15px;margin-bottom:20px}.steps h3{font-size:20px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{padding:24px 0;cursor:pointer;font-weight:550;display:list-item}.faq-list details p{padding:0 0 25px;max-width:70ch}.offering-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.offering{display:flex;flex-direction:column;gap:20px;min-width:0;padding:30px;background:var(--surface);border-radius:12px;transition:background-color .18s}.offering:hover{background:var(--panel);color:var(--ink)}.offering-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.offering p{font-size:16px}.offering-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:20px;border-top:1px solid var(--line);margin-top:auto;font-size:13px;color:var(--muted)}.status{display:inline-flex;white-space:nowrap;padding:3px 9px;border:1px solid #425a79;font-size:12px;color:var(--link);border-radius:4px}.status-pilot{color:var(--muted);border-color:var(--line)}.product-name small{display:block;font-size:12px;font-weight:450;margin-top:5px;color:var(--muted)}.related-list{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.related-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.detail-cta{padding:48px;background:var(--panel);border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:32px}.detail-cta p{margin-top:16px}.back-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:12px;color:var(--muted);margin-top:24px}
.contact-section{background:var(--surface);border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:88px}.contact-copy p{margin-top:24px;max-width:45ch}.contact-email{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:25px;color:var(--link)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field-wide{grid-column:1/-1}.field label{display:block;font-size:15px;margin-bottom:8px}.optional{font-weight:400;color:var(--muted)}.field input,.field textarea,.field select{width:100%;border:1px solid #46536b;background:var(--bg);color:var(--ink);border-radius:6px;padding:11px 12px;min-height:48px;font-size:16px}.field textarea{min-height:140px;resize:vertical}.field-error{font-size:13px;color:#ffb4ae;display:none;margin-top:7px}.field.invalid .field-error{display:block}.field.invalid input,.field.invalid textarea{border-color:#ffb4ae}.form-note{font-size:13px;margin-top:18px}.form-status{margin-top:18px;font-size:14px;overflow-wrap:anywhere}.form-status p{color:inherit}.form-status.error{color:#ffb4ae}.form-status.ok{color:var(--link)}.form-fallback,.form-alt{margin:12px 10px 0 0}.form-alt{display:inline-block;color:var(--link);text-decoration:underline;background:none;border:0;padding:10px 0;text-align:left}.site-footer{border-top:1px solid var(--line);padding:44px 0}.footer-top{display:flex;justify-content:space-between;gap:36px;align-items:center}.footer-top p{font-size:15px;text-align:right}.footer-links{display:flex;gap:8px 22px;flex-wrap:wrap;margin:28px 0;font-size:13px;color:var(--muted)}.footer-links a{padding:7px 0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px}.footer-business{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;font-size:12px;color:var(--muted)}.footer-business div{display:flex;gap:6px}.footer-business dt{color:var(--ink)}.footer-business dd{margin:0}
@media(max-width:1100px){.container{padding:0 32px}.hero-grid{gap:30px}.home-hero h1{font-size:38px}.desktop-nav{gap:22px}.demo-grid,.page-hero-grid,.capability-layout,.contact-grid{gap:40px}.demo-copy h2{font-size:36px}.detail-layout{grid-template-columns:210px 1fr;gap:44px}.reference-grid{gap:36px}}
@media(max-width:800px){:root{--space:76px}html{scroll-padding-top:160px}.container{padding:0 24px}.header-inner{min-height:68px}.logo img{width:168px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex}.home-hero{padding:46px 0 56px}.hero-grid,.page-hero-grid{grid-template-columns:1fr;gap:36px}.home-hero h1{font-size:44px}.hero-intro{font-size:17px;margin-top:22px}.brand-lockup{font-size:38px;margin-top:26px}.brand-lockup-large{font-size:58px;margin-top:0}.hero-art .work-visual img{aspect-ratio:1.65;object-position:center}.hero-art .work-visual figcaption{text-align:left}.finder{padding-top:52px}.finder-top{grid-template-columns:1fr;gap:26px}.finder-top h2{font-size:30px}.catalogue-search{max-width:440px}.index-grid{gap:38px 24px}.category-image img{aspect-ratio:1.35}.category-heading h3{font-size:23px}.category-card>p{font-size:14px}.demo-grid,.brand-statement,.capability-layout,.contact-grid{grid-template-columns:1fr;gap:36px}.demo-copy h2{font-size:36px}.demo-grid{gap:34px}.brand-statement>p{font-size:25px}.brand-promises{gap:32px;margin-top:36px}.brand-promises p{font-size:15px}.process-strip{font-size:13px}.process-strip li{gap:12px}.process-strip li:not(:last-child)::after{min-width:14px}.process-strip .arrow{width:12px;height:12px;margin-right:12px}.section-top{grid-template-columns:1fr;gap:20px}.page-hero{padding:32px 0 48px}.page-hero h1{font-size:42px}.page-hero .intro{font-size:17px}.page-hero-grid .work-visual{max-width:640px}.subnav{top:68px}.subnav-inner{gap:0 24px}.subnav a{font-size:13px;padding:12px 0;min-height:46px}.detail-layout{grid-template-columns:1fr;gap:28px}.reference-grid{grid-template-columns:1fr;gap:32px}.reference-picture img{max-height:450px}.steps{grid-template-columns:1fr 1fr;gap:32px}.detail-cta{padding:32px;display:block}.detail-cta .btn{margin-top:26px}.footer-top{align-items:flex-start}.hub-hero{padding-top:50px}.hub-hero h1{font-size:38px}}
@media(max-width:480px){.container{padding:0 22px}.logo img{width:158px}.home-hero h1{font-size:31px;line-height:1.4;letter-spacing:-.035em}.hero-intro{font-size:16px;line-height:1.8}.brand-lockup{gap:.52em;font-size:32px;margin-top:24px}.brand-lockup-large{font-size:43px;margin-top:0}.actions{gap:16px;margin-top:26px}.btn{gap:14px;padding:12px 17px}.hero-grid{gap:30px}.hero-art .work-visual img{aspect-ratio:1.35}.index-grid,.index-grid.searching{grid-template-columns:1fr;gap:36px}.category-image img{aspect-ratio:1.55}.category-heading{margin-top:17px}.category-heading h3{font-size:25px}.category-card>p{font-size:16px;margin-top:7px}.finder-top h2{font-size:27px}.finder-top{margin-bottom:32px}.demo-screen{padding:10px 10px 0}.demo-copy h2{font-size:34px}.demo-copy>p{font-size:16px}.brand-statement>p{font-size:26px}.brand-promises{grid-template-columns:1fr;gap:28px}.brand-promises h3{font-size:23px}.brand-promises p{font-size:16px;margin-top:12px}.process-strip{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-top:36px;padding-top:26px;font-size:14px}.process-strip li{display:block}.process-strip li::after,.process-strip .arrow{display:none}.offering-grid,.related-list,.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.page-hero h1{font-size:34px}.page-hero .intro{font-size:16px}.page-name{font-size:14px}.subnav-inner{gap:0 20px}.subnav a{font-size:12px;min-height:42px}.detail-layout>h2{font-size:29px}.detail-body>p{font-size:17px}.scope-list li{font-size:16px}.deliver-box{padding:24px}.detail-cta h2{font-size:29px}.breadcrumb{font-size:12px;padding-top:22px}.offering{padding:24px}.offering-bottom{font-size:12px}.footer-top,.footer-bottom{display:block}.footer-top p{margin-top:22px;text-align:left}.footer-bottom span{display:block;margin-bottom:8px}.hub-hero h1{font-size:32px}.image-note{font-size:11px}.reference-copy p{font-size:16px}}
@media(max-width:800px){.finder-top{grid-template-columns:minmax(0,1fr)}.finder-top>*{min-width:0}.demo-grid{gap:28px}.demo-copy .btn,.demo-copy>.text-link{min-height:48px;justify-content:center;width:100%}.demo-copy .demo-note{font-size:13px;line-height:1.8}.demo-screen>span{font-size:13px}}
@media(max-width:480px){.brand-lockup-large{font-size:clamp(30px,10vw,43px)}.brand-statement>*{min-width:0}}
/* Service artwork becomes vivid on intentional selection, without hiding content. */
.brand-lockup{display:block;width:min(100%,430px);aspect-ratio:8.5;line-height:0;mix-blend-mode:lighten}
.brand-lockup img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44.5%}
.brand-lockup-large{width:min(100%,560px)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;padding:100px 0;min-height:660px;display:flex;align-items:center}
.home-hero .hero-grid{display:block;width:100%}
.home-hero .hero-copy{position:relative;max-width:660px}
.home-hero .hero-intro{color:#d6dfef}
.home-hero .hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.home-hero .hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,22,.96),rgba(10,14,22,.82) 43%,rgba(10,14,22,.12) 82%),linear-gradient(0deg,rgba(10,14,22,.6),transparent 30%)}
.hero-art .future-visual{position:relative;height:100%;overflow:hidden;isolation:isolate;background:var(--bg)}
.hero-art .future-visual img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:65% 50%;border-radius:0;animation:shift-material 12s ease-in-out infinite alternate;animation-play-state:paused}
.future-visual::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:linear-gradient(125deg,transparent 40%,rgba(120,170,255,.06) 46%,rgba(220,235,255,.23) 50%,transparent 56%);mix-blend-mode:screen;transform:translateX(-65%);animation:shift-light 8s ease-in-out infinite;animation-play-state:paused}
.hero-art .future-visual.is-moving img,.future-visual.is-moving::after{animation-play-state:running}
@keyframes shift-material{from{transform:scale(1.02) translate(-.5%,.5%)}to{transform:scale(1.1) translate(1%,-1%)}}
@keyframes shift-light{0%,15%{transform:translateX(-65%);opacity:0}35%{opacity:1}75%,100%{transform:translateX(65%);opacity:0}}
@media(max-width:800px){.home-hero{padding:64px 0 160px;min-height:680px;align-items:flex-start}.home-hero .hero-copy{max-width:620px}.home-hero .hero-art::after{background:linear-gradient(180deg,rgba(10,14,22,.88),rgba(10,14,22,.76) 58%,rgba(10,14,22,.2)),linear-gradient(90deg,rgba(10,14,22,.3),transparent)}.hero-art .future-visual img{object-position:60% 50%}}
@media(max-width:480px){.home-hero{padding:56px 0 180px;min-height:650px}}
@media(prefers-reduced-motion:reduce){.future-visual::after{display:none}.hero-art .future-visual img{transform:none}}
.category-image img{transition:filter .38s ease-out,transform .45s cubic-bezier(.16,1,.3,1)}
.category-heading .arrow{transition:transform .25s cubic-bezier(.16,1,.3,1),color .2s}
.category-card:focus-visible img{filter:none;transform:scale(1.025)}
.category-card:focus-visible .arrow{transform:translateX(5px);color:var(--ink)}
@media(hover:hover) and (pointer:fine){
 .category-image img{filter:grayscale(1) saturate(1)}
 .category-card:hover img,.category-card:focus-visible img{filter:grayscale(0) saturate(1.08);transform:scale(1.025)}
 .category-card:hover .arrow{transform:translateX(5px);color:var(--ink)}
}
@media(hover:none),(pointer:coarse){
 .category-card img,.category-card:hover img{filter:none;transform:none}
 .category-card:active .category-heading{color:var(--link)}
 .breadcrumb a,.footer-links a,.subnav a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:480px){
 .catalogue-search{width:100%}.search-box input{min-height:44px}
 .contact-email{overflow-wrap:anywhere;word-break:break-word}
 .steps{gap:24px 18px}.steps li{min-width:0}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.category-card:hover img,.category-card:focus-visible img,.category-card:hover .arrow,.category-card:focus-visible .arrow{transform:none}}
.brand-lockup-stack{width:min(100%,300px);min-width:0}
.brand-lockup-large{width:min(100%,300px);aspect-ratio:auto;mix-blend-mode:normal}
.brand-lockup-large img{display:block!important;width:100%!important;max-width:100%;height:auto;object-fit:contain;object-position:center}
.brand-korean{width:min(100%,255px);height:clamp(37.536px,4.2432vw,58.752px);margin:22px auto 0;overflow:hidden;line-height:0;mix-blend-mode:lighten}
.brand-korean img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:480px){.brand-lockup-stack,.brand-lockup-large{width:min(100%,220px)}.brand-korean{width:min(100%,187px);height:clamp(34.272px,9.792vw,44.064px);margin-top:20px}}
/* One shared coordinate system: the duplicate SH slides behind Finish and joins it. */
.home-hero .hero-grid{--hero-title-size:clamp(26px,3.2vw,52px);display:grid;grid-template-columns:minmax(20rem,1fr) minmax(0,1.2fr);gap:clamp(28px,4vw,64px);max-width:1560px;padding-inline:clamp(24px,4vw,72px);align-items:start}
.home-hero .hero-copy{min-width:0}
.home-hero h1{font-size:var(--hero-title-size)}
/* Balance the original brand against the whole headline, description and CTA group. */
.hero-brand{position:relative;align-self:center;justify-self:center;min-width:0;width:100%;aspect-ratio:4;isolation:isolate}
.brand-scene{display:none;width:100%;height:100%;overflow:visible}
.brand-final{position:absolute;left:4.083333%;top:19.55%;width:91.833333%;height:auto}
.hero-brand[data-state="ready"] .brand-scene,.hero-brand[data-state="running"] .brand-scene{display:block}
.hero-brand[data-state="ready"] .brand-final,.hero-brand[data-state="running"] .brand-final{visibility:hidden}
.brand-assembly{transform:translateX(-210px);transform-origin:600px 150px}
.brand-shift{transform:translateX(420px)}
.hero-brand[data-state="running"] .brand-assembly{animation:brand-gather 1.8s .7s cubic-bezier(.65,0,.25,1) both}
.hero-brand[data-state="running"] .brand-shift{animation:brand-join 1.8s .7s cubic-bezier(.65,0,.25,1) both}
.hero-brand[data-state="running"] .brand-amp{animation:brand-amp .3s 1s ease-out both}
@keyframes brand-gather{from{transform:translateX(-210px) scale(1)}to{transform:translateX(0) scale(1.45)}}
@keyframes brand-join{from{transform:translateX(420px)}to{transform:translateX(0)}}
@keyframes brand-amp{from{opacity:1}to{opacity:0}}
@media(max-width:767px){.home-hero{padding:64px 0 100px;min-height:680px}.home-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:64px}.home-hero .hero-copy{max-width:660px}.home-hero h1{font-size:clamp(31px,5.4vw,44px)}.hero-brand{top:auto;translate:none;width:min(100%,680px);justify-self:end}}
@media(max-width:480px){.home-hero{padding:56px 0 110px;min-height:680px}.home-hero .hero-grid{padding-inline:22px;gap:54px}.home-hero h1{font-size:31px}}
@media(prefers-reduced-motion:reduce){.hero-brand .brand-scene{display:none}.hero-brand .brand-final{visibility:visible}}
/* Phone catalogue: each service enters once; the current service owns the colour. */
@media(max-width:480px) and (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){
 .index-grid.reveal-on:not(.searching) .category-card{opacity:1;transform:none;transition:opacity .3s ease-out,transform .5s cubic-bezier(.2,1.04,.3,1)}
 .index-grid.reveal-on:not(.searching) .index-group:not([data-revealed]) .category-card{opacity:0;transform:translateY(80px);pointer-events:none}
 .index-grid.reveal-on:not(.searching) .index-group[data-revealed="instant"] .category-card,
 .index-grid.reveal-on:not(.searching) .index-group:focus-within .category-card{opacity:1;transform:none;pointer-events:auto;transition:none}
 .index-grid.reveal-on:not(.searching) .category-card img{filter:grayscale(1)}
 .index-grid.reveal-on:not(.searching) .is-current .category-card img,
 .index-grid.reveal-on:not(.searching) .category-card:focus-visible img{filter:grayscale(0)}
}

/* The quote intake sits directly between the hero and the service finder. */
.estimate-teaser{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111a2a}
.estimate-teaser-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:clamp(32px,6vw,100px);align-items:center;padding-top:64px;padding-bottom:64px}
.estimate-teaser h2{font-size:clamp(30px,3.2vw,45px);line-height:1.24;letter-spacing:-.03em}
.estimate-teaser p{max-width:650px;margin:22px 0 26px;font-size:17px}
.quote-cta,.home-hero .actions .btn,.estimate-teaser .btn{min-height:54px;padding:14px 24px;font-size:16px;font-weight:650;line-height:1.3;letter-spacing:-.01em;gap:10px}
.quote-cta{--quote-fill:var(--accent);border-color:transparent;background:linear-gradient(var(--quote-fill),var(--quote-fill)) padding-box,linear-gradient(105deg,rgba(255,255,255,.12) 20%,rgba(255,255,255,.9) 48%,rgba(255,255,255,.12) 76%) border-box;background-size:100% 100%,250% 100%;animation:quote-border-flow 3.6s ease-in-out infinite;box-shadow:0 8px 24px rgba(54,101,190,.2)}
.quote-cta:hover{--quote-fill:#80a8f5}
@keyframes quote-border-flow{0%,12%{background-position:0 0,140% 0}58%,100%{background-position:0 0,-140% 0}}
.quote-cta .arrow,.home-hero .actions .btn .arrow,.estimate-teaser .btn .arrow{width:16px;height:16px;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.quote-cta:hover .arrow,.quote-cta:focus-visible .arrow,.home-hero .actions .btn:hover .arrow,.home-hero .actions .btn:focus-visible .arrow,.estimate-teaser .btn:hover .arrow,.estimate-teaser .btn:focus-visible .arrow{transform:translateX(3px)}
.estimate-teaser-steps{border-top:1px solid #6684b6}
.estimate-teaser-steps span{display:flex;gap:26px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);color:var(--link);font-size:13px}
.estimate-teaser-steps strong{color:var(--ink);font-size:17px;font-weight:580}
.estimate-teaser-steps small{display:block;margin-top:17px;color:var(--muted);font-size:13px;line-height:1.6}
@media(max-width:1050px){.desktop-nav{gap:18px}}
@media(max-width:800px){.estimate-teaser-inner{grid-template-columns:1fr;gap:34px;padding-top:48px;padding-bottom:48px}.estimate-teaser-steps{max-width:560px}}
@media(max-width:480px){.estimate-teaser h2{font-size:30px}.estimate-teaser p{font-size:16px}.estimate-teaser-steps strong{font-size:16px}.quote-cta,.home-hero .actions .btn,.estimate-teaser .btn{min-height:52px;padding:13px 22px;font-size:16px;gap:10px}}
@media(prefers-reduced-motion:reduce){.quote-cta{animation:none;background-position:0 0,50% 0}.quote-cta:hover .arrow,.quote-cta:focus-visible .arrow,.home-hero .actions .btn:hover .arrow,.home-hero .actions .btn:focus-visible .arrow,.estimate-teaser .btn:hover .arrow,.estimate-teaser .btn:focus-visible .arrow{transform:none}}

/* Service pages keep each content chapter visually distinct. */
@media(min-width:801px){.subnav~.section{padding:128px 0}.subnav~.section .section-top{margin-bottom:64px}.subnav~#process .scope-note{margin-top:40px}}
@media(max-width:800px){.subnav~.section{padding:88px 0}.subnav~.section .section-top{margin-bottom:36px}}

/* Selected A: cost-first introduction and customer concerns, 2026-09-27. */
.home-hero .hero-intro{overflow-wrap:anywhere;word-break:keep-all}
.home-hero .hero-brand-line{margin:16px 0 0;color:#bccbe0;font-size:15px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.home-hero h1{overflow-wrap:anywhere;word-break:keep-all}
.start-concerns{padding:56px 0 60px;border-top:1px solid var(--line);background:linear-gradient(135deg,#101e32,#0a101b)}
.start-concerns-kicker{margin:0 0 12px;color:#aac5e9;font-size:12px;letter-spacing:.1em;font-weight:650}
.start-concerns h2{margin:0;font-size:clamp(24px,2.5vw,34px);line-height:1.45;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere}
.start-concerns-intro{margin:12px 0 27px;color:#b5c3d6;font-size:16px;line-height:1.8;word-break:keep-all}
.start-concerns-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.start-concern-card{min-width:0;padding:25px 23px;border:1px solid #7797bf40;border-radius:10px;background:linear-gradient(145deg,#20334b80,#111c2c99)}
.start-concern-number{color:#a6bddc;font-size:12px;letter-spacing:.06em}
.start-concern-card h3{margin:12px 0 10px;color:var(--ink);font-size:19px;line-height:1.6;letter-spacing:-.035em;word-break:keep-all;overflow-wrap:anywhere}
.start-concern-card p{margin:0;color:#c0ccdc;font-size:15px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.start-concerns-process{margin:26px 0 0;padding-top:23px;border-top:1px solid var(--line);color:#c8d7e9;font-size:15px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}
.start-concerns-process strong{color:#e4efff;font-weight:650}
@media(max-width:800px){.start-concerns-grid{grid-template-columns:1fr;gap:14px}.start-concern-card{padding:23px}.home-hero .hero-brand-line{font-size:14px}}
@media(max-width:480px){.home-hero .hero-intro{font-size:16px}.home-hero .hero-brand-line{margin-top:16px;font-size:14px}.home-hero .actions{align-items:stretch;flex-direction:column;gap:16px}.home-hero .actions .btn,.home-hero .actions .text-link{justify-content:center;min-height:48px;white-space:normal;text-align:center}.start-concerns{padding:38px 0 42px}.start-concerns-intro{font-size:15px;margin-bottom:22px}.start-concern-card{padding:21px}.start-concern-card h3{font-size:18px}.start-concerns-process{font-size:14px}}