:root{--blue:#1265c5;--deep:#061225;--ink:#10151d;--line:#dce2e9;--soft:#f3f6f8;--green:#8fd0b2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Manrope","Noto Sans KR",sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:88px;padding:0 4.6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(15,26,40,.1);backdrop-filter:blur(16px);transition:.3s}.site-header.compact{height:70px}.brand img{width:310px;max-height:52px;object-fit:contain}.desktop-nav{display:flex;gap:3vw;font-size:15px;font-weight:600}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:2px;background:var(--blue);transition:.3s}.desktop-nav a:hover:after{width:100%}.menu-button{display:none;border:0;background:none;width:42px;height:42px}.menu-button span{display:block;width:26px;height:2px;margin:7px;background:#111}.hero{position:relative;min-height:100vh;overflow:hidden;color:white;background:radial-gradient(circle at 74% 48%,#173f6a 0,#0a2343 19%,#061426 40%,#030a13 75%);display:flex;align-items:center;padding:140px 7vw 70px}.hero:after{content:"";position:absolute;inset:auto -12% -35% 25%;height:65%;background:linear-gradient(90deg,transparent,rgba(33,127,227,.12));transform:rotate(-14deg)}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:85px 85px;mask-image:linear-gradient(90deg,black,transparent 75%)}.hero-copy{position:relative;z-index:4}.eyebrow,.kicker{font-size:12px;letter-spacing:.28em;font-weight:700}.hero h1{font-size:clamp(62px,8vw,138px);line-height:.86;letter-spacing:-.065em;margin:32px 0}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62)}.hero-description{font-size:18px;line-height:1.8;color:#c9d3df}.text-link{display:inline-flex;gap:35px;margin-top:28px;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:10px;font-size:13px;letter-spacing:.08em}.hero-product{position:absolute;z-index:2;right:3vw;top:17%;width:min(48vw,780px);aspect-ratio:1;display:grid;place-items:center}.hero-product:after{content:"";position:absolute;width:58%;height:20%;bottom:17%;background:#000;filter:blur(35px);border-radius:50%;opacity:.55}.hero-product img{position:relative;z-index:2;width:82%;mix-blend-mode:screen;filter:contrast(1.05) drop-shadow(0 40px 25px #000);transform:rotate(-20deg)}.orbit{position:absolute;border:1px solid rgba(87,169,255,.3);border-radius:50%}.orbit-one{inset:9%}.orbit-two{inset:22%;border-style:dashed;animation:spin 28s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero-index{position:absolute;right:4.5vw;bottom:45px;display:flex;align-items:center;gap:12px;font-size:11px}.hero-index i{width:100px;height:1px;background:#597087}.scroll-cue{position:absolute;z-index:3;left:2.2vw;bottom:42px;font-size:9px;letter-spacing:.2em;display:flex;flex-direction:column;align-items:center;gap:13px}.scroll-cue i{height:55px;width:1px;background:white}.section{padding:140px 7vw}.section-label{display:flex;gap:22px;font-size:12px;letter-spacing:.18em;font-weight:700}.section-label span{color:var(--blue)}.section-label.light{color:white}.intro{display:grid;grid-template-columns:1fr 2.2fr;gap:50px}.intro-copy{max-width:920px}.kicker{color:var(--blue);margin:0 0 24px}.intro h2,.quality h2,.contact h2{font-size:clamp(42px,5vw,78px);line-height:1.16;letter-spacing:-.05em;margin:0}.intro h2 em,.quality h2 em,.contact h2 em{font-style:normal;color:var(--blue)}.intro-copy>p:last-child,.quality-copy>p{max-width:610px;color:#68717c;line-height:1.9;margin-top:38px}.numbers{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:60px}.numbers div{padding:30px 20px 0 0;border-right:1px solid var(--line)}.numbers strong{display:block;font-size:48px;color:var(--blue)}.numbers span{font-size:13px;color:#707987}.business{position:relative;background:var(--deep);color:white;display:grid;grid-template-columns:1.05fr 1.35fr 1.2fr;gap:5vw;overflow:hidden}.business:before{content:"PICO";position:absolute;left:-1%;bottom:-7%;font-size:25vw;font-weight:700;color:rgba(255,255,255,.018)}.section-heading h2,.esg h2{font-size:clamp(48px,5.4vw,86px);line-height:.95;letter-spacing:-.06em;margin:55px 0 32px}.section-heading>p{color:#92a0b0;line-height:1.8}.business-list{position:relative;z-index:2}.business-card{position:relative;padding:28px 45px;border-bottom:1px solid #263447;cursor:pointer;transition:.35s}.business-card>span{font-size:10px;color:#6e8096}.business-card h3{font-size:27px;margin:9px 0 4px}.business-card p{margin:0;font-size:11px;color:#8090a3}.business-card b{position:absolute;right:15px;top:42%;opacity:0}.business-card.active,.business-card:hover{background:#1166c9;transform:translateX(14px)}.business-card.active p,.business-card:hover p{color:#d9e8fa}.business-card.active b,.business-card:hover b{opacity:1}.business-visual{align-self:center;position:relative;aspect-ratio:4/5;background:#fff;overflow:hidden}.business-visual img{width:100%;height:100%;object-fit:contain;transition:.4s}.business-visual span{position:absolute;z-index:2;left:18px;top:18px;color:#0a1a2c;font-size:9px;letter-spacing:.22em}.quality{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;background:var(--soft)}.quality-visual{position:relative;background:#fff;min-height:650px;display:grid;place-items:center;overflow:hidden}.quality-visual img{width:85%;mix-blend-mode:multiply}.quality-mark{position:absolute;bottom:28px;left:30px;display:flex;align-items:end;gap:10px}.quality-mark strong{font-size:72px;line-height:.8;color:var(--blue)}.quality-mark span{font-size:14px;letter-spacing:.25em}.quality-copy .kicker{margin-top:70px}.cert-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.cert-list span{border:1px solid #c5cdd6;padding:12px 18px;font-size:11px;font-weight:700}.esg{background:#0c2c27;color:white}.esg-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:70px}.esg h2 em{font-style:normal;color:var(--green)}.esg-head>p{color:#a9beb9;line-height:1.9}.esg-grid{display:grid;grid-template-columns:repeat(3,1fr)}.esg-card{position:relative;min-height:520px;padding:50px 36px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid rgba(255,255,255,.16);overflow:hidden}.esg-card:first-child{border-left:1px solid rgba(255,255,255,.16)}.esg-letter{position:absolute;left:15px;top:-55px;font-size:280px;line-height:1;font-weight:700;color:rgba(255,255,255,.035);transition:.4s}.esg-card:hover .esg-letter{color:rgba(143,208,178,.11);transform:translateY(12px)}.esg-card small{color:var(--green);letter-spacing:.2em}.esg-card h3{font-size:28px;line-height:1.45;margin:18px 0}.esg-card p{color:#a9beb9;font-size:13px;line-height:1.9;max-width:330px}.esg-card i{position:absolute;right:25px;top:30px;font-style:normal;font-size:11px;color:#718a85}.placeholder-note{text-align:right;font-size:11px;color:#6e8b84;margin-top:24px}.contact{text-align:center;padding-top:170px;padding-bottom:170px}.contact .eyebrow{color:var(--blue)}.contact h2{margin:35px 0 55px}.contact-button{margin:auto;width:170px;height:170px;background:var(--blue);color:white;border-radius:50%;display:flex;flex-direction:column;justify-content:center;gap:14px;transition:.3s}.contact-button:hover{transform:scale(1.06);background:#084c9e}.contact-button b{font-size:22px}footer{padding:55px 7vw;background:#080d14;color:#8a949f;display:grid;grid-template-columns:1.3fr 1fr 1fr;align-items:end;font-size:11px;line-height:1.8}footer img{width:260px;filter:grayscale(1) invert(1);opacity:.85}.copyright{text-align:right}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:960px){.site-header{height:72px;padding:0 22px}.brand img{width:235px}.desktop-nav{position:fixed;inset:72px 0 auto;background:white;display:none;flex-direction:column;padding:35px 28px;gap:25px}.desktop-nav.open{display:flex}.menu-button{display:block}.hero{padding:120px 24px 70px;align-items:flex-start}.hero-copy{margin-top:8vh}.hero-product{width:85vw;right:-28vw;top:40%;opacity:.55}.hero h1{font-size:17vw}.hero-description{font-size:14px}.section{padding:95px 24px}.intro,.business,.quality{grid-template-columns:1fr}.intro{gap:45px}.numbers{grid-column:1;margin-top:20px}.numbers strong{font-size:34px}.business{gap:50px}.business-visual{aspect-ratio:1.1/1;max-height:550px}.quality-visual{min-height:480px;order:2}.quality-copy{order:1}.esg-head{display:block}.esg-head>p{margin-top:35px}.esg-grid{grid-template-columns:1fr}.esg-card{min-height:330px;border-left:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16)}footer{grid-template-columns:1fr;gap:28px}.copyright{text-align:left}}@media(max-width:580px){.brand img{width:205px}.hero h1{font-size:18vw;margin-top:22px}.hero-product{top:47%;width:100vw}.hero-index{display:none}.intro h2,.quality h2,.contact h2{font-size:38px}.numbers{grid-template-columns:1fr}.numbers div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.section-heading h2,.esg h2{font-size:51px}.business-card{padding-left:15px}.quality-visual{min-height:360px}.quality-mark strong{font-size:50px}.contact-button{width:145px;height:145px}footer img{width:220px}}