:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-accent-turquoise: #5DCCD3;--color-accent-coral: #E07A7A;--font-family: "Open Sans", sans-serif;--font-family-display: "Open Sans", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-black: 900;--spacing-mobile: 20px;--spacing-tablet: 32px;--spacing-desktop: 48px;--font-size-h1-mobile: 30px;--font-size-h1-tablet: 52px;--font-size-h1-desktop: 34px;--font-size-label: 14px;--font-size-body-mobile: 16px;--font-size-body-desktop: 18px;--line-height-tight: 1.2;--line-height-normal: 1.6;--letter-spacing-tight: -.02em;--letter-spacing-wide: .05em}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;width:100%;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-weight:var(--font-weight-regular);line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}h1{font-family:var(--font-family-display);font-size:var(--font-size-h1-mobile);@media (min-width: 768px){font-size:var(--font-size-h1-tablet)}@media (min-width: 1024px){font-size:var(--font-size-h1-desktop)}}main{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-mobile);padding-left:max(var(--spacing-mobile),env(safe-area-inset-left));padding-right:max(var(--spacing-mobile),env(safe-area-inset-right));padding-top:max(var(--spacing-mobile),env(safe-area-inset-top));padding-bottom:max(var(--spacing-mobile),env(safe-area-inset-bottom));@media (min-width: 768px){padding:var(--spacing-tablet);padding-left:max(var(--spacing-tablet),env(safe-area-inset-left));padding-right:max(var(--spacing-tablet),env(safe-area-inset-right));padding-top:max(var(--spacing-tablet),env(safe-area-inset-top));padding-bottom:max(var(--spacing-tablet),env(safe-area-inset-bottom))}@media (min-width: 1024px){padding:var(--spacing-desktop);padding-left:max(var(--spacing-desktop),env(safe-area-inset-left));padding-right:max(var(--spacing-desktop),env(safe-area-inset-right));padding-top:max(var(--spacing-desktop),env(safe-area-inset-top));padding-bottom:max(var(--spacing-desktop),env(safe-area-inset-bottom))}}main>*{max-width:100%;word-wrap:break-word;overflow-wrap:break-word;hyphens:none}input,textarea,select{font-size:16px}*{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.hero{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:0}@media (min-width: 1024px){.hero{flex-direction:row;align-items:center;gap:60px}}.hero__content{flex:1;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.hero__content{order:1}}.hero__label{font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;opacity:.6;text-align:center}@media (min-width: 1024px){.hero__label{text-align:left}}.hero__sublabel{font-size:12px;letter-spacing:.03em;opacity:.4;text-align:center;margin-top:-18px}@media (min-width: 1024px){.hero__sublabel{text-align:left}}.hero__headline{font-size:var(--font-size-h1-mobile);font-family:var(--font-family-display);font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight)}@media (min-width: 768px){.hero__headline{font-size:var(--font-size-h1-tablet)}}@media (min-width: 1024px){.hero__headline{font-size:var(--font-size-h1-desktop)}}.hero__description{font-size:var(--font-size-body-mobile);line-height:var(--line-height-normal);opacity:.8}@media (min-width: 1024px){.hero__description{font-size:var(--font-size-body-desktop)}}.hero__actions{display:flex;gap:16px;margin-top:16px;flex-wrap:wrap}.hero__visual{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}@media (min-width: 1024px){.hero__visual{order:2}}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:40px 40px;opacity:.3;z-index:1}.hero__image-wrapper{position:relative;width:100%;max-width:400px;z-index:2;cursor:pointer}.hero__image{width:100%;height:auto;border-radius:8px;display:block}.hero__image--base{position:relative}.hero__image--saturated{position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease}.hero__image-wrapper:hover .hero__image--saturated{opacity:1}.hero__decoration{position:absolute;z-index:0;border-radius:4px}.hero__decoration--1{width:80px;height:80px;background:var(--color-accent-turquoise);opacity:.1;top:10%;right:10%}.hero__decoration--2{width:60px;height:60px;background:var(--color-accent-coral);opacity:.1;bottom:15%;left:5%}.hero__decoration--3{width:100px;height:40px;background:var(--color-accent-turquoise);opacity:.1;top:40%;right:5%}.ikigai-term{font-style:italic;text-underline-offset:4px;text-decoration-color:currentColor}.social-icon{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-left:4px;opacity:.7;transition:opacity .2s ease}a:hover .social-icon{opacity:1}@keyframes paintHighlight{0%{background-size:0% 100%}to{background-size:100% 100%}}.highlight{background:none;color:inherit;padding:2px 4px;border-radius:3px;font-weight:var(--font-weight-medium);background-repeat:no-repeat;background-position:left center;background-size:0% 100%}.highlight--turquoise{background-image:linear-gradient(var(--color-accent-turquoise),var(--color-accent-turquoise));animation:paintHighlight .8s cubic-bezier(.4,0,.8,1) 1s forwards}.highlight--coral{background-image:linear-gradient(var(--color-accent-coral),var(--color-accent-coral));animation:paintHighlight 1s cubic-bezier(.4,0,.8,1) 1.8s forwards}.btn{display:inline-block;padding:14px 28px;font-size:16px;font-weight:var(--font-weight-medium);text-decoration:none;border-radius:6px;transition:all .2s ease;cursor:pointer;border:none;font-family:inherit}.btn--primary{background:var(--color-text);color:var(--color-bg)}.btn--primary:hover,.btn--primary.btn--active{background:var(--color-accent-coral);transform:translateY(-2px)}.btn--secondary{background:transparent;color:var(--color-text);opacity:.8}.btn--secondary:hover{opacity:1;transform:translate(4px)}