@font-face { font-family:'Paperlogy'; font-weight:700; font-style:normal; font-display:swap; src:url('./Paperlogy-Bold.woff2') format('woff2'); }
.renewal h1,.renewal h2,.renewal h3 { font-family:'Paperlogy',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif; }
/* KACIN — logo-derived navy / blue with orange / gold accents */
.renewal { --brand-navy:#16345b; --brand-blue:#215ba8; --brand-sky:#4aa3dc; --brand-orange:#ed4a10; --brand-gold:#f6ae00; --electric:var(--brand-blue); --text:var(--brand-navy); color:var(--text); overflow-x:clip; }
.renewal .site-header { background:#fff; border-bottom:1px solid #e5eaf0; }
.renewal .header-inner { height:94px; width:min(1380px,calc(100% - 72px)); grid-template-columns:225px 1fr auto; gap:22px; }
.renewal .brand { width:200px; }
.renewal .brand img { mix-blend-mode:multiply; }
.renewal .gnb { gap:30px; }
.renewal .gnb a { padding:32px 0; }
.renewal .btn-primary { background:var(--electric); box-shadow:none; }
.renewal .btn-ghost { border:0; background:#ffffff9c; }
.renewal section[id] { scroll-margin-top:28px; }
.renew-wrap { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }
.renewal h2 { color:var(--text); font-size:clamp(30px,3.25vw,48px); font-weight:800; letter-spacing:-.055em; line-height:1.28; }
.renewal p { letter-spacing:-.025em; }
.renewal button { border:0; }
.gradient-text { background:none; color:var(--brand-blue); background-clip:text; -webkit-background-clip:text; }
.gradient-button,.mint-button,.white-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; padding:0 25px; font-size:14px; font-weight:750; border-radius:999px; transition:transform .25s,box-shadow .25s; }
.gradient-button { background:var(--brand-blue); color:white; }
.mint-button { background:#fff0e6; color:#973309; border:1px solid #efc7ac; }
.white-button { background:#fff; color:var(--brand-navy); }
.gradient-button:hover,.mint-button:hover,.white-button:hover { transform:translateY(-4px); box-shadow:0 10px 24px #16345b22; }
.gradient-button span,.mint-button span,.white-button span { font-size:19px; }
.renew-hero { background:radial-gradient(ellipse at 17% 68%,#fff0d9 0%,transparent 42%),radial-gradient(ellipse at 82% 25%,#e2eefb 0%,transparent 55%),linear-gradient(180deg,#f7faff,#fff 100%); min-height:700px; position:relative; overflow:hidden; }
.ghost-type { position:absolute; font-size:clamp(130px,17vw,280px); font-weight:850; color:#215ba809; letter-spacing:-.065em; line-height:1; white-space:nowrap; pointer-events:none; user-select:none; }
.ghost-one { top:15px; left:-3%; }
.ghost-two { top:195px; left:38%; }
.hero-composition { position:relative; min-height:660px; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:65px; z-index:1; }
.renew-art { width:100%; padding:18px 0 0; }
.renew-art picture { display:block; width:112%; margin-left:-9%; animation:hero-bob 7s ease-in-out infinite; }
.renew-art img { display:block; width:80%; height:auto; margin-inline:auto; filter:drop-shadow(0 24px 20px #16345b18); }
.renew-copy { padding-top:18px; }
.hero-kicker { font-size:25px; line-height:1.5; font-weight:750; margin:0 0 20px; }
.renewal .renew-copy h1 { font-size:clamp(46px,4.6vw,68px); letter-spacing:-.055em; line-height:1.06; margin:0 0 30px; font-weight:850; }
.renew-copy h1 span { background:none; color:var(--brand-navy); background-clip:text; -webkit-background-clip:text; font-size:1.2em; letter-spacing:-.04em; }
.hero-summary { font-size:17px; margin:0 0 34px; color:#4e6179; line-height:1.75; }
.hero-buttons { display:flex; gap:12px; flex-wrap:wrap; }
.scroll-cue { display:flex; align-items:center; justify-content:center; gap:10px; color:#6b7c92; font-size:10px; letter-spacing:.16em; padding:10px 0 28px; }
.scroll-cue span { width:15px; height:25px; border:1px solid #9baec4; border-radius:12px; position:relative; }
.scroll-cue span::after { content:''; position:absolute; width:3px; height:5px; border-radius:4px; top:5px; left:5px; background:#6b86a6; animation:scroll-dot 2s ease-in-out infinite; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip-link { position:fixed; top:-100px; left:20px; z-index:100; background:white; padding:15px; border-radius:10px; }
.skip-link:focus { top:10px; }
.discovery { background:#fff; padding:62px 0 90px; text-align:center; }
.renewal .discovery h2 { font-size:clamp(22px,2.1vw,30px); margin-bottom:30px; }
.discovery-search { display:flex; flex-direction:row; align-items:center; gap:0; background:white; border:1px solid #dce5ef; border-radius:999px; width:min(660px,100%); padding:8px 9px 8px 20px; margin:0 auto 32px; box-shadow:0 8px 24px #16345b08; }
.discovery-search select { width:120px; border:0; border-radius:0; padding:8px 20px 8px 0; border-right:1px solid #e5eaf0; font-size:13px; background:transparent; }
.discovery-search input { flex:1; border:0; background:transparent; font-size:14px; padding:10px 16px; }
.discovery-search button { background:var(--electric); color:white; width:39px; height:39px; border-radius:50%; padding:10px; flex-shrink:0; }
.round-nav { display:flex; justify-content:center; gap:30px; }
.round-link { display:grid; gap:12px; justify-items:center; min-width:70px; color:var(--electric); font-size:12px; }
.round-link > span { display:grid; place-items:center; width:76px; height:76px; border-radius:50%; color:white; background:var(--electric); box-shadow:0 9px 20px #215ba810; transition:transform .3s,background .3s; }
.round-link svg { width:31px;height:31px; }
.round-link:hover > span { transform:translateY(-6px); background:var(--brand-navy); }
.possibilities { background:radial-gradient(ellipse at 15% 65%,#e6f0fb 0,transparent 45%),radial-gradient(ellipse at 90% 55%,#fff2d8 0,transparent 40%),#f8fafc; padding:110px 0 150px; position:relative; isolation:isolate; }
.possibilities::after { content:''; z-index:-1; position:absolute; left:-15%; width:130%; height:180px; bottom:-75px; border-radius:50% 50% 0 0; background:white; }
.center-heading { text-align:center; max-width:670px; margin:0 auto; }
.mint-tag { display:inline-block; border-radius:999px; background:#fff0cc; color:#78500a; padding:10px 20px; font-size:13px; font-weight:750; margin-bottom:24px; }
.center-heading h2 { margin:0 0 20px; font-size:clamp(40px,4.5vw,64px); }
.center-heading p { color:#53657b; font-size:18px; line-height:1.65; margin:0 auto; max-width:600px; }
.tilt-deck { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1030px; margin:145px auto 0; padding:0 10px; }
.tilt-card { position:relative; min-height:390px; padding:155px 32px 30px; border-radius:36px; transform:rotate(var(--tilt)); box-shadow:0 22px 22px #16345b13; transition:transform .4s; }
.tilt-card:hover { transform:translateY(-14px) rotate(0deg); }
.tilt-sky { --tilt:-6deg; background:linear-gradient(#e6f3fc,#c7e2f5); }
.tilt-blue { --tilt:5deg; background:linear-gradient(145deg,#245b9a,#16345b); color:white; z-index:2; }
.tilt-mint { --tilt:-5deg; background:linear-gradient(#fff5dc,#ffe4ab); }
.card-overline { font-size:10px; letter-spacing:.12em; font-weight:700; opacity:.72; }
.renewal .tilt-card h3 { font-size:25px; margin:14px 0; line-height:1.3; }
.tilt-card p { font-size:15px; line-height:1.65; margin:0 0 20px; }
.tilt-card a { display:flex; justify-content:space-between; font-size:13px; font-weight:750; padding-top:16px; border-top:1px solid #ffffff70; }
.object-art { width:180px; height:180px; background-image:url('/kacin-v2-stage1/assets/images/kacin-objects.png'); background-size:300% 200%; background-repeat:no-repeat; flex-shrink:0; mask-image:radial-gradient(ellipse at center,#000 58%,#000b 69%,transparent 77%); -webkit-mask-image:radial-gradient(ellipse at center,#000 58%,#000b 69%,transparent 77%); }
.art-rocket { background-position:0 0; }.art-cap { background-position:50% 0; }.art-growth { background-position:100% 0; }.art-case { background-position:0 100%; }.art-chat { background-position:50% 100%; }.art-pin { background-position:100% 100%; }
.tilt-card .object-art { position:absolute; width:245px;height:245px; left:50%; top:-91px; transform:translateX(-50%); }
.stories { position:relative; padding:100px 0 60px; background:linear-gradient(130deg,#f0fcff00,#fff); }
.stories-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:56px; }
.section-label { font-size:11px; font-weight:750; letter-spacing:.16em; color:#687b93; display:block; margin-bottom:20px; }
.stories-heading h2 { font-size:clamp(28px,3vw,42px); margin:0 0 20px; }
.stories-heading p { color:#63748a; font-size:16px; margin:0 0 24px; }
.slider-controls { display:flex; align-items:center; gap:10px; padding-bottom:6px; }
.slider-controls button { background:var(--electric); color:white; border-radius:50%; width:34px;height:34px; font-size:24px; line-height:1; }
.slider-controls button:disabled { opacity:.35; cursor:default; }
#story-counter { font-size:12px; color:var(--electric); min-width:56px; text-align:center; }
.slider-line { width:95px; height:2px; background:#d8e4f1; }
#story-progress { display:block; width:25%; height:100%; background:var(--electric); transition:width .4s; }
.slider-controls .pause-button { background:white; color:var(--electric); border:1px solid #d8e4f1; font-size:12px; width:27px;height:27px; }
.story-track { display:flex; gap:28px; padding:25px max(32px,calc((100vw - 1180px)/2)) 70px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; }
.story-track::-webkit-scrollbar { display:none; }
.story-card { display:block; flex:0 0 330px; border-radius:27px; overflow:hidden; background:#fff; box-shadow:0 12px 35px #16345b10; border:1px solid #e5ebf2; scroll-snap-align:center; transition:transform .3s,box-shadow .3s; }
.story-card:nth-child(even) { margin-top:45px; margin-bottom:-45px; }
.story-card:hover { transform:translateY(-8px); box-shadow:0 16px 38px #16345b22; }
.story-cover { height:215px; position:relative; overflow:hidden; padding:24px; }
.story-cover > span { font-size:11px; font-weight:800; letter-spacing:.09em; position:relative; z-index:1; }
.story-cover .object-art { width:205px;height:205px;position:absolute; left:50%;bottom:-10px;transform:translateX(-50%); }
.cover-sky { background:linear-gradient(145deg,#eaf4fc,#c4dff3); }.cover-blue { background:linear-gradient(145deg,#215ba8,#16345b);color:white; }.cover-mint { background:linear-gradient(145deg,#fff1d7,#ffdf9e); }.cover-lilac { background:linear-gradient(145deg,#fff0e6,#f7d6c0); }
.story-copy { padding:24px; }
.story-copy small { background:#fff1de; color:#b85300; padding:5px 9px;border-radius:20px;font-size:10px;font-weight:750; }
.renewal .story-copy h3 { font-size:20px; line-height:1.4; margin:14px 0 12px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical; }
.story-copy p { font-size:13px; line-height:1.6; color:#64758a; margin:0 0 18px; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.story-copy b { font-size:11px; color:var(--brand-blue); }
.story-load-status { text-align:center; font-size:13px;color:#64758a; min-height:23px; padding-inline:20px; }
.field-marquee { padding:65px 0 85px;overflow:hidden; }
.marquee-heading { display:flex; justify-content:center;align-items:center;gap:25px;margin-bottom:25px;flex-wrap:wrap; }
.marquee-heading p { color:#64758a; font-size:13px; margin:0; }
.motion-toggle { background:transparent; color:#536b89; font-size:11px;padding:8px 10px; }
.marquee-track { display:flex;width:max-content;animation:field-roll 38s linear infinite; }
.marquee-group { display:flex;align-items:center;gap:70px; padding-right:70px;flex-shrink:0; }
.marquee-group span { font-size:clamp(24px,3vw,40px);font-weight:800;letter-spacing:-.04em;color:var(--brand-blue); }
.marquee-group span:nth-child(2n) { color:#bd3e12; }.marquee-group span:nth-child(3n) { color:var(--brand-navy); }
.field-marquee:hover .marquee-track { animation-play-state:paused; }
.member-benefits { position:relative;overflow:hidden; background:linear-gradient(120deg,#102a4c 0%,#16345b 55%,#215ba8 100%);color:white;padding:100px 0 115px; }
.benefit-ghost { font-size:clamp(130px,18vw,290px);font-weight:850;line-height:1.05;letter-spacing:-.06em;color:#ffffff0f;position:absolute;left:-3%;top:33%;pointer-events:none; }
.benefits-layout { display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center;position:relative; }
.renewal .benefit-intro h2 { color:white;font-size:48px;margin:0 0 22px; }
.benefit-intro p { color:#e6f9ff;font-size:19px;margin:0 0 28px; }
.benefit-intro .section-label { color:#c8f3ff; }
.benefit-cards { display:grid;grid-template-columns:1fr 1fr;gap:20px; }
.benefit-cards article { background:white;color:var(--text);border-radius:30px;padding:12px 24px 28px;text-align:center;min-height:270px; }
.benefit-cards article:nth-child(even) { transform:translateY(60px); }
.benefit-cards .object-art { width:155px;height:155px;margin:0 auto -8px; }
.renewal .benefit-cards h3 { font-size:20px;margin:0 0 10px; }
.benefit-cards p { font-size:12px;line-height:1.6;color:#64758a;margin:0 0 12px; }
.benefit-cards a { font-size:11px;font-weight:700;color:var(--brand-blue); }
.network-section { padding:110px 0 100px;background:linear-gradient(#f2f6fb,#fafbfd 75%,white); }
.network-layout { display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center; }
.network-layout h2 { margin:0 0 22px; }
.network-layout p { color:#5a6c83;font-size:16px;max-width:470px; }
.join-options { display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:30px; }
.join-options a { padding:20px 18px;background:#ffffffc9;border-radius:20px;display:grid;gap:8px;border:1px solid white; }
.join-options small { font-size:11px;color:#687b93; }
.join-options b { font-size:15px;color:var(--brand-blue); }
.network-visual { min-height:470px;position:relative;display:flex;align-items:center;justify-content:center; }
.network-visual > img { width:85%;height:auto;filter:drop-shadow(0 25px 25px #16345b1c);animation:hero-bob 9s ease-in-out infinite; }
.network-pill { position:absolute;border-radius:22px;padding:15px 20px;display:grid;gap:5px;background:#e0edfbeF; border:1px solid #c4d8ee;text-align:center;box-shadow:0 10px 25px #16345b12;transition:transform .3s; }
.network-pill b { color:var(--brand-navy);font-size:11px;letter-spacing:.07em; }.network-pill span { font-size:13px;color:#395779; }
.network-pill:hover { transform:translateY(-6px); }
.pill-creator { top:7%;left:7%; }.pill-brand { top:29%;right:-2%;background:#fff0e4; border-color:#f3d0b6; }.pill-academy { bottom:5%;right:14%; }.pill-community { bottom:22%;left:-4%;background:#fff1cf; border-color:#f2d78d; }
.latest-section { padding:25px 0 75px; }
.latest-title { display:flex;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:25px; }
.latest-title .section-label { margin:0; }.latest-title h2 { font-size:32px;margin:0; }.latest-title > a { margin-left:auto;font-size:13px;font-weight:700;color:var(--brand-blue); }
.latest-news { border-top:1px solid #d8e2ee; }.latest-news a { display:flex;justify-content:space-between;gap:25px;padding:25px 10px;border-bottom:1px solid #e7edf4;align-items:center; }
.latest-news time { font-size:13px;color:#80929c;white-space:nowrap; }.latest-news strong { font-size:16px;overflow-wrap:anywhere; }.latest-news .empty { font-size:14px;background:#f6f8fb;margin:0;border-radius:0; }
.shortcut-section { display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0 100px; }
.shortcut-section > a { position:relative;display:block;border:1px solid #dce5ef;border-radius:20px;padding:30px;min-height:155px;transition:border-color .3s,transform .3s; }
.shortcut-section > a:hover { border-color:var(--brand-sky);transform:translateY(-4px); }.shortcut-section small { font-size:12px;line-height:1.5;color:#80919c;display:block; }
.renewal .shortcut-section h3 { font-size:27px;letter-spacing:-.04em;margin:8px 0 0; }.shortcut-section .gradient-button { position:absolute;right:24px;bottom:30px;min-height:39px;font-size:11px;padding:0 20px; }
.renew-footer { background:var(--brand-navy);color:white;border-radius:95px 95px 0 0;text-align:center;padding:62px 0 30px; }
.footer-brand { display:inline-block;background:white;border-radius:14px;padding:13px 25px;margin-bottom:14px; }.footer-brand img { display:block;width:225px;height:auto; }
.renew-footer p { font-size:14px;margin:7px 0; }.renew-footer .footer-message { font-size:12px;color:#e1f4ff; }.footer-contact { display:flex;gap:25px;justify-content:center;font-size:13px;margin-top:22px;flex-wrap:wrap; }
.renew-footer nav { display:flex;justify-content:center;gap:26px;padding:25px 0;margin-top:27px;border-top:1px solid #ffffff35;font-size:12px; }.renew-footer small { font-size:11px;color:#dbedff; }
.back-top { position:fixed;z-index:30;right:22px;bottom:24px;display:grid;place-items:center;align-content:center;gap:2px;width:54px;height:54px;border-radius:50%;background:white;border:1px solid #d0ddea;color:var(--electric);box-shadow:0 5px 20px #16345b12;font-size:24px; }.back-top span { font-size:8px;letter-spacing:.04em; }
@keyframes hero-bob { 0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-16px) rotate(1deg)} }
@keyframes scroll-dot { 0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(7px);opacity:1} }
@keyframes field-roll { to{transform:translateX(-50%)} }
.renewal.motion-paused *, .renewal.motion-paused *::after { animation-play-state:paused!important; }
@media(max-width:1100px) {
 .renewal .header-inner { height:76px;grid-template-columns:1fr auto;width:calc(100% - 48px); }.renewal .brand{width:175px}.renewal .mobile-menu{top:76px}.hero-composition{gap:30px;min-height:590px}.renew-hero{min-height:630px}.hero-kicker{font-size:22px}.hero-summary{font-size:15px}.hero-buttons{gap:9px}.hero-buttons a{font-size:12px;padding:0 19px;gap:14px}.renewal .renew-copy h1{font-size:53px}.ghost-type{font-size:170px}.round-nav{gap:24px}.round-link>span{width:67px;height:67px}.tilt-card{padding-inline:24px;min-height:365px}.renewal .tilt-card h3{font-size:22px}.tilt-card p{font-size:14px}.tilt-card .object-art{width:220px;height:220px}.benefits-layout{gap:45px}.benefit-cards{gap:16px}.benefit-cards article{padding-inline:14px}.renewal .benefit-intro h2{font-size:42px}.network-layout{gap:30px}.network-pill{padding:13px 16px}.network-visual{min-height:400px}
}
@media(max-width:760px) {
 .renew-wrap{width:calc(100% - 40px)}.renewal .header-inner{width:calc(100% - 36px)}.renewal .brand{width:160px}.hero-composition{grid-template-columns:1fr;gap:0;min-height:0;text-align:center;padding-top:32px}.renew-copy{order:1;padding:0}.renew-art{order:2;padding:0;width:min(390px,95%);margin:0 auto}.renew-art picture{width:100%;margin:0}.renewal .renew-copy h1{font-size:48px;line-height:1.09;margin-bottom:20px}.hero-kicker{font-size:19px;margin-bottom:15px}.hero-summary{font-size:14px;margin-bottom:24px}.hero-buttons{justify-content:center}.hero-buttons a{min-height:44px;font-size:12px;padding-inline:19px}.renew-hero{min-height:0}.ghost-one{top:300px;left:-30%;font-size:140px}.ghost-two{top:460px;left:15%;font-size:140px}.scroll-cue{padding-bottom:22px}.discovery{padding:45px 0 60px}.renewal .discovery h2{font-size:22px;line-height:1.5;max-width:350px;margin:0 auto 24px}.discovery-search{padding-left:14px}.discovery-search select{width:90px;font-size:12px;padding-right:8px}.discovery-search input{font-size:12px;padding-inline:10px}.round-nav{justify-content:flex-start;gap:21px;overflow-x:auto;padding:8px 3px 15px;scrollbar-width:none}.round-link{min-width:59px;font-size:11px}.round-link>span{width:59px;height:59px}.round-link svg{width:26px;height:26px}.possibilities{padding:60px 0 100px}.center-heading h2{font-size:42px}.center-heading p{font-size:15px;max-width:440px}.mint-tag{font-size:12px;padding:9px 16px}.tilt-deck{grid-template-columns:1fr;max-width:360px;gap:100px;margin-top:115px}.tilt-card{min-height:325px;padding:140px 30px 27px;border-radius:32px}.tilt-card .object-art{width:230px;height:230px;top:-95px}.renewal .tilt-card h3{font-size:25px}.tilt-card p{font-size:15px}.tilt-sky{--tilt:-4deg}.tilt-blue{--tilt:4deg}.tilt-mint{--tilt:-4deg}.stories{padding:65px 0 30px}.stories-heading{display:block;margin-bottom:24px}.stories-heading h2{font-size:30px}.stories-heading p{font-size:14px}.slider-controls{margin-top:30px;justify-content:flex-end}.story-track{padding:20px 24px 62px;gap:18px}.story-card{flex-basis:270px}.story-card:nth-child(even){margin-top:25px;margin-bottom:-25px}.field-marquee{padding:35px 0 60px}.marquee-heading{gap:8px;margin-bottom:24px}.marquee-heading p{font-size:12px}.marquee-group{gap:40px;padding-right:40px}.marquee-group span{font-size:29px}.member-benefits{padding:60px 0 90px}.benefits-layout{grid-template-columns:1fr;gap:35px}.renewal .benefit-intro h2{font-size:37px}.benefit-intro p{font-size:16px}.benefit-cards{gap:12px}.benefit-cards article{border-radius:23px;padding:5px 10px 22px;min-height:240px}.benefit-cards article:nth-child(even){transform:translateY(28px)}.benefit-cards .object-art{width:135px;height:135px}.renewal .benefit-cards h3{font-size:17px}.benefit-cards p{font-size:11px}.benefit-ghost{font-size:110px;top:30%}.network-section{padding:70px 0 45px}.network-layout{grid-template-columns:1fr;gap:30px}.network-layout h2{font-size:35px}.network-layout p{font-size:14px}.join-options{gap:10px}.join-options a{padding:18px 13px}.join-options b{font-size:14px}.join-options small{font-size:10px}.network-visual{min-height:350px;max-width:440px;width:100%;margin:auto}.network-visual>img{width:80%}.network-pill{padding:12px 15px;border-radius:18px}.network-pill b{font-size:9px}.network-pill span{font-size:11px}.pill-brand{right:0}.pill-community{left:0}.latest-section{padding:20px 0 50px}.latest-title{gap:12px}.latest-title .section-label{width:100%}.latest-title h2{font-size:30px}.latest-news a{align-items:flex-start;flex-direction:column;gap:10px;padding:22px 0}.latest-news strong{font-size:15px}.shortcut-section{grid-template-columns:1fr;gap:13px;padding-bottom:60px}.shortcut-section>a{padding:24px;min-height:143px}.shortcut-section .gradient-button{right:20px;bottom:24px;padding-inline:16px}.renewal .shortcut-section h3{font-size:25px}.renew-footer{border-radius:45px 45px 0 0;padding:42px 0 28px}.footer-brand img{width:195px}.footer-contact{gap:12px;font-size:12px}.renew-footer nav{gap:20px;font-size:11px}.renew-footer .footer-message{font-size:11px}.back-top{width:44px;height:44px;right:14px;bottom:16px;font-size:20px}
}
@media(prefers-reduced-motion:reduce) { .renewal *, .renewal *::before,.renewal *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }.renew-art,.network-visual{transform:none!important} }

/* Small logo-color cues, with the main reading surfaces kept neutral. */
.renewal .gnb a::after { background:var(--brand-orange); }
.renewal .round-link:nth-child(3) > span { background:var(--brand-navy); }
.renewal .round-link:nth-child(5) > span { background:#ffe2aa; color:var(--brand-navy); }
.renewal .round-link:nth-child(7) > span { background:#ffe6d7; color:#a43b12; }
.renewal .round-link:hover > span { background:var(--brand-navy); color:white; }
.renewal .tilt-card:not(.tilt-blue) a { border-color:#16345b22; }
.renewal .benefit-intro .section-label { color:#ffc766; }
.renewal .benefit-cards a:hover, .renewal .latest-title > a:hover { color:#ad390d; }