@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:host,:root{--font-sans:"Pretendard Variable","Pretendard",system-ui,-apple-system,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-title:"환경체","Pretendard Variable",sans-serif}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.hidden{display:none}.min-h-screen{min-height:100vh}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.scroll-mt-20{scroll-margin-top:calc(var(--spacing)*20)}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@font-face{font-display:swap;font-family:환경체;font-weight:400;src:url(../assets/env-title.otf) format("opentype"),url(../assets/env-title.ttf) format("truetype")}:root{--font-base:"Pretendard Variable","Pretendard",-apple-system,sans-serif;--font-title:"환경체",var(--font-base);--forest-deep:#14432b;--forest:#1e6b3f;--leaf:#2e9e5b;--leaf-bright:#43b96b;--sage:#8fc9a4;--mint-pale:#e6f4ea;--mint-soft:#d5ecdd;--green-gradient:linear-gradient(135deg,#14432b,#1e6b3f 45%,#2e9e5b);--green-gradient-soft:linear-gradient(135deg,#1e6b3f,#2e9e5b 50%,#43b96b);--lime:#9fd45f;--lime-soft:#eaf6d6;--aqua:#34b6a0;--aqua-soft:#dbf1ec;--ink:#16241c;--ink-soft:#3c4a41;--ink-mute:#71837a;--bg:#f5f9f4;--bg-soft:#eef5ec;--surface:#fff;--border:#dce7dd;--border-lt:#eaf1e9;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:999px;--shadow-sm:0 1px 4px rgba(20,67,43,.06);--shadow-md:0 8px 24px rgba(20,67,43,.08);--shadow-lg:0 24px 60px rgba(20,67,43,.12);--shadow-leaf:0 12px 30px rgba(46,158,91,.28)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-base);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.blob{border-radius:50%;filter:blur(70px);pointer-events:none;position:absolute}.header{align-items:center;background:transparent;border-bottom:1px solid transparent;display:flex;height:72px;justify-content:space-between;left:0;padding:0 40px;position:fixed;right:0;top:0;transition:background .3s,box-shadow .3s,border-color .3s,backdrop-filter .3s;z-index:100}.header.scrolled{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffd1;border-bottom-color:var(--border-lt);box-shadow:0 4px 24px #14432b0f}.header-logo{align-items:center;display:flex;gap:10px}.header-logo img{height:64px}.gnb{display:flex;gap:2px}.gnb a{border-radius:var(--r-full);color:var(--ink-soft);font-family:var(--font-base);font-size:16px;font-weight:500;padding:8px 16px;position:relative;transition:color .15s,background .15s}.gnb a:hover{background:var(--mint-pale);color:var(--forest)}.header-utils{align-items:center;display:flex;gap:10px}.lang-sel{background:#fff9;border:1px solid var(--border);border-radius:var(--r-full);color:var(--ink-mute);padding:6px 12px}.header-cta,.lang-sel{cursor:pointer;font-family:var(--font-base);font-size:12px}.header-cta{background:var(--green-gradient-soft);border:none;border-radius:var(--r-full);box-shadow:var(--shadow-leaf);color:#fff;font-weight:600;padding:9px 20px;transition:transform .18s,box-shadow .18s}.header-cta:hover{box-shadow:0 10px 26px #2e9e5b5c;transform:translateY(-1px)}.hero{align-items:center;background:#eaf3e7;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-video{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:0}.hero-inner{align-items:center;display:flex;margin:0 auto;max-width:1280px;min-height:100vh;padding:0 60px;position:relative;width:100%}.hero-left{flex:0 0 52%;max-width:52%;padding-right:40px}.hero-tag{color:var(--forest);display:inline-block;font-family:var(--font-base);font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:20px;text-shadow:0 0 14px hsla(0,0%,100%,.55)}.hero h1{color:var(--ink);font-family:var(--font-title);font-size:42px;font-weight:700;letter-spacing:-.01em;line-height:1.5;margin-bottom:22px;text-shadow:0 0 22px hsla(0,0%,100%,.7),0 0 8px hsla(0,0%,100%,.5),0 1px 2px hsla(0,0%,100%,.4)}.hero .desc{color:var(--ink-soft);font-size:18px;font-weight:400;line-height:1.9;margin-bottom:40px;text-shadow:0 0 16px hsla(0,0%,100%,.6),0 0 6px hsla(0,0%,100%,.4)}.hero .desc,.hero-cta{font-family:var(--font-base)}.hero-cta{align-items:center;background:var(--green-gradient-soft);border:none;border-radius:6px;box-shadow:0 4px 24px #2e9e5b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:18px 34px;transition:all .25s}.hero-cta:hover{box-shadow:0 8px 32px #2e9e5b59;transform:translateY(-2px)}.hero-cta .arr{font-size:16px;transition:transform .2s}.hero-cta:hover .arr{transform:translate(3px)}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero h1,.hero-tag{animation:heroFadeUp .8s cubic-bezier(.2,.7,.2,1) forwards;opacity:0}.hero-tag{animation-delay:.15s}.hero h1{animation-delay:.3s}.hero .desc,.hero-cta{animation:heroFadeIn .7s ease-out 1s forwards;opacity:0}.hero-right{align-items:center;display:flex;flex:1;justify-content:center;min-height:560px;position:relative}.orbit-ring{height:380px;left:50%;margin-left:-190px;margin-top:-190px;pointer-events:none;position:absolute;top:50%;width:380px}.orbit-ring svg{height:100%;width:100%}.orbit-ring svg path{animation:morphRing 22s ease-in-out infinite;fill:none;stroke:#ffffff9e;stroke-linejoin:round;stroke-width:2}.orbit-ring svg .ring-glow{animation:morphRing 22s ease-in-out infinite;filter:blur(6px);stroke:#fff6;stroke-width:10}@keyframes morphRing{0%,3%{d:path("M 190,30 C 247.2,30 300,60.5 328.6,110 C 357.2,159.5 357.2,220.5 328.6,270 C 300,319.5 247.2,350 190,350 C 132.8,350 80,319.5 51.4,270 C 22.8,220.5 22.8,159.5 51.4,110 C 80,60.5 132.8,30 190,30 Z")}33%,36%{d:path("M 190,30 C 200,42 230,65 245,85 C 285,135 320,180 310,235 C 305,295 252,350 190,350 C 128,350 75,295 70,235 C 60,180 95,135 135,85 C 150,65 180,42 190,30 Z")}67%,70%{d:path("M 190,30 C 236.2,56.7 282.4,83.3 328.6,110 C 328.6,163.3 328.6,216.7 328.6,270 C 282.4,296.7 236.2,323.3 190,350 C 143.8,323.3 97.6,296.7 51.4,270 C 51.4,216.7 51.4,163.3 51.4,110 C 97.6,83.3 143.8,56.7 190,30 Z")}to{d:path("M 190,30 C 247.2,30 300,60.5 328.6,110 C 357.2,159.5 357.2,220.5 328.6,270 C 300,319.5 247.2,350 190,350 C 132.8,350 80,319.5 51.4,270 C 22.8,220.5 22.8,159.5 51.4,110 C 80,60.5 132.8,30 190,30 Z")}}.float-node{flex-direction:column;gap:10px;position:absolute}.float-node,.node-blob{align-items:center;display:flex;width:120px}.node-blob{height:120px;justify-content:center;position:relative}.node-mist{animation:mistPulse 5s ease-in-out infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,hsla(0,0%,100%,.04) 40%,transparent 70%);border-radius:50%;filter:blur(14px);inset:-30px;position:absolute}@keyframes mistPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.node-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid hsla(0,0%,100%,.32);border-radius:50%;box-shadow:0 0 28px #2e9e5b0f,0 4px 18px #00000014,inset 0 1px #ffffff1a;display:flex;flex-direction:column;gap:4px;height:120px;justify-content:center;padding:0 10px;position:relative;width:120px;z-index:1}.node-icon svg{height:64px;width:64px}.node-label{color:var(--ink);font-family:var(--font-base);font-size:11px;font-weight:700;letter-spacing:-.01em;text-shadow:0 0 10px hsla(0,0%,100%,.85),0 0 4px hsla(0,0%,100%,.7);white-space:nowrap}@keyframes floatN{0%,to{margin-left:-60px;margin-top:-60px}50%{margin-left:-56px;margin-top:-74px}}@keyframes floatE{0%,to{margin-left:-60px;margin-top:-60px}50%{margin-left:-68px;margin-top:-68px}}@keyframes floatS{0%,to{margin-left:-60px;margin-top:-60px}50%{margin-left:-64px;margin-top:-74px}}@keyframes floatW{0%,to{margin-left:-60px;margin-top:-60px}50%{margin-left:-52px;margin-top:-68px}}.float-node.pos-n{animation:floatN 8s ease-in-out infinite}.float-node.pos-e{animation:floatE 7.2s ease-in-out -1.5s infinite}.float-node.pos-s{animation:floatS 7.8s ease-in-out -3s infinite}.float-node.pos-w{animation:floatW 6.8s ease-in-out -4.5s infinite}.float-node.pos-n .node-mist{animation-delay:0s}.float-node.pos-e .node-mist{animation-delay:1.25s}.float-node.pos-s .node-mist{animation-delay:2.5s}.float-node.pos-w .node-mist{animation-delay:3.75s}.orbit-container{height:380px;left:50%;margin-left:-190px;margin-top:-190px;top:50%;width:380px}.orbit-container,.orbit-container .float-node{position:absolute}.pos-n{left:50%;top:0}.pos-e,.pos-n{margin:-60px 0 0 -60px}.pos-e{left:100%;top:50%}.pos-s{left:50%;top:100%}.pos-s,.pos-w{margin:-60px 0 0 -60px}.pos-w{left:0;top:50%}.scroll-hint{bottom:28px;left:50%;position:absolute;text-align:center;transform:translate(-50%);z-index:2}.scroll-hint span{color:#ffffff40;display:block;font-family:var(--font-base);font-size:10px;letter-spacing:.12em;margin-bottom:6px}.scroll-arrow{animation:scrollBounce 2s ease-in-out infinite;border-bottom:1.5px solid hsla(0,0%,100%,.2);border-right:1.5px solid hsla(0,0%,100%,.2);height:18px;margin:0 auto;transform:rotate(45deg);width:18px}@keyframes scrollBounce{0%,to{opacity:.3;transform:rotate(45deg) translateY(0)}50%{opacity:.7;transform:rotate(45deg) translateY(4px)}}@media(max-width:960px){.hero-inner{flex-direction:column;gap:20px;justify-content:center;padding:100px 32px 80px}.hero-left{flex:none;max-width:100%;padding-right:0;text-align:center}.hero-cta{margin:0 auto}.hero-right{min-height:420px;width:100%}}@media(max-width:720px){.hero h1{font-size:34px}.hero .desc{font-size:16px}}.stats{background:linear-gradient(180deg,#fff,#f0f7ee);overflow:hidden;padding:92px 40px;position:relative}.stats-inner{margin:0 auto;max-width:1200px;position:relative;z-index:1}.stats-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.stat{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:32px 18px 28px;text-align:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.stat:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-icon{align-items:center;background:var(--mint-pale);border-radius:var(--r-md);color:var(--leaf);display:flex;height:58px;justify-content:center;margin:0 auto 16px;width:58px}.stat:nth-child(2) .stat-icon{background:var(--lime-soft);color:#6f9b1f}.stat:nth-child(3) .stat-icon{background:var(--aqua-soft);color:var(--aqua)}.stat:nth-child(4) .stat-icon{background:var(--mint-soft);color:var(--forest)}.stat-icon svg{height:30px;width:30px}.stat-num{font-family:var(--font-title);font-size:40px;letter-spacing:-.02em;line-height:1}.stat-num,.stat-pre{color:var(--ink);font-weight:700}.stat-pre{font-size:21px;margin-right:3px}.stat-suf{color:var(--leaf);font-size:21px;font-weight:700;margin-left:2px}.stat-lbl{color:var(--ink-mute);font-family:var(--font-base);font-size:12.5px;font-weight:500;letter-spacing:.03em;margin-top:12px}.stats-note{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);margin-top:26px;overflow:hidden;padding:34px 40px;position:relative;text-align:center}.stats-note:before{background:var(--green-gradient-soft);bottom:0;content:"";left:0;position:absolute;top:0;width:5px}.stats-note h3{color:var(--forest);font-family:var(--font-title);font-size:22px;font-weight:700;letter-spacing:-.01em;margin-bottom:12px}.stats-note p{color:var(--ink-soft);font-family:var(--font-base);font-size:15px;line-height:1.85;margin:0 auto;max-width:740px}.stats-note strong{color:var(--forest-deep);font-weight:700}@media(max-width:880px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.products{background:linear-gradient(180deg,#f2f8ef,#fff);overflow:hidden;padding:104px 40px 84px;position:relative}.products-bg{inset:0;pointer-events:none;position:absolute}.products-bg .blob-1{animation:pBlob 18s ease-in-out infinite;background:radial-gradient(circle,rgba(159,212,95,.3) 0,transparent 70%);height:480px;opacity:.7;right:-140px;top:-120px;width:480px}.products-bg .blob-2{animation:pBlob 22s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(46,158,91,.22) 0,transparent 70%);bottom:-180px;height:420px;left:-120px;opacity:.7;width:420px}@keyframes pBlob{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.06)}}.products-inner{margin:0 auto;max-width:1200px;position:relative;z-index:1}.sec-head{margin-bottom:60px;text-align:center}.sec-tag{font-family:var(--font-base);margin-bottom:16px}.sec-title{font-size:38px;margin-bottom:16px}.sec-sub{font-family:var(--font-base);font-size:16px}.products-grid{display:grid;gap:26px;grid-template-columns:1fr 1fr}.product-card{align-items:stretch;background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-2xl);box-shadow:var(--shadow-md);cursor:pointer;display:flex;min-height:300px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-8px)}.product-card--leaf:hover{border-color:var(--sage)}.product-card--aqua:hover{border-color:#9ad8cc}.product-card:before{content:"";height:5px;left:0;position:absolute;right:0;top:0}.product-card--leaf:before{background:var(--green-gradient-soft)}.product-card--aqua:before{background:linear-gradient(135deg,#1e8c7a,#34b6a0 55%,#5fd4bc)}.card-main{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:44px 40px;position:relative;z-index:1}.card-body,.card-main{min-width:0}.card-model{border-radius:var(--r-full);box-shadow:0 4px 12px #14432b29;color:#fff;display:inline-block;font-family:var(--font-base);font-size:11px;font-weight:700;letter-spacing:.14em;margin-bottom:16px;padding:6px 14px}.product-card--leaf .card-model{background:var(--green-gradient-soft)}.product-card--aqua .card-model{background:linear-gradient(135deg,#1e8c7a,#34b6a0 60%,#5fd4bc)}.card-body h3{color:var(--ink);font-family:var(--font-title);font-size:25px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px}.card-body p{color:var(--ink-soft);font-size:14.5px;line-height:1.8;margin-bottom:24px}.card-body p,.card-more{font-family:var(--font-base)}.card-more{align-items:center;border-bottom:1.5px solid;display:inline-flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.02em;padding-bottom:5px;transition:gap .25s}.product-card--leaf .card-more{color:var(--leaf)}.product-card--aqua .card-more{color:var(--aqua)}.product-card:hover .card-more{gap:14px}.card-more .arr{font-size:14px;transition:transform .25s}.product-card:hover .card-more .arr{transform:translate(2px)}.card-photo{background-position:50%;background-size:cover;flex:0 0 43%;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 30%,#000 70%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.55) 30%,#000 70%);position:relative}.card-photo:after{content:"";inset:0;position:absolute}.product-card--leaf .card-photo{background-image:url(../assets/products/wst-21.png)}.product-card--aqua .card-photo{background-image:url(../assets/products/wst-07.jpg)}.product-card--leaf .card-photo:after{background:linear-gradient(90deg,#ffffff80,#2e9e5b1f)}.product-card--aqua .card-photo:after{background:linear-gradient(90deg,#ffffff80,#34b6a024)}@media(max-width:880px){.products-grid{grid-template-columns:1fr}}.apps{background:linear-gradient(180deg,#f0f7ee,#fbfdf9);overflow:hidden;padding:100px 40px 104px;position:relative}.apps-bg{inset:0;pointer-events:none;position:absolute}.apps-bg .blob{background:radial-gradient(circle,rgba(46,158,91,.2) 0,transparent 70%);height:560px;left:-200px;opacity:.7;top:26%;width:560px}.apps-inner{margin:0 auto;max-width:1200px;position:relative;z-index:1}.apps-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.app-card{border-radius:var(--r-xl);box-shadow:var(--shadow-md);cursor:default;height:282px;overflow:hidden;position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}.app-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.app-card img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1);width:100%}.app-card:hover img{transform:scale(1.08)}.app-card-ov{background:linear-gradient(180deg,transparent 32%,rgba(20,67,43,.35) 62%,rgba(13,46,30,.86));display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:22px;position:absolute}.app-card-num{color:var(--lime);font-family:var(--font-base);font-size:11px;font-weight:700;letter-spacing:.2em;margin-bottom:6px}.app-card-name{color:#fff;font-family:var(--font-title);font-size:18px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 8px rgba(0,0,0,.35)}@media(max-width:880px){.apps-grid{grid-template-columns:repeat(2,1fr)}}.cta-wrap{background:#fbfdf9;padding:0 40px 110px}.cta-inner{margin:0 auto;max-width:1200px}.cta-box{align-items:center;background:linear-gradient(135deg,#14432b,#1e6b3f 48%,#2e9e5b);border-radius:var(--r-2xl);box-shadow:0 28px 64px #14432b57;display:grid;gap:40px;grid-template-columns:1.3fr 1fr;overflow:hidden;padding:56px 64px;position:relative}.cta-text{position:relative;z-index:1}.cta-tag{color:#ffffffbf;display:inline-block;font-family:var(--font-base);font-size:11px;font-weight:700;letter-spacing:.22em;margin-bottom:16px}.cta-box h2{color:#fff;font-family:var(--font-title);font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1.4;margin-bottom:12px}.cta-box p{color:#fffc;font-family:var(--font-base);font-size:15px;line-height:1.7}.cta-illust{min-height:200px;position:relative;z-index:1}.cta-hex{height:420px;pointer-events:none;position:absolute;right:-72px;top:50%;transform:translateY(-50%);width:420px;z-index:0}.cta-hex svg{height:100%;width:100%}.hex-spin{animation:hexSpin 58s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes hexSpin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.cta-ico{align-items:center;display:flex;flex-direction:column;gap:8px;opacity:.55;position:absolute;text-align:center;z-index:1}.cta-ico svg{color:#fff;height:42px;opacity:.92;width:42px}.cta-ico span{color:#ffffffeb;font-family:var(--font-base);font-size:12px;font-weight:700;letter-spacing:.01em;text-shadow:0 1px 8px rgba(20,67,43,.4);white-space:nowrap}.cta-ico.ic-1{animation:floatY 4.6s ease-in-out infinite;left:2%;top:0}.cta-ico.ic-2{animation:floatY 5.2s ease-in-out infinite reverse;bottom:4px;right:6%}.cta-ico.ic-3{animation:floatY 5.8s ease-in-out infinite;left:34%;top:44%}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.cta-btn{align-items:center;background:#fff;border-radius:var(--r-full);bottom:56px;box-shadow:0 10px 26px #00000038;color:var(--forest-deep);display:inline-flex;font-family:var(--font-base);font-size:14px;font-weight:700;gap:10px;left:64px;padding:16px 30px;position:absolute;transition:transform .2s,box-shadow .2s,gap .2s;white-space:nowrap;z-index:2}.cta-btn:hover{box-shadow:0 16px 36px #00000047;gap:14px;transform:translateY(-2px)}.cta-btn .arr{font-size:15px;transition:transform .2s}.cta-btn:hover .arr{transform:translate(3px)}.cta-text{padding-bottom:64px}@media(max-width:820px){.cta-box{grid-template-columns:1fr;padding:44px 32px 96px}.cta-illust{display:none}.cta-btn{bottom:40px;left:32px}.cta-text{padding-bottom:0}}.footer{background:#fbfdf9;border-top:1px solid var(--border);color:var(--ink-mute);padding:60px 40px 0}.footer-inner{border-bottom:1px solid var(--border-lt);display:grid;gap:48px;grid-template-columns:2.5fr 1fr 1fr 1fr;margin:0 auto;max-width:1200px;padding-bottom:44px}.footer-logo{display:block;height:84px;margin-bottom:18px}.footer-info{color:var(--ink-mute);font-size:13px;line-height:1.95}.footer-col h4,.footer-info{font-family:var(--font-base)}.footer-col h4{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:16px}.footer-col a{color:var(--ink-mute);display:block;font-family:var(--font-base);font-size:13px;padding:4px 0;transition:color .15s}.footer-col a:hover{color:var(--leaf)}.footer-bottom{color:var(--ink-mute);display:flex;font-size:11px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:18px 0}body.subpage{background:var(--bg);padding-top:72px}body.subpage .header{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffffe6;border-bottom-color:var(--border-lt);box-shadow:0 4px 24px #14432b0d}body.subpage .gnb a.active{background:var(--mint-pale);color:var(--forest);font-weight:700}.page-hero{background:linear-gradient(180deg,var(--mint-pale) 0,var(--bg) 100%);overflow:hidden;padding:76px 40px 66px;position:relative;text-align:center}.page-hero:before{background:radial-gradient(circle,rgba(159,212,95,.3) 0,transparent 70%);filter:blur(20px);height:380px;right:-60px;top:-120px;width:380px}.page-hero:after,.page-hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.page-hero:after{background:radial-gradient(circle,rgba(46,158,91,.22) 0,transparent 70%);bottom:-160px;filter:blur(30px);height:420px;left:-80px;width:420px}.page-hero-inner{margin:0 auto;max-width:900px;position:relative;z-index:1}.page-hero .crumb{color:var(--ink-mute);font-size:12px;font-weight:600;margin-bottom:14px}.page-hero .crumb a{color:var(--ink-mute);transition:color .15s}.page-hero .crumb a:hover{color:var(--leaf)}.page-hero h1{color:var(--ink);font-family:var(--font-title);font-size:40px;font-weight:700;letter-spacing:-.02em;line-height:1.28;margin-bottom:14px}.page-hero h1 .accent{color:var(--forest)}.page-hero p{color:var(--ink-soft);font-size:16px;line-height:1.7}.section{padding:64px 40px}.section.tight{padding-top:0}.section-inner{margin:0 auto;max-width:1100px}.section-inner.narrow{max-width:920px}.sec-head{margin-bottom:36px}.sec-head.center{text-align:center}.sec-tag{background:var(--mint-pale);border-radius:var(--r-full);color:var(--forest);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.18em;margin-bottom:14px;padding:6px 16px}.sec-title{color:var(--ink);font-family:var(--font-title);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.4}.sec-sub{color:var(--ink-mute);font-size:15px;line-height:1.8;margin-top:12px}.note{background:var(--mint-pale);border:1px dashed var(--sage);border-radius:var(--r-md);color:#3f7a52;font-size:12px;line-height:1.6;margin-top:16px;padding:9px 14px}.note strong{color:var(--forest-deep);font-weight:700}.vision-grid{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.vision-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm);padding:36px 28px;text-align:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.vision-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.vision-card .v-ico{align-items:center;background:var(--mint-pale);border-radius:var(--r-lg);color:var(--leaf);display:flex;height:60px;justify-content:center;margin:0 auto 18px;width:60px}.vision-card .v-ico svg{height:30px;width:30px}.vision-card h4{color:var(--ink);font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:10px}.vision-card p{color:var(--ink-mute);font-size:14px;line-height:1.7}.timeline{padding-left:30px;position:relative}.timeline:before{background:linear-gradient(180deg,var(--leaf),rgba(143,201,164,.3));bottom:6px;content:"";left:7px;position:absolute;top:6px;width:2px}.timeline-item{padding-bottom:30px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:var(--surface);border:3px solid var(--leaf);border-radius:50%;box-shadow:0 0 0 4px #2e9e5b1f;content:"";height:16px;left:-30px;position:absolute;top:4px;width:16px}.timeline-item .year{color:var(--leaf);font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:5px}.timeline-item .t-desc{color:var(--ink-mute);font-size:14px;line-height:1.6}.cert-grid{display:grid;gap:16px;grid-template-columns:repeat(5,1fr)}.cert-grid.cols-4{grid-template-columns:repeat(4,1fr)}.cert-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;text-align:center;transition:transform .3s,box-shadow .3s}.cert-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.cert-thumb-img{align-items:center;background:linear-gradient(160deg,var(--mint-pale),var(--mint-soft));border-bottom:1px solid var(--border-lt);color:var(--leaf);display:flex;height:150px;justify-content:center}.cert-thumb-img svg{height:42px;opacity:.8;width:42px}.cert-card span{color:var(--ink-mute);display:block;font-size:12px;line-height:1.45;padding:12px 10px}.tbl{background:var(--surface);border:1px solid var(--border-lt);border-collapse:separate;border-radius:var(--r-lg);border-spacing:0;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.tbl td,.tbl th{border-bottom:1px solid var(--border-lt);font-size:14px;padding:13px 18px;text-align:left}.tbl thead th{background:var(--mint-pale);color:var(--forest-deep);font-size:13px;font-weight:700;letter-spacing:.02em}.tbl tbody tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--bg-soft)}.tbl td{color:var(--ink-soft)}.tbl.spec th{background:var(--mint-pale);border-right:1px solid var(--border-lt);color:var(--forest-deep);font-weight:700;width:180px}.tbl .muted{color:var(--ink-mute);text-align:center}.page-body{align-items:flex-start;display:flex;margin:0 auto;max-width:1280px}.sidebar{align-self:flex-start;background:var(--surface);border-right:1px solid var(--border-lt);flex-shrink:0;min-height:calc(100vh - 72px);padding:36px 0;position:sticky;top:72px;width:256px}.sidebar-title{color:var(--ink);font-family:var(--font-title);font-size:18px;font-weight:700;margin-bottom:4px;padding:0 28px}.sidebar-sub{color:var(--ink-mute);font-size:12px;margin-bottom:22px;padding:0 28px}.sidebar-menu{list-style:none;padding:0 16px}.sidebar-menu a{align-items:center;border-radius:var(--r-md);color:var(--ink-soft);display:flex;font-size:14px;font-weight:500;gap:10px;margin-bottom:4px;padding:12px 16px;transition:all .15s}.sidebar-menu a.active,.sidebar-menu a:hover{background:var(--mint-pale);color:var(--forest)}.sidebar-menu a.active{font-weight:700}.sidebar-menu a.active.aqua{background:var(--aqua-soft);color:#1e8c7a}.sidebar-menu a .tag{color:var(--ink-mute);font-size:10px;font-weight:600;margin-left:auto}.sidebar-div{background:var(--border-lt);height:1px;margin:16px 28px}.sidebar-link{align-items:center;color:var(--leaf);display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 28px}.sidebar-link:hover{color:var(--forest)}.sidebar-link svg{height:16px;width:16px}.content{flex:1;min-width:0}.product-head{color:#fff;overflow:hidden;padding:56px 48px 44px;position:relative}.product-head.leaf{background:var(--green-gradient)}.product-head.aqua{background:linear-gradient(135deg,#14432b,#1e8c7a 45%,#34b6a0)}.product-head:after{background:radial-gradient(circle,hsla(0,0%,100%,.14) 0,transparent 70%);border-radius:50%;content:"";height:360px;pointer-events:none;position:absolute;right:-100px;top:-100px;width:360px}.product-head .ph-model{background:#ffffff2e;border:1px solid hsla(0,0%,100%,.32);border-radius:var(--r-full);color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:16px;padding:5px 14px}.product-head h2{color:#fff;font-family:var(--font-title);font-size:32px;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.product-head .subtitle{color:#ffffffeb;font-size:16px;font-weight:500;margin-bottom:6px}.product-head .desc{color:#ffffffbd;font-size:14px;line-height:1.75;max-width:680px}.kpi-row{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:28px;position:relative;z-index:1}.kpi-card{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff24;border:1px solid hsla(0,0%,100%,.24);border-radius:var(--r-lg);display:flex;flex-direction:column;min-height:104px;padding:20px 22px}.kpi-val{color:#fff;font-family:var(--font-title);font-size:30px;font-weight:700;letter-spacing:-.01em;line-height:1}.kpi-unit{color:#ffffffd9;font-size:15px;font-weight:600;margin-left:3px}.kpi-label{align-self:flex-end;color:#ffffffe0;font-size:13px;font-weight:500;margin-top:auto;padding-top:14px;text-align:right}.tab-bar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid var(--border-lt);display:flex;gap:6px;overflow-x:auto;padding:14px 48px;position:sticky;top:72px;z-index:20}.tab-bar button{background:none;border:1px solid transparent;border-radius:var(--r-full);color:var(--ink-soft);cursor:pointer;font-family:var(--font-base);font-size:13.5px;font-weight:500;padding:9px 18px;transition:all .15s;white-space:nowrap}.tab-bar button:hover{background:var(--mint-pale);color:var(--forest)}.tab-bar button.active{background:var(--green-gradient-soft);color:#fff;font-weight:700}.aqua-scope .tab-bar button.active{background:linear-gradient(135deg,#1e8c7a,#34b6a0)}.content-section{border-bottom:1px solid var(--border-lt);padding:44px 48px;scroll-margin-top:140px}.content-section:last-child{border-bottom:none}.content-section>h3{color:var(--ink);font-family:var(--font-title);font-size:22px;font-weight:700;margin-bottom:22px;padding-left:14px;position:relative}.content-section>h3:before{background:var(--green-gradient-soft);border-radius:2px;bottom:3px;content:"";left:0;position:absolute;top:3px;width:4px}.aqua-scope .content-section>h3:before{background:linear-gradient(135deg,#1e8c7a,#34b6a0)}.overview-row{align-items:stretch;display:flex;gap:28px}.overview-row .ov-text{flex:1}.overview-row p{color:var(--ink-soft);font-size:14.5px;line-height:1.85}.overview-row .ov-img{background-position:50%;background-size:cover;border-radius:var(--r-xl);box-shadow:var(--shadow-md);flex-shrink:0;min-height:200px;overflow:hidden;width:320px}.feat-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.feat-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:24px 22px;transition:transform .3s,box-shadow .3s}.feat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.feat-card .f-ico{align-items:center;background:var(--mint-pale);border-radius:var(--r-md);color:var(--leaf);display:flex;height:46px;justify-content:center;margin-bottom:14px;width:46px}.aqua-scope .feat-card .f-ico{background:var(--aqua-soft);color:var(--aqua)}.feat-card .f-ico svg{height:24px;width:24px}.feat-card strong{color:var(--ink);display:block;font-size:15px;margin-bottom:6px}.feat-card p{color:var(--ink-mute);font-size:13px;line-height:1.6}.process-flow{align-items:stretch;display:flex;flex-wrap:wrap;gap:6px}.process-step{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);flex:1;min-width:120px;padding:22px 16px;text-align:center}.process-step .ps-num{align-items:center;background:var(--green-gradient-soft);border-radius:50%;color:#fff;display:flex;font-family:var(--font-title);font-size:15px;font-weight:700;height:38px;justify-content:center;margin:0 auto 10px;width:38px}.aqua-scope .process-step .ps-num{background:linear-gradient(135deg,#1e8c7a,#34b6a0)}.process-step strong{color:var(--ink);display:block;font-size:14px;margin-bottom:4px}.process-step p{color:var(--ink-mute);font-size:12px;line-height:1.45}.process-arrow{align-items:center;color:var(--sage);display:flex;font-size:22px}.photo-grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.photo-card{border-radius:var(--r-lg);box-shadow:var(--shadow-md);height:160px;overflow:hidden;position:relative}.photo-card img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s;width:100%}.photo-card:hover img{transform:scale(1.07)}.photo-card span{background:linear-gradient(180deg,transparent,rgba(13,46,30,.85));bottom:0;color:#fff;font-size:13px;font-weight:600;left:0;padding:16px 14px 12px;position:absolute;right:0}.cert-row{display:flex;flex-wrap:wrap;gap:16px}.cert-thumb{width:130px}.cert-thumb .ct-img{align-items:center;background:linear-gradient(160deg,var(--mint-pale),var(--mint-soft));border:1px solid var(--border-lt);border-radius:var(--r-md);box-shadow:var(--shadow-sm);color:var(--leaf);display:flex;height:168px;justify-content:center;width:130px}.cert-thumb .ct-img svg{height:38px;opacity:.8;width:38px}.cert-thumb span{color:var(--ink-mute);display:block;font-size:12px;margin-top:8px;text-align:center}.compare-grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.compare-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:26px 24px}.compare-card.accent{background:linear-gradient(180deg,var(--mint-pale),var(--surface));border-color:var(--sage)}.compare-card h4{color:var(--ink);font-family:var(--font-title);font-size:17px;font-weight:700;margin-bottom:10px}.compare-card.accent h4{color:var(--forest)}.compare-card p{color:var(--ink-soft);font-size:14px;line-height:1.7}.compare-card .c-img{background-position:50%;background-size:cover;border-radius:var(--r-md);height:140px;margin-top:14px}.diagram-box{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden}.diagram-box img{display:block;width:100%}.inquiry-section{background:linear-gradient(180deg,var(--mint-pale),var(--bg-soft));padding:48px}.inquiry-section h3{color:var(--ink);font-family:var(--font-title);font-size:20px;font-weight:700;margin-bottom:6px}.inquiry-section .iq-sub{color:var(--ink-mute);font-size:14px;margin-bottom:22px}.form-grid{display:grid;gap:16px 20px;grid-template-columns:1fr 1fr;max-width:640px}.form-grid.in-card{max-width:none}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{color:var(--ink);font-size:13px;font-weight:600}.form-group label .req{color:var(--aqua);margin-left:2px}.form-control{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink);font-family:var(--font-base);font-size:14px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.form-control::-moz-placeholder{color:var(--ink-mute)}.form-control::placeholder{color:var(--ink-mute)}.form-control:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #2e9e5b24;outline:none}textarea.form-control{min-height:110px;resize:vertical}.btn-primary{align-items:center;background:var(--green-gradient-soft);border:none;border-radius:var(--r-full);box-shadow:var(--shadow-leaf);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-base);font-size:14px;font-weight:700;gap:8px;padding:13px 32px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 16px 38px #2e9e5b66;transform:translateY(-2px)}.btn-primary.full{justify-content:center;margin-top:8px;width:100%}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter-tab{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);color:var(--ink-soft);cursor:pointer;font-family:var(--font-base);font-size:13px;font-weight:500;padding:9px 20px;transition:all .15s}.filter-tab:hover{border-color:var(--sage);color:var(--forest)}.filter-tab.active{background:var(--green-gradient-soft);border-color:transparent;color:#fff}.filter-count{color:var(--ink-mute);font-size:11px;font-weight:700}.filter-tab.active .filter-count{color:#fffc}.resource-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.resource-card{align-items:center;background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:28px 24px;text-align:center;transition:transform .3s,box-shadow .3s}.resource-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.resource-card .r-ico{align-items:center;background:linear-gradient(160deg,var(--mint-pale),var(--mint-soft));border-radius:var(--r-md);color:var(--leaf);display:flex;height:64px;justify-content:center;margin-bottom:16px;width:56px}.resource-card .r-ico svg{height:30px;width:30px}.resource-card h4{color:var(--ink);font-size:15px;font-weight:700;line-height:1.4;margin-bottom:8px}.resource-card .r-cat{background:var(--mint-pale);border-radius:var(--r-full);color:var(--forest);font-size:11px;font-weight:600;margin-bottom:6px;padding:3px 10px}.resource-card .r-size{color:var(--ink-mute);font-size:12px;margin-bottom:16px}.resource-card.add{background:var(--bg-soft);border-style:dashed;justify-content:center}.resource-card.add .r-ico{background:var(--border-lt);color:var(--ink-mute)}.resource-card.add h4{color:var(--ink-mute)}.btn-dl{align-items:center;background:var(--mint-pale);border:1px solid var(--sage);border-radius:var(--r-full);color:var(--forest);cursor:pointer;display:inline-flex;font-family:var(--font-base);font-size:13px;font-weight:700;gap:7px;margin-top:auto;padding:9px 22px;transition:all .15s}.btn-dl:hover{background:var(--green-gradient-soft);border-color:transparent;color:#fff}.btn-dl svg{height:15px;width:15px}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#14432b73;display:none;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal-overlay.open{display:flex}.modal{animation:modalIn .3s cubic-bezier(.2,.7,.2,1);background:var(--surface);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg);max-width:100%;padding:34px;width:440px}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal h3{color:var(--ink);font-family:var(--font-title);font-size:19px;font-weight:700;margin-bottom:6px}.modal .m-sub{color:var(--ink-mute);font-size:13px;margin-bottom:22px}.modal .form-group{margin-bottom:14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.btn-ghost{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);color:var(--ink-soft);cursor:pointer;font-family:var(--font-base);font-size:13px;font-weight:600;padding:11px 22px}.btn-ghost:hover{border-color:var(--ink-mute)}.step-flow{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.step-card{padding:8px 12px;text-align:center;width:180px}.step-num{align-items:center;background:var(--green-gradient);border-radius:50%;box-shadow:var(--shadow-leaf);color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.step-card h4,.step-num{font-family:var(--font-title);font-weight:700}.step-card h4{color:var(--ink);font-size:16px;margin-bottom:8px}.step-card p{color:var(--ink-mute);font-size:13px;line-height:1.6}.step-arrow{align-items:center;color:var(--sage);display:flex;font-size:26px;padding-top:24px}.project-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.project-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}.project-img{background-position:50%;background-size:cover;height:160px}.project-info{padding:18px 20px}.project-info .p-tag{background:var(--mint-pale);border-radius:var(--r-full);color:var(--forest);display:inline-block;font-size:10px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;padding:3px 10px}.project-info .p-tag.aqua{background:var(--aqua-soft);color:#1e8c7a}.project-info strong{color:var(--ink);display:block;font-size:15px;margin-bottom:5px}.project-info span{color:var(--ink-mute);font-size:13px}.pending{background:var(--bg-soft);border:2px dashed var(--border);border-radius:var(--r-2xl);padding:48px;text-align:center}.pending .p-ico{color:var(--sage);height:56px;margin:0 auto 18px;width:56px}.pending h3{color:var(--ink-soft);font-family:var(--font-title);font-size:18px;margin-bottom:10px}.pending p{color:var(--ink-mute);font-size:14px;line-height:1.7}.contact-layout{align-items:start;display:grid;gap:28px;grid-template-columns:1fr 380px}.card-panel{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-2xl);box-shadow:var(--shadow-md);padding:36px}.card-panel>h3{color:var(--ink);font-family:var(--font-title);font-size:20px;font-weight:700;margin-bottom:6px}.card-panel .cp-sub{color:var(--ink-mute);font-size:14px;margin-bottom:26px}.info-stack{display:flex;flex-direction:column;gap:18px}.info-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm);padding:26px}.info-card h4{color:var(--ink);font-family:var(--font-title);font-size:16px;font-weight:700;margin-bottom:18px}.info-row{display:flex;gap:14px;margin-bottom:16px}.info-row:last-child{margin-bottom:0}.info-row .i-ico{align-items:center;background:var(--mint-pale);border-radius:var(--r-md);color:var(--leaf);display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.info-row .i-ico svg{height:19px;width:19px}.info-row .i-text strong{color:var(--ink-mute);display:block;font-size:12px;font-weight:600;margin-bottom:3px}.info-row .i-text{color:var(--ink);font-size:14px;line-height:1.5}.map-box{align-items:center;background:linear-gradient(160deg,var(--mint-pale),var(--mint-soft));border-radius:var(--r-md);color:var(--leaf);display:flex;font-size:13px;height:200px;justify-content:center;margin-top:4px;overflow:hidden}.content-section .vision-grid{gap:14px;grid-template-columns:1fr}.content-section .vision-card{align-items:flex-start;display:flex;gap:22px;padding:26px 30px;text-align:left}.content-section .vision-card .v-ico{flex-shrink:0;margin:0}.content-section .vision-card .v-body{flex:1;min-width:0}.content-section .vision-card h4{margin-bottom:6px}#wst-07-data-gallery .photo-grid,#wst-21-data-gallery .photo-grid{gap:18px;grid-template-columns:repeat(2,1fr)}#wst-07-data-gallery .photo-card,#wst-21-data-gallery .photo-card{background:var(--surface);box-shadow:var(--shadow-sm);height:auto}#wst-07-data-gallery .photo-card img,#wst-21-data-gallery .photo-card img{height:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:980px){.feat-grid,.project-grid,.resource-grid,.vision-grid{grid-template-columns:repeat(2,1fr)}.cert-grid,.cert-grid.cols-4{grid-template-columns:repeat(3,1fr)}.compare-grid,.contact-layout{grid-template-columns:1fr}.overview-row{flex-direction:column}.overview-row .ov-img{width:100%}.sidebar{display:none}}@media(max-width:600px){.page-hero h1{font-size:28px}.section{padding:44px 22px}.cert-grid,.cert-grid.cols-4,.feat-grid,.form-grid,.kpi-row,.project-grid,.resource-grid,.vision-grid{grid-template-columns:1fr}.content-section,.inquiry-section,.product-head,.tab-bar{padding-left:22px;padding-right:22px}#wst-07-data-gallery .photo-grid,#wst-21-data-gallery .photo-grid{grid-template-columns:1fr}}.stacked-sections>section+section{margin-top:72px}@media(max-width:600px){.stacked-sections>section+section{margin-top:48px}}@media(max-width:980px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero-right{min-height:340px}.orbit-container,.orbit-ring{transform:scale(.6)}.footer{padding:48px 24px 0}.footer-inner{gap:30px 16px;grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px;text-align:center}.step-flow{align-items:center;flex-direction:column;gap:10px}.step-card{max-width:320px;width:100%}.step-arrow{font-size:22px;padding-top:0;transform:rotate(90deg)}.photo-grid{grid-template-columns:1fr}.hero h1{font-size:30px}.products .sec-sub{overflow-wrap:anywhere;white-space:normal!important;word-break:keep-all}.products{padding:64px 22px}.products-grid{gap:18px}.product-card{display:block;min-height:0;position:relative}.card-main{padding:30px 26px}.card-photo{border-radius:50%;flex:none;height:190px;inset:auto -54px -40px auto;-webkit-mask-image:radial-gradient(circle at center,#000 16%,transparent 70%);mask-image:radial-gradient(circle at center,#000 16%,transparent 70%);position:absolute;width:190px;z-index:0}.product-card .card-photo:after{background:none}.card-body p{font-weight:500}.apps{padding:64px 22px 72px}.apps-grid{gap:14px}.app-card{aspect-ratio:1/1;height:auto}.app-card-ov{padding:16px 14px}.app-card-num{font-size:10px;margin-bottom:4px}.app-card-name{font-size:15px;letter-spacing:-.02em;white-space:nowrap}.cta-wrap{padding-left:22px;padding-right:22px}.cta-box{padding-bottom:44px}.cta-btn{bottom:auto;left:auto;margin-top:28px;position:static}.stats{padding:56px 22px}.stats-grid{gap:12px;grid-template-columns:1fr 1fr}.stat{padding:22px 14px}.stat-icon{height:38px;margin:0 auto 10px;width:38px}.stat-icon svg{height:20px;width:20px}.stat-num{font-size:28px}.stat-pre,.stat-suf{font-size:15px}.stat-lbl{font-size:12px;margin-top:6px;word-break:keep-all}.stats-note{margin-top:14px;padding:28px 24px}.stats-note h3{font-size:30px;line-height:1.3;word-break:keep-all}.tbl{background:none;border:none;border-radius:0;box-shadow:none;display:block;overflow:visible}.tbl thead{border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.tbl tbody{display:block}.tbl tbody tr{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);display:block;margin-bottom:12px;padding:4px 16px}.tbl tbody tr:last-child{margin-bottom:0}.tbl tbody tr:hover td{background:none}.tbl td,.tbl th{border:none;border-bottom:1px solid var(--border-lt);display:block;padding:11px 0;text-align:left;white-space:normal!important;width:auto!important;word-break:keep-all}.tbl tr>:last-child{border-bottom:none}.tbl td[data-label]:before{content:attr(data-label);display:block;margin-bottom:3px}.tbl td[data-label]:before,.tbl.spec th{color:var(--forest);font-size:11px;font-weight:700;letter-spacing:.02em}.tbl.spec th{background:none;border-bottom:none;border-right:none;padding-bottom:2px}.tbl.spec td{padding-top:2px}}body{overflow-wrap:break-word;word-break:keep-all}.product-switch{display:none}@media(max-width:980px){.product-switch{background:var(--surface);border-bottom:1px solid var(--border-lt);display:flex;gap:8px;margin-bottom:16px;padding:14px 22px;position:sticky;top:72px;z-index:30}.product-switch button{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-full);color:var(--ink-soft);cursor:pointer;display:flex;flex:1;font-family:var(--font-base);font-size:13px;font-weight:600;height:40px;justify-content:center;transition:background .15s,color .15s,border-color .15s}.product-switch button.active{background:var(--green-gradient-soft);border-color:transparent;color:#fff}.product-switch button.active.aqua{background:linear-gradient(135deg,#1e8c7a,#34b6a0)}.tab-bar{top:141px}}@media(max-width:600px){.content-section .vision-card{align-items:center;-moz-column-gap:12px;column-gap:12px;display:grid;grid-template-columns:auto 1fr;padding:22px 24px;row-gap:8px}.content-section .vision-card .v-ico{border-radius:var(--r-md);grid-column:1;grid-row:1;height:34px;margin:0;width:34px}.content-section .vision-card .v-ico svg{height:18px;width:18px}.content-section .vision-card .v-body{display:contents}.content-section .vision-card h4{grid-column:2;grid-row:1;margin-bottom:0}.content-section .vision-card p{grid-column:1/-1;grid-row:2}}