:root{--hl-ink:#17332f;--hl-ink-hover:#0f2521;--hl-ink-soft:#284a44;--hl-sage:#356f5f;--hl-sage-soft:#5e9d88;--hl-gold:#b89a6a;--hl-gold-text:#96794a;--hl-paper:#f7f5ef;--hl-paper-2:#fcfbf8;--hl-surface:#fff;--hl-surface-muted:#f2f5f2;--hl-foreground:#17332f;--hl-muted:#5f6d69;--hl-on-ink:#fff;--hl-on-ink-soft:#ffffffc7;--hl-line:#dce5e1;--hl-line-strong:#c4d2cc;--hl-ring:#356f5f;--hl-radius-sm:10px;--hl-radius:14px;--hl-radius-lg:20px;--hl-radius-pill:999px;--hl-shadow-card:0 1px 2px #17332f0a;--hl-shadow-raised:0 18px 48px #17332f1a;--hl-wash:linear-gradient(135deg, #fcfbf8 0%, #f1f5f1 58%, #e9f0ec 100%);--hl-font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Yu Gothic UI", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hl-font-serif:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "YuMincho", "Noto Serif JP", "Songti SC", serif}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--hl-paper);color:var(--hl-foreground);font-family:var(--hl-font-sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.85}h1,h2,h3,h4{font-family:var(--hl-font-serif);letter-spacing:-.01em;color:var(--hl-ink);margin:0;font-weight:500}p{margin:0}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--hl-ring);outline-offset:2px}.container{width:min(1120px,100% - 48px);margin-inline:auto}.eyebrow{letter-spacing:.18em;color:var(--hl-sage);text-transform:uppercase;align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:radial-gradient(circle 3.2px at calc(100% - 3.5px) 50%, var(--hl-gold) 2.7px, transparent 3.2px), linear-gradient(var(--hl-gold), var(--hl-gold)) left center / 24px 1.5px no-repeat;flex-shrink:0;width:32px;height:7px}.eyebrow.light{color:var(--hl-on-ink-soft)}.thread{background:radial-gradient(circle 3px at 50% 50%, var(--hl-gold) 2.5px, transparent 3px), linear-gradient(var(--hl-gold), var(--hl-gold)) center / 100% 1.5px no-repeat;flex-shrink:0;width:34px;height:7px}.btn{border-radius:var(--hl-radius-pill);min-height:48px;font-family:var(--hl-font-sans);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 28px;font-size:15px;font-weight:700;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.btn.primary{background:var(--hl-ink);color:var(--hl-on-ink)}.btn.primary:hover{background:var(--hl-ink-hover)}.btn.secondary{background:var(--hl-surface);border-color:var(--hl-line-strong);color:var(--hl-ink)}.btn.secondary:hover{border-color:var(--hl-sage)}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--hl-line);background:#f7f5efe0;position:sticky;top:0}.nav-wrap{justify-content:space-between;align-items:center;gap:16px;min-height:68px;display:flex}.brand{align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-text{font-family:var(--hl-font-serif);letter-spacing:.01em;color:var(--hl-ink);font-size:21px}.brand-text em{color:var(--hl-sage);font-style:normal}.site-nav{align-items:center;gap:26px;display:flex}.site-nav a{color:var(--hl-ink-soft);font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.site-nav a:hover{color:var(--hl-sage)}.site-nav .nav-cta{border-radius:var(--hl-radius-pill);background:var(--hl-ink);min-height:40px;color:var(--hl-on-ink);align-items:center;padding:0 20px;display:inline-flex}.site-nav .nav-cta:hover{background:var(--hl-ink-hover);color:var(--hl-on-ink)}.menu-btn{border:1px solid var(--hl-line-strong);border-radius:var(--hl-radius-sm);background:var(--hl-surface);width:44px;height:44px;color:var(--hl-ink);cursor:pointer;justify-content:center;align-items:center;display:none}@media (max-width:860px){.menu-btn{display:inline-flex}.site-nav{background:var(--hl-paper-2);border-bottom:1px solid var(--hl-line);flex-direction:column;align-items:stretch;gap:0;padding:8px 24px 16px;display:none;position:absolute;top:100%;left:0;right:0}.site-nav.open{display:flex}.site-nav a{border-bottom:1px solid var(--hl-line);padding:12px 4px}.site-nav .nav-cta{border-bottom:none;justify-content:center;margin-top:14px}}.hero{background-image:var(--hl-wash);padding:88px 0 96px;position:relative;overflow:hidden}.hero:before{content:"";border:1.5px solid var(--hl-gold);opacity:.28;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-80px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#b89a6a1f,#0000 68%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-140px;left:-100px}.hero-grid{grid-template-columns:1.02fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero-copy h1{margin:18px 0;font-size:clamp(38px,5vw,56px);line-height:1.28}.hero-copy h1 span{color:var(--hl-sage)}.hero-summary{font-family:var(--hl-font-serif);color:var(--hl-ink);max-width:22em;margin-bottom:20px;font-size:clamp(20px,2.3vw,25px);line-height:1.65}.hero-summary strong{color:var(--hl-sage);background:linear-gradient(var(--hl-gold), var(--hl-gold)) left bottom / 100% 1.5px no-repeat;padding-bottom:1px;font-weight:600}.lead{color:var(--hl-muted);max-width:34em;font-size:15.5px;line-height:1.95}.principle-line{color:var(--hl-sage);flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 34px;font-size:13.5px;font-weight:700;display:flex}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-visual{padding:0 0 92px 20px;position:relative}.hero-illustration{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);width:188px;box-shadow:var(--hl-shadow-raised);z-index:2;padding:10px 10px 12px;position:absolute;bottom:0;left:0}.hero-illustration img{border-radius:var(--hl-radius)}.hero-illustration figcaption{padding:10px 4px 0}.hero-illustration strong{font-family:var(--hl-font-serif);color:var(--hl-ink);font-size:13px;font-weight:500;line-height:1.5;display:block}.hero-illustration span{color:var(--hl-muted);margin-top:2px;font-size:11px;display:block}.browser-frame{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);box-shadow:var(--hl-shadow-raised);overflow:hidden}.browser-bar{border-bottom:1px solid var(--hl-line);background:var(--hl-paper-2);align-items:center;gap:12px;padding:10px 14px;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots i{background:var(--hl-line-strong);border-radius:50%;width:9px;height:9px}.browser-url{letter-spacing:.04em;max-width:240px;color:var(--hl-muted);background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-pill);text-align:center;white-space:nowrap;flex:1;padding:3px 14px;font-size:11px;overflow:hidden}.phone-frame{background:var(--hl-ink);width:min(300px,78vw);box-shadow:var(--hl-shadow-raised);border-radius:42px;margin-inline:auto;padding:10px}.phone-screen{aspect-ratio:390/720;background:var(--hl-paper);border-radius:33px;overflow:hidden}.phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.section{padding:96px 0}.section-heading h2{margin-top:16px;font-size:clamp(28px,3.6vw,40px);line-height:1.45}.section-heading.center{text-align:center}.section-heading.center .eyebrow{justify-content:center}.section-heading.center p{max-width:36em;color:var(--hl-muted);margin:18px auto 0}.philosophy-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px;display:grid}.philosophy-copy .large{color:var(--hl-ink);font-size:18px;font-weight:500;line-height:2}.philosophy-copy p+p{color:var(--hl-muted);margin-top:18px}.values{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:64px;display:grid}.values article{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);box-shadow:var(--hl-shadow-card);padding:26px 24px 28px}.values article>span{font-family:var(--hl-font-serif);color:var(--hl-gold-text);letter-spacing:.08em;font-size:15px}.values h3{margin:10px 0;font-size:19px;line-height:1.5}.values p{color:var(--hl-muted);font-size:14px;line-height:1.9}.band{background:var(--hl-ink);text-align:center;padding:88px 0}.band .quote-mark{font-family:var(--hl-font-serif);color:var(--hl-gold);margin-bottom:18px;font-size:54px;line-height:1;display:block}.band h2{color:var(--hl-on-ink);font-size:clamp(24px,3.4vw,36px);line-height:1.7}.product{background:var(--hl-paper-2);border-top:1px solid var(--hl-line);border-bottom:1px solid var(--hl-line)}.showcase-main{max-width:940px;margin:56px auto 0}.shot-caption{text-align:center;color:var(--hl-muted);margin-top:14px;font-size:13px}.feature-rows{flex-direction:column;gap:88px;margin-top:96px;display:flex}.feature-row{grid-template-columns:1.15fr 1fr;align-items:center;gap:56px;display:grid}.feature-row.reverse{grid-template-columns:1fr 1.15fr}.feature-row.reverse .feature-copy{order:-1}.feature-num{font-family:var(--hl-font-serif);letter-spacing:.14em;color:var(--hl-gold-text);font-size:15px}.feature-copy h3{margin:12px 0 16px;font-size:clamp(23px,2.6vw,30px);line-height:1.5}.feature-copy p{color:var(--hl-muted);max-width:30em}.feature-points{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.feature-points li{color:var(--hl-ink-soft);align-items:baseline;gap:10px;font-size:14px;font-weight:600;display:flex}.feature-points li:before{content:"";background:var(--hl-sage-soft);border-radius:50%;flex-shrink:0;width:7px;height:7px;transform:translateY(-1px)}.mini-features{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:96px;display:grid}.mini-features article{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);padding:24px 22px}.mini-icon{border-radius:var(--hl-radius-sm);background:var(--hl-surface-muted);width:40px;height:40px;color:var(--hl-sage);justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.mini-features h3{font-family:var(--hl-font-sans);margin-bottom:6px;font-size:15px;font-weight:700}.mini-features p{color:var(--hl-muted);font-size:13px;line-height:1.8}.roadmap-track{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px;display:grid;position:relative}.roadmap-track:before{content:"";background:var(--hl-gold);opacity:.55;height:1.5px;position:absolute;top:-24px;left:8%;right:8%}.roadmap-step{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);box-shadow:var(--hl-shadow-card);padding:28px 26px 30px;position:relative}.roadmap-step:before{content:"";background:var(--hl-gold);border:2.5px solid var(--hl-paper);border-radius:50%;width:11px;height:11px;position:absolute;top:-29px;left:50%;transform:translate(-50%)}.roadmap-step .step-label{letter-spacing:.16em;color:var(--hl-sage-soft);justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.step-tag{letter-spacing:.06em;border-radius:var(--hl-radius-pill);padding:3px 12px;font-size:11px;font-weight:700}.step-tag.now{background:var(--hl-ink);color:var(--hl-on-ink)}.step-tag.plan{border:1px solid var(--hl-line-strong);color:var(--hl-muted)}.roadmap-step h3{margin:12px 0 10px;font-size:22px}.roadmap-step p{color:var(--hl-muted);font-size:14px;line-height:1.9}@media (max-width:860px){.roadmap-track{grid-template-columns:1fr;gap:16px}.roadmap-track:before,.roadmap-step:before{display:none}}.sustain{background:var(--hl-ink)}.sustain-grid{grid-template-columns:1fr 1.15fr;align-items:start;gap:64px;display:grid}.sustain h2{color:var(--hl-on-ink);margin-top:16px;font-size:clamp(28px,3.6vw,40px);line-height:1.5}.sustain-note{color:var(--hl-on-ink-soft);max-width:26em;margin-top:20px;font-size:15px}.model-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.model-list>div{border-radius:var(--hl-radius-lg);border:1px solid #ffffff24;padding:24px 22px}.model-list span{font-family:var(--hl-font-serif);letter-spacing:.08em;color:var(--hl-gold);font-size:15px}.model-list strong{color:var(--hl-on-ink);margin:8px 0 6px;font-size:16px;display:block}.model-list p{color:var(--hl-on-ink-soft);font-size:13.5px;line-height:1.9}.story-grid{grid-template-columns:1.08fr 1fr;align-items:start;gap:56px;display:grid}.story-grid .section-heading h2{font-size:clamp(26px,2.6vw,33px)}.story-copy p{color:var(--hl-muted)}.story-copy p+p{margin-top:18px}.story-copy p:first-child{color:var(--hl-ink);font-size:17px;font-weight:500;line-height:2}.monitor-box{background:var(--hl-surface);border:1px solid var(--hl-line);box-shadow:var(--hl-shadow-card);border-radius:28px;grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;padding:clamp(32px,5vw,56px);display:grid}.monitor-box h2{margin:16px 0;font-size:clamp(26px,3.2vw,36px);line-height:1.5}.monitor-box .monitor-lead{color:var(--hl-muted);max-width:30em}.monitor-box .btn{margin-top:28px}.monitor-list{grid-template-columns:1fr 1fr;gap:10px;display:grid}.monitor-list>div{background:var(--hl-paper-2);border:1px solid var(--hl-line);border-radius:var(--hl-radius);color:var(--hl-ink-soft);align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;font-weight:700;display:flex}.monitor-list>div:before{content:"";background:var(--hl-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px}.contact{background:var(--hl-paper-2);border-top:1px solid var(--hl-line)}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:64px;display:grid}.contact-note{color:var(--hl-muted);max-width:26em;margin-top:18px}.contact-form{background:var(--hl-surface);border:1px solid var(--hl-line);border-radius:var(--hl-radius-lg);box-shadow:var(--hl-shadow-card);flex-direction:column;gap:18px;padding:clamp(24px,4vw,40px);display:flex}.contact-form label{color:var(--hl-ink);flex-direction:column;gap:7px;font-size:14px;font-weight:700;display:flex}.contact-form .req{color:#9c4f4f;margin-left:2px}.contact-form-hp-field{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact-form input,.contact-form textarea{font:inherit;color:var(--hl-foreground);background:var(--hl-surface);border:1px solid var(--hl-line-strong);border-radius:12px;min-height:46px;padding:10px 14px;font-weight:400;transition:border-color .2s}.contact-form textarea{resize:vertical;min-height:140px;line-height:1.8}.contact-form input:hover,.contact-form textarea:hover{border-color:var(--hl-sage-soft)}.toast{background:var(--hl-ink);color:var(--hl-on-ink);border-radius:var(--hl-radius-pill);box-shadow:var(--hl-shadow-raised);opacity:0;pointer-events:none;z-index:80;padding:13px 26px;font-size:14px;font-weight:600;transition:opacity .25s,transform .25s;position:fixed;bottom:32px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}.site-footer{background:var(--hl-ink);color:var(--hl-on-ink-soft);padding:64px 0 36px}.footer-grid{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.footer-brand .brand-text{color:var(--hl-on-ink)}.footer-brand .brand-text em{color:var(--hl-sage-soft)}.footer-tagline{font-family:var(--hl-font-serif);color:var(--hl-on-ink-soft);margin-top:14px;font-size:14px}.footer-nav{flex-direction:column;gap:10px;display:flex}.footer-nav a{color:var(--hl-on-ink-soft);font-size:14px;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--hl-on-ink)}.copyright{letter-spacing:.04em;border-top:1px solid #ffffff1f;margin-top:48px;padding-top:22px;font-size:12.5px}.reveal-init{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(14px)}.reveal-init.revealed{opacity:1;transform:none}@media (max-width:960px){.section{padding:72px 0}.hero{padding:56px 0 72px}.hero-grid,.philosophy-grid,.sustain-grid,.story-grid,.contact-grid,.monitor-box,.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-row,.feature-row.reverse{gap:32px}.feature-row.reverse .feature-copy{order:0}.values,.mini-features{grid-template-columns:1fr 1fr}.hero-visual{padding-bottom:0;padding-left:0}.hero-illustration{width:auto;box-shadow:var(--hl-shadow-card);align-items:center;gap:14px;margin-top:16px;display:flex;position:static}.hero-illustration img{width:96px}}@media (max-width:560px){.values,.mini-features,.model-list,.monitor-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}