/* Lookbook style: white, navy, grey. Square corners, hairlines, no shadows. */
:root{--navy:#0A1F3C;--ink:#1a1a1a;--grey:#6b6b6b;--line:#dcdcdc;--stone:#F0EEEB;--serif:"Bodoni Moda","Libre Bodoni","Playfair Display",Didot,"Noto Serif KR",serif;--ko:"Noto Serif KR",serif;--sans:"Pretendard Variable",Pretendard,"Helvetica Neue",Arial,sans-serif;--gut:15px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:300 14px/1.65 var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
svg{display:none}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:99}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;font-style:normal;color:var(--navy);margin:0;letter-spacing:0;line-height:1.15}
[lang=ko] h1,[lang=ko] h2,h1 [lang=ko],h2 [lang=ko],h3 [lang=ko],.ko,[lang=ko]{font-family:var(--ko),var(--sans)}
p{margin:0 0 1em}
em,i{font-style:normal}
.container{max-width:1240px;margin:0 auto;padding:0 32px}
.narrow{max-width:760px}
.eyebrow,.k,.sc-k,.kicker,.flow-label{display:block;font:500 10px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--grey);margin-bottom:14px}
/* announcement + header */
.ann{background:var(--navy);color:#fff;height:28px;display:flex;align-items:center;justify-content:center;font:400 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:0 12px;text-align:center}
.ann a{color:#fff;text-underline-offset:3px;margin-left:10px}
.hdr{position:sticky;top:0;z-index:50;background:#fff;height:46px}
.hdr .in{max-width:none;height:46px;display:flex;align-items:center;gap:36px;padding:0 28px}
.wm{font:400 15px/1 var(--serif);letter-spacing:.32em;text-transform:uppercase;color:var(--navy);text-decoration:none;white-space:nowrap}
.hdr nav{display:flex;gap:22px;flex:1;min-width:0}
.hdr nav a{font:400 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--ink);padding:4px 0;border-bottom:1px solid transparent;white-space:nowrap}
.hdr nav a[aria-current],.hdr nav a:hover{border-bottom-color:var(--navy)}
.hdr .side{font:400 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);white-space:nowrap}
.mnav{display:none;margin-left:auto}
.mnav summary{list-style:none;cursor:pointer;font:400 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.mnav summary::-webkit-details-marker{display:none}
.mnav ul{position:absolute;left:0;right:0;top:46px;background:#fff;margin:0;padding:8px 20px 20px;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mnav li a{display:block;padding:12px 0;font:400 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #eee}
/* lookbook blocks */
.lb{padding:0 var(--gut)}
.shot{position:relative;overflow:hidden;background:#d9d6d1;margin:0}
.shot img{width:100%;height:100%;object-fit:cover}
.shot.h169{aspect-ratio:16/9}
.shot.h45{aspect-ratio:4/5}
.shot.h21{aspect-ratio:21/9}


.cap h1,.cap h2,.cap p,.cap .eyebrow{text-shadow:0 1px 14px rgba(0,0,0,.35)}
.cap{position:absolute;left:44px;bottom:40px;z-index:2;color:#fff;max-width:520px}
.cap .eyebrow{color:#fff;margin-bottom:12px}
.cap h1,.cap h2{color:#fff;font-size:34px;font-weight:400;line-height:1.12;margin-bottom:12px}
.cap h1{font-size:38px}
.cap p{font-size:13px;line-height:1.55;margin:0 0 14px;color:rgba(255,255,255,.92)}
.cap .ko{font-weight:300;font-size:13px}
.lnk{display:inline-block;font:500 10.5px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:inherit;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;margin-right:22px}
.cap .lnk{color:#fff}
.two{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut);margin-top:var(--gut)}
.four{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.blk{margin-top:var(--gut)}
.note{font:300 11px/1.5 var(--sans);color:var(--grey);letter-spacing:.02em}
.photo-cr{position:absolute;right:12px;bottom:10px;z-index:2;font:300 9px/1 var(--sans);letter-spacing:.06em;color:rgba(255,255,255,.75)}
/* intro text blocks */
.intro{text-align:center;padding:110px 24px 100px;max-width:760px;margin:0 auto}
.intro h2{font-size:34px;margin-bottom:18px}
.intro p{color:#444;font-size:14px}
.intro .ko{color:var(--grey);font-size:13px}
.stone{background:var(--stone)}
.prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.prod{background:var(--stone);margin:0}
.prod .pi{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prod .pi img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.prod figcaption{padding:12px 4px 4px;font-size:12px}
.prod figcaption b{display:block;font:400 15px/1.3 var(--serif);color:var(--navy);font-weight:400}
.prod figcaption span{color:var(--grey);font-size:11px}
/* buttons */
.btn{display:inline-block;font:500 10.5px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;padding:15px 26px;border:1px solid var(--navy);border-radius:0;background:var(--navy);color:#fff}
.btn-ghost,.btn-sm.btn-ghost{background:none;border:0;padding:0;color:var(--navy);text-decoration:underline;text-underline-offset:5px}
.btn-coral,.btn-teal,.btn-accent{background:var(--navy);border-color:var(--navy)}
.cta-row,.p-cta,.btn-row{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:22px}
/* editorial pages */
main section{padding:90px 0}
main section.pt0{padding-top:0}
.page-hero{padding:120px 32px 80px;text-align:left}
.page-hero .container,.page-hero.container{max-width:900px}
.page-hero h1{font-size:52px;line-height:1.08;margin-bottom:24px;font-weight:400}
.page-hero p,.lead{font-size:15px;color:#333;max-width:640px}
.page-hero .ko{color:var(--grey);font-size:13px}
.section-head{max-width:720px;margin-bottom:56px}
.section-head h2,section > .container > h2{font-size:34px;margin-bottom:16px}
.section-head p{color:#444}
.section-alt,.alt{background:#fff;border-top:1px solid var(--line)}
.grid{display:grid;gap:0;border-top:1px solid var(--line)}
.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:none;border:0;border-bottom:1px solid var(--line);padding:32px 28px 32px 0;border-radius:0;box-shadow:none}
.grid .card+.card{padding-left:28px;border-left:1px solid var(--line)}
.card h3{font-size:22px;margin:0 0 10px}
.card p{color:#444;font-size:13.5px}
.icon,.avatar,.dot,.badge,.badges,.hero-note,.mono-c{display:none!important}
.tag,.tag-now,.tag-planned,.tag-dev,.tag-proto,.status{display:inline-block;background:none;border:0;padding:0;margin:0 0 10px;font:500 9.5px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--grey);border-radius:0}
.tag-planned{color:var(--grey)}
.tag-now,.tag-dev,.tag-proto{color:var(--navy)}
/* numerals */
.pipe,.roadmap,.flow,.flow-steps,.timeline{list-style:none;margin:0;padding:0;counter-reset:n}
.pipe-step,.roadmap li,ol.flow li,.flow-steps li,.timeline li{counter-increment:n;display:grid;grid-template-columns:140px 1fr;gap:40px;padding:56px 0;border-top:1px solid var(--line);align-items:start}
.pipe-step::before,.roadmap li::before,ol.flow li::before,.flow-steps li::before,.timeline li::before{content:counter(n,decimal-leading-zero);font:300 76px/0.9 var(--serif);color:var(--navy);font-variant-numeric:lining-nums}
.pipe-step>div:last-child,.roadmap li>span:last-child{grid-column:2}
.roadmap li{grid-template-columns:140px 160px 1fr;align-items:baseline}
.roadmap li span:last-child{font:400 22px/1.35 var(--serif);color:var(--navy);grid-column:auto}
.pipe-step h3{font-size:26px;margin-bottom:12px}
.pipe-step p{max-width:640px;color:#444}
ol.flow li{grid-template-columns:140px 280px 1fr;align-items:baseline}
ol.flow li b{font:400 26px/1.2 var(--serif);color:var(--navy)}
ol.flow li span{color:#444}
/* arch diagram (dist pages) */
.arch{border-top:1px solid var(--line);padding-top:24px}
.arch .flow{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin-bottom:28px}
.node{flex:1 1 160px;border:1px solid var(--line);padding:16px;background:#fff}
.node b{display:block;font:400 16px/1.3 var(--serif);color:var(--navy);margin-bottom:6px}
.node span{font-size:12px;color:var(--grey)}
.node.claude{border-color:var(--navy)}
.node.planned{border-style:dashed}
.arrow{align-self:center;color:var(--grey)}
.arrow::before{content:"→"}
.rule,.notice,.claude-note,.note-box{border-top:1px solid var(--navy);border-bottom:1px solid var(--line);padding:22px 0;margin:28px 0;background:none;font-size:13.5px;color:#333}
.legend{display:flex;gap:20px;font-size:11px;color:var(--grey)}
.legend i{display:inline-block;width:10px;height:10px;border:1px solid var(--navy);margin-right:6px;vertical-align:-1px}
.legend i.c{background:var(--navy)}.legend i.d{border-style:dashed}
.tech-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:40px}
.tech-list .item{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.tech-list h3{font-size:20px;margin-bottom:8px}
/* code */
.code{border:1px solid var(--line);background:#fafafa}
.code-h{font:500 10px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--grey);padding:12px 16px;border-bottom:1px solid var(--line)}
pre{margin:0;padding:16px;overflow:auto;font:12px/1.55 ui-monospace,Menlo,monospace;color:#222}
code{font:12.5px ui-monospace,Menlo,monospace}
/* tables & facts */
table{border-collapse:collapse;width:100%}
.facts th,.facts td,table th,table td{border-bottom:1px solid var(--line);padding:16px 12px 16px 0;text-align:left;vertical-align:top;font-size:13.5px}
.facts th,table th{font:500 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--grey);width:38%}
.facts small,td small{display:block;color:var(--grey);font-size:12px}
.company-grid,.company{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}
.stack{display:grid;gap:0}
.person{padding:24px 0}
.person h3{font-size:20px}
.role{font:500 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--grey);margin:6px 0 10px}
.dl div{display:grid;grid-template-columns:38% 1fr;border-bottom:1px solid var(--line);padding:14px 0}
.dl dt{font:500 10px/1.6 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--grey)}
.dl dd{margin:0}
.prose{max-width:720px}.prose h2{font-size:28px;margin:48px 0 14px}.prose h3{font-size:20px;margin:32px 0 10px}
.prose-list,.list{padding-left:18px}
.facts-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}
.facts-strip .row{display:grid;grid-template-columns:repeat(4,1fr);margin:0}
.facts-strip .item{padding:28px 20px 28px 0}
.facts-strip .item+.item{padding-left:24px;border-left:1px solid var(--line)}
.facts-strip dt{font:500 9.5px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--grey);margin-bottom:8px}
.facts-strip dd{margin:0;font:400 19px/1.3 var(--serif);color:var(--navy)}
.facts-strip small{display:block;font:300 11.5px/1.4 var(--sans);color:var(--grey);margin-top:4px}
.contact-mail,.mail{font:400 24px/1.3 var(--serif);color:var(--navy)}
.cta-box{border-top:1px solid var(--navy);padding-top:40px;display:flex;justify-content:space-between;gap:40px;align-items:end}
.faq details,details.video-credits{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary,details.video-credits summary{cursor:pointer;font:400 18px/1.4 var(--serif);color:var(--navy)}
/* video */
.vframe{margin:0;background:#000}
.vframe video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.vcap{display:flex;justify-content:space-between;gap:20px;padding:14px 0 0}
/* credits */
.credits td,.credits th{font-size:13px}
/* footer */
.ftr{background:#fff;border-top:1px solid var(--line);margin-top:40px;padding:64px 0 40px}
.ftr .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ftr h4{font:500 10px/1.4 var(--sans);letter-spacing:.15em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li{margin:0 0 10px;font-size:12.5px}
.ftr li a{text-decoration:none;color:#444}.ftr li a:hover{text-decoration:underline}
.ftr .wm{display:inline-block;margin-bottom:18px;font-size:13px}
.ftr .about{font-size:12.5px;color:#555;max-width:320px}
.ftr .base{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);font-size:11px;line-height:1.75;color:var(--grey)}
.ftr .base strong{font-weight:500;color:var(--ink)}
/* Taste Closet mockup */
.mk{padding:72px 0 64px}
.mk-head{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:0 44px 44px}
.mk-head h2{font-size:34px}
.mk-head p{max-width:420px;color:#444;margin:0}
.phs{display:flex;justify-content:center;gap:44px;padding:0 24px;align-items:stretch}
.ph{width:300px;background:#fff;border:1px solid #cfcac3;padding:10px;display:flex;flex-direction:column}
.ph .scr{border:1px solid #ece9e4;flex:1;display:flex;flex-direction:column;font-size:11px;overflow:hidden}
.ap-h{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #ece9e4}
.ap-h .t{font:400 11px/1 var(--serif);letter-spacing:.28em;text-transform:uppercase;color:var(--navy)}
.ap-h .s{font-size:9.5px;color:var(--grey);letter-spacing:.08em}
.sec{padding:14px 14px 4px}
.sec .sc-k{margin-bottom:4px;font-size:8.5px}
.sec h5{margin:0 0 10px;font:400 16px/1.2 var(--serif);color:var(--navy)}
.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.mood{position:relative;aspect-ratio:3/4;overflow:hidden}
.mood img{width:100%;height:100%;object-fit:cover}
.mood span{position:absolute;left:5px;bottom:4px;color:#fff;font:500 7.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px rgba(0,0,0,.5)}
.mood.on::after{content:"";position:absolute;inset:0;border:2px solid var(--navy)}
.mood.on i{position:absolute;right:4px;top:4px;width:12px;height:12px;background:var(--navy);color:#fff;font:600 8px/12px var(--sans);text-align:center}
.mood.on i::before{content:"✓"}
.mood:not(.on) img{opacity:.55}
.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.tile .ti{aspect-ratio:1;background:var(--stone);overflow:hidden}
.tile .ti img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.tile b{display:block;font:400 10px/1.2 var(--serif);color:var(--navy);margin-top:4px}
.tile span{display:block;font-size:8px;color:var(--grey);letter-spacing:.02em}
.aimsg{margin:10px 14px 0;padding:8px 0;border-top:1px solid #ece9e4;font-size:9.5px;color:var(--grey)}
.anl-r{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ece9e4;font-size:10px}
.anl-r span{color:var(--grey)}.anl-r b{font-weight:500;color:var(--navy)}
.palette{display:flex;gap:0;margin:8px 0}.palette i{flex:1;height:12px}
.cbar{display:grid;grid-template-columns:52px 1fr 14px;gap:8px;align-items:center;font-size:9.5px;margin:4px 0}
.cbar i{height:3px;background:var(--navy);display:block}.cbar em{color:var(--grey);text-align:right}
.lookb{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.lookb div{background:var(--stone);aspect-ratio:1;overflow:hidden}
.lookb div:first-child{grid-row:span 2;aspect-ratio:auto}
.lookb img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.why{margin:10px 0 0;padding:0;list-style:none}
.why li{padding:6px 0;border-bottom:1px solid #ece9e4;font-size:10px;color:#444}
.why b{font-weight:500;color:var(--navy)}
.askin{border:1px solid var(--navy);padding:9px 10px;font:400 11.5px/1.3 var(--serif);color:var(--navy);display:flex;justify-content:space-between}
.askin i::before{content:"→"}
.chips{display:flex;gap:10px;margin-top:8px;font-size:9px;color:var(--grey)}
.chips span{text-decoration:underline;text-underline-offset:3px}
.buyt{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;margin-bottom:6px}
.buyt .ti{width:56px;height:56px;background:var(--stone);overflow:hidden}
.buyt .ti img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.buyt b{display:block;font:400 12px/1.25 var(--serif);color:var(--navy)}
.buyt span{font-size:9px;color:var(--grey)}
.buyt em{font:400 22px/1 var(--serif);color:var(--navy)}
.chk{list-style:none;margin:0;padding:0}
.chk li{display:grid;grid-template-columns:52px 1fr auto;gap:6px;padding:6px 0;border-bottom:1px solid #ece9e4;font-size:9.5px}
.chk li b{font-weight:500;color:var(--navy)}.chk li span{color:#555}
.chk li i{font:500 8.5px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--navy)}
.chk li.warn i{color:#fff;background:var(--navy);padding:0 5px}
.mk-cap{text-align:center;margin-top:22px}
/* AI Date mockup */
.chat{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.bub{max-width:85%;padding:8px 10px;font-size:10.5px;line-height:1.45;border:1px solid #ece9e4}
.bub.me{align-self:flex-end;background:var(--navy);color:#fff;border-color:var(--navy)}
.stop{display:grid;grid-template-columns:62px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid #ece9e4;align-items:center}
.stop .ti{width:62px;height:62px;overflow:hidden}.stop .ti img{width:100%;height:100%;object-fit:cover}
.stop b{display:block;font:400 12.5px/1.2 var(--serif);color:var(--navy)}
.stop span{font-size:9px;color:var(--grey)}
.stop .tm{font:500 8.5px/1 var(--sans);letter-spacing:.14em;color:var(--grey);display:block;margin-bottom:3px}
.cand-ph{aspect-ratio:4/3;overflow:hidden}.cand-ph img{width:100%;height:100%;object-fit:cover}
/* responsive */
@media (max-width:1000px){.hdr nav{display:none}.mnav{display:block}.hdr .side{display:none}.four,.prodgrid{grid-template-columns:1fr 1fr}.ph{width:280px}.phs{gap:20px}}
@media (max-width:760px){
.container{padding:0 20px}.lb{padding:0}.two{grid-template-columns:1fr;gap:var(--gut)}.three{grid-template-columns:1fr}
.shot.h169{aspect-ratio:4/5}.shot.h21{aspect-ratio:4/5}
.cap{left:22px;right:22px;bottom:26px}.cap h1{font-size:30px}.cap h2{font-size:27px}
.hdr .in{padding:0 18px}.wm{font-size:13px;letter-spacing:.26em}
.ann{font-size:9px;letter-spacing:.1em}.ann a{display:none}
.intro{padding:72px 22px 64px}.intro h2{font-size:27px}
.page-hero{padding:72px 20px 48px}.page-hero h1{font-size:36px}
.g2,.g3,.g4,.tech-list,.company-grid,.company{grid-template-columns:1fr}
.grid .card+.card{padding-left:0;border-left:0}
.pipe-step,.roadmap li,ol.flow li,.flow-steps li,.timeline li{grid-template-columns:72px 1fr;gap:18px;padding:36px 0}
.pipe-step::before,.roadmap li::before,ol.flow li::before{font-size:44px}
.roadmap li span:last-child,ol.flow li span{grid-column:2}
.facts-strip .row{grid-template-columns:1fr 1fr}.facts-strip .item+.item{padding-left:0;border-left:0}
.ftr .cols{grid-template-columns:1fr 1fr}
.mk-head{flex-direction:column;align-items:start;padding:0 20px 32px;gap:14px}
.phs{flex-direction:column;align-items:center}.ph{width:min(330px,100%)}
main section{padding:64px 0}
.prodgrid{padding:0 var(--gut)}
}
div.roadmap{counter-reset:n;border-top:0}
.roadmap .phase{counter-increment:n;display:grid;grid-template-columns:140px 1fr;column-gap:40px;padding:56px 0;border-top:1px solid var(--line)}
.roadmap .phase::before{content:counter(n,decimal-leading-zero);grid-row:span 3;font:300 76px/.9 var(--serif);color:var(--navy);font-variant-numeric:lining-nums}
.roadmap .phase h3{font-size:26px;margin-bottom:10px}
.center{text-align:left}
.step .num{display:block;font:300 56px/1 var(--serif);color:var(--navy);margin-bottom:18px}
.vid{padding-top:120px}
.stone.mk{margin-top:0}
@media (max-width:760px){.roadmap .phase{grid-template-columns:72px 1fr;column-gap:18px;padding:36px 0}.roadmap .phase::before{font-size:44px}}
.shot.grad::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top right,rgba(8,12,20,.78) 0%,rgba(8,12,20,.45) 32%,rgba(8,12,20,0) 60%)}
@media (min-width:761px){.shot.grad .cap{max-width:390px}}

/* ===== MODERN CLASSIC layer ===== */
:root{--serif:"Newsreader","Source Serif 4",Georgia,serif;--sans:"Pretendard Variable",Pretendard,Inter,"Helvetica Neue",Arial,sans-serif;--ko:"Pretendard Variable",Pretendard,sans-serif;--line:#e4e4e4}
body{font:400 16px/1.6 var(--sans);letter-spacing:-.005em;color:#16181d}
h1,h2,h3,h4{font-family:var(--sans);font-weight:600;letter-spacing:-.02em;line-height:1.12;color:var(--navy)}
h1 [lang=ko],h2 [lang=ko],h3 [lang=ko]{font-family:var(--ko)}
.cap h1,.page-hero h1,.intro h2,.mk-head h2,.section-head h2{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;font-optical-sizing:auto}
.cap h1{font-size:52px;line-height:1.04;margin-bottom:16px}
.cap h2{font-size:34px;line-height:1.08;font-family:var(--sans);font-weight:600;letter-spacing:-.025em}
.cap p{font-size:15px;line-height:1.55;max-width:460px}
.cap{left:48px;bottom:44px;max-width:560px}
.shot.grad::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top right,rgba(6,12,24,.72) 0%,rgba(6,12,24,.38) 34%,rgba(6,12,24,0) 62%)}
.cap h1,.cap h2,.cap p,.cap .eyebrow{text-shadow:none}
.eyebrow,.k,.sc-k,.kicker,.flow-label{font:600 11px/1.4 var(--sans);letter-spacing:.08em}
.ann{font:500 11.5px/1 var(--sans);letter-spacing:.02em;text-transform:none;height:32px}
.hdr{height:60px;border-bottom:1px solid var(--line)}.hdr .in{height:60px;padding:0 32px;gap:44px}
.wm{font:700 17px/1 var(--sans);letter-spacing:.06em;color:var(--navy)}
.hdr nav{gap:28px}.hdr nav a{font:500 13px/1 var(--sans);letter-spacing:0;text-transform:none;padding:6px 0}
.hdr .side{font:500 12.5px/1 var(--sans);letter-spacing:0;text-transform:none}
.mnav summary{font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none}.mnav ul{top:60px}.mnav li a{font:500 15px/1 var(--sans);letter-spacing:0;text-transform:none}
.lnk{font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none;text-underline-offset:6px}
.btn{font:600 13px/1 var(--sans);letter-spacing:0;text-transform:none;padding:15px 26px;border-radius:2px}
.btn-ghost{text-decoration:underline}
.hero2{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.hero2 .shot.h45{aspect-ratio:auto;height:min(calc(100vh - 110px),860px);min-height:520px}
.intro{padding:120px 24px 104px}.intro h2{font-size:44px;line-height:1.08;margin-bottom:18px}.intro p{font-size:17px;color:#3a3d44}
.intro .ko{font-size:15px}
.page-hero{padding:104px 32px 64px}.page-hero h1{font-size:56px;line-height:1.04}.page-hero p,.lead{font-size:18px;color:#3a3d44}
.section-head h2{font-size:40px;line-height:1.08}.section-head p{font-size:17px}
.card h3{font-size:19px;font-weight:600}.card p{font-size:15.5px;color:#3a3d44}
/* inner pages: modern card grids instead of timeline numerals */
.pipe,.flow-steps,.timeline,div.roadmap,ol.flow{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.pipe-step,ol.flow li,.roadmap .phase{display:block;border:1px solid var(--line);border-radius:4px;padding:28px 28px 30px;background:#fff}
.pipe-step::before,ol.flow li::before,.roadmap .phase::before{display:block;content:counter(n,decimal-leading-zero);font:600 12px/1 var(--sans);letter-spacing:.06em;color:#8a8f99;margin-bottom:18px}
.pipe-step h3,.roadmap .phase h3{font-size:20px;margin-bottom:10px}
.pipe-step p,.roadmap .phase p{font-size:15.5px;color:#3a3d44}
ol.flow li b{display:block;font:600 20px/1.25 var(--sans);letter-spacing:-.015em;margin-bottom:10px}
ol.flow li span{font-size:15.5px}
ul.roadmap{display:block}
ul.roadmap li{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:baseline}
ul.roadmap li::before{display:none}
ul.roadmap li span:last-child{font:500 18px/1.4 var(--sans);letter-spacing:-.01em;grid-column:auto}
.facts-strip dd{font:600 19px/1.3 var(--sans);letter-spacing:-.015em}
.facts th,table th,.dl dt,.role,.ftr h4,.facts-strip dt,.tag,.tag-now,.tag-planned,.tag-dev,.tag-proto,.status{letter-spacing:.06em}
.facts th,.facts td,table td{font-size:15px}
.node{border-radius:4px}.node b{font:600 15px/1.3 var(--sans)}
.contact-mail,.mail{font:500 26px/1.3 var(--sans);letter-spacing:-.015em}
.faq summary,details.video-credits summary{font:500 17px/1.4 var(--sans)}
.person h3{font-size:19px}
.prod{background:#fff}.prod .pi{background:#f2f2f0;border-radius:2px}
.prod figcaption b{font:600 15px/1.3 var(--sans);letter-spacing:-.01em}.prod figcaption span{font-size:13px}
.ftr .wm{font-size:15px}.ftr li{font-size:14px}.ftr .about{font-size:14px}.ftr .base{font-size:12.5px}
.note{font-size:12.5px}
/* app mockup: current app cards */
.stone{background:#f4f4f2}
.mk-head h2{font-size:44px;line-height:1.06}.mk-head p{font-size:16px}
.ph{border:1px solid #d9d9d6;border-radius:4px;padding:8px;background:#fff}
.ph .scr{border:0;border-radius:2px;background:#fafaf9;font-size:12px}
.ap-h{background:#fff;border-bottom:1px solid #ececea}.ap-h .t{font:700 12px/1 var(--sans);letter-spacing:.04em}.ap-h .s{font-size:11px;letter-spacing:0}
.sec h5{font:600 16px/1.25 var(--sans);letter-spacing:-.015em}
.sec .sc-k{font-size:9.5px}
.mood,.tile .ti,.lookb div,.buyt .ti,.stop .ti,.cand-ph{border-radius:3px}
.mood span{font:600 9px/1 var(--sans);letter-spacing:.02em;text-transform:none;left:6px;bottom:6px}
.mood.on::after{border-radius:3px}.mood.on i{border-radius:2px}
.tile{background:#fff;border:1px solid #ececea;border-radius:3px;padding:4px 4px 6px}
.tile .ti{background:#f2f2f0}
.tile b{font:600 10.5px/1.25 var(--sans);letter-spacing:-.01em}.tile span{font-size:8.5px}
.lookb div{background:#f2f2f0}
.anl-r{font-size:11px}.why li{font-size:11px}
.askin{font:500 12px/1.3 var(--sans);border-radius:3px}
.buyt b{font:600 12.5px/1.25 var(--sans)}.buyt em{font:600 22px/1 var(--sans);letter-spacing:-.02em}
.chk li{font-size:10.5px}.chk li.warn i{border-radius:2px}
.stop b{font:600 12.5px/1.2 var(--sans)}
.bub{border-radius:4px;background:#fff}.bub.me{background:var(--navy)}
@media (max-width:760px){
.hero2{grid-template-columns:1fr}.hero2 .shot.h45{height:auto;aspect-ratio:4/5;min-height:0}.hero2 .nocap{display:none}
.cap{left:22px;right:22px;bottom:28px}.cap h1{font-size:38px}.cap h2{font-size:28px}
.intro h2,.section-head h2,.mk-head h2{font-size:32px}.page-hero h1{font-size:40px}
.pipe,.flow-steps,.timeline,div.roadmap,ol.flow{grid-template-columns:1fr}
ul.roadmap li{grid-template-columns:1fr;gap:6px}
.hdr .in{padding:0 18px}.wm{font-size:15px}
}
@media (max-width:760px){.shot.grad::after{background:linear-gradient(to top,rgba(6,12,24,.8) 0%,rgba(6,12,24,.55) 40%,rgba(6,12,24,0) 72%)}}
.subnav{border-bottom:1px solid var(--line)}.subnav .container,.subnav{display:flex;gap:28px;font:500 13px/1 var(--sans)}
.subnav a{text-decoration:none;color:#3a3d44;padding:16px 0;display:inline-block;margin-right:24px}
.p-hero{padding:96px 0 72px}
.p-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start}
.p-hero h1{font-family:var(--serif);font-weight:400;font-size:50px;line-height:1.05;letter-spacing:-.015em;margin-bottom:22px}
.console{border:1px solid var(--line);border-radius:4px;background:#fafaf9;overflow:hidden}
.console-bar{padding:12px 16px;border-bottom:1px solid var(--line);font:600 11px/1 var(--sans);letter-spacing:.06em;color:#8a8f99;text-transform:uppercase}
.console .k{display:inline;margin:0;font-size:10px}
.console-foot{padding:12px 16px;border-top:1px solid var(--line);font-size:12.5px;color:#6b6f78}
.flow-n{display:none}
.muted{color:#6b6f78}
@media (max-width:760px){.p-hero-grid{grid-template-columns:1fr}.p-hero h1{font-size:36px}}
.subnav .container{align-items:center}.subnav strong,.subnav b{font-weight:600;margin-right:12px}
/* ===== Korean-contemporary layer ===== */
:lang(ko),[lang=ko]{word-break:keep-all;font-family:var(--ko)}
.kh{display:block;font-family:var(--ko)!important;font-weight:700;letter-spacing:-.03em;line-height:1.18;word-break:keep-all}
.eh{display:block;font-family:var(--serif);font-weight:400;letter-spacing:-.01em;font-size:.56em;line-height:1.25;margin-top:.45em;opacity:.92}
.cap h1 .kh{font-size:50px}.cap h1 .eh{font-size:26px}
.cap h2 .kh{font-size:32px;font-weight:700}.cap h2 .eh{font-size:19px}
.intro h2 .kh,.mk-head h2 .kh,.section-head h2 .kh{font-size:40px}
.intro h2 .eh,.mk-head h2 .eh{font-size:22px;color:#4a4f58}
.mk-head h2 .eh{color:#4a4f58}
.hdr nav a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:4px 0}
.nk{font:600 13.5px/1 var(--ko);letter-spacing:-.02em}.ne{font:500 9.5px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:#8a8f99}
.mnav li a{display:flex;gap:10px;align-items:baseline}.mnav .ne{font-size:10px}
.wm{letter-spacing:.04em}
.ann span[lang=ko]{font-weight:600}
.mood span{display:flex;flex-direction:column;gap:2px}.mood span b{font:700 10px/1 var(--ko);letter-spacing:-.02em}
.mood span{font-size:7.5px;opacity:.95}
.tile b{font:700 11px/1.25 var(--ko);letter-spacing:-.03em}
.sec h5{font:700 16.5px/1.25 var(--ko);letter-spacing:-.03em}.sec h5 small{font:500 11px var(--sans);color:#8a8f99;margin-left:4px}
.ap-h .t{font:700 13px/1 var(--ko);letter-spacing:-.02em}
.anl-r span em{font-style:normal;font-size:8.5px;color:#a0a4ab;margin-left:3px}.anl-r b{font-weight:700;letter-spacing:-.02em}
.why b{margin-right:6px}.aimsg span{color:#a0a4ab;font-size:9px}
.buyt b{font:700 12.5px/1.25 var(--ko);letter-spacing:-.03em}
@media (max-width:760px){
.cap h1 .kh{font-size:36px}.cap h1 .eh{font-size:20px}.cap h2 .kh{font-size:27px}.cap h2 .eh{font-size:17px}
.intro h2 .kh,.mk-head h2 .kh{font-size:30px}.intro h2 .eh,.mk-head h2 .eh{font-size:18px}
body{font-size:16.5px}
.two.hs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:0 0 0 0}
.prodgrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.prodgrid .prod{flex:0 0 68%;scroll-snap-align:start}
.phs{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;padding:0 16px;gap:12px;align-items:stretch}.ph{flex:0 0 86%;width:auto;scroll-snap-align:center}
}
@media (max-width:760px){.ann .ae{display:none}.ann{font-size:11px}}
/* ===================== v5 PRODUCT-LED ===================== */
:root{--navy:#0B1F3A;--ivory:#FAF7F2;--camel:#C8A97E;--ink:#111418;--mut:#6B7280;--line:#ECE8E1;--r1:12px;--r2:20px;--r3:28px;
--sh1:0 1px 2px rgba(11,31,58,.05),0 8px 24px -10px rgba(11,31,58,.14);--sh2:0 2px 6px rgba(11,31,58,.05),0 30px 60px -24px rgba(11,31,58,.30)}
body{background:#fff;color:var(--ink);font:400 16px/1.65 var(--sans);letter-spacing:-.01em}
svg.i{display:inline-block;vertical-align:middle;flex:none}
.ann{background:var(--navy);height:34px;font:500 12px/1 var(--sans)}
.hdr{background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid rgba(11,31,58,.06);height:64px}
.hdr .in{height:64px;max-width:1240px;margin:0 auto}
.wm{font:800 17px/1 var(--sans);letter-spacing:-.01em;text-transform:none}
.hdr nav a{border:0;padding:6px 10px;border-radius:999px}.hdr nav{gap:6px}
.hdr nav a[aria-current],.hdr nav a:hover{background:#F3F1EC;border:0}
.wrap5{max-width:1180px;margin:0 auto;padding:0 32px}
.ivory{background:var(--ivory)}
.hd .kh{font:800 52px/1.14 var(--ko);letter-spacing:-.035em;color:var(--navy)}
.hd .eh{font:italic 400 21px/1.3 var(--serif);color:#7a6a55;margin-top:12px;opacity:1}
h1.hd .kh{font-size:58px}
.eb5{display:inline-block;font:700 12px/1 var(--sans);letter-spacing:.04em;color:var(--camel);text-transform:uppercase;margin-bottom:16px}
.num5{display:block;font:700 13px/1 var(--sans);color:#B9B2A6;margin-bottom:10px;letter-spacing:.04em}
.pill5{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font:600 12.5px/1 var(--ko);color:var(--navy);box-shadow:var(--sh1);margin-bottom:22px}
.pill5.inv{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fff;box-shadow:none;backdrop-filter:blur(6px)}
.btn5{display:inline-flex;align-items:center;gap:10px;background:var(--navy);color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;font:700 15px/1 var(--ko);letter-spacing:-.02em;box-shadow:0 10px 24px -10px rgba(11,31,58,.5)}
.btn5 small{font:500 12px/1 var(--sans);opacity:.7}
.btn5.light{background:#fff;color:var(--navy)}
.lnk5{display:inline-flex;align-items:center;gap:6px;font:700 15px/1 var(--ko);color:var(--navy);text-decoration:none;letter-spacing:-.02em}
.lnk5.inv{color:#fff}
.cta5{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:30px}
.mknote{text-align:center;font:400 12.5px/1.5 var(--sans);color:#8B8478;margin:28px 0 0}
/* hero */
.hero5{padding:72px 0 56px;overflow:hidden}
.hgrid{display:grid;grid-template-columns:1.02fr 1fr;gap:40px;align-items:center}
.htxt p{font:500 17px/1.7 var(--ko);color:#3c4250;max-width:470px;margin:22px 0 0;letter-spacing:-.02em}
.htxt p.en,.ftxt p.en,.pc-t p.en{font:400 14.5px/1.6 var(--sans);color:#8a8f99;margin-top:10px;letter-spacing:0}
.hart{position:relative;height:640px}
/* phone */
.phone5{width:300px;aspect-ratio:9/19.3;background:#0d0f12;border-radius:46px;padding:9px;box-shadow:var(--sh2),inset 0 0 0 1.5px #2b2f36}
.phone5 .bez{position:relative;height:100%;border-radius:38px;overflow:hidden;background:#fff}
.phone5 .isl{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:84px;height:24px;border-radius:20px;background:#0d0f12;z-index:5}
.scr5{height:100%;display:flex;flex-direction:column;font:400 12px/1.4 var(--ko);color:var(--ink);letter-spacing:-.02em;overflow:hidden;position:relative}
.hart .phone5.main{position:absolute;left:50%;top:10px;transform:translateX(-40%);z-index:2}
.hart .phone5.back{position:absolute;left:50%;top:70px;transform:translateX(-118%) scale(.86);opacity:.95;z-index:1;filter:saturate(.95)}
.sb{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 6px;font:700 12px/1 var(--sans);height:40px}
.sbi{display:flex;gap:3px}.sbi i{width:14px;height:8px;border-radius:2px;background:#111;opacity:.85}.sbi i:nth-child(2){width:10px}.sbi i:nth-child(3){width:18px;border-radius:3px}
.ah{display:flex;justify-content:space-between;align-items:center;padding:8px 18px 10px}
.ah small{display:block;font:600 10px/1 var(--sans);color:#9aa0a8;letter-spacing:.02em;margin-bottom:5px}
.ah h6{margin:0;font:800 20px/1.1 var(--ko);letter-spacing:-.04em;color:var(--ink)}.ah h6 em{font:700 14px var(--sans);color:var(--camel);font-style:normal;margin-left:2px}
.av{width:34px;height:34px;border-radius:50%;background:#F3F1EC;display:flex;align-items:center;justify-content:center;color:#444}
.wx{display:inline-flex;gap:4px;align-items:center;background:#FFF6E6;color:#9a6a1c;border-radius:999px;padding:6px 10px;font:700 11px/1 var(--sans)}
.chips5{display:flex;gap:6px;padding:0 18px 10px;overflow:hidden}.chips5 span{flex:none;padding:7px 12px;border-radius:999px;background:#F3F1EC;font:600 11px/1 var(--ko);color:#555}.chips5 .on{background:var(--navy);color:#fff}
.grid5{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;padding:0 14px;flex:1;overflow:hidden;align-content:start}
.gc img{width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:12px;background:#F4F2EE;display:block}
.gc b{display:block;font:700 12px/1.25 var(--ko);margin-top:6px;letter-spacing:-.03em}.gc span{display:block;font:400 9.5px/1.3 var(--sans);color:#9aa0a8}
.tb{display:flex;justify-content:space-around;padding:8px 6px 18px;border-top:1px solid #f0eee9;background:#fff;margin-top:auto}
.tb span{display:flex;flex-direction:column;align-items:center;gap:3px;color:#b5b8be}.tb em{font:600 9.5px/1 var(--ko);font-style:normal}.tb .on{color:var(--navy)}
.look{display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:6px;margin:0 14px;height:250px;background:var(--ivory);border-radius:18px;padding:8px}
.look div{border-radius:12px;overflow:hidden;background:#fff}.look img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.lk1{grid-row:span 2}
.ctx{display:flex;justify-content:space-between;margin:10px 18px 2px;font:700 12px/1 var(--ko)}.ctx span+span{font:400 10px var(--sans);color:#9aa0a8}
.why5{list-style:none;margin:6px 14px 0;padding:0}.why5 li{display:flex;gap:9px;align-items:flex-start;padding:8px 4px;border-bottom:1px solid #f2f0eb;font-size:11.5px;color:#4b5160}.why5 li svg{color:var(--camel);margin-top:1px}
.why5 b{display:block;font:700 11px/1.2 var(--ko);color:var(--ink);margin-bottom:2px}
.btns5{display:flex;gap:6px;padding:10px 14px}.btns5 span{flex:1;text-align:center;border-radius:12px;padding:11px 0;font:700 12px/1 var(--ko)}.btns5 .pri{background:var(--navy);color:#fff}.btns5 .sec{background:#F3F1EC;color:#333;flex:.6}
.pd{position:relative;margin:0 14px;border-radius:18px;background:#F4F2EE;height:170px;overflow:hidden}.pd img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.smp{position:absolute;left:10px;top:10px;background:#fff;border-radius:999px;padding:4px 8px;font:600 9.5px/1 var(--sans);color:#777}
.pdi{display:flex;justify-content:space-between;align-items:end;padding:10px 18px 4px}.pdi b{display:block;font:700 13px/1.2 var(--ko)}.pdi span{font:400 10px var(--sans);color:#9aa0a8}.pdi strong{font:800 15px/1 var(--sans);letter-spacing:-.02em}
.score{display:flex;gap:12px;align-items:center;margin:8px 14px;padding:10px 12px;border-radius:14px;background:var(--ivory)}
.score b{display:block;font:800 13px/1.2 var(--ko)}.score span{font-size:10.5px;color:#8a6d45}
.ring{width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--navy) 0 80%,#E6E1D8 80% 100%);display:flex;align-items:center;justify-content:center;position:relative;font:600 10px/1 var(--sans);color:#666;flex:none}
.ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.ring b,.ring{z-index:0}.ring>*{position:relative}.ring b{font:800 16px/1 var(--sans);color:var(--navy);margin-right:1px;position:relative}
.ring{isolation:isolate}.ring::before{z-index:-1}
.chk5{list-style:none;margin:0 14px;padding:0}.chk5 li{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:6px;padding:7px 2px;border-bottom:1px solid #f2f0eb;font-size:10.5px;color:#555}
.chk5 b{font:700 11.5px/1.1 var(--ko);color:var(--ink)}.chk5 b em{display:block;font:400 8.5px var(--sans);color:#aaa;font-style:normal}
.chk5 i{display:inline-flex;align-items:center;gap:3px;font:700 10px/1 var(--ko);font-style:normal;padding:5px 8px;border-radius:999px;background:#EAF3EC;color:#2f6b46}
.chk5 .no i{background:#F6E9E6;color:#8E3B2E}
.tcard{margin:0 14px 10px;padding:13px 14px;border-radius:16px;background:#fff;border:1px solid #f0ede7;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.tcard small{display:block;font:600 10px/1 var(--ko);color:#9aa0a8;margin-bottom:8px}.tcard h4{margin:0 0 10px;font:800 17px/1.2 var(--ko);letter-spacing:-.04em}
.bars5{list-style:none;margin:0;padding:0}.bars5 li{display:grid;grid-template-columns:86px 1fr 32px;align-items:center;gap:8px;margin:7px 0;font:600 11px var(--ko)}.bars5 em{font:400 8.5px var(--sans);color:#aaa;font-style:normal}
.bars5 i{height:7px;background:#F1EEE8;border-radius:9px;overflow:hidden;display:block}.bars5 s{display:block;height:100%;background:var(--navy);border-radius:9px;text-decoration:none}
.bars5 li:nth-child(2) s{background:#5E6E8A}.bars5 li:nth-child(3) s{background:var(--camel)}.bars5 li:nth-child(4) s{background:#CFC6B6}.bars5 b{font:700 11px var(--sans);text-align:right}
.pal5{display:flex;gap:6px}.pal5 i{flex:1;height:30px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.tcard.two5{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tcard.two5 b{font:700 12.5px/1.3 var(--ko)}
/* floating cards */
.fc{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--sh2);padding:14px 16px;z-index:3;font:400 12px/1.4 var(--ko)}
.fc-h{display:flex;align-items:center;gap:6px;font:700 12px/1 var(--ko);color:var(--navy);margin-bottom:10px}.fc-h em{font:400 10px var(--sans);color:#aaa;font-style:normal;margin-left:auto}
.tagc{width:270px;right:-6px;top:120px}.tagrow{display:flex;gap:10px}.tagrow img{width:58px;height:58px;border-radius:12px;object-fit:cover;background:#F4F2EE}
.tagrow b{font:800 13px/1.2 var(--ko);display:block;margin-bottom:6px}.pills{display:flex;flex-wrap:wrap;gap:4px}.pills span{padding:4px 8px;border-radius:999px;background:#F3F1EC;font:600 10px/1 var(--ko);color:#444}
.scc{display:flex;gap:12px;align-items:center;right:20px;bottom:40px}.scc b{display:block;font:800 14px/1.2 var(--ko)}.scc span{font-size:11px;color:#8E3B2E}
.coc{width:236px;right:-10px;top:96px}.mini-tl{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px dashed #E3DDD2}.mini-tl li{position:relative;padding:4px 0}.mini-tl li::before{content:"";position:absolute;left:-18px;top:10px;width:10px;height:10px;border-radius:50%;background:var(--navy);box-shadow:0 0 0 3px #fff}
.mini-tl em{font:700 10px var(--sans);color:var(--camel);font-style:normal;margin-right:8px}.mini-tl b{font:700 12px var(--sans)}
.pinc{display:flex;gap:10px;align-items:center;right:30px;bottom:50px;color:var(--navy)}.pinc b{display:block;font:800 13.5px/1.2 var(--ko);color:var(--ink)}.pinc span{font-size:11px;color:#777}
/* band */
.band5{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.band5::before{content:"";position:absolute;inset:0;opacity:.09;background-image:repeating-linear-gradient(0deg,#C8A97E 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,#C8A97E 0 1px,transparent 1px 8px)}
.bandin{display:flex;justify-content:space-between;gap:18px;padding-top:22px;padding-bottom:22px;position:relative;overflow-x:auto}
.bandin span{flex:none;font:700 15px/1 var(--ko);letter-spacing:-.02em}.bandin em{font:italic 400 14px var(--serif);opacity:.7;margin-left:6px}
/* features */
.feat5{padding:110px 0}.feat5.alt{background:var(--ivory)}
.feat5 .wrap5{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.feat5.alt .ftxt{order:2}
.ftxt p{font:500 17px/1.75 var(--ko);color:#3c4250;max-width:440px;margin:22px 0 0;letter-spacing:-.02em}
.fart{position:relative;display:flex;justify-content:center;min-height:560px;align-items:center}
.fart .tagc{right:auto;left:-10px;top:auto;bottom:40px}.fart .scc{right:0;bottom:70px}
.ask5{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ask5 span{padding:9px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font:600 13px/1 var(--ko);color:#444}
.ask5 span:first-child{background:var(--navy);color:#fff;border-color:var(--navy)}
/* picks */
.picks5{padding:110px 0}.phead{max-width:640px;margin-bottom:40px}
.pgrid5{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pc5 .pci{position:relative;border-radius:var(--r2);overflow:hidden;background:#F4F2EE;aspect-ratio:4/5}.pc5 img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}
.badge5{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.92);border-radius:999px;padding:6px 10px;font:700 11px/1 var(--ko);color:var(--navy)}
.pc5 b{display:block;margin-top:12px;font:700 15px/1.3 var(--ko);letter-spacing:-.03em}.pc5 span{display:block;font:400 12.5px var(--sans);color:#9aa0a8}.pc5 strong{display:block;margin-top:4px;font:800 16px var(--sans);letter-spacing:-.02em}
/* video */
.vid5{padding:110px 0;background:var(--ivory)}.vhead{margin-bottom:36px}
.vf5{margin:0;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh2);background:#000}.vf5 video{width:100%;display:block;aspect-ratio:16/9}
/* status */
.stat5{padding:70px 0}.sgrid5{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.sgrid5>div{background:#fff;border-radius:var(--r2);padding:22px;box-shadow:var(--sh1)}.sgrid5 small{display:block;font:700 11px var(--sans);color:var(--camel);text-transform:uppercase;letter-spacing:.04em}
.sgrid5 b{display:block;font:800 21px/1.3 var(--ko);margin:8px 0 4px;letter-spacing:-.03em;color:var(--navy)}.sgrid5 span{font-size:13px;color:#8a8f99}
/* AI date screens */
.chat5{display:flex;flex-direction:column;gap:8px;padding:4px 14px;flex:1}
.chat5 .b{max-width:82%;padding:10px 12px;border-radius:16px 16px 16px 4px;background:#F3F1EC;font:500 12px/1.45 var(--ko)}
.chat5 .me{align-self:flex-end;background:var(--navy);color:#fff;border-radius:16px 16px 4px 16px}
.mini{display:flex;gap:6px}.mini div{flex:1;border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--sh1)}.mini img{width:100%;height:58px;object-fit:cover;display:block}.mini span{display:block;padding:5px 6px;font:700 9px/1.2 var(--sans)}
.typing{display:flex;gap:4px;width:52px}.typing i{width:6px;height:6px;border-radius:50%;background:#aaa}
.inp5{margin:8px 14px 8px;border-radius:999px;background:#F3F1EC;padding:11px 14px;font:500 11px var(--ko);color:#999;display:flex;justify-content:space-between}.inp5 span{color:var(--navy)}
.sum5{display:flex;gap:6px;padding:0 14px 8px}.sum5 span{flex:1;display:flex;gap:4px;align-items:center;justify-content:center;background:var(--ivory);border-radius:12px;padding:9px 0;font:700 11px var(--sans);color:var(--navy)}
.tl5{list-style:none;margin:4px 14px;padding:0;flex:1}.tl5 li{display:grid;grid-template-columns:22px 58px 1fr 20px;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid #f2f0eb}
.tl5 .n{width:22px;height:22px;border-radius:50%;background:var(--navy);color:#fff;font:700 11px/22px var(--sans);text-align:center}
.ph5{width:58px;height:58px;border-radius:12px;overflow:hidden}.ph5 img{width:100%;height:100%;object-fit:cover}
.tl5 em{display:block;font:700 10px var(--sans);color:var(--camel);font-style:normal}.tl5 b{display:block;font:700 12.5px/1.25 var(--sans)}.tl5 span{font-size:10px;color:#9aa0a8}.tl5 i{color:#b5b8be}
.mapwrap{position:relative;height:330px;margin-top:-40px}.map5{width:100%;height:100%;display:block}
.mapnote{position:absolute;right:10px;top:48px;background:rgba(255,255,255,.9);border-radius:999px;padding:4px 8px;font:500 9px var(--sans);color:#888}
.sheet{flex:1;background:#fff;border-radius:22px 22px 0 0;margin-top:-22px;position:relative;box-shadow:0 -10px 30px -12px rgba(0,0,0,.18);padding:8px 14px}
.grab{display:block;width:36px;height:4px;border-radius:4px;background:#ddd;margin:2px auto 10px}
.sh-h b{display:block;font:800 15px/1.2 var(--ko)}.sh-h span{font-size:10.5px;color:#999}
.cand5{display:grid;grid-template-columns:52px 1fr auto;gap:10px;align-items:center;padding:9px;margin-top:8px;border-radius:14px;border:1px solid #f0ede7}
.cand5 .ph5{width:52px;height:52px}.cand5 b{display:block;font:700 12px var(--sans)}.cand5 span{font-size:10px;color:#999}
.cand5 i{font:700 10px var(--ko);font-style:normal;padding:6px 9px;border-radius:999px;background:#F3F1EC}.cand5.on{border-color:var(--navy)}.cand5.on i{background:var(--navy);color:#fff}
/* ps hub */
.hero5.ps{padding:28px 0 40px}
.wbanner{position:relative;border-radius:var(--r3);overflow:hidden;min-height:600px;display:flex;align-items:flex-end}
.wbanner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wbanner::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,rgba(8,20,40,.78),rgba(8,20,40,.25) 55%,rgba(8,20,40,.05))}
.wtxt{position:relative;z-index:2;padding:56px;max-width:640px;color:#fff}.wtxt .hd .kh{color:#fff}.wtxt .hd .eh{color:#E6D6BC}.wtxt p{font:500 16.5px/1.7 var(--ko);color:rgba(255,255,255,.9);margin:18px 0 0}.wtxt p.en{font:400 14px/1.6 var(--sans);color:rgba(255,255,255,.7)}
.cr5{position:absolute;right:18px;bottom:14px;z-index:2;font:400 10.5px var(--sans);color:rgba(255,255,255,.7)}
.prods5{padding:100px 0}
.pcards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.pcard{display:flex;flex-direction:column;border-radius:var(--r3);background:#F4F6F9;text-decoration:none;color:inherit;overflow:hidden;box-shadow:var(--sh1);transition:transform .3s ease,box-shadow .3s ease}
.pcard:hover{transform:translateY(-4px);box-shadow:var(--sh2)}
.pcard.ivory{background:var(--ivory)}
.pc-t{padding:36px 36px 10px}.pc-t h3{font:800 30px/1.2 var(--ko);letter-spacing:-.04em;margin:0 0 10px;color:var(--navy)}.pc-t p{font:500 15px/1.7 var(--ko);color:#4b5160;margin:0}
.pc-t .lnk5{margin-top:18px}
.pc-a{position:relative;height:400px;display:flex;justify-content:center;align-items:flex-start;padding-top:26px;overflow:hidden}
.pc-a .phone5.sm{width:230px;position:relative;z-index:2;transform:translateX(30px)}
.pc-a .phone5.sm.back{position:absolute;z-index:1;transform:translateX(-90px) scale(.88);top:56px;opacity:.95}
.pcard.wide{grid-column:span 2;flex-direction:row;align-items:center}.pcard.wide .pc-t{flex:1;padding:44px}.pcard.wide .pc-a{flex:1;height:auto;padding:40px}
.pcard.navy{background:var(--navy);color:#fff}.pcard.navy h3{color:#fff}.pcard.navy p{color:rgba(255,255,255,.82)}.pcard.navy p.en{color:rgba(255,255,255,.6)}
.cons5{width:100%;background:#0f2747;border-radius:18px;border:1px solid rgba(255,255,255,.12);overflow:hidden}.cons5 .ch{display:flex;gap:6px;align-items:center;padding:12px 16px;font:600 12px var(--sans);color:#C8A97E;border-bottom:1px solid rgba(255,255,255,.1)}
.cons5 pre{color:#dbe4f0;background:none;font-size:12.5px;padding:16px}
.comp5{border-top:0}.comp5 .section-head h2{font:800 40px/1.2 var(--ko);letter-spacing:-.04em}
.ctab5{display:flex;justify-content:space-between;align-items:center;gap:30px;background:var(--ivory);border-radius:var(--r3);padding:48px 52px}.ctab5 p{margin:12px 0 0;color:#4b5160}
.mail5{font:800 26px/1 var(--sans);color:var(--navy);letter-spacing:-.02em}
/* reveal */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.pcard{transition:none}}
/* footer polish */
.ftr{background:var(--ivory);border-top:0;margin-top:0}.ftr .wm{font-size:16px}
/* responsive */
@media (max-width:1000px){.hgrid,.feat5 .wrap5{grid-template-columns:1fr}.feat5.alt .ftxt{order:0}.hart{height:600px}.pgrid5{grid-template-columns:1fr 1fr}.pcards{grid-template-columns:1fr}.pcard.wide{grid-column:auto;flex-direction:column}.sgrid5{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
.wrap5{padding:0 20px}.hero5{padding:40px 0 30px}
.hd .kh{font-size:34px}h1.hd .kh{font-size:38px}.hd .eh{font-size:17px}
.htxt p,.ftxt p{font-size:16px}
.hart{height:540px;margin-top:10px}.hart .phone5{width:250px}.hart .phone5.main{transform:translateX(-36%)}.hart .phone5.back{transform:translateX(-112%) scale(.84);top:50px}
.tagc{width:220px;right:-4px;top:auto;bottom:60px}.coc{width:200px;right:-6px;top:auto;bottom:90px}.scc,.pinc{right:6px;bottom:6px}
.hero5 .scc,.hero5 .pinc{display:none}
.feat5{padding:72px 0}.fart{min-height:520px}.fart .phone5{width:260px}
.pgrid5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:0 20px 6px}.pc5{flex:0 0 62%;scroll-snap-align:start}
.wbanner{min-height:620px}.wtxt{padding:28px}
.pc-t{padding:28px 24px 6px}.pc-t h3{font-size:25px}.pc-a{height:360px}.pc-a .phone5.sm{width:200px}
.ctab5{flex-direction:column;align-items:flex-start;padding:32px 26px}.mail5{font-size:22px}
.sgrid5{grid-template-columns:1fr 1fr}
.bandin{justify-content:flex-start;gap:26px}
}
.hero5 .tagc{right:auto;left:-30px;top:auto;bottom:70px}
.hero5 .scc{right:-10px;bottom:120px}
@media (max-width:760px){.hart .phone5.back{display:none}.hart .phone5.main{transform:translateX(-50%)}.hero5 .tagc{left:-6px;bottom:20px}.hart{height:560px}}
.hero5 .coc{top:auto;bottom:150px;right:-40px}
.hero5 .pinc{bottom:30px}
@media (max-width:760px){.hero5 .coc{right:-6px;bottom:30px}}
@media (max-width:760px){.hart>.phone5:not(.main){display:none}.wbanner::after{background:linear-gradient(to top,rgba(8,20,40,.9),rgba(8,20,40,.55) 60%,rgba(8,20,40,.35))}.hero5 .cta5{margin-top:24px}}
/* ===== v6 ===== */
.hero5.ps{padding:56px 0 40px}
.psart{height:560px}
.wtile{position:absolute;inset:20px 0 30px 40px;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh1)}
.wtile img{width:100%;height:100%;object-fit:cover}.wtile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,40,0),rgba(8,20,40,.35))}
.hp{position:absolute;top:0;text-decoration:none;color:inherit;z-index:2;transition:transform .3s ease}.hp:hover{transform:translateY(-6px)}
.hp .phone5.sm{width:236px}.hp1{left:70px;top:46px}.hp2{right:30px;top:0}
.hpl{display:block;margin:12px auto 0;width:max-content;background:#fff;border-radius:999px;padding:8px 14px;font:800 13px/1 var(--ko);color:var(--navy);box-shadow:var(--sh1)}.hpl em{font:500 11px var(--sans);color:#8a8f99;font-style:normal;margin-left:4px}
.how5,.cl5,.road5{padding:110px 0}.feats5{padding:100px 0}
.sc3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sc5{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px;box-shadow:var(--sh1);display:flex;flex-direction:column}
.sc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.sci{width:44px;height:44px;border-radius:14px;background:var(--ivory);color:var(--navy);display:inline-flex;align-items:center;justify-content:center}
.scn{font:800 13px var(--sans);color:#C9C2B5}
.sc5 h3,.fe5 h3,.rm5 h3{font:800 21px/1.3 var(--ko);letter-spacing:-.04em;margin:0;color:var(--navy)}
.sc5 p,.fe5 p,.rm5 p{font:500 14.5px/1.65 var(--ko);color:#4b5160;margin:8px 0 0}.sc5 p.en,.rm5 p.en{font:italic 400 14px var(--serif);color:#8a7a62;margin-top:4px}
.snip{margin-top:auto;padding-top:20px}.snip>*{background:var(--ivory);border-radius:18px;padding:14px}
.snip .chat5{padding:14px}.snip .b{font-size:12.5px}.snip .mini-tl{margin-left:6px;padding-left:16px;background:none}
.snip .mini-tl{background:var(--ivory);border-left:2px dashed #DDD5C7}
.swapchip{display:flex;gap:8px;align-items:center;font:700 12px var(--sans)}.swapchip span{flex:1;background:#fff;border-radius:12px;padding:10px;text-align:center;color:#999;text-decoration:line-through}.swapchip .on{color:#fff;background:var(--navy);text-decoration:none}.swapchip svg{color:var(--camel)}
.fe4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fe5{background:#fff;border-radius:var(--r2);padding:26px;box-shadow:var(--sh1)}.fe5 h3{margin-top:18px;font-size:18px}.fe5 h3 em{display:block;font:italic 400 14px var(--serif);color:#8a7a62;letter-spacing:0;margin-top:3px}
.pipe5{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:26px;background:var(--ivory);border-radius:var(--r3)}
.pp{display:inline-flex;gap:8px;align-items:center;background:#fff;border-radius:14px;padding:13px 16px;font:700 14px var(--ko);color:var(--navy);box-shadow:var(--sh1)}.pp.cl{background:var(--navy);color:#fff}.pp.cl svg{color:var(--camel)}
.pa{color:#C2B9A9;display:inline-flex}
.chips6{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips6 span{border:1px solid var(--line);border-radius:999px;padding:9px 14px;font:600 13px var(--sans);color:#444}
.rule5{display:flex;gap:8px;align-items:flex-start;font:500 14.5px/1.6 var(--ko);color:#4b5160;max-width:720px;margin:0 0 20px}.rule5 svg{color:var(--camel);margin-top:3px}.rule5 .en{color:#8a8f99}
.rm4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rm5{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:24px}.rm5 .pill5{box-shadow:none;margin-bottom:16px;background:var(--ivory);border:0}
.rm5.now{background:var(--navy);border-color:var(--navy)}.rm5.now h3,.rm5.now p{color:#fff}.rm5.now p.en{color:#E6D6BC}.rm5.now .pill5{background:var(--camel);color:#fff}
.road5 .phead p.en{font:italic 400 15px var(--serif);color:#8a7a62}
.adcomp,.adfaq{padding:100px 0}
.adcomp .container,.adfaq .container{max-width:1180px}
.adcomp .company{background:#fff;border-radius:var(--r3);padding:30px;box-shadow:var(--sh1);border:0}
.adcomp .card.person{background:#fff;border:0;border-radius:var(--r2);box-shadow:var(--sh1)}
.adcomp .section-head h2,.adfaq .section-head h2{font:800 38px/1.2 var(--ko);letter-spacing:-.04em;color:var(--navy)}
.adfaq .faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:18px 22px;margin-bottom:10px}
.adfaq .faq summary{font:700 16px var(--sans);color:var(--navy);cursor:pointer}
@media (max-width:1000px){.sc3,.rm4{grid-template-columns:1fr 1fr}.fe4{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.sc3{grid-template-columns:1fr}.how5,.cl5,.road5,.feats5,.adcomp,.adfaq{padding:72px 0}
.psart{height:470px}.wtile{inset:10px 0 40px 0}.hp .phone5.sm{width:180px}.hp1{left:4px;top:40px}.hp2{right:4px;top:0}
.pipe5{flex-direction:column;align-items:stretch}.pa{transform:rotate(90deg);align-self:center}.rm4{grid-template-columns:1fr}.fe4{grid-template-columns:1fr 1fr;gap:10px}.fe5{padding:18px}}
@media (max-width:760px){.hp2{display:none}.hp1{left:50%;transform:translateX(-50%);top:30px}.hp1:hover{transform:translateX(-50%)}.hp .phone5.sm{width:230px}.psart{height:560px}.wtile{inset:0 0 50px 0}}
/* v7 hub backdrop */
.blob5{position:absolute;inset:20px 0 30px 40px;border-radius:var(--r3);overflow:hidden;background:linear-gradient(150deg,#0B1F3A 0%,#16335c 60%,#22406b 100%);box-shadow:var(--sh1)}
.blob5 i{position:absolute;border-radius:50%;filter:blur(2px)}
.blob5 .b1{width:420px;height:420px;right:-120px;top:-140px;background:radial-gradient(circle at 40% 40%,rgba(200,169,126,.55),rgba(200,169,126,0) 70%)}
.blob5 .b2{width:360px;height:360px;left:-120px;bottom:-140px;background:radial-gradient(circle,rgba(250,247,242,.22),rgba(250,247,242,0) 70%)}
.blob5 .b3{width:520px;height:520px;left:20%;top:30%;border:1px solid rgba(250,247,242,.12);filter:none}
.blob5::after{content:"";position:absolute;inset:0;opacity:.07;background-image:repeating-linear-gradient(0deg,#FAF7F2 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#FAF7F2 0 1px,transparent 1px 10px)}
@media (max-width:760px){.blob5{inset:0 0 50px 0}}
/* v7b */
html,body{word-break:keep-all;overflow-wrap:break-word;line-break:strict}
.blob5{background:linear-gradient(150deg,#EEF2F8 0%,#E6ECF5 55%,#F3EEE6 100%);box-shadow:inset 0 0 0 1px rgba(11,31,58,.05)}
.blob5 .b1{background:radial-gradient(circle at 40% 40%,rgba(200,169,126,.28),rgba(200,169,126,0) 70%)}
.blob5 .b2{background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,255,255,0) 70%)}
.blob5 .b3{border-color:rgba(11,31,58,.07)}
.blob5::after{opacity:.05;background-image:repeating-linear-gradient(0deg,#0B1F3A 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,#0B1F3A 0 1px,transparent 1px 10px)}
/* v8 tc headline */
@media (max-width:760px){h1.hd .kh{font-size:min(38px,8.4vw)}}
@media (min-width:761px){.hero5 h1.hd .kh{font-size:clamp(38px,3.5vw,50px);white-space:nowrap}}
@media (min-width:1001px) and (max-width:1200px){.hart>.phone5.back{display:none}.hart>.phone5.main{transform:translateX(-50%)}}
/* ===== v9 APP UI KIT (soft, friendly) ===== */
:root{--sky:#E8EFF8;--skyk:#2B4A78;--sage:#E6F0E6;--sagek:#3E6B4A;--blush:#F8E8E4;--blushk:#9A4A3C;--camels:#F6EEE2;--camelk:#8A6A3E;--appbg:#FBF8F3}
.phone5{background:#18202C;border-radius:50px;box-shadow:0 4px 8px rgba(20,32,47,.05),0 30px 60px -16px rgba(20,32,47,.28),inset 0 0 0 1.5px #344052}
.phone5 .bez{border-radius:42px;background:var(--appbg)}
.phone5 .isl{background:#18202C}
.scr5{background:var(--appbg);font-size:12.5px}
.sb{font-weight:700}
.ah h6{font-size:22px;letter-spacing:-.045em}
.ah small{color:var(--camelk);font-weight:700}
.av{background:#fff;box-shadow:0 2px 8px rgba(20,32,47,.06);color:var(--navy)}
.wx{background:var(--sky);color:var(--skyk)}
.chips5 span{background:#fff;color:#4b5563;box-shadow:0 1px 3px rgba(20,32,47,.05)}
.chips5 span:nth-child(2){background:var(--sky);color:var(--skyk)}.chips5 span:nth-child(3){background:var(--sage);color:var(--sagek)}.chips5 span:nth-child(4){background:var(--blush);color:var(--blushk)}.chips5 span:nth-child(5){background:var(--camels);color:var(--camelk)}
.chips5 .on{background:var(--navy)!important;color:#fff!important}
.grid5{gap:10px}
.gc{background:#fff;border-radius:18px;padding:5px 5px 8px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 6px 14px rgba(20,32,47,.06)}
.gc img{border-radius:14px}.gc b{margin:6px 3px 0;font-size:12.5px}.gc span{margin:0 3px}
.tb{background:rgba(255,255,255,.96);border-top:0;box-shadow:0 -6px 18px rgba(20,32,47,.05);border-radius:20px 20px 0 0}
.tb .on{color:var(--navy)}.tb .on svg{background:var(--sky);border-radius:10px;padding:3px;width:24px;height:24px}
.look{background:#fff;border-radius:22px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 8px 20px rgba(20,32,47,.07)}
.look div{border-radius:15px;background:#F4F1EC}
.ctx span:first-child{background:var(--blush);color:var(--blushk);padding:6px 10px;border-radius:999px;font-size:11px}
.ctx{align-items:center}
.why5{background:#fff;border-radius:18px;padding:2px 10px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 6px 16px rgba(20,32,47,.06)}
.why5 li{align-items:center;border-bottom:1px solid #F3EEE6}.why5 li:last-child{border:0}
.why5 li svg{width:28px;height:28px;padding:6px;border-radius:10px;background:var(--sky);color:var(--skyk);margin:0}
.why5 li:nth-child(2) svg{background:var(--blush);color:var(--blushk)}.why5 li:nth-child(3) svg{background:var(--camels);color:var(--camelk)}
.btns5 span{border-radius:16px;padding:12px 0}.btns5 .sec{background:#fff;box-shadow:0 1px 3px rgba(20,32,47,.06)}
.pd{border-radius:22px;background:#fff;box-shadow:0 1px 2px rgba(20,32,47,.04),0 8px 20px rgba(20,32,47,.07)}
.pd img{mix-blend-mode:normal}
.smp{background:var(--camels);color:var(--camelk);font-weight:700}
.score{background:var(--camels);border-radius:18px}
.score span{color:var(--blushk);font-weight:700}
.ring{background:conic-gradient(var(--navy) 0 80%,#E7DCCB 80% 100%)}
.chk5 li{background:#fff;border:0;border-radius:14px;margin:5px 0;padding:7px 9px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 3px 10px rgba(20,32,47,.05)}
.chk5 i{background:var(--sage);color:var(--sagek)}.chk5 .no i{background:var(--blush);color:var(--blushk)}
.tcard{border:0;border-radius:20px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 8px 20px rgba(20,32,47,.06)}
.tcard small{color:var(--camelk);font-weight:700}
.bars5 i{height:9px}.bars5 li:nth-child(2) s{background:#6F8BB3}
.pal5 i{border-radius:12px;height:32px}
.tcard.two5 b{display:block;margin-top:6px}
.fc{border-radius:22px;box-shadow:0 4px 8px rgba(20,32,47,.04),0 24px 48px -16px rgba(20,32,47,.26)}
.pills span{background:var(--sky);color:var(--skyk)}.pills span:nth-child(2){background:var(--sage);color:var(--sagek)}.pills span:nth-child(3){background:var(--blush);color:var(--blushk)}.pills span:nth-child(4){background:var(--camels);color:var(--camelk)}
.fc-h svg{color:var(--camel)}
.chat5 .b{background:#fff;border:1px solid #EEE7DD;border-radius:20px 20px 20px 6px;font-size:12.5px;box-shadow:0 2px 8px rgba(20,32,47,.04)}
.chat5 .me{background:var(--navy);border:0;border-radius:20px 20px 6px 20px}
.mini div{border-radius:14px}.mini img{border-radius:10px 10px 0 0}
.inp5{background:#fff;border:1.5px solid #E6DED2;border-radius:20px}.inp5 span{background:var(--navy);color:#fff;border-radius:12px;padding:4px 9px}
.sum5 span{background:#fff;border-radius:14px;box-shadow:0 1px 3px rgba(20,32,47,.05)}
.sum5 span:nth-child(1){background:var(--camels);color:var(--camelk)}.sum5 span:nth-child(2){background:var(--sky);color:var(--skyk)}.sum5 span:nth-child(3){background:var(--sage);color:var(--sagek)}
.tl5 li{background:#fff;border:0;border-radius:16px;padding:7px 8px;margin:6px 0;box-shadow:0 1px 2px rgba(20,32,47,.04),0 4px 12px rgba(20,32,47,.05)}
.tl5 em{color:var(--camelk)}.ph5{border-radius:12px}
.tl5 i{background:var(--sky);color:var(--skyk);border-radius:9px;padding:4px;display:inline-flex}
.sheet{border-radius:26px 26px 0 0}
.cand5{border:1.5px solid #EEE7DD;border-radius:16px;background:#fff}.cand5.on{border-color:var(--navy);background:var(--sky)}
.cand5 i{background:#fff;border:1px solid #E6DED2}.cand5.on i{border-color:var(--navy)}
.mapnote{border-radius:8px}
.mini-tl li::before{background:var(--camel)}
/* site harmonise */
.pc5 .pci,.sgrid5>div,.fe5,.rm5,.sc5{border-radius:24px}
.pcard{border-radius:32px}
.feat5.alt{background:var(--ivory)}
.btn5{border-radius:18px}
.fart .scc{display:none}
.phone5.sm .tl5{margin:4px 10px}.phone5.sm .tl5 li{grid-template-columns:20px 44px 1fr 20px;gap:7px;padding:6px}.phone5.sm .tl5 .ph5{width:44px;height:44px}.phone5.sm .tl5 b{font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.phone5.sm .gc b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phone5.sm .gc span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ===== v10 waitlist + preview ===== */
.wl5{padding:110px 0;background:var(--ivory)}
.wlcard{display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#fff;border-radius:32px;padding:52px;box-shadow:0 2px 6px rgba(20,32,47,.04),0 30px 60px -30px rgba(20,32,47,.22);position:relative;overflow:hidden}
.wlcard::before{content:"";position:absolute;right:-120px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,126,.22),rgba(200,169,126,0) 70%)}
.wltxt p{font:500 16.5px/1.7 var(--ko);color:#3c4250;margin:20px 0 0}.wltxt p.en{font:400 14px/1.6 var(--sans);color:#8a8f99;margin-top:8px}
.wlf{display:flex;flex-direction:column;gap:12px;position:relative}
.fl{font:700 14px/1 var(--ko);color:var(--navy);margin-top:6px}.fl span{font:500 12px var(--sans);color:#9aa0a8;margin-left:4px}
.wlf input[type=email]{height:56px;border-radius:16px;border:1.5px solid #E6DED2;background:var(--appbg,#FBF8F3);padding:0 18px;font:500 16px var(--sans);color:var(--ink);outline:none}
.wlf input[type=email]:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 4px rgba(43,74,120,.12)}
div.hp[aria-hidden="true"]{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.ichs{display:flex;flex-wrap:wrap;gap:8px}
.ich{border:1.5px solid #E6DED2;background:#fff;border-radius:999px;padding:10px 15px;font:700 14px/1 var(--ko);color:#4b5563;cursor:pointer}
.ich[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.ich:nth-child(1)[aria-pressed=false]{background:var(--sky)}.ich:nth-child(2)[aria-pressed=false]{background:var(--sage)}.ich:nth-child(3)[aria-pressed=false]{background:var(--blush)}.ich:nth-child(4)[aria-pressed=false]{background:var(--camels)}
.cons{display:flex;gap:10px;align-items:center;font:600 14.5px var(--ko);margin-top:8px;cursor:pointer}.cons input{width:20px;height:20px;accent-color:#0B1F3A}
.pnote{background:var(--appbg,#FBF8F3);border-radius:16px;padding:12px 16px;font:500 13.5px/1.6 var(--ko);color:#4b5160}
.pnote summary{cursor:pointer;font-weight:700;color:var(--navy2,#2B4A78)}
.pnote ul{margin:10px 0 0;padding-left:18px}.pnote li{margin:3px 0}.pnote li b{color:var(--ink);margin-right:6px}.pnote p.en{font:400 12.5px/1.55 var(--sans);color:#8a8f99;margin:8px 0 0}
.wlb{justify-content:center;height:58px;margin-top:6px;border:0;cursor:pointer;font-size:16px}.wlb:disabled{opacity:.6}
.wlmsg{min-height:20px;font:600 14px var(--ko);color:#5F6B7A;margin:0}.wlmsg.err{color:var(--blushk)}
.wlok{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:var(--appbg,#FBF8F3);border-radius:24px;padding:36px}
.wlok .okic{width:56px;height:56px;border-radius:18px;background:var(--sage);color:var(--sagek);display:grid;place-items:center}
.wlok h3{font:800 30px/1.2 var(--ko);color:var(--navy);margin:18px 0 6px;letter-spacing:-.04em}.wlok p{font:600 17px var(--ko);color:#3c4250;margin:0}.wlok p.en{font:400 14px var(--sans);color:#8a8f99;margin-top:8px}
.pvt5{padding:30px 0 90px}.pvtcard{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;background:linear-gradient(140deg,#EEF2F8,#F6EEE2);border-radius:32px;padding:48px 52px}
.pvt-txt p{font:500 16px/1.7 var(--ko);color:#3c4250;margin:18px 0 22px}.pvt-txt p.en{font:400 14px/1.6 var(--sans);color:#8a8f99;margin:-14px 0 24px}
.pvt-art{position:relative;min-height:170px}.pvt-art .fc{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:auto;width:300px}
.pclinks{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:18px}.pclinks .lnk5{margin:0}.btn5.sm5{padding:11px 16px;font-size:14px}
/* preview page */
.pv-hero{padding:56px 0 24px;background:var(--ivory)}.pv-hero p{font:500 17px/1.7 var(--ko);color:#3c4250;max-width:640px;margin:18px 0 0}
.pv-honest{display:flex;gap:12px;align-items:flex-start;margin-top:24px;background:#fff;border:1.5px solid #E7D9C2;border-radius:18px;padding:16px 18px;max-width:780px;color:var(--camelk)}
.pv-honest b{display:block;font:800 15px/1.45 var(--ko);color:var(--navy)}.pv-honest span{display:block;font:500 14px/1.6 var(--ko);color:#4b5160;margin-top:4px}
.pv-app{padding:36px 0 40px;background:var(--ivory)}
.pv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.pv-step{display:flex;align-items:center;gap:10px;font:800 17px var(--ko);color:var(--navy);margin-bottom:14px}.pv-step span{width:28px;height:28px;border-radius:10px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 14px var(--sans)}.pv-step em{font:italic 400 15px var(--serif);color:#8a7a62}
.pv-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pv-t{background:#fff;border:2px solid transparent;border-radius:18px;padding:5px 5px 8px;cursor:pointer;box-shadow:0 1px 2px rgba(20,32,47,.04),0 6px 14px rgba(20,32,47,.06);text-align:left}
.pv-t[aria-pressed=true]{border-color:var(--navy)}
.pv-ti{display:block;aspect-ratio:1;border-radius:13px;overflow:hidden;background:#F4F1EC}.pv-ti img{width:100%;height:100%;object-fit:cover;display:block}
.pv-tn{display:block;font:700 12px/1.3 var(--ko);margin:6px 3px 0;color:var(--ink)}
.pv-stage{margin-top:16px;background:#fff;border-radius:28px;padding:12px;box-shadow:0 2px 6px rgba(20,32,47,.04),0 20px 40px -20px rgba(20,32,47,.22)}
.pv-photo{position:relative;aspect-ratio:1/1;max-height:440px;width:100%;border-radius:20px;overflow:hidden;background:#F4F1EC}.pv-photo img{width:100%;height:100%;object-fit:cover;display:block}
.pv-scan{position:absolute;left:0;right:0;top:-80px;height:80px;background:linear-gradient(180deg,rgba(200,169,126,0),rgba(200,169,126,.45));border-bottom:3px solid var(--camel);opacity:0}
.pv-scan.on{animation:pvscan 1.4s ease-in-out}
@keyframes pvscan{0%{top:-80px;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}
.pv-c{position:absolute;width:30px;height:30px;border:4px solid #fff;opacity:.9}.c1{left:14px;top:14px;border-right:0;border-bottom:0;border-radius:12px 0 0 0}.c2{right:14px;top:14px;border-left:0;border-bottom:0;border-radius:0 12px 0 0}.c3{left:14px;bottom:14px;border-right:0;border-top:0;border-radius:0 0 0 12px}.c4{right:14px;bottom:14px;border-left:0;border-top:0;border-radius:0 0 12px 0}
.pv-go{width:100%;justify-content:center;margin-top:12px;border:0;cursor:pointer;height:56px;font-size:16px}
.pv-empty{background:#fff;border-radius:24px;padding:26px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 8px 22px rgba(20,32,47,.06)}.pv-empty p{font:500 15px var(--ko);color:#5F6B7A;margin:0}
.pv-loading{display:flex;gap:12px;align-items:center;background:#fff;border-radius:24px;padding:26px;font:600 15px var(--ko);color:#5F6B7A}
.pv-loading .dots{display:flex;gap:5px}.pv-loading .dots i{width:8px;height:8px;border-radius:50%;background:var(--camel);animation:pvd 1s infinite}.pv-loading .dots i:nth-child(2){animation-delay:.15s}.pv-loading .dots i:nth-child(3){animation-delay:.3s}
@keyframes pvd{50%{transform:translateY(-5px);opacity:.5}}
.pv-flag{display:inline-flex;align-items:center;gap:6px;background:var(--camels);color:var(--camelk);border-radius:999px;padding:8px 13px;font:700 12.5px var(--ko);margin-bottom:12px}
.pv-card{background:#fff;border-radius:24px;padding:20px;margin-bottom:12px;box-shadow:0 1px 2px rgba(20,32,47,.04),0 8px 22px rgba(20,32,47,.06)}
.pv-card small{display:block;font:700 12.5px var(--ko);color:var(--camelk);margin-bottom:8px}.pv-card small a{color:inherit}
.pv-card h3{font:800 22px/1.3 var(--ko);letter-spacing:-.04em;margin:0 0 12px;color:var(--navy)}
.pv-chips{display:flex;flex-wrap:wrap;gap:7px}
.pv-chips .chip{display:inline-flex;font:700 13.5px/1 var(--ko);padding:9px 13px;border-radius:999px;background:var(--sky);color:var(--skyk);animation:pvchip .4s both}
.pv-chips .sage{background:var(--sage);color:var(--sagek)}.pv-chips .blush{background:var(--blush);color:var(--blushk)}.pv-chips .camel{background:var(--camels);color:var(--camelk)}.pv-chips .navy{background:var(--navy);color:#fff}
@keyframes pvchip{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
.pv-note{font:500 13.5px/1.6 var(--ko);color:#6B7280;margin:12px 0 0}
.pv-json pre{margin:0;background:var(--navy);color:#E8EEF6;border-radius:16px;padding:16px;font:500 12.5px/1.55 ui-monospace,Menlo,monospace;overflow:auto;max-height:340px;white-space:pre}
.pv-json pre .k{color:#C8A97E}
.pv-pairs{display:grid;gap:8px}.pv-pair{display:flex;gap:12px;align-items:center;background:var(--appbg,#FBF8F3);border-radius:16px;padding:7px}.pv-pair img{width:52px;height:52px;border-radius:12px;object-fit:cover}.pv-pair b{display:block;font:800 14px var(--ko)}.pv-pair span{font:500 13px var(--ko);color:#6B7280}
.pv-buy{padding:60px 0 100px}
.pv-buycard{display:grid;grid-template-columns:320px 1fr;gap:28px;background:#fff;border-radius:32px;padding:20px;box-shadow:0 2px 6px rgba(20,32,47,.04),0 24px 50px -24px rgba(20,32,47,.22);max-width:900px}
.pv-bi{border-radius:22px;overflow:hidden;background:#F4F1EC;aspect-ratio:1}.pv-bi img{width:100%;height:100%;object-fit:cover}
.pv-bt h3{font:800 24px/1.3 var(--ko);margin:0;letter-spacing:-.04em}.pv-bt strong{display:block;font:800 22px var(--sans);margin:6px 0 4px}
.pv-bt .score{margin:10px 0}.pv-bt .ring{width:56px;height:56px;font-size:12px}.pv-bt .ring b{font-size:20px}
.pv-bt .chk5{margin:0}.pv-bt .chk5 li{grid-template-columns:76px 1fr auto;font-size:13.5px}.pv-bt .chk5 b{font-size:14px}.pv-bt .chk5 b em{font-size:10.5px}.pv-bt .chk5 i{font-size:12px;padding:6px 10px}
.pv-cta{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:28px}
@media (max-width:900px){.wlcard,.pvtcard,.pv-grid{grid-template-columns:1fr}.pv-buycard{grid-template-columns:1fr}}
@media (max-width:760px){.wl5{padding:72px 0}.wlcard{padding:28px 22px;gap:26px;border-radius:26px}.pvtcard{padding:30px 22px}.pv-thumbs{grid-template-columns:repeat(4,1fr);gap:7px}.pv-tn{font-size:10.5px}.pv-hero{padding:36px 0 16px}.pv-photo{max-height:none}}
.pv-json pre .k{display:inline;text-transform:none;letter-spacing:0;font:inherit;color:#C8A97E;margin:0;padding:0;background:none}
.pv-app [hidden],.wl5 [hidden]{display:none!important}
/* ===== v11 i18n ===== */
.lsw{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:#F2EEE7;border:1px solid #E6DED2}
.lsw a{font:700 11.5px/1 var(--sans);letter-spacing:.04em;color:#6B7280;text-decoration:none;padding:7px 10px;border-radius:999px}
.lsw a[aria-current]{background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(11,31,58,.14)}
.lsw a:hover{color:var(--navy)}
.hdr .side{display:flex;align-items:center}
.mnav li.mlsw{padding:14px 0 4px}.mnav li.mlsw a{display:inline-block;border:0;padding:9px 14px}
html[lang=en] .hd .kh{letter-spacing:-.03em;word-break:normal}
html[lang=en] .eb5{letter-spacing:.08em}
.ann span{font-weight:600}
@media (max-width:1000px){.hdr .side{display:none}}