:root{--color-bg: #f6f8fa;--color-surface: #ffffff;--color-surface-muted: #eef3f6;--color-text: #25343f;--color-text-muted: #5d6b76;--color-line: #d9e1e7;--color-line-strong: #bfc9d1;--color-primary: #ff9b51;--color-primary-strong: #f08432;--color-primary-soft: #fff2e8;--color-success: #247f4c;--color-danger: #bf4c38;--shadow-soft: 0 14px 30px rgba(37, 52, 63, .06);--radius-xs: 10px;--radius-sm: 14px;--radius-md: 18px;--radius-lg: 24px;--container: 1200px;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--font-heading: "Manrope", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--color-bg)}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 32px),var(--container));margin:0 auto}.skip-link{position:absolute;left:16px;top:-48px;padding:10px 14px;border-radius:var(--radius-xs);background:var(--color-primary);color:var(--color-surface);z-index:50}.skip-link:focus{top:16px}.site-main{padding-bottom:80px}.section{padding:72px 0}.section--compact{padding:48px 0}.section--tint{background:var(--color-primary-soft);border-block:1px solid rgba(255,155,81,.18)}.section-heading{display:grid;gap:12px;max-width:780px;margin-bottom:32px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-strong)}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor;border-radius:999px}.page-title,.section-title,.display-title,.detail-title{margin:0;font-family:var(--font-heading);font-weight:800;line-height:1.15;letter-spacing:-.03em}.display-title{font-size:clamp(2.7rem,6vw,4.8rem);max-width:12ch}.page-title,.detail-title{font-size:clamp(2.1rem,4.4vw,3.2rem)}.section-title{font-size:clamp(1.8rem,3vw,2.5rem)}.lead,.section-description,.page-description{margin:0;font-size:1.08rem;color:var(--color-text-muted);max-width:62ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 18px;border-radius:12px;border:1px solid transparent;font-weight:700;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.button:hover{transform:translateY(-1px)}.button--primary{background:var(--color-primary);color:var(--color-surface)}.button--primary:hover{background:var(--color-primary-strong)}.button--ghost{border-color:var(--color-line);background:var(--color-surface);color:var(--color-text)}.button--ghost:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.text-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--color-primary-strong)}.text-link:after{content:">";font-size:.95em}.chip-row{display:flex;flex-wrap:wrap;gap:10px}.chip,.chip-link{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text-muted);font-size:.95rem;font-weight:600}.chip-link:hover{border-color:var(--color-primary);color:var(--color-primary-strong)}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(191,201,209,.8);background:#f6f8fae6;backdrop-filter:blur(14px)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}.brand{display:inline-flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--color-text);color:var(--color-surface);font-family:var(--font-heading);font-weight:800;letter-spacing:.06em}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-family:var(--font-heading);font-size:1rem}.brand-copy small{color:var(--color-text-muted);font-size:.85rem}.header-nav{display:flex;align-items:center;gap:14px}.header-nav a{padding:10px 12px;border-radius:10px;font-weight:700;color:var(--color-text-muted)}.header-nav a:hover,.header-nav a.is-active{background:var(--color-surface);color:var(--color-text)}.mobile-menu{display:none}.mobile-menu summary{list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu__button{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--color-line);background:var(--color-surface)}.mobile-menu[open] .mobile-menu__panel{position:absolute;left:16px;right:16px;top:72px;display:grid;gap:10px;padding:16px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-soft)}.page-hero{padding:44px 0 28px}.page-hero__inner{display:grid;gap:24px;padding:28px;border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.page-hero__content{display:grid;align-content:start;gap:18px}.page-hero__content .section-heading{margin-bottom:0}.page-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:0}.page-hero__content>.chip-row{margin-top:4px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:32px;align-items:stretch;padding:36px;border:1px solid var(--color-line);border-radius:28px;background:var(--color-surface)}.hero-copy{display:grid;align-content:start;gap:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}.hero-metric{padding:18px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-muted)}.hero-metric strong{display:block;font-family:var(--font-heading);font-size:1.4rem;line-height:1.1}.hero-metric span{display:block;margin-top:8px;color:var(--color-text-muted);font-weight:600}.hero-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px;border:1px solid var(--color-line);border-radius:26px;background:var(--color-surface-muted)}.hero-visual__item{position:relative;overflow:hidden;border-radius:18px;background:#dde6ec;min-height:190px}.hero-visual__item img{width:100%;height:100%;object-fit:cover}.hero-visual__caption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:12px;background:#25343fd1;color:#fff;font-size:.9rem;font-weight:700}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cards-grid--products{grid-template-columns:repeat(4,minmax(0,1fr))}.cards-grid--categories,.cards-grid--news{grid-template-columns:repeat(3,minmax(0,1fr))}.panel,.category-card,.product-card,.blog-card,.detail-panel,.archive-panel,.inquiry-panel,.capability-card,.trust-card{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.capability-card,.trust-card,.detail-panel,.archive-panel{padding:22px}.capability-card h3,.trust-card h3,.detail-panel h3,.archive-panel h3{margin:0 0 10px;font-family:var(--font-heading);font-size:1.16rem}.capability-card p,.trust-card p,.detail-panel p,.archive-panel p{margin:0;color:var(--color-text-muted)}.category-card{display:grid;overflow:hidden}.category-card__media{position:relative;aspect-ratio:1.35 / 1;background:linear-gradient(180deg,#bfc9d180,#eaefefe0)}.category-card__media img{width:100%;height:100%;object-fit:cover}.category-card__body{display:grid;gap:12px;padding:18px}.category-card__body h3{margin:0;font-family:var(--font-heading);font-size:1.18rem}.category-card__body p{margin:0;color:var(--color-text-muted)}.product-card,.blog-card{display:grid;overflow:hidden}.product-card__media,.blog-card__media{position:relative;aspect-ratio:1 / .78;background:#e3eaef}.product-card__media img,.blog-card__media img{width:100%;height:100%;object-fit:cover}.product-card__body,.blog-card__body{display:grid;gap:12px;padding:18px}.card-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.92rem;color:var(--color-text-muted)}.product-card__title,.blog-card__title{margin:0;font-family:var(--font-heading);font-size:1.14rem;line-height:1.3}.product-card__title a,.blog-card__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card__excerpt{margin:0;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}.breadcrumbs{padding-top:24px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0;margin:0;list-style:none;color:var(--color-text-muted)}.breadcrumbs li{display:inline-flex;align-items:center;gap:8px}.breadcrumbs li:not(:last-child):after{content:"/";color:var(--color-line-strong)}.archive-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.archive-summary{color:var(--color-text-muted);font-weight:600}.pagination{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--color-line);background:var(--color-surface);font-weight:700}.pagination .is-current{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-strong)}.pagination .is-disabled{color:var(--color-line-strong)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:28px}.detail-sidebar{display:grid;gap:18px;align-content:start}.detail-summary{display:grid;gap:12px}.detail-summary__meta{display:grid;gap:12px;padding-top:6px}.detail-summary__meta-item{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--color-line)}.detail-summary__meta-item:last-child{padding-bottom:0;border-bottom:0}.detail-summary__meta-label{font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.detail-summary__meta-value{font-size:1rem;font-weight:700}.product-gallery{display:grid;gap:14px}.product-gallery__frame{overflow:hidden;border:1px solid var(--color-line);border-radius:22px;background:var(--color-surface);aspect-ratio:1 / .86}.product-gallery__frame img{width:100%;height:100%;object-fit:cover}.product-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.product-gallery__thumb{overflow:hidden;padding:0;border:1px solid var(--color-line);border-radius:14px;background:var(--color-surface);aspect-ratio:1 / 1}.product-gallery__thumb.is-active{border-color:var(--color-primary)}.product-gallery__thumb img{width:100%;height:100%;object-fit:cover}.rich-content{color:var(--color-text)}.rich-content :where(h1,h2,h3,h4,h5,h6){margin:1.5em 0 .65em;font-family:var(--font-heading);line-height:1.2}.rich-content :where(p,ul,ol,blockquote,table){margin:0 0 1rem}.rich-content :where(ul,ol){padding-left:1.25rem}.rich-content :where(a){color:var(--color-primary-strong);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.rich-content :where(img){width:100%;height:auto;border-radius:18px;margin:1.2rem 0}.rich-content :where(table){display:block;width:100%;overflow-x:auto;border-collapse:collapse;border-radius:14px;border:1px solid var(--color-line);background:var(--color-surface)}.rich-content :where(th,td){padding:12px 14px;border-bottom:1px solid var(--color-line);text-align:left;vertical-align:top}.rich-content :where(blockquote){padding:18px 20px;border-left:4px solid var(--color-primary);border-radius:0 14px 14px 0;background:var(--color-primary-soft);color:var(--color-text)}.rich-content :where(.elementor,.elementor-widget-container,.e-con-inner){max-width:100%}.inquiry-panel{padding:24px}.inquiry-panel__header{display:grid;gap:10px;margin-bottom:18px}.inquiry-panel__title{margin:0;font-family:var(--font-heading);font-size:1.5rem}.inquiry-panel__description{margin:0;color:var(--color-text-muted)}.inquiry-form{display:grid;gap:16px}.inquiry-form__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-group{display:grid;gap:8px}.field-group--full{grid-column:1 / -1}.field-group label{font-size:.92rem;font-weight:700}.field-control{width:100%;padding:12px 14px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface);color:var(--color-text);transition:border-color .18s ease,box-shadow .18s ease}.field-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #ff9b5124}.field-control[aria-invalid=true]{border-color:var(--color-danger)}.field-error{min-height:1em;color:var(--color-danger);font-size:.9rem}.checkbox-row{display:flex;align-items:flex-start;gap:10px;color:var(--color-text-muted)}.checkbox-row input{margin-top:4px}.form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}.form-status{min-height:24px;font-size:.95rem;font-weight:700}.form-status.is-success{color:var(--color-success)}.form-status.is-error{color:var(--color-danger)}.site-footer{padding:34px 0 50px;border-top:1px solid rgba(191,201,209,.8);background:var(--color-surface)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:28px}.footer-copy{display:grid;gap:14px;max-width:56ch}.footer-copy p,.footer-column p{margin:0;color:var(--color-text-muted)}.footer-column{display:grid;align-content:start;gap:10px}.footer-column h3{margin:0 0 4px;font-family:var(--font-heading);font-size:1.05rem}.footer-links{display:grid;gap:8px}.footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid var(--color-line);color:var(--color-text-muted);font-size:.95rem}.empty-state{padding:28px;border:1px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted)}.not-found{display:grid;gap:20px;max-width:720px;padding:80px 0}@media(max-width:1080px){.hero-grid,.detail-grid,.footer-grid,.cards-grid--products,.cards-grid--categories,.cards-grid--news{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.header-nav,.header-cta{display:none}.mobile-menu{display:block}.hero-grid,.detail-grid,.footer-grid,.cards-grid,.cards-grid--products,.cards-grid--categories,.cards-grid--news,.inquiry-form__grid,.hero-metrics{grid-template-columns:1fr}.hero-grid{padding:28px}}@media(max-width:640px){.container{width:min(calc(100% - 24px),var(--container))}.section{padding:58px 0}.page-hero__inner,.inquiry-panel{padding:20px}.hero-grid{padding:22px;border-radius:22px}.form-actions{align-items:stretch}.form-actions .button{width:100%}}
