:root{--color-primary: #795548;--color-accent: #a1887f;--color-background: #ffffff;--color-text: #212121;--color-text-light: #ffffff;--color-secondary: #bcaaa4;--color-divider: #d7ccc8;--color-accent-orange: #ff8a65;--color-accent-pink: #f48fb1;--color-accent-blue: #90caf9;--color-accent-green: #a5d6a7;--gradient-primary: linear-gradient(135deg, #795548 0%, #a1887f 100%);--gradient-accent: linear-gradient(135deg, #ff8a65 0%, #f48fb1 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f5f5f5 100%);--gradient-section: linear-gradient( 180deg, #ffffff 0%, #fafafa 50%, #f5f5f5 100% );--max-width: 1200px;--spacing-section-desktop: 80px;--spacing-section-mobile: 48px;--spacing-element: 24px;--padding-desktop: 32px;--padding-tablet: 24px;--padding-mobile: 16px;--border-radius: 8px;--shadow-card: 0 2px 4px rgba(0, 0, 0, .1);--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-body-large: 16px;--font-size-body-medium: 14px;--font-size-body-small: 12px}@font-face{font-family:ShinRetroMaruGothic;src:url(/fonts/ShinRetroMaruGothic-R.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ShinRetroMaruGothic;src:url(/fonts/ShinRetroMaruGothic-M.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:ShinRetroMaruGothic;src:url(/fonts/ShinRetroMaruGothic-B.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:ShinRetroMaruGothic,system-ui,-apple-system,sans-serif;font-size:var(--font-size-body-large);letter-spacing:-.5px;line-height:1.6;color:var(--color-text);background-color:var(--color-background);margin:0;padding:0;min-height:100vh}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-text-light);padding:8px 16px;text-decoration:none;font-weight:500;z-index:100;border-radius:0 0 4px}.skip-link:focus{top:0}.app{width:100%;min-height:100vh}.download-section{background:linear-gradient(135deg,var(--color-background) 0%,#fafafa 30%,var(--color-divider) 70%,var(--color-background) 100%);padding:var(--spacing-section-mobile) 0;position:relative}.download-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-orange) 50%,transparent 100%)}.download-content{text-align:center;max-width:700px;margin:0 auto}.download-title{color:var(--color-primary);margin-bottom:16px;font-size:var(--font-size-h2);font-weight:700;position:relative;padding-bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px}.download-title:before{content:"✨";font-size:24px;opacity:.8;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.2) rotate(180deg);opacity:1}}.download-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--gradient-accent);border-radius:2px}.download-description{color:var(--color-text);font-size:var(--font-size-body-large);line-height:1.8;margin-bottom:40px}.download-buttons{display:flex;flex-direction:column;gap:16px;align-items:center;margin-bottom:24px}.download-button{display:inline-block;background:var(--gradient-accent);color:var(--color-text-light);border-radius:var(--border-radius);padding:20px 40px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #ff8a654d;min-width:280px;position:relative;overflow:hidden}.download-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.download-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff8a6566}.download-button:hover:before{left:100%}.download-button:active{transform:translateY(0)}.button-content{display:flex;align-items:center;gap:16px}.button-icon{font-size:32px}.button-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.button-label{font-size:var(--font-size-body-large);font-weight:500;display:block}.button-sublabel{font-size:var(--font-size-body-small);opacity:.9;display:block;margin-top:2px}.download-note{color:var(--color-text);font-size:var(--font-size-body-small);opacity:.7}@media(min-width:768px){.download-description{font-size:18px}.download-buttons{flex-direction:row;justify-content:center}.download-button{min-width:300px}}@media(min-width:1024px){.download-section{padding:var(--spacing-section-desktop) 0}}.features-section{background:var(--gradient-section);padding:var(--spacing-section-mobile) 0;position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-divider) 50%,transparent 100%)}.features-title{text-align:center;color:var(--color-primary);margin-bottom:16px;font-size:var(--font-size-h2);font-weight:700;position:relative;padding-bottom:20px}.features-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--gradient-accent);border-radius:2px}.features-subtitle{text-align:center;color:var(--color-text);font-size:var(--font-size-body-large);margin-bottom:48px;max-width:700px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-element)}@media(min-width:768px){.features-grid{grid-template-columns:repeat(2,1fr);gap:32px}}@media(min-width:1024px){.features-section{padding:var(--spacing-section-desktop) 0}.features-grid{grid-template-columns:repeat(3,1fr);gap:40px}.features-subtitle{font-size:18px}}.feature-card{background:var(--gradient-card);border-radius:var(--border-radius);padding:32px 24px;box-shadow:var(--shadow-card);text-align:center;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026;border-color:var(--color-accent-orange)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{font-size:56px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;height:80px;transition:transform .3s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{color:var(--color-primary);font-size:var(--font-size-h3);font-weight:700;margin-bottom:12px;position:relative;padding-bottom:8px}.feature-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:var(--color-accent-orange);border-radius:1px;opacity:0;transition:opacity .3s ease}.feature-card:hover .feature-title:after{opacity:1}.feature-description{color:var(--color-text);font-size:var(--font-size-body-medium);line-height:1.7;margin-bottom:0}@media(min-width:768px){.feature-card{padding:40px 28px}.feature-description{font-size:var(--font-size-body-large)}}.footer{background:var(--gradient-primary);color:var(--color-text-light);padding:48px 0 32px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%)}.footer .container{max-width:1200px;margin:0 auto;padding:0 var(--padding-mobile);width:100%}.footer-content{display:flex;flex-direction:column;gap:24px;text-align:center}.footer-logo{display:flex;flex-direction:column;gap:8px}.footer-logo-text{font-size:24px;font-weight:700}.footer-tagline{font-size:var(--font-size-body-medium);opacity:.9}.footer-links{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.footer-link{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-body-medium);transition:opacity .2s ease}.footer-link:hover{opacity:.8}.footer-divider{opacity:.5}.footer-copyright{font-size:var(--font-size-body-small);opacity:.7}@media(min-width:768px){.footer .container{padding:0 var(--padding-tablet)}.footer{padding:64px 0 40px}.footer-content{gap:32px}}@media(min-width:1024px){.footer .container{padding:0 var(--padding-desktop)}}.header{background:linear-gradient(180deg,var(--color-background) 0%,rgba(255,255,255,.95) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000014;padding:16px 0;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(121,85,72,.1)}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-icon{width:40px;height:40px;border-radius:8px}.logo-text{font-size:20px;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px}@media(min-width:768px){.header{padding:20px 0}.logo-icon{width:48px;height:48px}.logo-text{font-size:24px}}.hero-section{background:linear-gradient(135deg,var(--color-background) 0%,#fafafa 30%,var(--color-divider) 70%,var(--color-background) 100%);min-height:100vh;display:flex;align-items:center;padding:var(--spacing-section-mobile) 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--color-accent-orange) 50%,transparent 100%)}.hero-section .container{max-width:1200px;margin:0 auto;padding:0 var(--padding-mobile);width:100%}.hero-content{display:flex;flex-direction:column;gap:var(--spacing-element);align-items:center;text-align:center}.hero-text{max-width:600px;width:100%}.hero-title{font-size:40px;font-weight:700;margin-bottom:20px;display:flex;flex-direction:column;gap:8px;line-height:1.2}.hero-title-main{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.hero-title-main:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:var(--gradient-accent);border-radius:2px;opacity:.6}.hero-subtitle{font-size:20px;font-weight:500;color:var(--color-accent);letter-spacing:.5px;margin-top:4px}.hero-catchphrase{font-size:20px;font-weight:500;color:var(--color-text);margin-bottom:24px;position:relative;display:inline-block;padding:0 8px}.hero-catchphrase-text{position:relative;z-index:1}.hero-catchphrase:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:8px;background:linear-gradient(90deg,#f48fb14d,#90caf94d);border-radius:4px;z-index:0}.hero-description{font-size:var(--font-size-body-large);color:var(--color-text);line-height:1.8;margin-bottom:40px;max-width:560px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;background:var(--gradient-accent);color:var(--color-text-light);font-size:var(--font-size-body-large);font-weight:500;padding:18px 40px;border-radius:var(--border-radius);text-decoration:none;transition:all .3s ease;box-shadow:0 4px 12px #ff8a654d;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ff8a6566}.cta-button:hover:before{left:100%}.cta-button:active{transform:translateY(-1px)}.hero-visual{width:100%;max-width:400px;display:flex;justify-content:center;align-items:center;margin-top:48px}.hero-image{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:0 8px 24px #0000001f;transition:transform .3s ease,box-shadow .3s ease}.hero-image:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000029}@media(min-width:768px){.hero-section .container{padding:0 var(--padding-tablet)}.hero-title{font-size:48px}.hero-subtitle{font-size:22px}.hero-catchphrase{font-size:24px}.hero-description{font-size:18px}.hero-visual{max-width:500px}}@media(min-width:1024px){.hero-section{min-height:80vh}.hero-section .container{padding:0 var(--padding-desktop)}.hero-content{flex-direction:row;text-align:left;gap:80px;align-items:center}.hero-text{flex:1;max-width:none;text-align:left}.hero-title{font-size:56px;align-items:flex-start}.hero-title-main:after{left:0;width:120px}.hero-catchphrase{text-align:left;padding-left:0}.hero-description{text-align:left;margin-left:0;margin-right:0}.hero-visual{flex:1;margin-top:0;max-width:none}}