@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{--green:#07875e;--bright:#2ace7c;--ink:#14211d;--muted:#62716a;--line:#d9e3de;--pale:#f1f6f3;--dark:#091b15}*{box-sizing:border-box;letter-spacing:0}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:1.9}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.55}h2{font-size:40px;font-weight:800;margin-bottom:26px}h3{font-size:22px;font-weight:700;margin-bottom:16px}p+p{margin-top:20px}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #2c99af;outline-offset:5px}section{padding:110px max(32px,calc((100% - 1160px)/2));overflow:hidden}.alt{background:var(--pale)}.dark{background:var(--dark);color:#fff}.eyebrow{display:flex;align-items:center;gap:14px;color:var(--green);font-size:11px;font-weight:700;margin-bottom:28px}.eyebrow:before{content:'';width:28px;height:2px;background:var(--bright)}.dark .eyebrow{color:var(--bright);justify-content:center}.lead{font-size:18px;line-height:1.95;color:var(--muted)}.dark .lead{color:#c7d6ce}.small{font-size:12px}.muted{color:var(--muted)}.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.align{align-items:center}.site-header{height:86px;padding:0 4%;display:flex;justify-content:space-between;align-items:center;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:800;white-space:nowrap}.brand-mark{display:grid;place-items:center;background:var(--green);color:#fff;border-radius:6px;width:35px;height:38px;font-size:26px;font-weight:400;line-height:1}.brand small{font-size:10px;color:var(--muted);font-weight:500;margin-left:5px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.site-header nav a:hover{color:var(--green)}.nav-cta{padding:13px 22px;background:var(--green);color:white!important;border-radius:4px}.nav-cta span{margin-left:20px}.menu-toggle{display:none}.hero{position:relative;padding-top:64px;padding-bottom:0;background:var(--dark);color:white;overflow:visible}.hero-top{position:relative;max-width:1160px;margin:auto;padding-left:0}.hero .eyebrow{color:#7dc7a5}.hero h1{font-size:18px;font-weight:600;color:#9bbaab;margin-bottom:15px}.hero h2{font-size:62px;line-height:1.45;margin:0 0 26px;font-weight:900}.hero h2 em{font-style:normal;color:var(--bright)}.hero-lead{font-size:17px;line-height:2;color:#d9e5df;max-width:660px}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 25px;background:white;color:var(--green);border:1px solid var(--green);border-radius:4px;text-align:center;font-size:15px;font-weight:700;min-height:58px;transition:background .2s,transform .2s}.button:hover{background:#e3f5eb;transform:translateY(-2px)}.button.solid{background:var(--green);border-color:var(--green);color:white}.button.solid:hover{background:#056b4b}.hero .button.solid{background:var(--bright);color:var(--dark);border-color:var(--bright)}.watch-link{display:flex;align-items:center;gap:12px;font-size:14px}.play-small{border:1px solid #75998a;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:12px}.hero-note{font-size:11px;color:#9bbaab;margin-top:17px}.hero-product{display:block;position:relative;margin:44px 0 0;border:1px solid #496558;border-radius:6px 6px 0 0;overflow:hidden;background:#0a1914}.hero-product img{width:100%;aspect-ratio:1672/941;object-fit:cover;transition:filter .2s}.hero-product:hover img{filter:brightness(1.1)}.video-caption{display:flex;justify-content:space-between;padding:18px 24px;background:#0c2d20;font-size:11px;color:#b8d9c7}.video-caption>span{color:#fff;font-size:13px}.hero-bottom{display:flex;align-items:center;gap:42px;padding:28px 0;color:#7ca38e;font-size:10px;font-weight:600}.hero-bottom>a{margin-left:auto;color:white}.problems{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:0;margin-top:48px;border-top:1px solid var(--line)}.problem-main{grid-row:span 2;background:#113b2b;color:white;padding:36px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.problem-main h3{font-size:22px;color:#b5daca}.problem-main strong{font-size:47px;line-height:1.5;color:white}.problem-main p{font-size:13px;color:#d1e2d9}.problem{padding:34px 28px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.problem h3{font-size:19px}.problem p{font-size:14px;color:var(--muted)}.compare{margin-top:48px;gap:0;border-block:1px solid var(--line)}.compare .card{padding:38px 42px;background:#f6f7f6}.compare .card.big-result{background:#e5f6ec;border-left:1px solid #b7ddc7}.huge{font-size:104px;font-weight:800;line-height:1.2;margin:16px 0;color:#7e8b84}.huge span{font-size:22px}.big-result .huge{color:var(--green)}.flowline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}.flowline span{padding:6px 0}.flowline+p{margin-top:20px}.capture-detail{display:flex;align-items:center;justify-content:center;gap:65px;padding:65px 0}.capture-detail strong{font-size:27px;line-height:1.65}.capture-detail p{margin-top:20px}.capture-stack{display:flex;align-items:center;gap:18px}.sample-page{width:120px;height:250px;overflow:hidden;border:1px solid var(--line);box-shadow:12px 12px 0 #e9f0ec;background:white;padding:8px}.sample-page>span{font-size:9px;font-weight:800}.sample-page img{width:100%;margin-top:12px}.capture-arrow{font-size:11px;color:var(--green);writing-mode:vertical-rl}.capture-demo{border:1px solid #bfd4c8;border-radius:6px;background:#f1f5f2;box-shadow:0 25px 50px #143c2912;margin:8px 0 42px;overflow:hidden}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px;background:#fff;border-bottom:1px solid var(--line)}.demo-toolbar>div{display:flex;align-items:center;gap:14px}.demo-toolbar small{color:var(--muted);font-size:11px}.status-dot{height:8px;width:8px;border-radius:50%;background:var(--green)}.demo-status{font-size:11px;color:var(--green);background:#e5f6ec;padding:3px 12px}.demo-pages{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;padding:28px}.demo-page{min-width:0;background:#fff;border:1px solid #d3ddd6}.demo-page .sample-nav{font-size:7px;padding:10px 7px}.demo-page .sample-hero{height:120px;padding:18px 9px}.demo-page strong{font-size:15px}.demo-page small{font-size:7px}.demo-page .sample-story{padding:13px 9px;height:110px}.demo-page .sample-story b{font-size:9px}.demo-page .sample-story div{height:42px;margin-top:9px}.demo-page>span{display:block;font-size:9px;padding:10px;text-align:center;border-top:1px solid var(--line)}.demo-page:nth-child(even) .sample-hero{background:#e4eee8;color:#173a2b}.capture-demo>p{padding:0 28px 22px;font-size:13px;color:var(--green)}.capture-demo>p small{float:right;color:var(--muted);font-size:10px}.capabilities{gap:0;border-block:1px solid var(--line)}.capabilities .card{padding:28px}.capabilities .card+.card{border-left:1px solid var(--line)}.capabilities h3{font-size:17px}.capabilities p{font-size:13px;color:var(--muted)}.annotated{position:relative;padding:28px 32% 28px 28px;min-height:470px;background:#dfeae4;border:1px solid #d0ddd5;border-radius:6px;overflow:hidden}.webpage{height:400px;background:white;border:1px solid #c7d8cd;box-shadow:0 15px 25px #224b3217}.sample-nav{padding:17px 12px;font-size:9px;font-weight:800;display:flex;justify-content:space-between}.sample-nav span{font-size:6px}.sample-hero{height:180px;padding:28px 20px;background:#174433;color:white}.sample-hero small{display:block;font-size:7px;color:#8cceac}.sample-hero strong{display:block;font-size:24px;line-height:1.6;margin:10px 0}.sample-hero p{font-size:8px}.sample-story{padding:23px 18px}.sample-story>small{display:block;font-size:7px;color:var(--green);margin-bottom:12px}.sample-story>b{display:block;font-size:12px}.sample-story>div{height:48px;background:#e6eee9;margin-top:18px;border-left:36px solid #9abcaa}.pin{position:absolute;background:var(--green);color:white;border:3px solid #fff;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;box-shadow:0 3px 12px #0002;font-size:12px}.pin.one{left:30%;top:135px}.pin.two{left:45%;top:320px}.comment{position:absolute;right:16px;width:46%;padding:17px;background:white;border-left:3px solid var(--green);box-shadow:0 8px 20px #103a2815;font-size:12px;border-radius:3px}.comment.one{top:122px}.comment.two{top:305px}.band{margin-top:35px;padding:22px 0;border-block:1px solid #bed6c8;color:var(--green);font-size:19px;font-weight:700}.ai-source{padding:26px 0;border-bottom:1px solid var(--line)}.ai-source small{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.ai-source b{font-size:21px}.ai-source+.ai-source{margin-bottom:22px}.ai-result{border:1px solid #b9d2c2;border-top:4px solid var(--green);border-radius:4px;padding:35px;background:#f2f8f4;box-shadow:0 20px 40px #143c2909}.ai-result h3{font-size:21px}.ai-result p{font-size:14px;margin-bottom:24px}.pill{display:inline-block;padding:5px 9px;color:var(--green);background:#e0eee6;font-size:11px;margin:4px 4px 0 0}.bridge{text-align:center}.bridge h2{font-size:46px}.equation{display:grid;grid-template-columns:1fr 80px 1fr;margin:55px 0 34px;text-align:left}.equation .card{padding:35px 40px;border-top:1px solid #537865;background:#102a1e}.equation .eyebrow{justify-content:flex-start;font-size:10px}.equation h3{font-size:30px;color:white}.equation p,.equation li{color:#b9d0c1;font-size:14px}.equation ul{padding-left:18px}.times{display:grid;place-items:center;font-size:36px;color:var(--bright)}.usp{font-size:28px;font-weight:800;color:var(--bright);margin-bottom:26px}.bridge>p:not(.lead){font-size:14px;line-height:2.1;color:#c7d6ce}.story{grid-template-columns:.8fr 1.2fr;gap:80px}.portrait{margin:0;position:sticky;top:110px}.portrait img{width:100%;height:430px;object-fit:cover;object-position:center}.profile{padding-top:25px}.profile h3{font-size:28px;margin-top:4px}.credentials{display:flex;gap:45px;padding-block:20px;border-block:1px solid var(--line);margin:20px 0;font-size:11px;color:var(--muted)}.credentials b{font-size:26px;display:block;color:var(--green)}.story-text p{font-size:15px;line-height:2.2;color:#58685f;margin-bottom:22px}.story-text h3{font-size:25px;margin:36px 0 22px}.timeline{border-left:2px solid #96bba5;padding-left:25px;margin-top:38px}.timeline>div{padding:12px 0}.timeline b,.timeline span{display:block}.timeline span{color:var(--muted)}.note{margin-top:46px!important;align-items:start;gap:36px}.note figure:nth-child(2){margin-top:48px}.note figure:nth-child(3){margin-top:96px}.note-preview{display:block;width:100%;border:1px solid var(--line);padding:0;background:white;box-shadow:0 15px 35px #17352310;transition:transform .2s}.note-preview:hover{transform:translateY(-5px)}.note img{width:100%;aspect-ratio:.71;object-fit:cover;object-position:top}.note figcaption{padding-top:24px}.note figcaption small{font-size:11px;color:var(--green)}.note figcaption b{display:block;font-size:20px;margin:10px 0}.note figcaption p{color:var(--muted)}.beforeafter{gap:50px;margin-top:48px}.beforeafter .card{border-top:1px solid var(--line);padding-top:28px}.beforeafter .card:last-child{border-color:var(--green)}.beforeafter h3{font-size:19px}.beforeafter p{font-size:14px;color:var(--muted)}.workday{display:flex;margin:28px 0;min-height:62px;gap:2px}.workday span{display:grid;place-items:center;background:#dfe5e1;padding:8px;font-size:11px;flex:1;white-space:nowrap}.workday .productive{background:var(--green);color:white;flex:1.5}.beforeafter .card:last-child .productive{flex:4}.movie{margin-top:30px;border-radius:6px;overflow:hidden;background:var(--dark);box-shadow:0 24px 60px #15291a22}.movie video{width:100%;display:block;aspect-ratio:16/9;background:var(--dark)}.movie-kicker{color:var(--green);font-size:13px;margin-top:30px}.plans{margin-top:50px;gap:28px}.plan{border:1px solid #cbdad0;background:white;border-radius:6px;padding:38px;display:flex;flex-direction:column;position:relative}.plan.featured{border:2px solid var(--green)}.plan.featured:before{content:'NOTE + TOOL';position:absolute;top:-15px;left:30px;padding:3px 15px;background:var(--green);color:white;font-size:11px}.plan-tag{font-size:12px;color:var(--muted);margin-bottom:16px}.plan h3{font-size:25px}.price{font-size:54px;line-height:1.4;font-weight:800;color:var(--green);margin:18px 0}.price small{font-size:14px;font-weight:500}.plan>p{font-size:14px;color:#62716a}.plan ul{list-style:none;padding:25px 0;flex:1;margin:10px 0}.plan li{position:relative;padding:9px 0 9px 23px;font-size:13px;border-bottom:1px solid #edf1ee}.plan li:before{content:'✓';position:absolute;left:0;color:var(--green)}.saving{padding-top:24px;border-top:1px solid var(--line);font-size:12px}.saving b{display:block;font-size:21px;margin:8px 0 20px}.plan .button{width:100%;font-size:14px}.plans+p{margin-top:28px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:0;list-style:none;counter-reset:step;margin-top:40px}.steps li{counter-increment:step;border-top:1px solid #a5c5b1;padding-top:25px}.steps li:before{content:'0' counter(step);display:block;font-size:36px;font-weight:600;color:var(--green);margin-bottom:20px}.steps b{display:block;font-size:17px;margin-bottom:15px}.steps p{font-size:13px;color:var(--muted)}.faq{background:var(--pale)}.faq details{border-bottom:1px solid #cbd8cf;padding:0}.faq summary{cursor:pointer;list-style:none;padding:25px 44px 25px 0;position:relative;font-size:15px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:10px;top:18px;color:var(--green);font-size:25px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 36px 28px 24px;color:var(--muted);font-size:14px;max-width:900px}.final{text-align:center;padding-block:100px}.final h2{font-size:40px}.cta{display:flex;gap:20px;margin-top:35px}.final .cta{max-width:850px;margin:40px auto}.cta .button{display:block;flex:1}.cta .button strong{font-size:22px}.cta .button small{display:block;font-size:11px;font-weight:400}.final .button{background:transparent;border-color:#4d7d62;color:white}.final .button.solid{background:var(--bright);color:var(--dark);border-color:var(--bright)}.slogan{font-size:24px;font-weight:800;margin-top:55px;color:var(--bright)}footer{position:relative;padding:55px max(32px,calc((100% - 1160px)/2));display:flex;align-items:center;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line)}footer>p{font-size:12px;color:var(--muted)}footer>a:not(.brand){font-size:12px}footer>small{flex-basis:100%;font-size:10px;color:var(--muted)}.back-top{position:absolute;right:32px;bottom:45px;font-size:25px!important}dialog{border:0;border-radius:6px;max-width:500px;width:calc(100% - 32px);padding:30px;color:var(--ink);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#07190fcc}dialog h2{font-size:24px;margin:25px 0 20px}.dialog-head{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.dialog-close:not(.button){border:0;background:transparent;font-size:30px;color:var(--green);width:40px;height:40px}dialog .button{margin-top:30px;width:100%}#image-dialog{max-width:780px;max-height:90svh;overflow:auto;padding:20px}#image-dialog>.dialog-close{position:sticky;top:0;display:block;margin-left:auto;background:white}#image-dialog img{width:100%}
@media(min-width:1250px){.hero-top{padding-right:0}.hero h2{font-size:66px}.hero-product{width:68%;margin: -360px 0 0 auto;transform:translateX(45px);opacity:.96}.hero-top{padding-bottom:65px}.hero-top h2,.hero-lead,.hero-actions,.hero-note{max-width:460px}.hero-product{position:relative;top:420px;margin-top:-360px;margin-bottom:420px;width:100%;transform:none}.hero-bottom{margin-top:0}}
@media(max-width:1000px){section{padding:85px 30px}h2{font-size:33px}.site-header{padding-inline:25px}.brand small{display:none}.site-header nav{gap:19px;font-size:12px}.hero h2{font-size:52px}.hero{padding-top:55px}.hero-product{margin-top:38px}.problems{grid-template-columns:1fr 1fr}.problem-main{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.problem-main strong{grid-row:span 2}.story{gap:40px}.grid2{gap:30px}.plan{padding:28px}.demo-pages{gap:10px;padding:20px}.demo-toolbar small{display:none}.hero-bottom{gap:26px}}
@media(max-width:700px){html{scroll-padding-top:78px}.site-header{height:72px;padding:0 20px}.brand{font-size:22px}.brand-mark{width:30px;height:33px;font-size:24px}.menu-toggle{display:flex;width:42px;height:42px;background:none;border:0;flex-direction:column;justify-content:center;gap:6px;padding:10px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--ink)}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px;box-shadow:0 20px 25px #122e1815;gap:0;font-size:14px}.site-header nav.open{display:flex;flex-direction:column;align-items:stretch}.site-header nav a{padding:15px}.nav-cta{margin-top:10px}section{padding:72px 22px}h2{font-size:28px;line-height:1.65;margin-bottom:22px}h3{font-size:20px}.eyebrow{font-size:10px;margin-bottom:25px}.lead{font-size:15px;line-height:1.95}.hero{padding:38px 22px 0}.hero .eyebrow{font-size:8px}.hero h1{font-size:15px}.hero h2{font-size:39px;line-height:1.5;margin-bottom:23px}.hero-lead{font-size:14px}.hero-lead br{display:none}.hero-actions{gap:18px;margin-top:28px}.hero-actions .button{font-size:12px;padding:15px;gap:12px}.watch-link{font-size:12px;gap:8px}.play-small{width:28px;height:28px}.hero-note{font-size:9px}.hero-product{margin-top:32px}.video-caption{padding:12px;font-size:8px}.video-caption>span{font-size:10px}.hero-bottom{gap:16px;padding:20px 0;font-size:7px}.hero-bottom a{font-size:8px}.grid2,.grid3,.story{grid-template-columns:1fr;gap:32px}.problems{margin-top:34px;grid-template-columns:1fr}.problem-main{grid-column:auto;display:flex;padding:28px;gap:20px}.problem-main strong{font-size:39px}.problem{padding:27px 0;border-right:0}.compare{gap:0}.compare .card{padding:28px}.compare .card.big-result{border-left:0;border-top:1px solid #b7ddc7}.huge{font-size:78px}.capture-detail{gap:25px;align-items:center;padding:45px 0}.capture-detail .eyebrow{font-size:8px;gap:6px}.capture-detail strong{font-size:19px}.capture-detail strong br{display:none}.capture-detail p{font-size:12px}.sample-page{width:85px;height:200px}.capture-arrow{display:none}.demo-toolbar{padding:17px;font-size:13px}.demo-pages{grid-template-columns:repeat(3,1fr);gap:10px;padding:15px}.demo-page .sample-hero{height:110px}.demo-page strong{font-size:13px}.demo-page .sample-story{height:90px;padding:10px 7px}.demo-page .sample-story b{font-size:7px}.demo-page .sample-story div{height:28px}.demo-page>span{font-size:8px;padding:8px 3px}.capture-demo>p{padding:0 15px 18px;font-size:11px}.capture-demo>p small{float:none;display:block;margin-top:5px}.capabilities{gap:0}.capabilities .card{padding:25px 0}.capabilities .card+.card{border-left:0;border-top:1px solid var(--line)}.annotated{min-height:400px;padding:20px 30% 20px 15px}.webpage{height:355px}.comment{padding:13px;font-size:10px}.comment.one{top:115px}.comment.two{top:280px}.pin.two{top:295px}.sample-hero strong{font-size:21px}.sample-nav{font-size:7px}.sample-nav span{display:none}.sample-story{padding:18px 12px}.sample-story b{font-size:10px}.band{font-size:16px;margin-top:28px}.ai-source b{font-size:18px}.ai-result{padding:25px}.ai-result h3{font-size:19px}.bridge h2{font-size:29px}.equation{grid-template-columns:1fr;margin-top:35px}.equation .card{padding:28px}.times{padding:12px;font-size:28px}.usp{font-size:22px}.bridge>p br{display:none}.portrait{position:static}.portrait img{height:360px}.story-text h3{font-size:23px}.story-text p{font-size:14px}.note{gap:40px;grid-template-columns:1fr}.note figure{max-width:330px;margin:0 auto!important}.note img{aspect-ratio:.78}.note figcaption b{font-size:19px}.beforeafter{gap:35px}.workday span{padding:5px;font-size:10px}.movie{border-radius:4px;margin-top:24px}.movie-kicker{font-size:12px}.plan{padding:27px}.plans{gap:36px}.price{font-size:47px}.plan h3{font-size:23px}.saving b{font-size:18px}.steps{grid-template-columns:1fr;gap:30px;margin-top:32px}.steps li{display:grid;grid-template-columns:45px 1fr;gap:10px 20px;padding-top:20px}.steps li:before{grid-row:span 2;font-size:29px;margin:0}.steps b{margin:0;font-size:16px}.steps p{grid-column:2}.faq summary{font-size:14px;padding:23px 30px 23px 0}.faq details p{padding:0 0 24px;font-size:13px}.final h2{font-size:27px}.final h2 br{display:none}.final .cta{flex-direction:column;gap:16px}.final .button{font-size:14px}.slogan{font-size:22px;margin-top:35px}footer{padding:40px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}footer>p{font-size:11px}.back-top{right:25px;bottom:30px}#image-dialog{padding:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}