:root{color-scheme:dark;--bg:#0b111a;--panel:#111b2a;--text:#f4f3ef;--muted:#c0c9d5;--line:#364255;--gold:#edcf8e;--teal:#a2d5c8}
html{scroll-behavior:auto;scroll-padding-top:24px}
body{background:#0b111a}
.preview-strip{display:grid;place-items:center;min-height:26px;padding:4px 12px;background:#18263a;color:#f1d69d;font:600 11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center}
.header{position:relative;background:#0b111a;backdrop-filter:none;border-color:#2e3949}
.header-inner{min-height:78px;max-width:1380px}
.header nav,.header-contact{font-size:14px;color:#f4f3ef}
.header-contact{min-height:44px}
.language-menu{position:relative;font-size:14px}
.language-menu summary{cursor:pointer;display:flex;align-items:center;gap:.45rem;min-width:44px;min-height:44px}
.language-menu summary::after{content:"⌄";color:var(--gold)}
.language-menu ul{position:absolute;right:0;top:100%;min-width:140px;margin:0;padding:8px;background:#101b2a;border:1px solid #54617a;z-index:3}
.language-menu a{display:block;padding:8px 12px}
.language-menu a:hover,.language-menu a[aria-current]{color:var(--gold)}
.hero{height:auto;min-height:clamp(530px,72svh,780px);background:#101824}
.hero-image{filter:none;object-position:center 55%;opacity:1}
.hero-shade{background:linear-gradient(90deg,#070e1aee 0%,#080f1bda 30%,#0b142377 58%,#0912230d 100%),linear-gradient(0deg,#0b111ae0,transparent 31%)}
.hero-content{padding-top:90px;padding-bottom:106px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.02;font-size:clamp(54px,6.5vw,106px);max-width:1000px}
:lang(ko) .hero h1{font-family:var(--font);font-size:clamp(40px,5.65vw,86px);font-weight:550}
.hero-body{font-size:clamp(16px,1.5vw,20px);line-height:1.65;max-width:550px;color:#e2e7ef;margin-top:22px}
.hero .eyebrow{margin-bottom:20px}
.hero-bottom{bottom:26px;color:#e5d2ac}
.brand-feature{display:flex;align-items:center;gap:clamp(14px,2.4vw,32px);padding-block:clamp(22px,3.4vw,48px);border-bottom:1px solid #354258}
.brand-feature-symbol{width:clamp(42px,6vw,76px);aspect-ratio:38/42}
.brand-feature-name{font-size:clamp(28px,4.2vw,60px);line-height:1.12;font-weight:650;letter-spacing:.045em}
.brand-feature-name span{color:var(--gold)}
.portfolio{padding-top:70px}
.product-tab{background:#111b2a;border-color:#354258}
.tab-category{color:#d0d8e5;font-size:14px}
.product-status{line-height:1.4}
.review-evidence{margin-top:12px;margin-bottom:70px;padding-top:36px;padding-bottom:38px;border-block:1px solid #435069;background:linear-gradient(105deg,#17263b,#0e1724)}
.review-evidence h2,.review-contact h1,.review-legal h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:9px 0 15px;font-size:clamp(32px,4vw,57px);overflow-wrap:anywhere}
:lang(ko) :is(.review-evidence h2,.review-contact h1,.review-legal h1){font-family:var(--font)}
.review-evidence p:not(.eyebrow),.review-legal p,.review-contact p{max-width:72ch}
.evidence-links{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:18px}
.evidence-links a,.review-legal a,.review-contact a{color:var(--gold);text-decoration:underline;text-underline-offset:.24em}
.review-relation{margin-block:18px;color:#f0d6a0}
.review-notice{background:#192536;color:#f5e6c8;border-left:3px solid var(--gold);padding:14px 18px;margin-block:18px;max-width:72ch}
.review-contact,.review-legal{padding:55px 0 78px}
.review-legal article{border-top:1px solid #3f4f67;padding-top:24px}
.review-legal article p,.review-contact p,.review-contact address{margin-top:14px}
.review-legal article h2{font-size:26px}
.editorial,.detail,.legal-page{padding-top:clamp(26px,5vw,75px)}
.footer{background:#080e17}
:focus-visible{outline:2px solid #f9da91;outline-offset:4px}
@media(max-width:800px){
.header-inner{min-height:68px;gap:8px}
.header nav.open{top:100%;background:#111b2a}
.hero{min-height:590px}
.hero-image{opacity:1;object-position:66% center}
.hero-shade{background:linear-gradient(90deg,#070e1ae8,#07101cb5 57%,#08142458),linear-gradient(0deg,#0b111a,transparent 35%)}
.hero-content{padding-top:58px;padding-bottom:78px}
.hero h1{font-size:clamp(41px,8vw,65px)}
}
@media(max-width:520px){
.header-inner{padding-inline:16px}
.brand{font-size:17px;gap:7px}
.header-actions{gap:8px}
.hero-actions{gap:16px;align-items:flex-start}
.hero-bottom{font-size:8px}
.hero-bottom i{width:20px}
.portfolio .product-tabs{grid-template-columns:1fr}
.portfolio .product-tab{padding:18px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* 최종 홈 시안의 화면 구성 */
.final-home .hero{min-height:clamp(540px,72svh,740px)}
.final-home .hero-content{padding-block:76px}
.final-home .hero h1{font-size:clamp(46px,5.7vw,86px)}
.final-home:lang(ko) .hero h1{font-size:clamp(38px,5vw,74px)}
.final-home .hero-body{max-width:38ch}
.final-home .hero-shade{background:linear-gradient(90deg,#091018f5 0%,#091018ed 16%,#0910188c 52%,#09101813 95%),linear-gradient(0deg,#091018a8,transparent 20%)}
.final-home .portfolio{padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(30px,5vw,66px)}
.final-home .section-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.final-home:lang(ko) .section-heading h2{font-family:var(--font)}
.final-home .product-tabs{gap:0;margin:0;border-block:1px solid #435069}
.final-home .product-tab{min-width:0;margin:0;background:transparent;border:0;border-radius:0;padding:24px 18px}
.final-home .product-tab:first-child{padding-inline-start:0}
.final-home .product-tab+.product-tab{border-inline-start:1px solid #435069}
.final-home .product-tab:hover,.final-home .product-tab:focus-within{background:#152133}
.final-home .product-tab a{height:100%}
.final-home .tab-name{font-size:clamp(16px,1.65vw,24px);overflow-wrap:anywhere}
.final-home .tab-category{font-size:14px}
.final-home .product-index{display:block;color:var(--gold);font-size:12px;letter-spacing:.1em;margin-bottom:10px}
.final-home .final-evidence{margin:0;padding:clamp(36px,5vw,72px) 0;background:#111c2b}
.final-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,70px)}
.final-proof{margin-top:12px}
.final-home .footer{background:transparent}
@media(max-width:800px){
 .final-home .hero h1{font-size:clamp(40px,7vw,60px)}
 .final-home .hero-shade{background:linear-gradient(90deg,#091018f0,#091018b0 64%,#09101855),linear-gradient(0deg,#091018a8,transparent 24%)}
 .final-home .product-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .final-home .product-tab:nth-child(odd){padding-inline-start:0;border-inline-start:0}
 .final-home .product-tab:nth-child(n+3){border-top:1px solid #435069}
 .final-evidence-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
 .final-home .hero h1{font-size:clamp(32px,8vw,46px)}
 .final-home .product-tabs{grid-template-columns:1fr}
 .final-home .product-tab{padding-inline-start:0}
 .final-home .product-tab+.product-tab{border-inline-start:0;border-top:1px solid #435069}
}

/* 검토 화면에서 연락처 링크를 모든 화면 폭에 표시 */
.final-home .header-contact{display:flex}
@media(max-width:800px){
 .final-home .header-contact{padding-inline-start:8px;font-size:12px}
 .final-home .header-contact .icon{display:none}
 .final-home .header-actions{gap:4px}
 .final-home .language-menu summary{min-width:36px}
}

/* 홈페이지의 회사 소개, 미션 및 비전 */
.home-company{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(26px,5vw,72px);padding-block:clamp(36px,6vw,82px);border-bottom:1px solid #435069}
.home-company-intro>p:not(.eyebrow){font-size:clamp(18px,2vw,25px);color:var(--text);margin-block:12px}
.home-company-intro a{color:var(--gold);text-decoration:underline;text-underline-offset:.24em}
.home-company-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.home-company-values h2{font-size:clamp(22px,2.3vw,31px);margin-bottom:12px}
@media(max-width:800px){.home-company{grid-template-columns:1fr}}
@media(max-width:520px){.home-company-values{grid-template-columns:1fr}}

.home-roadmap{margin-top:12px}
.final-evidence .home-pro-schedule{margin-top:13px}
.home-pro-schedule a{color:var(--gold);text-decoration:underline;text-underline-offset:.24em}
.detail .gridora-detail-plans{margin-block:12px 54px;padding:0}
.detail .gridora-detail-plans .gridora-promo-grid{grid-template-columns:1fr}
.detail .gridora-detail-plans .promo-free-card{max-width:none}