:root{--bg:#f2efe9;--bg-1:#ece7df;--bg-2:#f7f4ee;--panel:#faf8f3;--panel-2:#e7e1d6;--line:#3c30241f;--line-strong:#3c302438;--text:#5b5147;--text-dim:#948a7d;--text-strong:#2c2521;--accent:#8a6f54;--accent-2:#a98a66;--shadow:#3c302424;--radius:14px;--maxw:1200px;--hdr-h:68px;--serif:Georgia, "Times New Roman", "Noto Serif KR", "Apple SD Gothic Neo", serif;--font:"Pretendard", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:#fff}code{color:var(--accent);background:#3c302412;border-radius:5px;padding:.1em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9em}h1,h2,h3,h4{color:var(--text-strong);font-family:var(--serif);letter-spacing:.1px;margin:0;font-weight:600;line-height:1.18}p{margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.app__main{padding-top:var(--hdr-h);flex:1}.demobadge{z-index:200;color:#f7f4ee;letter-spacing:.2px;box-shadow:0 6px 22px var(--shadow);pointer-events:none;background:#2c2521eb;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:600;display:flex;position:fixed;bottom:14px;right:14px}.demobadge__dot{background:var(--accent-2);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hdr{height:var(--hdr-h);z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f2efe9db;position:fixed;top:0;left:0;right:0}.hdr__inner{max-width:var(--maxw);align-items:center;gap:20px;height:100%;margin:0 auto;padding:0 28px;display:flex}.hdr__brand{color:var(--text-strong);background:0 0;border:none;align-items:center;gap:11px;padding:0;display:flex}.hdr__brand-mark{display:flex}.hdr__brand-text strong{font-family:var(--serif);letter-spacing:.5px;font-size:22px;font-weight:600}.hdr__brand-text em{color:var(--text-dim);margin-left:5px;font-size:14px;font-style:normal}.hdr__nav{align-items:center;gap:2px;margin-left:auto;display:flex}.hdr__navitem{position:relative}.hdr__navlink{color:var(--text);font-family:var(--serif);background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:9px 13px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.hdr__navlink:hover{color:var(--text-strong);background:#3c30240f}.hdr__navlink[data-active=true]{color:var(--accent)}.hdr__no{font-family:var(--font);color:var(--text-dim);font-size:10.5px;font-weight:700}.hdr__caret{color:var(--text-dim);font-size:9px}.hdr__cta{background:var(--text-strong);color:#f7f4ee;font-family:var(--serif);box-shadow:0 4px 14px var(--shadow);border:none;border-radius:999px;margin-right:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:background .15s}.hdr__cta:hover,.hdr__cta[data-active=true]{background:var(--accent)}.hdr__admin{border:1px solid var(--line-strong);color:var(--text-dim);background:0 0;border-radius:8px;margin-left:6px;padding:7px 12px;font-size:12px}.hdr__admin:hover{color:var(--text-strong);border-color:var(--text-dim)}.hdr__dropdown{background:var(--panel);border:1px solid var(--line-strong);min-width:248px;box-shadow:0 18px 50px var(--shadow);border-radius:12px;flex-direction:column;gap:2px;padding:8px;animation:.14s dropin;display:flex;position:absolute;top:calc(100% + 6px);left:0}@keyframes dropin{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.hdr__dropall{text-align:left;color:var(--text-dim);background:0 0;border:none;border-radius:7px;padding:6px 10px;font-size:12px}.hdr__dropall:hover{color:var(--text);background:#3c30240d}.hdr__dropitem{text-align:left;color:var(--text);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;padding:9px 10px;display:flex}.hdr__dropitem:hover{background:var(--panel-2)}.hdr__dropitem strong{font-family:var(--serif);color:var(--text-strong);font-size:15px;font-weight:600}.hdr__dropitem span{color:var(--text-dim);font-size:11.5px}.hdr__burger{background:0 0;border:none;flex-direction:column;gap:4px;margin-left:auto;padding:8px;display:none}.hdr__burger span{background:var(--text-strong);border-radius:2px;width:22px;height:2px}.btn{font-family:var(--serif);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-size:15px;font-weight:600;transition:transform .12s,background .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--text-strong);color:#f7f4ee;box-shadow:0 6px 20px var(--shadow)}.btn--primary:hover{background:var(--accent)}.btn--ghost{color:var(--text-strong);border:1px solid var(--line-strong);background:0 0}.btn--ghost:hover{border-color:var(--text-dim);background:#3c30240d}.btn--sm{border-radius:8px;padding:9px 16px;font-size:13.5px}.btn:disabled{opacity:.4;cursor:not-allowed}.ph{background:var(--panel-2);border-radius:10px;width:100%;position:relative;overflow:hidden}.ph__svg{width:100%;height:100%;position:absolute;inset:0}.ph__label{font-family:var(--serif);color:#ffffffeb;text-shadow:0 1px 6px #00000059;font-size:13px;font-weight:600;position:absolute;bottom:12px;left:14px}.page{width:100%}.section{max-width:var(--maxw);margin:0 auto;padding:84px 28px}.section--alt{background:var(--bg-1);max-width:none}.section--alt>*{max-width:var(--maxw);margin-left:auto;margin-right:auto}.section__head{margin-bottom:38px}.section__head h2{margin-bottom:10px;font-size:clamp(24px,3vw,33px)}.section__head p{color:var(--text);max-width:660px;font-size:15.5px}.section__no{font-family:var(--font);color:var(--accent);letter-spacing:1px;margin-right:8px;font-size:.62em;font-weight:700}.lead{color:var(--text);margin-bottom:18px;font-size:16.5px;line-height:1.75}.muted{color:var(--text-dim);font-size:13.5px}.bullets{gap:12px;margin:0;padding:0;list-style:none;display:grid}.bullets li{color:var(--text);padding-left:24px;position:relative}.bullets li:before{content:"—";color:var(--accent);position:absolute;left:0}.twocol{max-width:var(--maxw);grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;margin:0 auto;display:grid}.hero{max-width:var(--maxw);grid-template-columns:1fr 1.1fr;align-items:center;gap:56px;min-height:72vh;margin:0 auto;padding:40px 28px 20px;display:grid}.hero__content{max-width:540px}.hero__eyebrow{text-transform:uppercase;letter-spacing:3px;color:var(--accent);margin-bottom:24px;font-size:11.5px;font-weight:700}.hero__title{letter-spacing:-.5px;font-size:clamp(38px,5.2vw,62px);font-weight:500;line-height:1.1}.hero__title span{color:var(--accent);font-style:italic}.hero__sub{color:var(--text);max-width:480px;margin:26px 0 34px;font-size:clamp(15px,1.6vw,17px);line-height:1.8}.hero__actions{flex-wrap:wrap;gap:14px;display:flex}.hero__stats{flex-wrap:wrap;gap:48px;margin-top:52px;display:flex}.hero__stats div{flex-direction:column;gap:4px;display:flex}.hero__stats strong{font-family:var(--serif);color:var(--text-strong);font-size:30px;font-weight:500}.hero__stats span{color:var(--text-dim);letter-spacing:.3px;font-size:12.5px}.hero__visual{box-shadow:0 30px 70px var(--shadow);border-radius:18px;position:relative;overflow:hidden}.hero__visual .ph{border-radius:18px}.hero__visual-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--serif);color:var(--text-strong);box-shadow:0 6px 18px var(--shadow);background:#faf8f3eb;border-radius:10px;padding:10px 16px;font-size:13.5px;position:absolute;bottom:20px;left:20px}.cardgrid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;display:grid}.entrycard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;color:inherit;padding:0;transition:transform .18s,border-color .18s,box-shadow .18s;overflow:hidden}.entrycard:hover{border-color:var(--line-strong);box-shadow:0 18px 44px var(--shadow);transform:translateY(-4px)}.entrycard--star{border-color:var(--accent)}.entrycard__body{padding:20px 22px 24px}.entrycard__no{letter-spacing:.8px;color:var(--accent);font-size:11.5px;font-weight:700}.entrycard__body h3{margin:6px 0 9px;font-size:21px}.entrycard__body h3 em{color:var(--accent);font-style:normal}.entrycard__body p{color:var(--text-dim);font-size:13.5px;line-height:1.65}.pagehero{align-items:flex-end;min-height:300px;display:flex;position:relative;overflow:hidden}.pagehero__overlay{background:linear-gradient(#f2efe926,#f2efe9b3);position:absolute;inset:0}.pagehero__content{max-width:var(--maxw);width:100%;margin:0 auto;padding:0 28px 48px;position:relative}.pagehero__no{font-family:var(--font);letter-spacing:1.5px;color:var(--accent);font-size:12px;font-weight:700}.pagehero h1{margin:10px 0 14px;font-size:clamp(30px,5vw,48px);font-weight:500}.pagehero p{color:var(--text);max-width:660px;font-size:16px;line-height:1.75}.certgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px;display:grid}.certbadge{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:14px;padding:24px 16px;display:flex}.certbadge__seal{border:1.5px solid var(--accent);width:68px;height:68px;color:var(--accent);font-family:var(--serif);text-align:center;background:#8a6f540f;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.certbadge span{color:var(--text-dim);font-size:12px}.timeline{gap:0;max-width:740px;display:grid}.timeline__item{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:20px;padding:20px 0;display:grid}.timeline__year{font-family:var(--serif);color:var(--accent);font-size:17px;font-weight:600}.timeline__item p{color:var(--text)}.tabs{max-width:var(--maxw);flex-wrap:wrap;gap:8px;margin:26px auto -18px;padding:0 28px;display:flex}.tab{border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--serif);background:0 0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;transition:all .15s}.tab:hover{color:var(--text-strong)}.tab[data-active=true]{background:var(--text-strong);color:#f7f4ee;border-color:var(--text-strong)}.prodcat{grid-template-columns:1.15fr .85fr;align-items:start;gap:48px;display:grid}.prodcards{gap:18px;display:grid}.prodcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;color:inherit;grid-template-columns:96px 1fr auto;align-items:center;gap:20px;padding:18px 22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.prodcard:hover{border-color:var(--accent);box-shadow:0 14px 36px var(--shadow);transform:translateY(-2px)}.prodcard.is-active{border-color:var(--accent)}.prodcard__thumb{border-radius:10px;width:96px;overflow:hidden}.prodcard__txt h3{margin-bottom:4px;font-size:23px}.prodcard__sys{color:var(--text-dim);margin-top:6px;font-size:12.5px}.prodcard__arrow{font-family:var(--serif);color:var(--accent);font-size:26px;transition:transform .18s}.prodcard:hover .prodcard__arrow{transform:translate(5px)}.prodvisual{box-shadow:0 24px 56px var(--shadow);border-radius:16px;position:sticky;top:96px;overflow:hidden}.prodvisual__cap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--serif);color:var(--text-strong);background:#faf8f3eb;border-radius:9px;padding:9px 15px;font-size:13px;position:absolute;bottom:18px;left:18px}.systemlist{gap:22px;display:grid}.systemrow{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:1fr 1.1fr;gap:30px;padding:26px;transition:border-color .18s,box-shadow .18s;display:grid}.systemrow.is-hover{border-color:var(--accent);box-shadow:0 14px 38px var(--shadow)}.systemrow__heading{flex-direction:column;gap:5px;margin-bottom:8px;display:flex}.systemrow__heading h3{font-size:23px}.systemrow__tag{color:var(--accent);font-size:13px;font-weight:600;font-family:var(--font)}.systemrow__desc{opacity:.4;max-height:0;transition:max-height .3s,opacity .25s;overflow:hidden}.systemrow__desc.is-open{opacity:1;max-height:280px}.systemrow__desc p{color:var(--text);margin-bottom:16px;font-size:14.5px;line-height:1.7}.systemrow__refs{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-content:start;gap:12px;display:grid}.refthumb{border:1px solid var(--line);background:0 0;border-radius:10px;padding:0;transition:transform .15s,border-color .15s;position:relative;overflow:hidden}.refthumb:hover{border-color:var(--accent);transform:scale(1.03)}.refthumb__cap{color:var(--text);background:var(--bg-2);text-align:left;padding:8px 10px;font-size:11.5px;display:block}.modal{z-index:300;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2c25216b;animation:.18s fade;position:absolute;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal__panel{background:var(--panel);border:1px solid var(--line-strong);width:100%;max-height:88vh;box-shadow:0 30px 80px var(--shadow);border-radius:16px;animation:.18s pop;position:relative;overflow:auto}.modal__panel--md{max-width:520px}.modal__panel--lg{max-width:880px}@keyframes pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:none}}.modal__close{border:1px solid var(--line-strong);background:var(--bg-2);width:38px;height:38px;color:var(--text-strong);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:22px;line-height:1;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.modal__close:hover{background:var(--accent);border-color:var(--accent);color:#fff}.modal__title{padding:24px 64px 0 26px;font-size:22px}.modal__body{padding:20px 26px 28px}.sysdetail{gap:22px;display:grid}.sysdetail__body h4{color:var(--accent);letter-spacing:.3px;margin:18px 0 12px;font-size:14px}.buildup{gap:8px;margin:0;padding:0;list-style:none;display:grid}.buildup li{background:var(--bg-1);color:var(--text);border-radius:9px;align-items:center;gap:12px;padding:10px 13px;font-size:14.5px;display:flex}.buildup__n{background:var(--accent);color:#fff;width:25px;height:25px;font-family:var(--font);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.refpopup{gap:16px;display:grid}.refpopup__meta{color:var(--text)}.speclist{gap:0;margin:0;display:grid}.speclist>div{border-top:1px solid var(--line);gap:16px;padding:11px 0;display:flex}.speclist dt{width:84px;color:var(--text-dim);margin:0;font-size:13px}.speclist dd{color:var(--text-strong);margin:0;font-size:14.5px;font-weight:600}.texlayout{max-width:var(--maxw);grid-template-columns:220px 1fr;align-items:start;gap:44px;margin:0 auto;padding:56px 28px;display:grid}.texnav{gap:2px;display:grid;position:sticky;top:96px}.texnav__title{font-family:var(--serif);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);padding:0 14px 12px;font-size:13px}.texnav button{text-align:left;font-family:var(--serif);color:var(--text);background:0 0;border:none;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:11px 14px;font-size:15px;transition:all .15s;display:flex}.texnav button:hover{color:var(--text-strong);background:#3c30240a}.texnav button[data-active=true]{color:var(--accent);border-left-color:var(--accent);font-weight:600}.texnav button span{font-family:var(--font);color:var(--text-dim);font-size:11.5px}.texmain__head{margin-bottom:26px}.texmain__head h2{margin-bottom:8px;font-size:clamp(22px,3vw,30px)}.texmain__head p{color:var(--text-dim);font-size:14.5px}.texgrid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.textile{background:var(--panel);border:1px solid var(--line);text-align:left;border-radius:12px;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.textile:hover{border-color:var(--line-strong);box-shadow:0 12px 28px var(--shadow);transform:translateY(-3px)}.textile.is-active{border-color:var(--accent);box-shadow:0 0 0 2px #8a6f5440}.textile__cap{flex-direction:column;gap:3px;padding:11px 14px;display:flex}.textile__cap strong{font-family:var(--serif);color:var(--text-strong);font-size:15px;font-weight:600}.textile__cap span{color:var(--text-dim);font-size:12px}.texpopup{gap:20px;display:grid}.texpopup__body{gap:16px;display:grid}.texpopup__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.texpopup__fig{margin:0}.texpopup__fig figcaption{color:var(--text-dim);letter-spacing:.3px;margin-top:8px;font-size:12px}@media (width<=620px){.texpopup__grid{grid-template-columns:1fr}}.accordion{gap:10px;max-width:880px;display:grid}.acc{border:1px solid var(--line);background:var(--panel);border-radius:12px;overflow:hidden}.acc.is-open{border-color:var(--line-strong)}.acc__head{width:100%;color:var(--text-strong);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;display:flex}.acc__head strong{font-family:var(--serif);font-size:16.5px;font-weight:600;display:block}.acc__head em{color:var(--text-dim);font-size:12.5px;font-style:normal}.acc__icon{background:var(--panel-2);width:28px;height:28px;color:var(--accent);border-radius:7px;flex:none;justify-content:center;align-items:center;font-size:18px;display:flex}.acc__body{gap:18px;padding:0 20px 20px;display:grid}.filelist__prod{font-family:var(--serif);color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:600}.filelist ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.filelist li{color:var(--text);background:var(--bg-1);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;display:flex}.fileicon{color:var(--accent)}.filelink{border:1px solid var(--line-strong);color:var(--text-dim);background:0 0;border-radius:6px;margin-left:auto;padding:5px 11px;font-size:12px}.filelink:hover{color:var(--text-strong);border-color:var(--accent)}.filelink--danger:hover{color:#b0524a;border-color:#b0524a}.qa__a{color:var(--text);font-size:14.5px;line-height:1.7}.contactbox{max-width:var(--maxw);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin:0 auto;padding:30px}.contactbox h3{margin-bottom:14px;font-size:20px}.ftr__placeholder,.contactbox .ftr__placeholder{color:var(--text-dim);font-size:14px;line-height:1.95}.filterbar{max-width:var(--maxw);margin:26px auto 0;padding:18px 28px}.filterbar--disabled{opacity:.9}.filterbar__note{color:var(--text-dim);background:var(--bg-1);border:1px dashed var(--line-strong);border-radius:10px;margin-bottom:12px;padding:11px 15px;font-size:13px}.filterbar__row{flex-wrap:wrap;gap:10px;display:flex}.filterbar select{background:var(--bg-2);border:1px solid var(--line);color:var(--text-dim);border-radius:8px;padding:9px 14px;font-size:13.5px}.filterbar select:disabled{cursor:not-allowed}.refgrid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px;display:grid}.refcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:left;color:inherit;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden}.refcard:hover{border-color:var(--line-strong);box-shadow:0 16px 38px var(--shadow);transform:translateY(-4px)}.refcard__body{padding:16px 18px 20px;position:relative}.refcard__body h3{margin-bottom:5px;font-size:17px}.refcard__meta{color:var(--text-dim);font-size:12.5px}.refcard__tag{font-family:var(--font);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;position:absolute;top:16px;right:16px}.refcard__tag--domestic{color:var(--accent);background:#8a6f5429}.refcard__tag--overseas{color:#607480;background:#60748029}.adminbanner{max-width:var(--maxw);border:1px solid var(--line-strong);color:var(--accent);background:#8a6f5414;border-radius:12px;margin:0 auto 26px;padding:15px 20px;font-size:13.5px}.admingrid{max-width:var(--maxw);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:0 auto;display:grid}.admincard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.admincard h3{margin-bottom:18px;font-size:19px}.field{gap:6px;margin-bottom:15px;display:grid}.field span{color:var(--text-dim);font-size:12.5px}.field input,.field select{background:var(--bg-2);border:1px solid var(--line-strong);color:var(--text-strong);border-radius:8px;padding:11px 13px;font-size:14px}.field input:focus,.field select:focus{border-color:var(--accent);outline:none}.dropzone{border:1px dashed var(--line-strong);text-align:center;color:var(--text-dim);background:var(--bg-1);border-radius:10px;padding:24px 14px;font-size:13px}.adminlist,.adminfiles{gap:8px;margin:18px 0 0;padding:0;list-style:none;display:grid}.adminlist li,.adminfiles li{background:var(--bg-1);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;font-size:13.5px;display:flex}.adminlist em{color:var(--text-dim);font-size:12px;font-style:normal}.adminfiles li>div{gap:6px;display:flex}.toggle{cursor:pointer;align-items:center;gap:12px;margin:18px 0;display:flex}.toggle input{display:none}.toggle__track{background:var(--line-strong);border-radius:999px;width:50px;height:28px;transition:background .2s;position:relative}.toggle__thumb{width:22px;height:22px;box-shadow:0 1px 3px var(--shadow);background:#fff;border-radius:50%;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__track{background:var(--accent)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(22px)}.toggle__label{font-family:var(--serif);color:var(--text-strong);font-size:15px;font-weight:600}.statuschip{background:var(--bg-1);color:var(--text-dim);border-radius:8px;padding:9px 13px;font-size:12.5px}.statuschip.is-on{color:var(--accent);background:#8a6f541f}.toast{background:var(--text-strong);border:1px solid var(--text-strong);color:#f7f4ee;z-index:400;box-shadow:0 12px 30px var(--shadow);border-radius:10px;padding:13px 22px;font-size:13.5px;animation:.2s pop;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.colorpage{padding-bottom:50px}.colorpage__head{max-width:var(--maxw);margin:0 auto;padding:56px 28px 28px}.colorpage__no{font-family:var(--font);letter-spacing:1.5px;color:var(--accent);font-size:12px;font-weight:700}.colorpage__head h1{margin:10px 0 14px;font-size:clamp(28px,4vw,42px);font-weight:500}.colorpage__head p{color:var(--text);max-width:740px;font-size:16px;line-height:1.75}.colorpage__note{max-width:var(--maxw);margin:28px auto 0;padding:0 28px}.colorpage__note p{background:var(--panel);border:1px solid var(--line);color:var(--text-dim);border-radius:12px;padding:20px;font-size:13.5px;line-height:1.7}.viewer3d{max-width:var(--maxw);margin:0 auto;padding:0 28px;position:relative}.viewer3d__canvas{border-radius:var(--radius);border:1px solid var(--line-strong);width:100%;height:min(70vh,620px);min-height:380px;box-shadow:inset 0 2px 30px var(--shadow);touch-action:none;background:radial-gradient(circle at 50% 42%,#efe8dc 0%,#e7e0d3 48%,#ddd4c4 100%);position:relative;overflow:hidden}.viewer3d__canvas canvas{z-index:1;position:relative;width:100%!important;height:100%!important}.viewer3d__vignette{z-index:2;pointer-events:none;background:radial-gradient(70% 70% at 50% 47%,#0000 52%,#3c30242e 100%);position:absolute;inset:0}.viewer3d__search{z-index:5;width:min(330px,100% - 88px);position:absolute;top:18px;left:44px}.viewer3d__search input{border:1px solid var(--line-strong);width:100%;color:var(--text-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px var(--shadow);background:#faf8f3f2;border-radius:10px;padding:12px 38px 12px 15px;font-size:14px}.viewer3d__search input::placeholder{color:var(--text-dim)}.viewer3d__search input:focus{border-color:var(--accent);outline:none}.viewer3d__clear{background:var(--panel-2);width:26px;height:26px;color:var(--text-strong);border:none;border-radius:50%;font-size:16px;line-height:1;position:absolute;top:9px;right:9px}.viewer3d__searchinfo{color:var(--text-strong);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 14px var(--shadow);background:#faf8f3f2;border-radius:8px;margin-top:8px;padding:9px 13px;font-size:12.5px}.viewer3d__hint{z-index:5;color:var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);box-shadow:0 4px 14px var(--shadow);background:#faf8f3e6;border-radius:999px;padding:8px 14px;font-size:12px;position:absolute;bottom:18px;left:44px}.viewer3d__tooltip{z-index:6;border:1px solid var(--line-strong);pointer-events:none;box-shadow:0 12px 32px var(--shadow);background:#faf8f3fa;border-radius:10px;align-items:center;gap:11px;max-width:240px;padding:10px 13px;display:flex;position:absolute;transform:translate(14px,14px)}.viewer3d__swatch{width:40px;height:40px;box-shadow:0 2px 6px var(--shadow);border:1px solid #3c302433;border-radius:7px;flex:none}.viewer3d__tipbody{flex-direction:column;line-height:1.45;display:flex}.viewer3d__tipbody strong{font-family:var(--serif);color:var(--text-strong);font-size:15px;font-weight:600}.viewer3d__tipbody span{color:var(--text-dim);font-size:12px}.viewer3d__loading{color:var(--text-dim);justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:28px}.ftr{border-top:1px solid var(--line);background:var(--bg-1);margin-top:50px}.ftr__inner{max-width:var(--maxw);grid-template-columns:1.4fr 1fr 1.2fr;gap:38px;margin:0 auto;padding:56px 28px 36px;display:grid}.ftr__brand{font-family:var(--serif);color:var(--text-strong);margin-bottom:12px;font-size:24px}.ftr__desc{color:var(--text-dim);margin-bottom:16px;font-size:13.5px;line-height:1.7}.ftr__col h4{font-family:var(--font);text-transform:uppercase;letter-spacing:1.2px;color:var(--text-dim);margin-bottom:16px;font-size:12px;font-weight:700}.ftr__col button{color:var(--text);text-align:left;background:0 0;border:none;padding:6px 0;font-size:14px;display:block}.ftr__col button:hover{color:var(--accent)}.ftr__demo{color:var(--text-dim);font-size:13px;line-height:1.75}.ftr__demo strong{color:var(--accent)}.ftr__bottom{border-top:1px solid var(--line);text-align:center;color:var(--text-dim);padding:20px;font-size:12px}.notfound{text-align:center;max-width:600px;margin:0 auto;padding:120px 28px}.notfound h1{color:var(--accent);font-size:80px;font-weight:500}.notfound p{color:var(--text-dim);margin:14px 0 26px}@media (width<=980px){.twocol,.prodcat,.systemrow{grid-template-columns:1fr;gap:36px}.prodvisual{position:static}.hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:28px}.hero__visual{order:-1}.ftr__inner{grid-template-columns:1fr 1fr}.hdr__cta{display:none}.hdr__nav{gap:0}.texlayout{grid-template-columns:1fr;gap:24px}.texnav{flex-wrap:wrap;gap:4px;display:flex;position:static}.texnav__title{width:100%;padding:0 0 8px}.texnav button{border-bottom:2px solid #0000;border-left:none;padding:9px 14px}.texnav button[data-active=true]{border-left:none;border-bottom-color:var(--accent)}}@media (width<=760px){.hdr__burger{display:flex}.hdr__nav{top:var(--hdr-h);background:var(--panel);border-bottom:1px solid var(--line-strong);box-shadow:0 18px 40px var(--shadow);max-height:calc(100vh - var(--hdr-h));flex-direction:column;align-items:stretch;gap:4px;padding:12px;transition:transform .25s;position:fixed;left:0;right:0;overflow:auto;transform:translateY(-150%)}.hdr__nav.is-open{transform:none}.hdr__navitem{width:100%}.hdr__navlink{justify-content:flex-start;width:100%}.hdr__dropdown{box-shadow:none;background:var(--bg-1);border:none;margin:4px 0 4px 16px;position:static}.hdr__cta{justify-content:center;width:100%;margin:0 0 4px;display:flex}.hdr__admin{width:100%;margin:4px 0 0}.prodcard{grid-template-columns:72px 1fr auto;gap:14px}.systemrow__desc{opacity:1;max-height:340px}.ftr__inner{grid-template-columns:1fr}.section{padding:56px 20px}.viewer3d__canvas{height:60vh}.viewer3d__search,.viewer3d__hint{left:36px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}