:root{--color-white:#ffffff;--color-light-gray:#f5f5f5;--color-gray:#d1d2d4;--color-dark-gray:#a4a2a0;--color-darker-gray:#333333;--color-black:#1a1a1a;--color-orange:#ff6b35;--color-orange-light:#ff8c5a;--color-orange-dark:#e55a2b;--color-success:#4caf50;--color-error:#f44336;--color-info:#2196f3;--font-primary:'Noto Sans SC',sans-serif;--font-serif:'Noto Serif SC',serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-xxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 2px 8px rgba(0,0,0,0.1);--shadow-md:0 4px 16px rgba(0,0,0,0.12);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--shadow-hover:0 12px 32px rgba(0,0,0,0.2);--transition-fast:0.2s ease-out;--transition-normal:0.3s ease-out;--transition-slow:0.5s ease-out;}*{margin:0;padding:0;box-sizing:border-box;}html{font-size:16px;scroll-behavior:smooth;}body{font-family:var(--font-primary);font-weight:400;line-height:1.6;color:var(--color-black);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}img{max-width:100%;height:auto;display:block;}a{text-decoration:none;color:inherit;transition:var(--transition-fast);}a:hover{color:var(--color-orange);}button{border:none;background:none;font-family:inherit;cursor:pointer;transition:var(--transition-fast);}ul{list-style:none;}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);}.section{padding:var(--spacing-xxl) 0;}@media (max-width:768px){.container{padding:0 var(--spacing-sm);}.section{padding:var(--spacing-xl) 0;}}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--color-white);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-light-gray);z-index:1000;padding:var(--spacing-sm) 0;}.navbar .container{display:flex;justify-content:space-between;align-items:center;}.logo{font-size:1.5rem;font-weight:700;color:var(--color-black);}.logo-text{font-family:var(--font-serif);letter-spacing:-0.5px;}.nav-links{display:flex;gap:var(--spacing-lg);}.nav-links a{font-weight:500;color:var(--color-darker-gray);font-size:0.95rem;}.nav-links a:hover{color:var(--color-orange);}@media (max-width:768px){.nav-links{gap:var(--spacing-md);}.nav-links a{font-size:0.9rem;}}.hero{height:100vh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:0;background-color:var(--color-white);position:relative;}.hero-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0;pointer-events:none;}.text-pressure-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);animation:bounce 2s infinite;color:var(--color-orange);font-size:2rem;cursor:pointer;z-index:2;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0);}40%{transform:translateX(-50%) translateY(-10px);}60%{transform:translateX(-50%) translateY(-5px);}}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--color-black);margin-bottom:var(--spacing-md);}.hero-title .highlight{color:var(--color-orange);}.hero-subtitle{font-size:1.25rem;color:var(--color-darker-gray);margin-bottom:var(--spacing-lg);}.hero-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-gray);border-bottom:1px solid var(--color-gray);}.stat-item{display:flex;flex-direction:column;align-items:flex-start;}.stat-number{font-size:2rem;font-weight:700;color:var(--color-orange);font-family:'DIN Alternate',sans-serif;}.stat-label{font-size:0.9rem;color:var(--color-darker-gray);text-transform:uppercase;letter-spacing:0.5px;}.hero-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap;}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;font-size:1rem;transition:var(--transition-normal);cursor:pointer;}.btn-primary{background-color:var(--color-orange);color:var(--color-white);box-shadow:0 4px 16px rgba(255,107,53,0.3);}.btn-primary:hover{background-color:var(--color-orange-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,53,0.4);}.btn-secondary{border:2px solid var(--color-orange);color:var(--color-orange);background-color:transparent;}.btn-secondary:hover{background-color:var(--color-orange);color:var(--color-white);}.hero-visual{display:flex;justify-content:center;align-items:center;}.device-image{width:100%;height:550px;background-color:var(--color-light-gray);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);}.device-placeholder{font-size:1.5rem;font-weight:500;color:var(--color-darker-gray);}.device-params{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);}.param-bubble{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-sm);font-size:0.9rem;color:var(--color-darker-gray);text-align:center;}@media (max-width:768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;}.hero-title{font-size:2.5rem;}.hero-stats{justify-content:center;gap:var(--spacing-lg);}.hero-buttons{justify-content:center;}}.hero-content-section{padding-top:120px;padding-bottom:var(--spacing-xxl);background-color:var(--color-white);}.hero-content-section .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:center;}@media (max-width:768px){.hero-content-section .hero-content{grid-template-columns:1fr;gap:var(--spacing-xl);text-align:center;}}.device-evolution{padding:var(--spacing-xxl) 0;background-color:var(--color-white);text-align:center;}.evolution-header{margin-bottom:-50px !important;text-align:left;}.evolution-title{font-size:7rem;font-weight:900;color:var(--color-orange);text-transform:uppercase;letter-spacing:2px;margin-bottom:0;text-align:left;white-space:nowrap;line-height:1;}.evolution-subtitle{font-size:0.9rem;font-weight:300;color:var(--color-orange);text-transform:uppercase;letter-spacing:8px;margin-top:2px;text-align:left;line-height:1;}.evolution-timeline{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);max-width:1600px;margin:0 auto;}.device-card{background-color:transparent;padding:0;transition:var(--transition-normal);position:relative;flex:1;height:650px;display:flex;align-items:center;justify-content:center;overflow:visible;}.device-card:hover{transform:translateY(-8px);}.device-image-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;overflow:visible;position:relative;min-height:650px;}.device-image-wrapper img{width:100%;height:100%;object-fit:contain;object-position:center center;transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transform:scale(1);display:block;margin:0 auto;}.device-card:hover .device-image-wrapper img{transform:scale(1.5);}@keyframes wave{0%,100%{transform:scale(1) rotateX(0deg) rotateY(0deg);}25%{transform:scale(1.03) rotateX(2deg) rotateY(2deg);}50%{transform:scale(1) rotateX(0deg) rotateY(-2deg);}75%{transform:scale(1.03) rotateX(-2deg) rotateY(0deg);}}.device-card[data-year="2022"] .device-image-wrapper img,.device-card[data-year="2023"] .device-image-wrapper img,.device-card[data-year="2024"] .device-image-wrapper img{animation:none;}.device-card .device-image-wrapper img{transition:transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94);}.device-card:hover .device-image-wrapper img{transform:scale(1.5);}.nine-innovations-title{padding:0 0 0 0;background-color:transparent;text-align:left;margin-top:-150px !important;}.nine-title{margin-bottom:0;text-align:left;}.nine-title-text{font-size:4rem;font-weight:600;color:var(--color-orange);text-transform:uppercase;letter-spacing:2px;margin:0;text-align:left;white-space:nowrap;line-height:1;}.blur-word{display:inline-block;filter:blur(12px);opacity:0;transform:translateY(20px);}.blur-text.is-visible .blur-word{animation:blurIn 4.5s ease-in-out infinite;}.blur-text.is-visible .blur-word:nth-child(1){animation-delay:0s;}.blur-text.is-visible .blur-word:nth-child(2){animation-delay:0.15s;}.blur-text.is-visible .blur-word:nth-child(3){animation-delay:0.3s;}.blur-text.is-visible .blur-word:nth-child(4){animation-delay:0.45s;}@keyframes blurIn{0%{filter:blur(12px);opacity:0;transform:translateY(20px);}15%{filter:blur(0);opacity:1;transform:translateY(0);}70%{filter:blur(0);opacity:1;transform:translateY(0);}85%{filter:blur(12px);opacity:0;transform:translateY(-15px);}100%{filter:blur(12px);opacity:0;transform:translateY(20px);}}.nine-innovations{margin-top:0 !important;padding-top:60px !important;padding-bottom:80px !important;background-color:var(--color-white);}.innovations-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;}.innovation-card{position:relative;background-color:var(--color-light-gray);padding:48px 36px 40px;transition:var(--transition-normal);overflow:hidden;}.innovation-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background-color:var(--color-orange);transform:scaleX(0);transform-origin:left;transition:transform 0.4s cubic-bezier(0.25,0.46,0.45,0.94);}.innovation-card:hover{background-color:#eaeaea;}.innovation-card:hover::before{transform:scaleX(1);}.innovation-number{font-family:'DIN Alternate',sans-serif;font-size:4.5rem;font-weight:700;color:rgba(26,26,26,0.06);position:absolute;top:12px;right:20px;line-height:1;letter-spacing:-2px;transition:color 0.4s ease;user-select:none;}.innovation-card:hover .innovation-number{color:rgba(255,107,53,0.15);}.innovation-content{position:relative;z-index:2;}.innovation-title{font-size:1.15rem;font-weight:700;color:var(--color-orange);margin-bottom:16px;line-height:1.4;letter-spacing:0.5px;}.innovation-desc{font-size:0.88rem;font-weight:300;color:var(--color-darker-gray);line-height:1.8;letter-spacing:0.3px;}.innovation-card:hover .innovation-desc{color:var(--color-black);}@media (max-width:1024px){.innovations-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.innovations-grid{grid-template-columns:1fr;}.innovation-card{padding:36px 28px 32px;}.innovation-number{font-size:3.5rem;}}@media (max-width:1200px){.evolution-title{font-size:3.5rem;}.device-card{height:550px;}}@media (max-width:768px){.evolution-title{font-size:2.5rem;text-align:center;}.evolution-timeline{flex-direction:column;gap:var(--spacing-md);}.device-card{height:350px;}.device-card:hover{transform:scale(1.02);}}@media (max-width:480px){.evolution-title{font-size:2rem;}.device-card{height:300px;}}.pain-points{background-color:var(--color-white);}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-black);text-align:center;margin-bottom:var(--spacing-xl);}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);}.pain-side,.solution-side{background-color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 3px 12px rgba(0,0,0,0.05);}.pain-side h3,.solution-side h3{font-size:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray);}.pain-side h3{color:var(--color-error);}.solution-side h3{color:var(--color-success);}.pain-list li,.solution-list li{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-light-gray);}.pain-list .icon{color:var(--color-error);font-weight:bold;flex-shrink:0;}.solution-list .icon{color:var(--color-success);font-weight:bold;flex-shrink:0;}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr;gap:var(--spacing-xl);}}.brand-story{background-color:var(--color-white);}.story-content{text-align:center;max-width:800px;margin:0 auto;background-color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,0.06);}.story-title{font-size:2.5rem;font-weight:700;color:var(--color-black);margin-bottom:var(--spacing-lg);}.story-text{font-size:1.25rem;color:var(--color-darker-gray);margin-bottom:var(--spacing-md);}.story-highlight{font-size:1.5rem;font-weight:700;color:var(--color-orange);font-family:var(--font-serif);}.products{background-color:var(--color-white);}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);}.product-card{background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:var(--transition-normal);box-shadow:0 2px 12px rgba(0,0,0,0.05);}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-orange);}.product-image{width:100%;height:210px;background-color:var(--color-light-gray);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);}.product-placeholder{font-size:1rem;color:var(--color-darker-gray);}.product-card h3{font-size:1.25rem;font-weight:600;color:var(--color-black);margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs);line-height:1.3;}.product-desc{font-size:0.9rem;color:var(--color-darker-gray);margin-bottom:var(--spacing-xs);line-height:1.4;}.product-price{margin-top:var(--spacing-sm);padding-top:0;border-top:none;}.price{font-size:1.5rem;font-weight:700;color:var(--color-orange);font-family:'DIN Alternate',sans-serif;}.scenarios{background-color:var(--color-white);}.scenario-tabs{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);flex-wrap:wrap;}.tab-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-white);border:1px solid var(--color-gray);border-radius:var(--radius-sm);font-weight:500;color:var(--color-darker-gray);cursor:pointer;transition:var(--transition-fast);}.tab-btn.active,.tab-btn:hover{background-color:var(--color-orange);color:var(--color-white);border-color:var(--color-orange);}.scenario-content{max-width:800px;margin:0 auto;}.scenario-panel{display:none;text-align:center;padding:var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:0 4px 16px rgba(0,0,0,0.08);}.scenario-panel.active{display:block;}.scenario-panel h3{font-size:2rem;font-weight:700;color:var(--color-black);margin-bottom:var(--spacing-md);}.market-size{display:inline-flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-light-gray);border-radius:var(--radius-md);}.size-number{font-size:3rem;font-weight:700;color:var(--color-orange);font-family:'DIN Alternate',sans-serif;}.size-unit{font-size:1.25rem;color:var(--color-darker-gray);}.scenario-desc{font-size:1.1rem;color:var(--color-darker-gray);line-height:1.7;}.calculator{background-color:var(--color-white);}.calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxl);align-items:start;}.calculator-inputs{display:flex;flex-direction:column;gap:var(--spacing-lg);}.input-group label{display:block;font-weight:500;color:var(--color-black);margin-bottom:var(--spacing-xs);}.input-group select,.input-group input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-gray);border-radius:var(--radius-sm);font-size:1rem;background-color:var(--color-white);transition:var(--transition-fast);}.input-group select:focus,.input-group input:focus{outline:none;border-color:var(--color-orange);box-shadow:0 0 0 2px rgba(255,107,53,0.2);}.input-group input[type="range"]{margin-top:var(--spacing-xs);}.range-value{display:inline-block;margin-top:var(--spacing-xs);font-weight:500;color:var(--color-orange);}.calculator-results{display:flex;flex-direction:column;gap:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:0 4px 16px rgba(0,0,0,0.06);}.result-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-sm);box-shadow:0 2px 8px rgba(0,0,0,0.04);}.result-item.highlight{background-color:var(--color-orange);color:var(--color-white);}.result-item.highlight .result-value{color:var(--color-white);}.result-label{font-weight:500;color:var(--color-darker-gray);}.result-item.highlight .result-label{color:var(--color-white);}.result-value{font-size:1.25rem;font-weight:700;color:var(--color-orange);font-family:'DIN Alternate',sans-serif;}@media (max-width:768px){.calculator-content{grid-template-columns:1fr;gap:var(--spacing-xl);}}.comparison{background-color:var(--color-white);}.comparison-table{overflow-x:auto;border-radius:var(--radius-md);box-shadow:0 4px 20px rgba(0,0,0,0.06);}.comparison-table table{width:100%;border-collapse:collapse;background-color:var(--color-white);}.comparison-table th,.comparison-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-gray);}.comparison-table th{background-color:var(--color-darker-gray);color:var(--color-white);font-weight:600;text-transform:uppercase;font-size:0.9rem;letter-spacing:0.5px;}.comparison-table td{color:var(--color-darker-gray);}.comparison-table td:first-child{font-weight:500;color:var(--color-black);}.comparison-table td.highlight{background-color:rgba(255,107,53,0.1);color:var(--color-orange);font-weight:700;}.comparison-table tr:hover td{background-color:var(--color-light-gray);}.comparison-table tr:hover td.highlight{background-color:rgba(255,107,53,0.15);}.cta{background-color:var(--color-black);color:var(--color-white);text-align:center;}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);}.cta-content p{font-size:1.25rem;color:var(--color-gray);margin-bottom:var(--spacing-xl);}.btn-large{padding:var(--spacing-md) var(--spacing-xxl);font-size:1.1rem;border-radius:var(--radius-md);}.footer{background-color:var(--color-darker-gray);color:var(--color-gray);padding:var(--spacing-lg) 0;text-align:center;}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);}.footer-logo .logo-text{color:var(--color-white);font-size:1.25rem;}.footer-info p{font-size:0.9rem;}@media (max-width:768px){.section-title{font-size:2rem;}.hero-title{font-size:2.5rem;}.story-title{font-size:2rem;}.cta-content h2{font-size:2rem;}.size-number{font-size:2.5rem;}.hero-stats{flex-wrap:wrap;gap:var(--spacing-lg);}}