/* Quiet materials, readable movement, and one visual language from opening to close. */
:root{--polish-gold:#d6c49a;--polish-dim:#98a49c}
.sector{background:radial-gradient(ellipse at 50% 85%,#9aad6710,transparent 70%),#101411;border-radius:16px;overflow:visible}
.page-home .sector{padding:40px 36px;gap:34px}
.sector-intro h2 em{color:#dce6cf}
.sector-detail{color:#c6d6b2;font-size:14px}
.sector-detail:hover{color:#e6ffb2}
.rank-demo{max-width:380px}
.demo-top{display:flex;margin:0 0 18px;font-size:11px;color:#8e9c89}
.demo-label{padding:0;border:0;color:#c3cdb8}
.demo-caption{font-size:11px}
.position-head{max-width:none;margin-bottom:16px}
.position-head h4{font-variant-numeric:tabular-nums;font-size:39px;letter-spacing:-.045em}
.position-head .start-rank{font-size:25px}
.rank-change,.sector-place .rank-change{background:#cceba40b;color:#c9dfaf;font-size:12px;font-weight:500}
.rank-change.down,.sector-place .rank-change.down{background:#bc94630f;color:#dfb78f}
.rank-trend{margin-bottom:20px}
.trend-heading{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aebaaa;margin-bottom:0}
.trend-heading>span:last-child{color:#8b9888;font-size:10px}
.rank-trend svg{display:block;width:100%;height:auto;overflow:visible;margin:0}
.trend-guide,.trend-line{fill:none;stroke-width:2;stroke-linecap:round}
.trend-guide{stroke:#354036;stroke-dasharray:2 6}
.trend-line{stroke:#d3e9a2;stroke-width:2.5}
.trend-clip{transition:width .95s cubic-bezier(.22,.7,.2,1)}
.trend-node{fill:#283328;stroke:#516047;stroke-width:1}
.trend-node.is-past{fill:#bbd490;stroke:#bbd490}
.trend-cursor{fill:#e6f3c9;stroke:#d7fca330;stroke-width:8;transition:transform .95s cubic-bezier(.22,.7,.2,1)}
.trend-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin-top:-4px}
.trend-step{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;padding:4px 0;border-radius:5px;color:#82917d;transition:color .3s,background .3s;font-size:11px}
.trend-step strong{font-size:14px;font-weight:550;line-height:1.5;font-variant-numeric:tabular-nums}
.trend-step[aria-pressed=true]{background:#d8ecc00d;color:#e6f3cf}
.trend-step:hover{color:#efffcd}
.trend-step:focus-visible,.rank-playback:focus-visible,.flow-step:focus-visible{outline:2px solid #d6e9ae;outline-offset:4px}
.rank-chart{padding:0}
.rank-chart .cinema-media-stage{max-width:296px}
.rank-chart .search-phone{max-width:296px;border:0;box-shadow:0 24px 48px -22px #000b}
.phone-status{display:none}
.phone-search{margin:14px 12px 8px;border:1px solid #d9e4d9;border-radius:7px;padding:8px 10px;gap:10px}
.phone-query{font-size:16px}.naver-n{font-size:21px}.search-symbol{font-size:23px}
.phone-tabs{font-size:12px}.phone-tabs>*{padding:7px 0}
.phone-result-label{font-size:10px;padding:8px 12px}
.phone-scroll{height:264px;scrollbar-width:none}
.phone-scroll::-webkit-scrollbar{display:none}
.rank-demo .result-thumb{width:62px;flex-basis:62px;border-radius:6px}
.rank-demo .product-photo{background-image:url('/assets/products-catalogue.webp')}
.search-result{padding:10px 12px 12px;border-bottom-width:6px}
.result-title{font-size:13px;line-height:1.55;font-weight:550;margin-bottom:5px}
.result-price{font-size:17px;font-weight:650}
.result-topline{min-height:20px;margin-bottom:7px}.result-rank{font-size:12px}
.result-origin,.result-mall,.result-delivery,.result-category,.result-description,.result-address{font-size:10px}
.my-tag{font-size:10px;padding:3px 6px;font-weight:500}
.result-actions{font-size:10px;margin-top:8px}
.my-result{box-shadow:inset 3px 0 #8fab65;background:#f3f8ed}
.my-result .result-title{font-weight:650;color:#30412b}
.my-result .result-thumb{box-shadow:none}
.phone-caption{padding:12px 14px;background:#20291c}
.phone-caption strong{font-size:12px;font-weight:500}.phone-position{font-size:20px;font-weight:600}
.rank-control-row{display:flex;align-items:center;justify-content:space-between;gap:8px;max-width:296px;margin:10px auto 0;font-size:10px;color:#8f9d87}
.rank-playback{min-height:36px;padding:5px 0 5px 12px;color:#c6d8ae;font-size:11px;white-space:nowrap}
.rank-story{display:block;margin:17px 0 0;min-height:98px;text-align:center}
.rank-story>strong{font-size:16px;line-height:1.6;color:#e1e8d8;font-weight:550;margin-bottom:5px}
.rank-story>p{font-size:13px;line-height:1.8;color:#98a78f;max-width:290px;margin-inline:auto;text-wrap:pretty;word-break:keep-all}
.demo-note,.sector-place .demo-note{max-width:none;text-align:center;font-size:10px;line-height:1.9;color:#84927c;margin-top:14px}
.cinema-card-back{background-image:url('/assets/card-back-premium.webp');background-color:#141615;box-shadow:0 24px 48px -20px #0008}
.cinema-card-rig{border-radius:10px}
.cinema-card-face{border-radius:10px!important}
.flow-section{position:relative;padding:36px 0 112px;background:#080b0a;overflow:hidden}
.flow-heading{display:flex;justify-content:space-between;align-items:end;gap:48px}
.flow-heading h2{font-size:clamp(36px,4.3vw,56px);letter-spacing:-.05em}
.flow-heading h2 span{color:#baccac}
.flow-heading>p{font-size:17px;line-height:1.9;color:#9da998;margin-bottom:7px}
.flow-visual{position:relative;margin-top:45px;padding:28px 40px 32px;background:radial-gradient(ellipse at 55% 60%,#c0d88c0a,transparent 70%);border-radius:16px}
.flow-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:16px;color:#b1bda8}
.flow-meta>span:last-child{font-size:11px;color:#808e7b}
.flow-plot{display:block;width:100%;height:auto;overflow:visible;margin-block:16px 8px}
.flow-baseline{fill:none;stroke:#d2e7a52d;stroke-width:2}
.flow-curve{fill:none;stroke:url(#flow-stroke);stroke-width:3.2;stroke-linecap:round}
.flow-area{fill:url(#flow-fill);opacity:.65}
.flow-dot{fill:#bcd38f;stroke:#080b0a;stroke-width:5;transition:r .5s,fill .5s}
.flow-dot.is-active{fill:#f0f5d7;r:7px}
.flow-halo{fill:#c7e79810;transition:cx .9s,cy .9s}
.flow-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.flow-step{display:flex;align-items:center;gap:12px;text-align:left;min-height:52px;color:#899781;transition:color .35s}
.flow-step span{font-size:11px;letter-spacing:.04em;color:#64735e}
.flow-step strong{font-size:17px;font-weight:550;line-height:1.5}
.flow-step[aria-pressed=true]{color:#e1edca}
.flow-step[aria-pressed=true] span{color:#bdd297}
.flow-explanation{max-width:650px;min-height:52px;font-size:15px;line-height:1.8;color:#a9b69d;margin:20px 0 0;word-break:keep-all}
.flow-note{font-size:11px;color:#7d8b74;margin-top:12px}
.daily-section{background:radial-gradient(ellipse at 75% 50%,#a0bb7112,transparent 65%),#0e130f}
.daily-grid{grid-template-columns:1fr 330px;gap:110px}
.daily-copy{max-width:550px}
.daily-signals{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;font-size:12px;color:#c1d2ae}
.daily-signals span{display:flex;align-items:center;gap:7px}
.daily-signals span:before{content:'';width:4px;height:4px;border-radius:50%;background:#b7cd91}
.notice-stage .real-notice{padding:12px;background:#e8eadf;box-shadow:0 24px 64px -28px #000b}
.notice-stage>.cinema-media-stage{max-width:310px}
.video-card-body{padding:24px}.video-card-body h3{line-height:1.6}
.top-videos .video-card{background:#121914;box-shadow:none}
.top-videos .video-card:hover{background:#1c261b}
.top-videos .video-cover{aspect-ratio:16/11;background:#0c100d}
.video-cover img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.top-videos .video-card:hover .video-cover img{transform:scale(1.035)}}
.simple-process{background:radial-gradient(ellipse at 20% 0,#b7c49209,transparent 60%),#0d110e}
.simple-steps{gap:48px;margin-top:54px}
.simple-steps article{position:relative;padding-top:10px}
.simple-steps article>b{display:block;font-size:64px;font-weight:400;letter-spacing:-.08em;line-height:1.2;color:#bdcba1;margin-bottom:24px}
.simple-steps h3{font-size:23px;margin:0 0 15px}
.simple-steps p{color:#9da993}
.consultation-section{position:relative;isolation:isolate;min-height:580px;display:grid;align-items:start;padding:110px 0 180px;background:#070c0c}
.closing-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-2;opacity:.85}
.consultation-section:after{content:'';position:absolute;inset:0;background:linear-gradient(#080b0a 0%,#080b0a42 48%,#080b0a20 74%,#080b0a 100%);z-index:-1;pointer-events:none}
.final-cta h2{font-size:clamp(35px,4.3vw,54px);line-height:1.35;letter-spacing:-.05em;text-shadow:0 3px 24px #0008;margin-bottom:32px}
.final-cta .section-kicker{color:#c2cbb5;font-size:12px;letter-spacing:.18em;margin-bottom:22px}
.polish-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.polish-motion .reveal.in-view{opacity:1;transform:none}
.polish-motion .flow-visual .flow-curve{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s cubic-bezier(.4,0,.2,1)}
.polish-motion .flow-visual.in-view .flow-curve{stroke-dashoffset:0}
.polish-motion .flow-visual .flow-area{opacity:0;transition:opacity 1.8s .4s}
.polish-motion .flow-visual.in-view .flow-area{opacity:.65}
.polish-motion .simple-steps article:nth-child(2){transition-delay:.1s}
.polish-motion .simple-steps article:nth-child(3){transition-delay:.2s}
@media(min-width:681px) and (max-width:900px){.page-home .sector{padding:30px 18px}.demo-caption{max-width:150px}.position-head h4{font-size:32px}.rank-change{padding:5px}.trend-heading{font-size:10px}.trend-heading>span:last-child{font-size:9px}.rank-story>strong{font-size:15px}.daily-grid{grid-template-columns:1fr 290px;gap:48px}}
@media(max-width:680px){
 .page-home .service-sectors{gap:28px}.page-home .sector,.sector{padding:34px 22px;gap:30px;border-radius:13px}
 .rank-demo{max-width:360px}.position-head h4{font-size:37px}.demo-top{margin-bottom:16px}
 .rank-chart .cinema-media-stage,.rank-chart .search-phone{max-width:280px}.rank-control-row{max-width:280px}
 .phone-scroll{height:250px}.rank-demo .result-thumb{width:58px;flex-basis:58px}
 .trend-heading{font-size:11px}.trend-heading>span:last-child{font-size:10px}.trend-step strong{font-size:13px}
 .rank-story{min-height:90px;margin-top:14px}.rank-story>strong{font-size:16px}.rank-story>p{font-size:13px}
 .flow-section{padding:16px 0 72px}.flow-heading{display:block}.flow-heading h2{font-size:37px}
 .flow-heading>p{font-size:16px;margin-top:24px}.flow-visual{margin-top:24px;padding:24px 0 0;background:none}
 .flow-meta{font-size:11px}.flow-meta>span:last-child{font-size:10px}.flow-plot{margin-block:26px 18px;min-height:150px}
 .flow-controls{gap:12px}.flow-step{display:block;min-height:60px}.flow-step span{display:block;font-size:10px;margin-bottom:4px}.flow-step strong{font-size:14px}
 .flow-explanation{font-size:14px;min-height:76px;margin-top:15px}.flow-note{font-size:10px}
 .daily-grid{grid-template-columns:1fr;gap:40px}.daily-signals{font-size:12px;gap:17px;margin-top:25px}
 .notice-stage>.cinema-media-stage{max-width:300px}.top-videos .video-cover{aspect-ratio:1/1}
 .simple-steps{gap:16px;margin-top:35px}.simple-steps article{grid-template-columns:48px 1fr;gap:0 20px;padding:18px 0}
 .simple-steps article>b{font-size:40px;line-height:1.2;padding:0;margin:0;letter-spacing:-.07em}.simple-steps h3{font-size:21px;margin:0 0 10px}.simple-steps p{font-size:15px}
 .consultation-section{min-height:540px;padding:86px 0 170px}.closing-landscape{object-position:51% bottom;opacity:.9}
 .final-cta h2{font-size:34px}.final-cta .section-kicker{font-size:10px}.final-cta .button{font-size:16px;min-width:260px}
}
@media(max-width:360px){.page-home .sector,.sector{padding-inline:16px}.demo-caption{max-width:145px}.rank-change{font-size:10px}.position-head h4{font-size:32px}.trend-heading>span:last-child{font-size:9px}.flow-step strong{font-size:13px}.flow-heading h2{font-size:33px}.final-cta h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.polish-motion .reveal{opacity:1;transform:none}.polish-motion .flow-visual .flow-curve{stroke-dashoffset:0}.polish-motion .flow-visual .flow-area{opacity:.65}.trend-clip,.trend-cursor,.flow-halo{transition:none}.closing-landscape{transform:none!important}.rank-playback{display:none}}