:root{--navy:#14263d;--accent:#234b73;--muted:#66717d;--line:#d6e0e7;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;color:var(--navy);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}a{color:inherit}button{font:inherit}img{display:block;max-width:100%}svg{fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #087ce8;outline-offset:4px}.skip-link{position:fixed;top:-100px;background:#fff;padding:10px;z-index:30}.skip-link:focus{top:10px}.wrap{max-width:1220px;margin:0 auto;padding-left:30px;padding-right:30px}.header{height:64px;position:relative;z-index:10;background:#ffffffec}.nav-wrap{height:100%;max-width:1440px;padding:6px 2.6%;margin:auto;display:flex;gap:22px;align-items:center}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:33px;height:33px;border:2px solid var(--accent)}.brand-mark i{display:block;background:var(--accent);width:17px;height:17px}.brand strong{display:block;font-size:25px;letter-spacing:.025em;font-weight:850;line-height:1.25}.brand small{display:block;font-size:11px;color:#6a7782;margin-top:3px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:24px;margin:auto;white-space:nowrap}.desktop-nav a{font-size:11px;text-decoration:none;font-weight:750}.desktop-nav a:hover{color:var(--accent)}.nav-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:51px;padding:13px 24px;background:linear-gradient(135deg,#234b73,#14263d);color:#fff;border:1px solid #234b73;border-radius:6px;font-size:15px;font-weight:750;text-decoration:none;box-shadow:0 2px 4px #14263d10;transition:background .2s,transform .2s}.button:hover{background:#0f2036;transform:translateY(-1px)}.button.outline{border-color:#8f9ead;background:#ffffffdd;color:var(--navy)}.button.outline:hover{background:#eff3f8}.button svg{width:21px;height:21px;stroke-width:2}.nav-actions .button{min-height:43px;font-size:13px;padding:10px 21px}.nav-trial{min-width:144px}.nav-login{min-width:93px}.menu-button{display:none;border:0;background:transparent;width:32px;height:36px;padding:5px}.menu-button span{height:2px;background:var(--navy);display:block;margin:6px 0}.mobile-nav{padding:14px 25px;background:#fff;box-shadow:0 12px 18px #14263d1a}.mobile-nav a{display:block;text-decoration:none;font-size:14px;padding:12px 0}.hero{position:relative;isolation:isolate;overflow:hidden;background:#fafdfe;height:604px}.hero-background{position:absolute;inset:0;z-index:-1}.hero-background img{width:100%;height:100%;object-fit:cover;object-position:center 38%}.hero-background:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffff9 24%,#ffffffd9 38%,#ffffff48 53%,transparent 67%),linear-gradient(0deg,#ffffff52,transparent 30%)}.hero-inner{max-width:1440px;margin:auto;height:100%;position:relative;padding:43px 3.5% 0}h1{font-size:clamp(34px,3.85vw,51px);line-height:1.4;letter-spacing:-.055em;font-weight:900;margin:0 0 24px;position:relative;z-index:2;white-space:nowrap}h1 span{color:var(--accent)}.hero-copy{position:relative;z-index:2;width:42%}.hero-copy h2{font-size:clamp(22px,2.36vw,29px);line-height:1.5;letter-spacing:-.035em;white-space:nowrap;margin:0 0 14px;font-weight:850}.hero-copy>p{font-size:15px;line-height:1.85;margin:0;color:#505b68;font-weight:500}.hero-actions{display:flex;gap:11px;margin-top:32px}.hero-actions .button:first-child{min-width:194px}.hero-actions .button{font-size:13px;padding:14px 20px;white-space:nowrap}.hero-benefits{display:flex;gap:27px;margin-top:33px}.hero-benefits>div{min-width:104px}.benefit-icon{width:57px;height:57px;border-radius:50%;background:#edf2f8;display:grid;place-items:center;margin-bottom:10px;color:var(--accent)}.benefit-icon svg{width:29px;height:29px}.hero-benefits p{font-size:13px;line-height:1.7;font-weight:650;margin:0;white-space:nowrap}.handwritten{position:absolute;top:38px;right:2.5%;color:#fff;font-size:24px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:600;line-height:1.4;transform:rotate(-12deg);text-shadow:0 2px 5px #0005}.handwritten span{font-size:19px}.handwritten i{display:block;width:150px;height:2px;background:#fff;margin-top:8px;transform:rotate(-2deg)}.monitor{position:absolute;right:3%;top:185px;width:56.4%;height:460px;background:#151514;border:12px solid #151514;border-radius:19px 19px 0 0;box-shadow:0 2px 2px #888,0 14px 32px #14263d30;overflow:hidden;z-index:3;text-decoration:none}.demo-viewport{width:100%;height:100%;overflow:hidden;position:relative;background:#edf1f3}.demo-viewport iframe{width:1280px;height:960px;position:absolute;left:0;top:0;transform-origin:top left;border:0;pointer-events:none}.problems{background:linear-gradient(115deg,#eef8fb,#eaf3f8);padding:22px 0 25px}.problems h2,.how>h2,.plans>h2,.example h2,.faq h2{font-size:28px;line-height:1.55;text-align:center;letter-spacing:-.03em;font-weight:850;margin:0 0 14px}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.problem-grid article{display:flex;align-items:center;gap:18px;background:#fff;border-radius:8px;padding:15px 16px;box-shadow:0 6px 18px #17364804;min-height:153px}.problem-grid h3{font-size:18px;line-height:1.5;font-weight:850;letter-spacing:-.055em;margin:0 0 9px;white-space:nowrap}.problem-grid p{font-size:12px;line-height:1.8;color:#566270;margin:0}.reference-crop{position:relative;overflow:hidden;flex-shrink:0;background:#f4f6f6;border-radius:4px}.reference-crop img{position:absolute;max-width:none;width:1122px;height:1402px}.problem-photo{width:108px;height:126px}.photo-worry img{left:-47px;top:-757px}.photo-papers img{left:-404px;top:-757px}.photo-think img{left:-760px;top:-757px}.how{padding-top:12px;padding-bottom:10px}.how>h2{margin-bottom:1px}.big-number{color:var(--accent);font-size:49px;line-height:1;margin:0 5px;vertical-align:-2px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.step-grid h3{display:flex;align-items:center;gap:14px;font-size:18px;margin:4px 0 12px;font-weight:850}.step-grid h3 b{background:var(--accent);color:#fff;font-size:23px;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:700;flex-shrink:0}.step-body{display:flex;align-items:flex-start;gap:15px}.step-photo{width:191px;height:126px}.step-add img{left:-28px;top:-1034px}.step-plan img{left:-388px;top:-1034px}.step-comment{width:213px;height:120px}.step-comment img{left:-743px;top:-1033px}.step-body p{font-size:11px;line-height:1.9;color:#626d7a;margin:0;white-space:nowrap}.sample-note{font-size:9px;line-height:1.7;color:#84919c;margin:13px 0 0;text-align:right}.mobile-break{display:none}.plans{padding-top:6px;padding-bottom:24px}.plans>h2{margin-bottom:0}.plans>h2 span{color:var(--accent);font-size:32px;margin:0 3px}.section-description{text-align:center;font-size:12px;color:#71808c;margin:2px 0 11px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:29px}.plan-card{display:grid;grid-template-columns:46% 54%;border:1px solid #d4e0e7;border-radius:6px;position:relative;overflow:visible;min-height:190px}.plan-summary{padding:20px 24px 15px;background:linear-gradient(90deg,#f4f8f9,#f0f5f8);border-radius:6px 0 0 6px;position:relative}.plan-summary h3{font-size:23px;line-height:1.3;margin:0 0 3px;font-weight:850}.plan-summary>p{font-size:11px;color:#8c98a4;margin:0}.free-price{font-size:39px;font-weight:850;margin-top:10px;line-height:1.2}.small-button{font-size:11px!important;padding:7px 14px!important;min-height:31px!important;border-radius:5px;gap:5px}.plan-summary>.small-button{margin-top:7px}.plan-summary>.outline{color:var(--accent);border-color:#6f8994;position:absolute;right:13px;bottom:22px}.plan-card ul{list-style:none;padding:19px 19px 15px 31px;margin:0}.plan-card li{font-size:11px;line-height:1.8;padding:3px 0 3px 21px;position:relative;color:#647381}.plan-card li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-size:19px;font-weight:850}.pro-plan{border:2px solid var(--accent)}.pro-plan .plan-summary{background:linear-gradient(90deg,#f4f7fb,#eef3f9);padding-top:16px}.pro-price{font-size:36px;font-weight:900;line-height:1.3;margin-top:3px;white-space:nowrap}.pro-price small{font-size:13px;font-weight:600}.price-note{font-size:8px;color:#8995a1;margin:3px 0 5px}.recommend{position:absolute;z-index:1;top:-15px;right:6px;border-radius:30px;padding:7px 17px;font-size:11px;font-weight:750;background:var(--accent);color:#fff}.pro-plan ul{padding-top:17px;padding-left:24px}.plan-note{font-size:10px;line-height:1.8;color:#8995a1;margin:12px 0 0}.example{padding-top:25px;padding-bottom:27px;border-top:1px solid #edf1f3;text-align:center}.example h2{font-size:23px}.example p{color:#75828d;font-size:12px}.example a{font-size:12px;color:var(--accent);text-underline-offset:4px}.faq{padding-top:24px;padding-bottom:36px;max-width:900px}.faq h2{font-size:24px}.faq-items details{border-bottom:1px solid var(--line)}.faq-items details:first-child{border-top:1px solid var(--line)}.faq-items summary{padding:17px 30px 17px 2px;position:relative;font-size:13px;font-weight:650;list-style:none;cursor:pointer}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:after{content:"＋";color:var(--accent);position:absolute;right:0;top:17px}.faq-items details[open] summary:after{content:"−"}.faq-items p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 18px}.faq-items p a{color:var(--accent)}.final-cta{padding:30px 20px 35px;background:#edf2f8;text-align:center}.final-cta h2{font-size:24px;line-height:1.5;margin:0 0 18px}.final-cta>div{display:flex;justify-content:center;gap:13px}.final-cta .button{min-width:195px;font-size:13px}.footer{padding-top:27px;padding-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.footer .brand strong{font-size:21px}.footer .brand small{font-size:10px}.footer .brand-mark{width:30px;height:30px}.footer nav{display:flex;gap:24px}.footer nav a{font-size:11px;text-decoration:none}.footer nav a:hover{color:var(--accent)}.footer>p{width:100%;display:flex;justify-content:space-between;color:#8c99a5;font-size:9px;border-top:1px solid #edf1f3;padding-top:14px;margin:0}[hidden]{display:none!important}
@media(min-width:1250px){.hero{height:660px}.hero-inner{padding-top:55px}h1{margin-bottom:30px}.hero-copy>p{font-size:17px}.hero-actions{margin-top:38px}.hero-actions .button{font-size:15px}.hero-benefits{gap:42px;margin-top:38px}.hero-benefits p{font-size:14px}.monitor{top:207px;height:510px}.handwritten{right:4%;top:45px}.step-body p{font-size:12px}.problem-grid h3{font-size:19px}.problem-grid p{font-size:13px}}
@media(max-width:1100px){.desktop-nav{gap:16px}.desktop-nav a{font-size:10px}.nav-wrap{gap:15px}.brand strong{font-size:22px}.nav-actions .button{padding:10px 15px}.hero-copy>p{font-size:13px}.hero-actions .button:first-child{min-width:165px}.hero-actions .button{font-size:11px;padding:13px 17px}.hero-benefits{gap:22px}.hero-benefits p{font-size:12px}.problem-grid article{padding:13px;gap:13px}.problem-photo{width:93px}.problem-grid h3{font-size:16px}.problem-grid p{font-size:11px}.step-photo{width:160px}.step-comment{width:176px}.step-body{gap:10px}.step-body p{font-size:10px}.plan-summary{padding-left:20px}.plan-card li{font-size:10px}.plan-card ul{padding-left:19px}.small-button{font-size:10px!important;padding:7px 10px!important}}
@media(max-width:930px){.desktop-nav{display:none}.nav-actions{margin-left:auto}.menu-button{display:block}.hero{height:545px}.hero-inner{padding-top:34px}h1{font-size:35px}.hero-copy h2{font-size:21px}.hero-copy>p{font-size:12px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:24px}.hero-actions .button{min-height:42px;padding:10px 15px}.hero-benefits{gap:17px;margin-top:24px}.hero-benefits>div{min-width:0}.hero-benefits p{font-size:10px}.benefit-icon{width:47px;height:47px}.benefit-icon svg{width:25px;height:25px}.monitor{top:160px;border-width:10px;height:425px}.handwritten{font-size:19px;right:3%;top:25px}.handwritten span{font-size:15px}.handwritten i{width:125px}.problem-grid article{flex-direction:column;align-items:flex-start;padding:16px;gap:13px}.problem-photo{width:108px;height:95px}.problem-grid h3{font-size:17px;white-space:normal}.problem-grid p{font-size:12px}.step-grid{gap:15px}.step-body{flex-direction:column;gap:12px}.step-photo{width:191px}.step-comment{width:213px}.step-body p{font-size:12px;white-space:normal}.step-body p br{display:none}.plan-grid{gap:18px}.plan-card{grid-template-columns:1fr}.plan-summary{border-radius:6px 6px 0 0;padding:22px}.plan-summary>.outline{position:static}.plan-card ul{padding:17px 22px}.plan-card li{font-size:12px}.plan-summary>p{font-size:12px}.pro-price{font-size:37px}.price-note{font-size:9px}}
@media(max-width:620px){html{scroll-padding-top:20px}.header{height:65px}.nav-wrap{padding:8px 5%;gap:9px}.brand{gap:10px}.brand strong{font-size:19px}.brand small{font-size:9px}.brand-mark{width:27px;height:27px}.brand-mark i{width:14px;height:14px}.nav-login{display:none!important}.nav-actions .button{font-size:10px;min-height:36px;min-width:0;padding:9px 11px;gap:6px}.menu-button{width:26px}.hero{height:auto;padding-bottom:0;background:#fbfdfe}.hero-inner{padding:33px 23px 0}.hero-background img{height:300px;object-position:70% 35%}.hero-background:after{background:linear-gradient(90deg,#ffffffed,#ffffffb0 44%,#ffffff20),linear-gradient(0deg,#fbfdfe 10%,transparent 80%)}h1{font-size:clamp(23px,6.6vw,36px);line-height:1.55;white-space:normal;letter-spacing:-.065em;margin-bottom:26px}.hero-copy{width:100%}.hero-copy h2{font-size:clamp(19px,5.1vw,26px);letter-spacing:-.05em}.hero-copy>p{font-size:12px;line-height:1.9}.hero-actions{flex-wrap:nowrap;margin-top:25px;gap:9px}.hero-actions .button{font-size:11px;padding:12px 13px;gap:8px;min-height:46px;flex:1}.hero-actions .button:first-child{min-width:0}.hero-actions .button svg{width:17px;height:17px}.hero-benefits{justify-content:space-between;gap:10px;margin:25px 0 23px}.hero-benefits p{font-size:11px}.benefit-icon{width:48px;height:48px;margin-bottom:7px}.handwritten{display:none}.monitor{position:relative;display:block;top:auto;right:auto;width:100%;height:300px;border-width:8px;border-radius:13px 13px 0 0;box-shadow:0 9px 25px #17374a25}.wrap{padding-left:23px;padding-right:23px}.problems{padding:25px 0}.problems h2,.how>h2,.plans>h2{font-size:23px}.problem-grid{grid-template-columns:1fr;gap:12px}.problem-grid article{flex-direction:row;align-items:center;min-height:131px;gap:17px;padding:14px}.problem-photo{width:90px;height:103px}.problem-grid h3{font-size:17px;margin-bottom:7px}.problem-grid p{font-size:11px}.how{padding-top:24px;padding-bottom:16px}.big-number{font-size:41px}.mobile-break{display:block}.step-grid{grid-template-columns:1fr;gap:19px;margin-top:21px}.step-grid h3{font-size:19px;gap:12px;margin-bottom:12px}.step-grid h3 b{width:35px;height:35px;font-size:22px}.step-body{flex-direction:row;gap:15px}.step-photo{width:174px;height:121px}.step-comment{width:190px;height:117px}.step-body p{font-size:11px;line-height:1.9}.step-body p br{display:block}.sample-note{font-size:9px;text-align:left;margin-top:18px}.plans{padding-top:12px;padding-bottom:26px}.section-description{font-size:11px;line-height:1.8;margin:8px 0 22px}.plan-grid{grid-template-columns:1fr;gap:27px}.plan-card{grid-template-columns:44% 56%;min-height:186px}.plan-summary{padding:19px 15px;border-radius:6px 0 0 6px}.plan-summary h3{font-size:23px}.plan-summary>p{font-size:10px;line-height:1.6}.plan-card ul{padding:17px 12px 15px 13px}.plan-card li{font-size:10px;line-height:1.9;padding-left:18px}.plan-card li:before{font-size:17px}.pro-plan .plan-summary{padding:17px 13px}.pro-plan ul{padding-left:14px}.pro-price{font-size:30px}.pro-price small{font-size:11px}.small-button{font-size:9px!important;min-height:30px!important;padding:6px 8px!important}.plan-summary>.outline{position:static}.plan-note{font-size:9px}.example{padding-top:25px}.example h2,.faq h2{font-size:23px}.faq{padding-top:19px;padding-bottom:29px}.faq-items summary{font-size:12px;line-height:1.8}.final-cta{padding:29px 23px}.final-cta h2{font-size:22px}.final-cta>div{gap:10px}.final-cta .button{min-width:0;flex:1;font-size:11px;padding:12px 11px}.footer{gap:20px}.footer nav{gap:18px;flex-wrap:wrap}.footer nav a{font-size:10px}.footer>p{font-size:9px;gap:10px;flex-wrap:wrap}}
@media(max-width:370px){.brand strong{font-size:17px}.brand small{font-size:8px}.nav-actions .button{font-size:9px;padding:9px}.hero-inner{padding-left:18px;padding-right:18px}.hero-actions .button{font-size:10px;padding:10px}.hero-benefits p{font-size:10px}.problem-photo{width:78px}.problem-grid h3{font-size:15px}.problem-grid p{font-size:10px}.step-photo{width:148px}.step-comment{width:160px}.step-body p{font-size:10px}.plan-summary{padding-left:11px;padding-right:11px}.plan-card li{font-size:9px}.pro-price{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Use the same vector logo as the product, without the temporary square mark. */
.brand{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:230px}.brand-logo{display:block;width:230px;height:auto}.brand>small{font-size:10px;line-height:1.25;margin:0 0 0 3px;color:#6a7782;white-space:nowrap}.footer .brand{width:215px}.footer .brand-logo{width:215px}.example a,.faq-items p a{color:#075eb4}.header{height:72px}
@media(max-width:1100px){.brand,.brand-logo{width:220px}}
@media(max-width:620px){.header{height:72px}.brand,.brand-logo{width:190px}.brand>small{font-size:9px}}
@media(max-width:370px){.brand,.brand-logo{width:169px}.brand>small{font-size:8px}}

/* Static product preview: smaller, leaving the supervisor photograph visible. */
.hero .monitor{top:auto;bottom:26px;right:3.5%;width:38%;height:auto;aspect-ratio:1.6;border-width:9px;border-radius:14px;margin:0;pointer-events:none}
.hero .monitor>img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}
.hand-marker{position:relative;isolation:isolate;display:inline;color:#14263d;background:transparent;font-weight:750;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hand-marker:before{content:"";position:absolute;z-index:-1;left:-.25em;right:-.23em;top:28%;bottom:-.05em;background:#f5ff42;opacity:.86;transform:rotate(-1.3deg);clip-path:polygon(1% 17%,5% 4%,28% 9%,55% 0,82% 7%,98% 2%,100% 80%,95% 97%,66% 92%,35% 100%,3% 91%,0 72%)}
.hand-marker:after{content:"";position:absolute;z-index:-1;left:-.12em;right:-.2em;top:46%;bottom:-.12em;background:#fbff73;opacity:.45;transform:rotate(.6deg);clip-path:polygon(0 8%,97% 0,100% 80%,3% 100%)}
.reasons{background:#f3f6fa;border-top:1px solid #e7edf3;padding:47px 0 42px}
.reasons-label{text-align:center;font-size:12px;letter-spacing:.1em;color:#607287;margin:0 0 7px}
.reasons h2{text-align:center;font-size:29px;font-weight:850;line-height:1.6;letter-spacing:-.035em;margin:0 0 25px}
.reason-list{border-top:1px solid #d6e0e9}
.reason{display:grid;grid-template-columns:60px 1fr 155px;gap:24px;align-items:center;padding:25px 0;border-bottom:1px solid #d6e0e9}
.reason-number{color:#234b73;font-size:32px;font-weight:650;letter-spacing:-.06em;align-self:start;margin-top:2px}
.reason h3{font-size:20px;line-height:1.7;letter-spacing:-.03em;margin:0 0 8px}
.reason p{font-size:13px;line-height:1.95;color:#5c6c7c;margin:0;max-width:740px}
.reason-tag{font-size:12px;color:#234b73;background:#e6edf5;border:1px solid #d2deec;border-radius:30px;padding:11px 13px;text-align:center;font-weight:650;white-space:nowrap}
.contract-points{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.contract-points>span{font-size:11px;line-height:1.8;padding:6px 11px;border:1px solid #d6e0eb;background:#fff;border-radius:5px;color:#51667c}
.contract-points b{color:#14263d}
@media(max-width:930px){.hero .monitor{width:40%;bottom:23px;border-width:7px}.reason{grid-template-columns:45px 1fr;gap:17px}.reason-tag{grid-column:2;justify-self:start;margin-top:0}.reason h3{font-size:19px}}
@media(max-width:620px){.hero .monitor{position:relative;top:auto;right:auto;bottom:auto;width:83%;height:auto;aspect-ratio:1.6;margin:9px auto 24px;border-width:6px;border-radius:10px}.reasons{padding:30px 0}.reasons h2{font-size:24px;margin-bottom:20px}.reasons-label{font-size:10px}.reason{grid-template-columns:32px 1fr;padding:21px 0;gap:13px}.reason-number{font-size:25px}.reason h3{font-size:17px;line-height:1.7}.reason p{font-size:12px;line-height:1.95}.reason-tag{font-size:10px;padding:8px 12px}.contract-points{gap:7px;margin-top:12px}.contract-points>span{font-size:10px;padding:5px 8px}.hand-marker:before{opacity:.82}}

/* Three real exported documents, presented as printed sheets. */
.output-documents{padding:37px 0 32px;margin:19px 0 16px;background:linear-gradient(135deg,#f1f5fa,#f8fafc);border-top:1px solid #e3eaf2;border-bottom:1px solid #e3eaf2}
.document-eyebrow{font-size:12px;color:#66798d;text-align:center;letter-spacing:.06em;margin:0 0 6px}
.output-documents h2{font-size:29px;line-height:1.6;text-align:center;letter-spacing:-.035em;margin:0 0 9px;font-weight:850}
.output-documents h2>span{color:#234b73;font-size:42px;margin:0 5px;vertical-align:-2px;line-height:1}
.document-description{font-size:13px;line-height:1.9;text-align:center;color:#667789;margin:0 0 25px}
.paper-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px}
.paper-type{display:flex;align-items:center;justify-content:center;gap:11px;margin-bottom:18px}
.paper-type>span{font-size:11px;letter-spacing:.04em;color:#67819d;border:1px solid #c7d6e6;border-radius:30px;padding:4px 8px;background:#fff}
.paper-type h3{font-size:20px;line-height:1.6;margin:0;font-weight:800;color:#14263d}
.paper-preview{position:relative;isolation:isolate;display:block;width:100%;padding:0;border:0;border-radius:0;background:transparent;cursor:zoom-in}
.paper-preview:before{content:"";position:absolute;z-index:-1;inset:5px -3px -5px 3px;background:#fff;border:1px solid #d6e0eb;transform:rotate(1.8deg)}
.paper-preview img{display:block;width:100%;height:auto;background:#fff;border:1px solid #d6e0eb;box-shadow:0 12px 21px #14263d20;transform:rotate(-1.1deg);transition:transform .18s,box-shadow .18s}
.paper-card:nth-child(2) .paper-preview img{transform:rotate(.9deg)}
.paper-card:nth-child(3) .paper-preview img{transform:rotate(-.6deg)}
.paper-preview:hover img,.paper-preview:focus-visible img{transform:translateY(-4px) rotate(0);box-shadow:0 16px 26px #14263d28}
.paper-card>p{text-align:center;font-size:12px;line-height:1.9;margin:21px 0 0;color:#5f7285}
.document-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #dce5ef;margin-top:24px;padding-top:17px}
.document-footer>p{font-size:10px;line-height:1.8;color:#7a8c9e;margin:0}
.document-sample-link{font-size:12px;font-weight:650;color:#075eb4;text-decoration:none;white-space:nowrap}
.document-sample-link:hover{text-decoration:underline;text-underline-offset:4px}
.paper-dialog{width:min(1100px,94vw);max-height:94vh;padding:20px;border:1px solid #c9d6e5;border-radius:9px;color:#14263d;background:#f7f9fc;box-shadow:0 20px 60px #14263d45}
.paper-dialog::backdrop{background:#091e3bb5}
.paper-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}
.paper-dialog-head h2{font-size:18px;line-height:1.5;margin:0}
.paper-dialog-head button{background:#fff;color:#14263d;border:1px solid #c5d2e1;border-radius:5px;padding:8px 13px;font-size:13px;cursor:pointer}
.paper-dialog>img{display:block;width:100%;max-height:77vh;object-fit:contain;border:1px solid #d6e0eb;background:#fff}
.paper-dialog>p{font-size:10px;color:#7a8c9e;text-align:center;margin:11px 0 0}
@media(max-width:930px){.paper-examples{gap:24px}.paper-type h3{font-size:17px}.paper-card>p{font-size:11px}.paper-type{gap:7px}}
@media(max-width:620px){.output-documents{padding:29px 0 26px;margin-top:16px}.output-documents h2{font-size:24px}.output-documents h2>span{font-size:37px}.document-eyebrow{font-size:10px}.document-description{font-size:11px;line-height:1.9;margin-bottom:22px}.paper-examples{grid-template-columns:1fr;gap:29px;max-width:375px;margin:auto}.paper-type{justify-content:flex-start;margin-bottom:14px;gap:10px}.paper-type h3{font-size:19px}.paper-preview{width:94%;margin:auto}.paper-card>p{font-size:12px;margin-top:18px}.document-footer{flex-direction:column;align-items:flex-start;gap:13px;margin-top:24px}.document-footer>p{font-size:9px}.document-sample-link{font-size:11px}.paper-dialog{padding:13px}.paper-dialog-head h2{font-size:16px}.paper-dialog-head button{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.paper-preview img{transition:none}}

.release-badge{display:inline-block;margin:8px 0 3px;padding:5px 13px;border-radius:5px;background:#fff36c;color:#142d49;font-size:14px;font-weight:800;letter-spacing:.04em;line-height:1.5}
.use-cases{padding-top:56px;padding-bottom:38px}.use-eyebrow{text-align:center;color:#65788b;font-size:13px;margin:0 0 10px}.use-cases h2 span{color:#214b72}.use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}.use-card{overflow:hidden;border:1px solid #dce4ed;border-radius:10px;background:#fff;box-shadow:0 8px 24px #172c4510}.use-card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.use-copy{padding:22px}.use-copy h3{margin:0 0 12px;color:#10263e;font-size:22px}.use-copy p{margin:0;color:#586777;font-size:14px;line-height:1.9}.use-note{text-align:right;font-size:11px;color:#7d8893;margin:16px 0 0}@media(max-width:620px){.use-cases{padding-top:38px;padding-bottom:24px}.use-grid{grid-template-columns:1fr;gap:20px;max-width:420px;margin:24px auto 0}.use-copy{padding:19px}.use-copy h3{font-size:21px}.use-note{text-align:center}}
.use-cases h2{text-align:center;font-size:32px;line-height:1.4;margin:0 0 18px;font-weight:800}@media(max-width:620px){.use-cases h2{font-size:27px}}
.hero-marker:before{background:#fff044;top:24%;bottom:-.04em;opacity:.9}.hero-marker:after{background:#fff77b}.hero-background img{position:relative;left:-10%;width:110%;max-width:none}.hero .monitor{right:1.2%;bottom:12px;width:37%}@media(max-width:930px){.hero .monitor{right:1.2%;bottom:12px;width:39%}}@media(max-width:620px){.hero-background img{left:-5%;width:105%}.hero .monitor{right:auto;bottom:auto;width:83%;margin:12px 0 20px auto}.hero-marker{white-space:nowrap}}
.hero .monitor{aspect-ratio:1.6;container-type:inline-size}.operation-demo{display:block;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans JP',sans-serif;overflow:hidden}.demo-toggle{pointer-events:auto;position:absolute;top:7px;right:7px;border:1px solid #bac8d5;border-radius:4px;background:#ffffffef;color:#14263d;font-size:10px;font-weight:700;padding:4px 7px;cursor:pointer;z-index:3}.operation-demo .demo-travel{animation:demo-travel 14s infinite}.operation-demo .demo-pointer{animation:demo-pointer 14s infinite}.operation-demo .demo-drop{animation:demo-drop 14s infinite}.operation-demo .demo-arrow{stroke-dasharray:160;stroke-dashoffset:160;animation:demo-arrow 14s infinite}.operation-demo .demo-arrowhead{animation:demo-arrowhead 14s infinite}.operation-demo .demo-tool{animation:demo-tool 14s infinite}.operation-demo .demo-click{animation:demo-click 14s infinite}.demo-caption-one{animation:demo-one 14s infinite}.demo-caption-two{animation:demo-two 14s infinite}.demo-caption-three{animation:demo-three 14s infinite}.demo-progress{transform-box:fill-box;transform-origin:left;animation:demo-progress 14s linear infinite}.demo-paused .operation-demo *{animation-play-state:paused!important}@keyframes demo-travel{53.25%,56.65%{opacity:0;transform:translate(66px,442px) scale(.65)}57.5%{opacity:.95;transform:translate(66px,442px) scale(.65)}66.85%,68.55%{opacity:.95;transform:translate(445px,610px) scale(.65)}69.825%,95.75%{opacity:0;transform:translate(445px,610px) scale(.65)}}@keyframes demo-pointer{0%,57.5%{transform:translate(94px,467px)}66.85%,78%{transform:translate(490px,655px)}80.45%{transform:translate(509px,674px)}86.4%,93.2%{transform:translate(650px,765px)}95.75%,100%{transform:translate(94px,467px)}}@keyframes demo-drop{53.25%,67.7%{opacity:0}69.4%,93.2%{opacity:1}95.75%{opacity:0}}@keyframes demo-arrow{53.25%,80.45%{opacity:0;stroke-dashoffset:160}80.875%{opacity:1;stroke-dashoffset:160}86.4%,93.2%{opacity:1;stroke-dashoffset:0}95.75%{opacity:0;stroke-dashoffset:0}}@keyframes demo-arrowhead{53.25%,85.55%{opacity:0}86.825%,93.2%{opacity:1}95.75%{opacity:0}}@keyframes demo-tool{53.25%,74.075%{opacity:0}75.775%,93.2%{opacity:1}95.75%{opacity:0}}@keyframes demo-click{53.25%,56.225%,59.2%,67.7%,71.1%,74.925%,78.75%,95.75%{opacity:0}57.5%,69.4%,76.625%{opacity:.8}}@keyframes demo-one{53.25%,67.7%{opacity:1}68.55%,95.75%{opacity:0}}@keyframes demo-two{53.25%,67.7%,75.775%,95.75%{opacity:0}68.55%,74.925%{opacity:1}}@keyframes demo-three{53.25%,74.925%{opacity:0}75.775%,95.75%{opacity:1}}@keyframes demo-progress{53.25%{transform:scaleX(0)}93.625%,95.75%{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.operation-demo *{animation:none!important}.demo-travel,.demo-pointer,.demo-tool,.demo-caption-one,.demo-caption-two{opacity:0}.demo-drop,.demo-caption-three,.demo-arrowhead{opacity:1}.operation-demo .demo-arrow{stroke-dashoffset:0}}

.demo-diagram-stage{animation:demo-diagram-stage 14s infinite}.demo-photo-stage{animation:demo-photo-stage 14s infinite}.demo-photo-mark{stroke-dasharray:620;animation:demo-photo-mark 14s linear infinite}.demo-type-clip{animation:demo-type 14s steps(18,end) infinite}.demo-photo-label{animation:demo-photo-label 14s infinite}.demo-comment-label{animation:demo-comment-label 14s infinite}.demo-switch-label,.demo-tab-highlight{animation:demo-switch-label 14s infinite}
@keyframes demo-diagram-stage{15%,51.55%{opacity:0}53.25%,97.45%{opacity:1}100%{opacity:0}}
@keyframes demo-photo-stage{15%,50.7%{opacity:1}53.25%,97.45%{opacity:0}100%{opacity:1}}
@keyframes demo-photo-mark{15%,19.25%{stroke-dashoffset:620}29.45%,100%{stroke-dashoffset:0}}
@keyframes demo-type{15%,32%{width:0}43.9%,100%{width:320px}}
@keyframes demo-photo-label{15%,30.3%{opacity:1}32%,100%{opacity:0}}
@keyframes demo-comment-label{15%,30.3%{opacity:0}32%,43.9%{opacity:1}45.6%,100%{opacity:0}}
@keyframes demo-switch-label{15%,43.9%{opacity:0}45.6%,52.4%{opacity:1}54.1%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.demo-photo-stage{display:none}.demo-diagram-stage{opacity:1;animation:none}}

.demo-upload-stage{animation:demo-upload-stage 14s infinite}.demo-upload-thumbs{animation:demo-upload-thumbs 14s infinite}.demo-pop{opacity:0;animation-duration:14s;animation-iteration-count:infinite;transform-box:fill-box;transform-origin:center}
@keyframes demo-upload-stage{0%,12%{opacity:1}15%,98%{opacity:0}100%{opacity:1}}
@keyframes demo-upload-thumbs{0%,5%{opacity:0}8%,100%{opacity:1}}
.demo-pop-upload{animation-name:demo-pop-upload}@keyframes demo-pop-upload{0%,1%{opacity:0;transform:scale(.85)}2%,9%{opacity:1;transform:scale(1)}11%,100%{opacity:0;transform:scale(1)}}
.demo-pop-mark{animation-name:demo-pop-mark}@keyframes demo-pop-mark{0%,19%{opacity:0;transform:scale(.85)}20%,28%{opacity:1;transform:scale(1)}30%,100%{opacity:0;transform:scale(1)}}
.demo-pop-comment{animation-name:demo-pop-comment}@keyframes demo-pop-comment{0%,32%{opacity:0;transform:scale(.85)}33%,43%{opacity:1;transform:scale(1)}45%,100%{opacity:0;transform:scale(1)}}
.demo-pop-tab{animation-name:demo-pop-tab}@keyframes demo-pop-tab{0%,46%{opacity:0;transform:scale(.85)}47%,52%{opacity:1;transform:scale(1)}54%,100%{opacity:0;transform:scale(1)}}
.demo-pop-drag{animation-name:demo-pop-drag}@keyframes demo-pop-drag{0%,56%{opacity:0;transform:scale(.85)}57%,64%{opacity:1;transform:scale(1)}66%,100%{opacity:0;transform:scale(1)}}
.demo-pop-number{animation-name:demo-pop-number}@keyframes demo-pop-number{0%,69%{opacity:0;transform:scale(.85)}70%,75%{opacity:1;transform:scale(1)}77%,100%{opacity:0;transform:scale(1)}}
.demo-pop-arrow{animation-name:demo-pop-arrow}@keyframes demo-pop-arrow{0%,80%{opacity:0;transform:scale(.85)}81%,89%{opacity:1;transform:scale(1)}91%,100%{opacity:0;transform:scale(1)}}
@keyframes demo-photo-stage{0%,14%{opacity:0}15%,50.7%{opacity:1}53.25%,98%{opacity:0}100%{opacity:0}}
@keyframes demo-diagram-stage{0%,51.55%{opacity:0}53.25%,97.45%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.demo-upload-stage,.demo-pop{display:none}}

.demo-arrow-start{animation:demo-arrow 14s infinite}@media(prefers-reduced-motion:reduce){.demo-arrow-start{opacity:1;animation:none}}

.demo-teardrop{animation:demo-arrow 14s infinite}.demo-teardrop-reveal{animation:demo-teardrop-reveal 14s linear infinite}
@keyframes demo-teardrop-reveal{0%,80.45%{width:40px}86.4%,100%{width:220px}}
@media(prefers-reduced-motion:reduce){.demo-teardrop{opacity:1;animation:none}.demo-teardrop-reveal{width:220px;animation:none}}

@keyframes demo-click{0%,56%,60%,67%,72%,78%,83%,100%{opacity:0}57.5%,69.4%,80.45%{opacity:.8}}
.price-breakdown{font-size:12px;line-height:1.8;color:#586b7f;margin:8px 0 14px}.storage-fee-note{font-size:16px;font-weight:800;color:#142b46;background:#fff9ca;padding:14px 18px;border-radius:6px;margin:22px 0 8px}.plan-summary h3{line-height:1.5}.plan-grid .pro-price{font-size:32px}@media(max-width:620px){.price-breakdown{font-size:12px}.storage-fee-note{font-size:14px}.plan-grid .pro-price{font-size:32px}}
.plan-summary .price-breakdown{color:#000;font-weight:600}
.plans .pro-plan{background:#eeeeee;border-color:#b7b7b7}.plans .pro-plan .plan-summary{background:#e3e3e3}.plans .pro-plan h3,.plans .pro-plan .pro-price,.plans .pro-plan li{color:#515151}.plans .pro-plan li:before{color:#666}.plans .pro-plan .release-badge{display:block;padding:8px 0;margin:12px 0 17px;background:transparent;color:#383838;font-size:38px;font-weight:900;line-height:1.15;text-align:center;letter-spacing:.04em}.plans .pro-plan .button{background:#666;border-color:#666}.plans .pro-plan .hand-marker:before,.plans .pro-plan .hand-marker:after{background:#d1d1d1}.trial-cooperation{padding-top:18px;padding-bottom:48px}.cooperation-panel{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:38px;align-items:center;padding:40px;background:#142b46;border-radius:12px}.cooperation-eyebrow{color:#ffed55!important;font-size:13px!important;font-weight:700;margin:0 0 12px!important}.cooperation-copy h2{font-size:36px;color:white;margin:0 0 22px;line-height:1.4}.cooperation-copy p{font-size:14px;color:#f2f5f9;line-height:1.9;margin:0 0 16px}.cooperation-email{padding:14px 18px;border:1px solid #71849a;border-radius:6px;color:white;margin:20px 0}.cooperation-email strong{display:block;font-size:14px;margin-bottom:5px}.cooperation-email span{font-size:13px;color:#d8e2ed}.cooperation-line-button{display:inline-block;background:#06c755;color:#fff;text-decoration:none;font-size:15px;font-weight:800;padding:15px 22px;border-radius:6px;line-height:1.5}.cooperation-line-button:hover{background:#05a947}.cooperation-qr{padding:16px;background:white;border-radius:10px;text-align:center}.cooperation-qr img{display:block;width:100%;height:auto}.cooperation-qr p{font-size:12px;line-height:1.7;color:#142b46;margin:10px 0 0}@media(max-width:620px){.plans .pro-plan .release-badge{font-size:38px}.trial-cooperation{padding-bottom:32px}.cooperation-panel{grid-template-columns:1fr;gap:25px;padding:27px 23px}.cooperation-copy h2{font-size:28px}.cooperation-copy p{font-size:13px}.cooperation-eyebrow{font-size:11px!important}.cooperation-qr{width:190px;margin:0 auto}.cooperation-line-button{display:block;text-align:center;font-size:14px}}
.cooperation-email a{display:inline-block;max-width:100%;color:#fff;font-size:clamp(15px,2vw,22px);font-weight:700;text-underline-offset:4px;overflow-wrap:anywhere}.cooperation-email a:hover{color:#ffed55}.cooperation-email a:focus-visible{outline:2px solid #ffed55;outline-offset:5px}