:root{
 --ink:#071126;--muted:#657188;--line:#dfe7f2;--bg:#f4f7fb;--card:#fff;
 --blue:#1269f4;--blue2:#0b54d7;--cyan:#1fb6ff;--navy:#0a1538;--deep:#071126;
 --violet:#5b5cf0;--teal:#14b8a6;--lime:#74e8bd;--orange:#ff9a3d;--pink:#ef5bb8;
 --shadow:0 24px 70px rgba(15,31,76,.11);--soft:0 12px 34px rgba(15,31,76,.065);
 --r:24px;--max:1240px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink);letter-spacing:-.025em;word-break:keep-all}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.blue{color:var(--blue)}.muted{color:var(--muted)}
.topbar{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(18px);border-bottom:1px solid rgba(15,31,76,.08)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;color:#0f2b72;font-size:22px;letter-spacing:-.02em}.brandmark{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#104fea,#51c8ff);position:relative;box-shadow:0 10px 25px rgba(18,105,244,.23)}.brandmark:before{content:"";position:absolute;inset:8px;border:3px solid rgba(255,255,255,.85);border-radius:5px;transform:rotate(45deg)}.menu{display:flex;align-items:center;gap:24px;color:#17243b;font-size:13px;font-weight:820}.menu a{padding:9px 0;position:relative}.menu a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--cyan);transition:.22s}.menu a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:23px}.drawer{display:none;position:fixed;z-index:70;left:0;right:0;top:72px;background:#fff;border-bottom:1px solid var(--line);padding:16px 20px;box-shadow:0 22px 40px rgba(15,31,76,.10)}.drawer.open{display:block}.drawer a{display:block;padding:12px 0;border-bottom:1px solid #eef2f7;font-weight:800;color:#26334b}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 19px;border-radius:13px;font-weight:900;font-size:14px;border:1px solid transparent}.btn.primary{background:linear-gradient(180deg,#1772ff,#0d58dc);color:#fff;box-shadow:0 14px 28px rgba(18,105,244,.22)}.btn.ghost{background:#fff;border-color:#c9d5e7;color:#0f1f4c}.btn.dark{background:#0a1538;color:#fff}.btn.light{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}.btn:hover{transform:translateY(-1px)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #bfe1ff;background:#ecf8ff;color:#1269f4;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;letter-spacing:.05em;text-transform:uppercase}.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--cyan)}.eyebrow.season{border-color:rgba(91,92,240,.22);background:#f4f3ff;color:var(--violet)}.eyebrow.season:before{border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--blue),var(--teal));box-shadow:0 0 0 6px rgba(91,92,240,.08)}
h1{font-size:clamp(46px,5.5vw,82px);line-height:1.04;letter-spacing:-.075em;margin:20px 0 0;color:#071126}h2{font-size:clamp(34px,4.25vw,55px);line-height:1.12;letter-spacing:-.058em;margin:0;color:#0a1538}h3{letter-spacing:-.038em}.lead{font-size:18px;line-height:1.76;color:#485873}.gradient-text{background:linear-gradient(100deg,var(--violet),var(--blue) 58%,var(--teal));-webkit-background-clip:text;background-clip:text;color:transparent}.section{padding:96px 0}.section.white{background:#fff}.section.dark{background:#071126;color:#fff}.section.dark h2{color:#fff}.section.mist{background:linear-gradient(180deg,#f9fbff,#eef5ff)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:34px}.section-head .lead{max-width:720px;margin:14px 0 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hero{overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(31,182,255,.20),transparent 27%),radial-gradient(circle at 12% 10%,rgba(91,92,240,.10),transparent 28%),linear-gradient(180deg,#fff,#eef6ff)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:46px;align-items:center;padding:92px 0 58px}.hero p{max-width:640px;margin:22px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.trust-row span{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.82);border:1px solid #d9e4f2;color:#384660;font-size:13px;font-weight:800}.hero-visual{position:relative;min-height:440px;display:grid;place-items:center}.visual-img{width:min(640px,100%);filter:drop-shadow(0 30px 58px rgba(18,105,244,.24))}.floating-card{position:absolute;background:rgba(255,255,255,.9);border:1px solid #d6e2f2;border-radius:16px;padding:13px 15px;box-shadow:var(--soft);font-size:13px;color:#20314d;font-weight:800}.fc1{top:36px;left:18px}.fc2{top:353px;left:-6px}.fc3{right:18px;top:68px}.fc4{right:4px;bottom:49px}.page-hero{padding:78px 0;background:radial-gradient(circle at 84% 18%,rgba(31,182,255,.16),transparent 29%),linear-gradient(180deg,#fff,#f1f7ff)}.page-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:34px;align-items:center}.hero-panel{border-radius:32px;background:linear-gradient(145deg,#0a1538,#132a64);color:#fff;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden;min-height:350px}.hero-panel:before{content:"";position:absolute;width:240px;height:240px;right:-80px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(31,182,255,.32),transparent 66%)}.hero-panel>*{position:relative}.hero-panel h3{font-size:32px;margin:0 0 16px}.hero-panel p{color:#c1cee5;line-height:1.7}.page-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.page-kpis div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:16px}.page-kpis b{display:block;color:#7fd8ff;font-size:24px}.page-kpis span{display:block;color:#c6d3e9;font-size:12px;margin-top:5px}.breadcrumb{color:#7d8798;font-size:13px;font-weight:800;margin-bottom:16px}
.value-strip{margin-top:-34px;position:relative;z-index:2}.value-inner{background:#fff;border:1px solid #dce5f2;border-radius:25px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden}.value{padding:26px 20px;text-align:center;border-right:1px solid #e7edf6}.value:last-child{border-right:0}.value .ico{font-size:28px;color:var(--blue)}.value b{display:block;margin-top:10px;color:#0f1f4c}.value small{display:block;margin-top:5px;color:#6a758a;line-height:1.45}
.card{display:block;background:#fff;border:1px solid #dce5f2;border-radius:22px;padding:24px;box-shadow:0 10px 24px rgba(15,31,76,.04);min-height:220px;transition:.2s}.card:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(15,31,76,.08)}.iconbox{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#1269f4,#54bfff);color:#fff;font-weight:950;font-size:23px}.c-purple{background:linear-gradient(145deg,#754FE8,#B95CFF)}.c-green{background:linear-gradient(145deg,#0EAC75,#5EE0AF)}.c-pink{background:linear-gradient(145deg,#df4ab7,#ff7bca)}.c-sky{background:linear-gradient(145deg,#1685ff,#60d1ff)}.c-orange{background:linear-gradient(145deg,#ff7a2c,#ffb15c)}.c-teal{background:linear-gradient(145deg,#10b4b1,#66e8db)}.c-indigo{background:linear-gradient(145deg,#4c68ef,#61a7ff)}.card h3{font-size:21px;margin:18px 0 0;color:#0f1f4c}.card p{font-size:14.5px;line-height:1.66;color:#5d6a80}.more{display:inline-block;margin-top:12px;color:#1269f4;font-weight:950;font-size:13px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pill{padding:7px 10px;border:1px solid #d8e2f0;border-radius:999px;background:#fff;color:#526078;font-size:12px;font-weight:850}.panel{background:#fff;border:1px solid #dce5f2;border-radius:26px;padding:32px;box-shadow:var(--soft)}.panel p{line-height:1.75;color:#5d6a80}.feature{border:1px solid #dce5f2;border-radius:19px;padding:20px;background:#fbfdff}.feature b{color:#0f1f4c}.feature p{font-size:14px;color:#5d6a80;line-height:1.6}.dark-card{background:linear-gradient(145deg,#0a1538,#102963);color:#fff;border-radius:28px;padding:34px;position:relative;overflow:hidden}.dark-card h2,.dark-card h3{color:#fff}.dark-card p{color:#c4d0e5}.dark-card:after{content:"";position:absolute;width:260px;height:260px;right:-90px;bottom:-100px;border-radius:50%;background:radial-gradient(circle,rgba(31,182,255,.22),transparent 66%)}.dark-card>*{position:relative;z-index:1}
.philosophy-inner{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.philosophy-inner div{padding:24px;text-align:center;border-right:1px solid #e7edf6}.philosophy-inner div:last-child{border-right:0}.philosophy-inner b{display:block;color:#0f1f4c}.philosophy-inner span{display:block;margin-top:6px;color:#69758a;font-size:13px;line-height:1.45}.manifesto-box{background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.manifesto-box p{margin:0;font-size:22px;line-height:1.82;font-weight:650;letter-spacing:-.025em}.manifesto-box strong{color:var(--violet)}.philosophy-item{background:#fff;border:1px solid var(--line);border-radius:23px;padding:26px;box-shadow:0 10px 30px rgba(15,31,76,.045)}.philosophy-item .icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:950;font-size:20px;background:linear-gradient(135deg,#eff1ff,#ecf8ff);margin-bottom:18px;color:#384660}.philosophy-item h3{font-size:23px;line-height:1.32;margin:0;color:#0f1f4c}.philosophy-item p{font-size:15px;line-height:1.68;color:#5f6b7a}.philosophy-item .quote{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-weight:850;color:#273248;font-size:14px}.principles{background:#0e1527;color:#fff;border-radius:34px;padding:48px}.principles h2{color:#fff;margin-bottom:28px}.principle{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:23px 0;border-top:1px solid rgba(255,255,255,.12)}.principle:first-child{border-top:0}.principle .n{font-size:13px;color:#8fa3ff;font-weight:950;letter-spacing:.12em}.principle strong{font-size:21px;line-height:1.5}.principle span{display:block;color:rgba(255,255,255,.64);margin-top:6px;font-size:15px;line-height:1.6}.origin-band{border-radius:34px;padding:48px;background:linear-gradient(135deg,rgba(91,92,240,.97),rgba(31,143,255,.93));color:#fff;position:relative;overflow:hidden}.origin-band:after{content:"";position:absolute;width:360px;height:360px;right:-120px;bottom:-150px;border:70px solid rgba(255,255,255,.08);border-radius:50%}.origin-band>*{position:relative;z-index:1}.origin-band h2{color:#fff}.origin-band p{color:rgba(255,255,255,.86);font-size:18px;line-height:1.7;max-width:880px}.origin-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.origin-lines div{padding:19px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:850;line-height:1.5}.product-philosophy{margin-top:22px;padding:20px;border-radius:18px;background:#f4f8ff;border:1px solid #cfe0f5}.product-philosophy b{color:#1269f4}.product-list{display:grid;gap:11px;margin:20px 0 0;padding:0}.product-list li{list-style:none;padding:14px 16px;border:1px solid #dce5f2;background:#fbfdff;border-radius:14px;color:#40506c}.product-list li:before{content:"✓";color:#1269f4;font-weight:950;margin-right:8px}.step{background:#fff;border:1px solid #dce5f2;border-radius:22px;padding:24px}.step em{font-style:normal;color:#1269f4;font-weight:950}.step h3{font-size:21px;color:#0f1f4c}.case-card{background:#fff;border:1px solid #dce5f2;border-radius:25px;padding:28px;box-shadow:var(--soft)}.case-card .tag{color:var(--blue);font-weight:950;font-size:12px}.case-card h3{font-size:26px;color:#0f1f4c}.case-card p{line-height:1.66;color:#5d6a80}.contact-form{display:grid;gap:12px}.input{width:100%;border:1px solid #dce5f2;border-radius:14px;padding:14px 15px;background:#fbfdff}textarea.input{min-height:150px}.note{padding:18px 20px;border-radius:17px;background:#fff8e9;border:1px solid #f0d9a7;color:#735a26;line-height:1.6}.footer{background:#071126;color:#aebbd3;padding:48px 0}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(4,1fr);gap:28px}.footer a{display:block;color:#aebbd3;margin:8px 0}.footer h4{color:#fff;margin:0 0 10px}.footer p{font-size:13px;line-height:1.6;color:#aebbd3}.footer-bottom{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}.visual-mini{width:100%;min-height:250px;border-radius:28px;background:radial-gradient(circle at 70% 20%,rgba(31,182,255,.32),transparent 30%),linear-gradient(145deg,#0a1538,#102963);display:grid;place-items:center;overflow:hidden;position:relative}.visual-mini img{width:80%;filter:drop-shadow(0 25px 50px rgba(31,182,255,.25))}.workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.site-map-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.site-map-card h3{color:#0f1f4c;margin-top:0}.site-map-card a{display:block;padding:9px 0;color:#42516a;border-bottom:1px solid #eef2f7}.site-map-card a:last-child{border-bottom:0}
@media(max-width:1050px){.menu,.nav-actions{display:none}.mobile-menu{display:block}.hero-grid,.page-hero-grid,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.value-inner,.philosophy-inner{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr 1fr}.hero-visual{min-height:340px}.floating-card{display:none}.section-head{display:block}}
@media(max-width:700px){.container{width:min(var(--max),calc(100% - 24px))}.nav{height:64px}.drawer{top:64px}.brand{font-size:19px}h1{font-size:40px}.hero-grid{padding:58px 0 44px}.section{padding:72px 0}.grid-3,.grid-4,.value-inner,.philosophy-inner,.footer-grid,.workflow,.origin-lines,.page-kpis{grid-template-columns:1fr}.panel,.manifesto-box,.origin-band,.principles,.dark-card,.hero-panel{padding:25px;border-radius:24px}.manifesto-box p{font-size:19px}.principle{grid-template-columns:46px 1fr}.principle strong{font-size:18px}.hero-actions .btn,.btn.full{width:100%}}

/* v9 mobile readability optimization */
@media(max-width:700px){
 html{font-size:16px}
 body{overflow-x:hidden;letter-spacing:-.018em;line-height:1.62}
 .container{width:min(var(--max),calc(100% - 28px))}
 .topbar{backdrop-filter:saturate(180%) blur(14px)}
 .nav{height:62px;gap:10px}
 .brand{font-size:18px;letter-spacing:-.015em;min-width:0}
 .brandmark{width:29px;height:29px;border-radius:9px;flex:0 0 29px}
 .brandmark:before{inset:7px;border-width:2px;border-radius:4px}
 .mobile-menu{width:38px;height:38px;border-radius:11px;font-size:20px;line-height:1;flex:0 0 auto}
 .drawer{top:62px;padding:10px 18px 14px;max-height:calc(100vh - 62px);overflow:auto}
 .drawer a{padding:12px 2px;font-size:14px;line-height:1.35}

 h1{font-size:clamp(34px,10.5vw,44px);line-height:1.12;letter-spacing:-.055em;margin-top:14px;text-wrap:balance}
 h2{font-size:clamp(28px,8.8vw,37px);line-height:1.18;letter-spacing:-.045em;text-wrap:balance}
 h3{letter-spacing:-.03em;text-wrap:balance}
 .lead{font-size:16px;line-height:1.72;letter-spacing:-.015em;text-wrap:pretty}
 p{word-break:keep-all;overflow-wrap:anywhere}
 .eyebrow{max-width:100%;padding:7px 10px;font-size:10.5px;line-height:1.25;letter-spacing:.035em;white-space:normal;text-align:left}

 .hero-grid{padding:48px 0 38px;gap:24px}
 .hero p{margin-top:18px;max-width:none}
 .hero-actions{gap:9px;margin-top:22px}
 .hero-actions .btn{width:100%;min-height:48px;font-size:14px;border-radius:13px}
 .trust-row{gap:7px;margin-top:16px}
 .trust-row span{font-size:11.5px;line-height:1.25;padding:7px 9px;border-radius:9px}
 .hero-visual{min-height:260px;margin-top:2px}
 .visual-img{width:min(360px,95%);margin:auto}

 .value-strip{margin-top:0;padding:16px 0 0;background:#fff}
 .value-inner{border-radius:19px;box-shadow:0 10px 26px rgba(15,31,76,.065)}
 .value{padding:20px 16px;border-right:0;border-bottom:1px solid #e7edf6;text-align:left;display:grid;grid-template-columns:38px 1fr;column-gap:12px;align-items:start}
 .value:last-child{border-bottom:0}
 .value .ico{font-size:22px;grid-row:1/3;text-align:center}
 .value b{margin-top:0;font-size:15px}
 .value small{font-size:12.5px;line-height:1.45;margin-top:3px}

 .section{padding:60px 0}
 .section-head{margin-bottom:24px}
 .section-head .lead{font-size:15.5px;line-height:1.7;margin-top:12px}
 .grid-2,.grid-3,.grid-4{gap:13px}
 .card{min-height:auto;border-radius:18px;padding:20px;box-shadow:0 8px 20px rgba(15,31,76,.04)}
 .card h3{font-size:19px;line-height:1.32;margin-top:14px}
 .card p{font-size:14px;line-height:1.62;margin-bottom:0}
 .iconbox{width:46px;height:46px;border-radius:14px;font-size:19px}
 .more{font-size:12.5px;margin-top:10px}
 .feature{padding:17px;border-radius:16px}
 .feature p{font-size:13.5px;line-height:1.6;margin-bottom:0}
 .panel,.manifesto-box,.origin-band,.principles,.dark-card,.hero-panel{padding:22px;border-radius:21px}
 .panel p,.dark-card p,.hero-panel p{font-size:14.5px;line-height:1.68}
 .dark-card .btn,.origin-band .btn,.panel .btn{width:100%;margin-top:8px}

 .page-hero{padding:48px 0 38px}
 .page-hero-grid{gap:20px}
 .breadcrumb{font-size:11.5px;margin-bottom:12px;line-height:1.4}
 .hero-panel{min-height:0}
 .hero-panel h3{font-size:24px;line-height:1.2}
 .page-kpis{gap:8px;margin-top:14px}
 .page-kpis div{padding:14px;border-radius:14px}
 .page-kpis b{font-size:21px}
 .visual-mini{min-height:210px;border-radius:21px}
 .visual-mini img{width:72%;max-width:280px}

 .origin-band p{font-size:15.5px;line-height:1.7}
 .origin-lines{gap:10px;margin-top:20px}
 .origin-lines div{padding:15px;border-radius:15px;font-size:14px}
 .manifesto-box p{font-size:17px;line-height:1.72}
 .philosophy-inner div{padding:19px;text-align:left;border-right:0;border-bottom:1px solid #e7edf6}
 .philosophy-inner div:last-child{border-bottom:0}
 .philosophy-item{padding:21px;border-radius:19px}
 .philosophy-item h3{font-size:20px;line-height:1.34}
 .philosophy-item p{font-size:14px;line-height:1.65}
 .philosophy-item .quote{font-size:13px;line-height:1.55}
 .principles h2{font-size:28px;line-height:1.2}
 .principle{grid-template-columns:40px 1fr;gap:12px;padding:18px 0}
 .principle .n{font-size:11px}
 .principle strong{font-size:17px;line-height:1.45}
 .principle span{font-size:13.5px;line-height:1.6}

 .workflow{gap:12px}
 .step{padding:20px;border-radius:18px}
 .step h3{font-size:19px;line-height:1.32;margin:10px 0 8px}
 .step p{font-size:13.5px;line-height:1.6;margin:0}
 .product-list{gap:9px}
 .product-list li{font-size:13.5px;line-height:1.55;padding:12px 13px;border-radius:13px}
 .product-philosophy{padding:16px;border-radius:15px}
 .product-philosophy p{font-size:13.5px;line-height:1.6;margin:6px 0 0}
 .site-map-card{padding:20px;border-radius:18px}
 .site-map-card h3{font-size:19px;line-height:1.3}
 .site-map-card p{font-size:13.5px;line-height:1.62}
 .case-card{padding:21px;border-radius:20px}
 .case-card h3{font-size:22px;line-height:1.25}
 .case-card p{font-size:14px;line-height:1.64}
 .input{padding:13px 14px;border-radius:13px;font-size:15px}
 textarea.input{min-height:130px}
 .note{font-size:13.5px;line-height:1.6;border-radius:15px;padding:15px 16px}

 .footer{padding:38px 0 30px}
 .footer-grid{gap:22px}
 .footer p{font-size:13px;line-height:1.65}
 .footer h4{font-size:14px}
 .footer a{font-size:13px;margin:7px 0;line-height:1.45}
 .footer-bottom{margin-top:24px;font-size:11.5px;line-height:1.5}
}

@media(max-width:420px){
 .container{width:min(var(--max),calc(100% - 22px))}
 h1{font-size:clamp(32px,10.2vw,39px);line-height:1.13}
 h2{font-size:clamp(26px,8.4vw,34px);line-height:1.19}
 .lead{font-size:15.5px;line-height:1.68}
 .hero-grid{padding-top:42px}
 .brand{font-size:17px}
 .eyebrow{font-size:10px;padding:7px 9px}
 .btn{min-height:46px;font-size:13.5px;padding:0 15px}
 .section{padding:54px 0}
 .panel,.manifesto-box,.origin-band,.principles,.dark-card,.hero-panel{padding:20px;border-radius:20px}
 .card{padding:18px}
 .visual-mini{min-height:190px}
 .hero-visual{min-height:230px}
}

.code-block{white-space:pre-wrap;background:#071126;color:#D9E6F5;border-radius:18px;padding:22px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto;border:1px solid rgba(255,255,255,.08)}
@media(max-width:620px){.code-block{font-size:11px;padding:16px;border-radius:14px}}

/* v17: roadmap separation */
.roadmap-5{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:1100px){.roadmap-5{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:760px){.roadmap-5{grid-template-columns:1fr;}}