:root{color-scheme:light;--htn-green:#008444;--htn-ink:#182421;--htn-charcoal:#25302d;--htn-mist:#f1f7f1;--htn-cream:#fbf8f1;--htn-line:#dce8df;--white:#fff;--shadow-soft:0 10px 26px rgba(24,36,33,.06);--shadow-calm:0 2px 10px rgba(24,36,33,.04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--htn-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Hiragino Sans","Yu Gothic","YuGothic",sans-serif;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid rgba(0,132,68,.32);outline-offset:3px}.skip-link{position:absolute;left:1rem;top:1rem;z-index:100;transform:translateY(-160%);border-radius:6px;background:var(--white);padding:.75rem 1rem;font-size:.875rem;font-weight:700;box-shadow:var(--shadow-soft)}.skip-link:focus{transform:translateY(0)}.section-shell{width:100%;max-width:80rem;margin:0 auto;padding:4rem 1rem}.compact-shell{width:100%;max-width:80rem;margin:0 auto;padding:2.5rem 1rem}.eyebrow{margin:0;color:var(--htn-green);font-size:.875rem;font-weight:700}.primary-button,.secondary-button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;border-radius:6px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:700;line-height:1;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.primary-button{background:var(--htn-green);color:var(--white);box-shadow:var(--shadow-calm)}.primary-button:hover{background:var(--htn-ink)}.secondary-button{border:1px solid var(--htn-line);background:var(--white);color:var(--htn-ink)}.secondary-button:hover{border-color:rgba(0,132,68,.4);background:var(--htn-mist)}.section-heading.center{max-width:48rem;margin:0 auto;text-align:center}.section-heading h2,.lineup-intro h2,.science-copy h2,.support-intro h2,.final-cta-card h2{margin:.75rem 0 0;color:var(--htn-ink);font-size:1.875rem;line-height:1.2}.section-heading p:not(.eyebrow){margin:1.25rem 0 0;color:#334155;font-size:1rem;line-height:2}.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--htn-line);background:rgba(255,255,255,.95);backdrop-filter:blur(12px)}.nav-shell{position:relative;display:flex;width:100%;max-width:80rem;margin:0 auto;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.brand-link{display:flex;flex-shrink:0;align-items:center}.brand-logo{height:2.5rem;width:auto;object-fit:contain}.desktop-nav{display:none;align-items:center;gap:1.25rem}.desktop-nav a:not(.primary-button){color:#475569;font-size:.875rem;font-weight:700;transition:color .2s ease}.desktop-nav a:not(.primary-button):hover{color:var(--htn-green)}.nav-cta{margin-left:.25rem;flex-shrink:0}.menu-button{display:flex;width:2.75rem;height:2.75rem;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;border:1px solid var(--htn-line);border-radius:6px;background:var(--white);color:var(--htn-ink);box-shadow:var(--shadow-calm)}.menu-button-line{width:1.25rem;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-button[aria-expanded=true] .menu-button-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-button[aria-expanded=true] .menu-button-line:nth-child(2){opacity:0}.menu-button[aria-expanded=true] .menu-button-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{position:absolute;right:1rem;top:calc(100% + .75rem);width:min(18rem,calc(100vw - 2rem));border:1px solid var(--htn-line);border-radius:8px;background:var(--white);padding:.75rem;box-shadow:var(--shadow-soft)}.mobile-nav a{display:block;border-radius:6px;padding:.75rem;color:#334155;font-size:.875rem;font-weight:700}.mobile-nav a:hover{background:var(--htn-mist);color:var(--htn-green)}.mobile-nav .mobile-cta{margin-top:.5rem;color:var(--white);text-align:center}.hero-section{overflow:hidden;border-bottom:1px solid var(--htn-line);background:rgba(251,248,241,.45)}.hero-grid{display:grid;min-height:620px;align-items:center;gap:2.5rem;padding-top:3rem;padding-bottom:3rem}.hero-copy{max-width:48rem}.hero-copy h1{margin:1rem 0 0;color:var(--htn-ink);font-size:2.15rem;font-weight:800;line-height:1.15}.hero-body{margin:1.5rem 0 0;max-width:42rem;color:#334155;font-size:1rem;line-height:2}.button-row{display:flex;flex-direction:column;gap:.75rem;margin-top:2rem}.trust-line{margin:2rem 0 0;max-width:42rem;color:var(--htn-charcoal);font-size:.875rem;font-weight:700;line-height:1.8}.hero-image-card{position:relative;min-height:360px;overflow:hidden;border-radius:8px;background:var(--white);box-shadow:var(--shadow-soft);outline:1px solid var(--htn-line)}.hero-image-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.image-badge{position:absolute;left:1.25rem;top:1.25rem;z-index:2;border-radius:6px;background:rgba(255,255,255,.9);padding:.5rem .75rem;color:var(--htn-green);font-size:.75rem;font-weight:800;box-shadow:var(--shadow-calm)}.trust-section{background:var(--white)}.trust-grid{display:grid;gap:.75rem;margin-top:2rem}.trust-card{display:flex;height:100%;flex-direction:column;align-items:center;border-radius:8px;background:rgba(241,247,241,.7);padding:1.5rem 1.25rem;text-align:center;box-shadow:var(--shadow-calm);outline:1px solid var(--htn-line)}.trust-card img{width:3.5rem;height:3.5rem;object-fit:contain}.trust-card h3{margin:1rem 0 0;color:var(--htn-ink);font-size:1rem;line-height:1.5}.trust-card p{margin:.5rem 0 0;color:#334155;font-size:.875rem;line-height:1.7}.products-section{background:rgba(251,248,241,.55)}.product-grid{display:grid;gap:1.25rem;margin-top:2.5rem}.product-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border-radius:8px;background:var(--white);box-shadow:var(--shadow-soft);outline:1px solid var(--htn-line)}.product-image{display:flex;aspect-ratio:5/4;align-items:center;justify-content:center;background:var(--white);padding:1.25rem}.product-image img{width:100%;height:100%;object-fit:contain}.product-content{display:flex;flex:1;flex-direction:column;border-top:1px solid var(--htn-line);padding:1.25rem}.product-content h3{margin:0;color:var(--htn-ink);font-size:1.25rem;line-height:1.4}.product-name{margin:.25rem 0 0;color:#64748b;font-size:.875rem;font-weight:700}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;font-size:.75rem;font-weight:800}.pill-row span{border-radius:999px;padding:.375rem .75rem}.pill-row span:first-child{background:var(--htn-mist);color:var(--htn-green)}.pill-row span:last-child{background:var(--htn-cream);color:var(--htn-charcoal)}.product-content>p:not(.product-name){flex:1;margin:1rem 0 0;color:#334155;font-size:.875rem;line-height:1.8}.product-button{width:100%;margin-top:1.25rem}.lineup-section{background:var(--white)}.lineup-intro{display:grid;gap:2rem}.lineup-intro p:not(.eyebrow){margin:0;color:#334155;font-size:1rem;line-height:2}.lineup-grid{display:grid;gap:1.25rem;margin-top:2.5rem}.lineup-card{overflow:hidden;border-radius:8px;background:rgba(251,248,241,.7);box-shadow:var(--shadow-soft);outline:1px solid var(--htn-line)}.lineup-visual{position:relative;display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff 0%,var(--htn-mist) 48%,var(--htn-cream) 100%);padding:1rem}.soft-shadow{position:absolute;left:2rem;right:2rem;bottom:1.25rem;height:2.5rem;border-radius:999px;background:rgba(0,132,68,.1);filter:blur(18px)}.lineup-img{position:relative;width:50%;height:100%;max-height:11rem;object-fit:contain}.lineup-img.left{transform:translateX(1rem) rotate(-2deg)}.lineup-img.right{transform:translateX(-1rem) rotate(2deg)}.lineup-copy{padding:1.25rem}.lineup-copy p{margin:0;color:var(--htn-green);font-size:.875rem;font-weight:800;line-height:1.6}.lineup-copy h3{margin:.75rem 0 0;color:var(--htn-ink);font-size:1.25rem;line-height:1.4}.lineup-copy span{display:block;margin-top:.75rem;color:#334155;font-size:.875rem;line-height:1.8}.science-section{background:var(--htn-mist)}.science-grid{display:grid;gap:2.5rem;align-items:center}.science-image-card{position:relative;overflow:hidden;border-radius:8px;background:var(--white);box-shadow:var(--shadow-soft);outline:1px solid var(--htn-line)}.anchor-offset{display:block;scroll-margin-top:6rem}.science-image{aspect-ratio:4/3;background:var(--white)}.science-image img{width:100%;height:100%;object-fit:cover}.science-labels{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--htn-line);color:var(--htn-ink);font-size:.875rem;font-weight:800;text-align:center}.science-labels span{background:var(--white);padding:1rem}.science-copy{max-width:42rem}.science-copy>p:not(.eyebrow){margin:1.25rem 0 0;color:#334155;font-size:1rem;line-height:2}.feature-list{display:grid;gap:1rem;margin-top:2rem}.feature-item{display:flex;gap:1rem;border-radius:8px;background:var(--white);padding:1.25rem;box-shadow:var(--shadow-calm);outline:1px solid var(--htn-line)}.feature-item>span{display:flex;width:2rem;height:2rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--htn-green);color:var(--white);font-size:.875rem;font-weight:800}.feature-item h3{margin:0;color:var(--htn-ink);font-size:1.125rem;line-height:1.5}.feature-item p{margin:.5rem 0 0;color:#334155;font-size:.875rem;line-height:1.8}.support-section{background:var(--white)}.support-panel{border-radius:8px;background:rgba(251,248,241,.7);box-shadow:var(--shadow-calm);outline:1px solid var(--htn-line);display:grid;gap:1.25rem}.support-intro h2{margin-top:.5rem;font-size:1.5rem}.support-grid{display:grid;gap:.75rem}.support-card{border-radius:8px;background:var(--white);padding:1rem;box-shadow:var(--shadow-calm);outline:1px solid var(--htn-line)}.support-card div{display:flex;align-items:center;gap:.75rem}.support-card span{display:flex;width:1.75rem;height:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:999px;background:var(--htn-green);color:var(--white);font-size:.75rem;font-weight:800}.support-card h3{margin:0;color:var(--htn-ink);font-size:1rem;line-height:1.5}.support-card p{margin:.75rem 0 0;color:#334155;font-size:.875rem;line-height:1.8}.faq-section{background:var(--htn-mist)}.faq-list{max-width:48rem;margin:2.5rem auto 0;overflow:hidden;border:1px solid var(--htn-line);border-radius:8px;background:var(--white);box-shadow:var(--shadow-soft)}.faq-item+.faq-item{border-top:1px solid var(--htn-line)}.faq-question{display:flex;width:100%;cursor:pointer;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;padding:1.25rem;color:var(--htn-ink);text-align:left;font:inherit;font-size:1rem;font-weight:800}.faq-plus{display:flex;width:1.75rem;height:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border:1px solid var(--htn-line);border-radius:6px;background:var(--htn-mist);color:var(--htn-green);transition:transform .2s ease}.faq-question[aria-expanded=true] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 1.25rem 1.25rem}.faq-answer p{margin:0;color:#334155;font-size:.875rem;line-height:1.8}.final-cta-section{background:var(--white)}.final-cta-card{border:1px solid var(--htn-line);border-radius:8px;background:var(--htn-cream);padding:2.5rem 1.5rem;text-align:center;box-shadow:var(--shadow-soft)}.final-cta-card h2{max-width:48rem;margin-left:auto;margin-right:auto}.final-cta-card p:not(.eyebrow){max-width:42rem;margin:1.25rem auto 0;color:#334155;font-size:1rem;line-height:2}.final-cta-card .primary-button{margin-top:2rem}.site-footer{border-top:1px solid var(--htn-line);background:var(--white);color:var(--htn-ink)}.footer-shell{padding-top:3rem;padding-bottom:4rem}.footer-top{display:grid;gap:2.5rem}.footer-top h2{margin:0;font-size:1.5rem}.footer-top p{max-width:28rem;margin:.75rem 0 0;color:#475569;font-size:.875rem;line-height:1.8}.footer-top h3{margin:0;color:var(--htn-green);font-size:.875rem}.footer-top ul{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.footer-top a{color:#475569;font-size:.875rem;transition:color .2s ease}.footer-top a:hover{color:var(--htn-green)}.disclaimer{margin-top:2.5rem;border:1px solid var(--htn-line);border-radius:8px;background:var(--htn-mist);padding:1.25rem}.disclaimer h3{margin:0;color:var(--htn-ink);font-size:.875rem}.disclaimer p{margin:.75rem 0 0;color:#334155;font-size:.75rem;line-height:1.8}.copyright{margin-top:2.5rem;border-top:1px solid var(--htn-line);padding-top:1.5rem;color:#64748b;font-size:.75rem}@media (min-width:640px){.section-shell{padding:5rem 1.5rem}.compact-shell{padding-left:1.5rem;padding-right:1.5rem}.button-row{flex-direction:row}.trust-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top ul{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-logo{height:3rem}.hero-image-card{min-height:500px}.section-heading h2,.lineup-intro h2,.science-copy h2,.final-cta-card h2{font-size:2.25rem}}@media (min-width:768px){.support-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.section-shell{padding-left:2rem;padding-right:2rem;padding-top:6rem;padding-bottom:6rem}.compact-shell{padding-left:2rem;padding-right:2rem}.hero-grid{grid-template-columns:.95fr 1.05fr;gap:3.5rem;padding-top:5rem;padding-bottom:5rem}.hero-copy h1{font-size:3.4rem}.hero-body,.section-heading p:not(.eyebrow),.lineup-intro p:not(.eyebrow),.science-copy>p:not(.eyebrow),.final-cta-card p:not(.eyebrow){font-size:1.125rem}.trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lineup-intro{grid-template-columns:.78fr 1.22fr;align-items:end}.lineup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.science-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support-panel{grid-template-columns:.62fr 1.38fr;align-items:center;padding:1.5rem}.footer-top{grid-template-columns:.9fr 1.1fr}.footer-top ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.desktop-nav{display:flex}.menu-button,.mobile-nav{display:none!important}}@media (max-width:420px){.hero-copy h1{font-size:1.85rem}.section-heading h2,.lineup-intro h2,.science-copy h2,.final-cta-card h2{font-size:1.6rem}.product-content h3,.lineup-copy h3{font-size:1.05rem}}