.sanmei-landing{--ink:#303d40;--paper:#f7f5ee;--blue:#dce6e8;--line:#b8c2c1;--accent:#986341;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;--serif:'Hiragino Mincho ProN','Yu Mincho',serif}.sanmei-landing *{box-sizing:border-box}html:has(.sanmei-landing){scroll-behavior:smooth;scroll-padding-top:100px}.sanmei-landing{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}.sanmei-landing a{color:inherit;text-decoration:none}.sanmei-landing button{font:inherit;color:inherit;cursor:pointer}.sanmei-landing button,.sanmei-landing a{-webkit-tap-highlight-color:transparent}.sanmei-landing button:focus-visible,.sanmei-landing a:focus-visible,.sanmei-landing summary:focus-visible{outline:3px solid #a56834;outline-offset:5px}.sanmei-landing button{border:0}.sanmei-landing img{display:block;max-width:100%;height:auto}.sanmei-landing p{line-height:2}.sanmei-landing h1,.sanmei-landing h2,.sanmei-landing h3,.sanmei-landing p{margin-top:0}.sanmei-landing h2,.sanmei-landing h3{font-weight:500;font-family:var(--serif)}.sanmei-landing h2{font-size:clamp(30px,3.5vw,49px);line-height:1.75;letter-spacing:.07em}.sanmei-landing h3{font-size:clamp(27px,3.2vw,43px);line-height:1.65;letter-spacing:.045em}.sanmei-landing section,.sanmei-landing article{scroll-margin-top:20px}.sanmei-landing .skip{position:fixed;top:-100px;z-index:100;background:white;padding:15px}.sanmei-landing .skip:focus{top:0}.sanmei-landing .draft{display:flex;justify-content:space-between;background:var(--ink);color:#fff;padding:8px 4.5%;font-size:10px;letter-spacing:.16em}.sanmei-landing .draft span{letter-spacing:.07em}.sanmei-landing .header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);background:var(--paper)}.sanmei-landing .brand{display:flex;align-items:center;gap:13px;font-size:24px;letter-spacing:.12em}.sanmei-landing .brand small{display:block;font-size:9px;letter-spacing:.12em;margin-top:4px}.sanmei-landing .brand-mark{border:1px solid var(--ink);border-radius:50%;width:44px;height:44px;display:grid;place-items:center;font-family:var(--serif);font-size:22px}.sanmei-landing .header nav{display:flex;gap:34px;font-size:12px}.sanmei-landing .header-cta{font-size:12px;border-bottom:1px solid;padding:12px 0}.sanmei-landing .header-cta span{margin-left:28px}.sanmei-landing .hero{background:var(--blue);overflow:hidden}.sanmei-landing .hero-top{display:flex;justify-content:space-between;padding:25px 4.5% 0;font-size:10px;letter-spacing:.18em}.sanmei-landing .hero-heading{max-width:1320px;margin:auto;display:grid;grid-template-columns:44px 1fr 270px;align-items:center;gap:45px;padding:55px 5% 30px}.sanmei-landing .vertical{writing-mode:vertical-rl;letter-spacing:.22em;font-size:12px}.sanmei-landing .hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(48px,5.8vw,86px);line-height:1.4;letter-spacing:.08em;margin:0}.sanmei-landing .underline{position:relative}.sanmei-landing .underline:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--ink)}.sanmei-landing .hero-intro>p:first-child{font-size:20px;font-family:var(--serif);line-height:1.8}.sanmei-landing .small{font-size:12px;line-height:1.9;color:#546467}.sanmei-landing .text-link{display:flex;justify-content:space-between;border-bottom:1px solid;padding:8px 0;font-size:12px;margin-top:20px}.sanmei-landing .hero-stage{position:relative;max-width:1400px;margin:auto;padding:25px 17% 75px 13%;perspective:1400px}.sanmei-landing .stage-line{position:absolute;inset:40% 0 auto;height:1px;background:#b3c3c6}.sanmei-landing .stage-label{position:absolute;left:3%;top:35%;writing-mode:vertical-rl;font-size:10px;letter-spacing:.21em}.sanmei-landing .hero-screen{display:block;width:100%;padding:0;background:white;transform:rotate(-3deg);box-shadow:12px 28px 45px #33474826;border:7px solid #f9faf8;border-radius:9px;overflow:hidden}.sanmei-landing .hero-screen img{width:100%}.sanmei-landing .browserbar{display:flex;align-items:center;gap:5px;background:#f8f8f5;border-bottom:1px solid #d6d5cf;padding:10px 12px;font-size:9px;letter-spacing:.1em;text-align:left}.sanmei-landing .browserbar i{width:5px;height:5px;border:1px solid #acb4b3;border-radius:50%}.sanmei-landing .browserbar>span{margin-left:9px}.sanmei-landing .browserbar b{margin-left:auto;font-weight:400}.sanmei-landing .floating-popup{position:absolute;right:9%;top:28%;width:23%;padding:0;background:white;transform:rotate(5deg);box-shadow:0 14px 40px #33474830;border:4px solid #fff;border-radius:10px}.sanmei-landing .floating-popup img{border-radius:8px}.sanmei-landing .note-label{position:absolute;top:-38px;left:-25px;white-space:nowrap;font-family:var(--serif);font-size:15px}.sanmei-landing .round-plus{position:absolute;bottom:-17px;right:-17px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:white;font-size:24px}.sanmei-landing .hero-caption{position:absolute;bottom:24px;left:15%;font-size:10px;color:#546467}.sanmei-landing .circle-cta{position:absolute;right:2%;bottom:10%;border:1px solid #718589;border-radius:50%;width:116px;height:116px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:12px;line-height:1.8;background:var(--blue)}.sanmei-landing .circle-cta span{font-size:23px;line-height:1.2}.sanmei-landing .hero-foot{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:24px 5%;font-size:11px;letter-spacing:.12em}.sanmei-landing .section-pad{padding:95px 7%;max-width:1600px;margin:auto}.sanmei-landing .eyebrow{font-size:11px;letter-spacing:.17em;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:65px}.sanmei-landing .eyebrow span{font-size:10px;letter-spacing:.08em}.sanmei-landing .concept{padding-top:100px;padding-bottom:50px}.sanmei-landing .concept-content{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:20px 0 65px}.sanmei-landing .concept h2{font-size:clamp(27px,3.4vw,48px);line-height:1.9}.sanmei-landing .concept em{font-style:normal;text-emphasis:dot;text-emphasis-position:over}.sanmei-landing .concept-copy{padding-top:10px;font-size:14px}.sanmei-landing .concept-copy p{margin-bottom:25px;line-height:2.5}.sanmei-landing .concept-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;align-items:center;font-size:10px;letter-spacing:.17em}.sanmei-landing .five-elements{font-family:var(--serif);font-size:20px}.sanmei-landing .five-elements i{font-style:normal;color:#bcc2bb;padding:0 12px}.sanmei-landing .features{background:#fffefb}.sanmei-landing .features-heading{padding-bottom:15px}.sanmei-landing .features-heading h2{margin-bottom:50px}.sanmei-landing .feature-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sanmei-landing .feature-index a{display:flex;align-items:center;gap:20px;padding:25px 20px;border-right:1px solid var(--line)}.sanmei-landing .feature-index a:last-child{border:0}.sanmei-landing .feature-index b{font-size:24px;font-weight:400;font-family:var(--serif)}.sanmei-landing .feature-index span{margin-left:auto}.sanmei-landing .feature-title{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center;margin-bottom:50px}.sanmei-landing .point{font-size:11px;letter-spacing:.14em;display:flex;align-items:center;gap:12px;margin-bottom:22px}.sanmei-landing .point b{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:0;line-height:1}.sanmei-landing .feature-title h3{margin-bottom:0}.sanmei-landing .feature-description{max-width:390px;margin-left:auto}.sanmei-landing .badge{border:1px solid #7c8e90;display:inline-block;font-size:10px;letter-spacing:.1em;padding:5px 10px;margin-bottom:18px}.sanmei-landing .premium{border-color:#99765b;color:#805739}.sanmei-landing .large-screen{padding:0;background:#fafaf7;border:1px solid var(--line);width:100%;box-shadow:0 15px 30px #303d4009}.sanmei-landing .large-screen img{width:100%}.sanmei-landing .image-caption{display:flex;justify-content:space-between;gap:15px;font-size:10px;padding-top:20px;line-height:1.8;color:#657475}.sanmei-landing .explain{background:#ecece3;max-width:none}.sanmei-landing .explain-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.sanmei-landing .star-demo{padding:30px 0}.sanmei-landing .demo-label{font-size:11px;letter-spacing:.1em}.sanmei-landing .star-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:25px 0}.sanmei-landing .star-grid>span,.sanmei-landing .star-grid>button{display:grid;place-items:center;background:#faf9f3;border:1px solid #c9cec3;min-height:76px;font-family:var(--serif);font-size:19px}.sanmei-landing .star-grid .active-star{background:#3c514f;color:white;position:relative}.sanmei-landing .active-star b{position:absolute;right:5px;top:5px;font-size:12px;font-weight:400}.sanmei-landing .hand-note{text-align:right;font-family:var(--serif);font-size:15px;margin:20px 0 35px;color:#805739}.sanmei-landing .explain-photo{position:relative;padding:35px 0}.sanmei-landing .explain-photo button{padding:0;background:transparent;transform:rotate(2deg);box-shadow:10px 20px 30px #303d4017;border-radius:14px;overflow:hidden}.sanmei-landing .photo-note{position:absolute;bottom:10px;left:-15px;background:var(--paper);border:1px solid #c6cbbe;padding:10px 20px;font-family:var(--serif);transform:rotate(-3deg)}.sanmei-landing .detail-links{display:flex;gap:35px;padding-top:35px}.sanmei-landing .detail-links button{background:transparent;border-bottom:1px solid #99a49e;display:flex;justify-content:space-between;flex:1;padding:18px 0}.sanmei-landing .detail-links span{font-size:20px}.sanmei-landing .compatibility{background:var(--blue);max-width:none}.sanmei-landing .compat-stage{display:grid;grid-template-columns:1fr 2.7fr;align-items:center;gap:60px;margin-bottom:32px}.sanmei-landing .compat-aside{text-align:center;font-family:var(--serif);font-size:22px;letter-spacing:.14em}.sanmei-landing .compat-aside p{margin-top:35px;font-size:20px}.sanmei-landing .compat-aside small{font-size:9px;letter-spacing:0;font-family:var(--sans);color:#53696c}.sanmei-landing .orbit{width:160px;height:160px;border:1px solid #82989b;border-radius:50%;position:relative;margin:25px auto}.sanmei-landing .orbit:before{content:'';position:absolute;inset:14%;border:1px dashed #82989b;border-radius:50%}.sanmei-landing .orbit i,.sanmei-landing .orbit b{position:absolute;width:96px;height:110px;top:20px;clip-path:polygon(30% 0,100% 90%,0 100%);background:#b76f5260;transform:rotate(-20deg)}.sanmei-landing .orbit b{background:#4d859050;transform:rotate(150deg);left:20px;top:40px}.sanmei-landing .compat-image{background:white;padding:0;box-shadow:12px 20px 32px #303d4017;transform:rotate(1deg);border:5px solid #f9faf7;border-radius:5px;overflow:hidden}.sanmei-landing .compat-image img{width:100%}.sanmei-landing .how h2{margin-bottom:50px}.sanmei-landing .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.sanmei-landing .steps>div{border-top:1px solid var(--line);padding-top:25px}.sanmei-landing .steps span{font-family:var(--serif);font-size:40px;color:#708486}.sanmei-landing .steps h3{font-family:var(--sans);font-size:17px;margin:20px 0 12px}.sanmei-landing .steps p{font-size:12px}.sanmei-landing .plans{background:#e7ebe6;max-width:none}.sanmei-landing .plans-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px}.sanmei-landing .plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.sanmei-landing .plan{border:1px solid #9daa9f;padding:45px;background:#f8f8f1;display:flex;flex-direction:column}.sanmei-landing .plan-en{font-size:11px;letter-spacing:.2em}.sanmei-landing .plan h3{font-size:27px;margin-bottom:12px}.sanmei-landing .plan>p:not(.price):not(.plan-en){font-size:12px}.sanmei-landing .price{font-family:Georgia,serif;font-size:64px;line-height:1.3;margin:20px 0 25px;letter-spacing:-.05em}.sanmei-landing .price span{font-family:var(--sans);font-size:12px;margin-left:12px;letter-spacing:0}.sanmei-landing .plan ul{list-style:none;padding:22px 0 0;margin:0 0 25px;border-top:1px solid #b9c2b8;line-height:2.5;font-size:13px}.sanmei-landing .plan li:before{content:'＋';margin-right:12px}.sanmei-landing .plan-note{color:#606e65;line-height:1.7}.sanmei-landing .plan-button{margin-top:auto;background:var(--ink);color:white;display:flex;justify-content:space-between;padding:19px 22px;text-align:left}.sanmei-landing .plan-premium{background:#354943;color:#fffdf0;border-color:#354943}.sanmei-landing .plan-premium .plan-button{background:#ececdf;color:#354943}.sanmei-landing .plan-premium li:before{color:#d1d8bd}.sanmei-landing .billing-note{margin-top:25px;color:#53645a;font-size:11px}.sanmei-landing .billing-note p{margin:3px 0}.sanmei-landing .faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.sanmei-landing .faq .eyebrow{border:0;margin-bottom:20px;padding:0}.sanmei-landing .faq h2{font-size:30px}.sanmei-landing .faq-list{border-top:1px solid var(--line)}.sanmei-landing details{border-bottom:1px solid var(--line);padding:24px 0}.sanmei-landing summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;line-height:1.8}.sanmei-landing summary::-webkit-details-marker{display:none}.sanmei-landing summary:after{content:'＋'}.sanmei-landing details[open] summary:after{content:'−'}.sanmei-landing details p{margin:18px 0 0;color:#617073;font-size:12px}.sanmei-landing .closing{padding:80px 7% 0;background:var(--blue);text-align:center;overflow:hidden}.sanmei-landing .closing>p{font-size:10px;letter-spacing:.18em}.sanmei-landing .closing h2{font-size:clamp(38px,5vw,70px);line-height:1.7;margin:30px 0}.sanmei-landing .closing-link{display:inline-flex;gap:60px;border-bottom:1px solid;padding:15px 0;font-size:13px}.sanmei-landing .closing-word{font-family:Arial,sans-serif;font-size:24vw;font-weight:500;letter-spacing:-.04em;line-height:.95;margin:60px 0 -2.5vw;color:#bacdce}.sanmei-landing .footer{padding:55px 7% 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.sanmei-landing .footer p{font-size:11px;margin-top:20px}.sanmei-landing .footer-links{display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:20px;font-size:10px;line-height:1.7}.sanmei-landing .footer>small{grid-column:1/-1;font-size:9px;border-top:1px solid var(--line);padding-top:20px;letter-spacing:.1em}.sanmei-landing dialog{border:0;background:var(--paper);color:var(--ink);padding:24px;width:min(1100px,94vw);max-height:90vh;box-shadow:0 20px 80px #0003}.sanmei-landing dialog::backdrop{background:#152d32bd;backdrop-filter:blur(5px)}.sanmei-landing .dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:-24px;background:var(--paper);padding:12px 0;z-index:1}.sanmei-landing .dialog-header h2{font-family:var(--sans);font-size:18px;margin:0;line-height:1.5}.sanmei-landing .dialog-header button{background:transparent;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;font-size:26px;flex-shrink:0}.sanmei-landing #dialog-note{font-size:12px}.sanmei-landing #dialog-image{margin:auto;max-height:none;width:auto}.sanmei-landing #dialog-image[hidden]{display:none}.sanmei-landing #dialog-message{padding:30px 5px;line-height:2}body:has(.sanmei-landing dialog[open]){overflow:hidden}@media(hover:hover){.sanmei-landing a:hover{opacity:.7}.sanmei-landing .image-open{transition:filter .2s}.sanmei-landing .image-open:hover{filter:brightness(.96)}.sanmei-landing .plan-button:hover{filter:brightness(1.15)}}
@media(min-width:1700px){.sanmei-landing .explain,.sanmei-landing .compatibility,.sanmei-landing .plans{padding-left:max(7%,calc((100vw - 1376px)/2));padding-right:max(7%,calc((100vw - 1376px)/2))}}
@media(max-width:900px){.sanmei-landing .header nav{gap:18px}.sanmei-landing .hero-heading{grid-template-columns:1fr 220px;gap:30px}.sanmei-landing .vertical{display:none}.sanmei-landing .hero h1{font-size:52px}.sanmei-landing .hero-intro>p:first-child{font-size:17px}.sanmei-landing .hero-stage{padding-left:8%;padding-right:19%}.sanmei-landing .floating-popup{right:6%;width:25%}.sanmei-landing .circle-cta{width:90px;height:90px;font-size:10px;right:1%;bottom:6%}.sanmei-landing .hero-caption{left:8%}.sanmei-landing .section-pad{padding:65px 6%}.sanmei-landing .concept-content,.sanmei-landing .feature-title{gap:35px}.sanmei-landing .concept-copy{font-size:12px}.sanmei-landing .feature-index a{gap:10px;font-size:12px;padding:20px 10px}.sanmei-landing .explain-grid{gap:35px}.sanmei-landing .star-grid>span,.sanmei-landing .star-grid>button{font-size:15px;min-height:60px}.sanmei-landing .compat-stage{gap:30px;grid-template-columns:1fr 3fr}.sanmei-landing .orbit{width:110px;height:110px}.sanmei-landing .orbit i,.sanmei-landing .orbit b{width:65px;height:70px}.sanmei-landing .compat-aside p{font-size:16px}.sanmei-landing .plan{padding:28px}.sanmei-landing .plan h3{font-size:23px}.sanmei-landing .price{font-size:55px}.sanmei-landing .faq{gap:35px}.sanmei-landing .faq h2{font-size:26px}.sanmei-landing .steps{gap:25px}}
@media(max-width:600px){html:has(.sanmei-landing){scroll-padding-top:20px}.sanmei-landing .draft{font-size:8px;padding:7px 5%}.sanmei-landing .draft span{font-size:8px;letter-spacing:0}.sanmei-landing .header{height:80px;padding:0 5%}.sanmei-landing .brand{font-size:20px;gap:9px}.sanmei-landing .brand-mark{width:34px;height:34px;font-size:18px}.sanmei-landing .brand small{font-size:8px}.sanmei-landing .header nav{display:none}.sanmei-landing .header-cta{font-size:10px}.sanmei-landing .header-cta span{margin-left:10px}.sanmei-landing .hero-top{font-size:8px;padding:20px 5% 0;letter-spacing:.05em}.sanmei-landing .hero-heading{display:block;padding:36px 7% 20px}.sanmei-landing .hero h1{font-size:clamp(30px,9.5vw,57px);line-height:1.6;letter-spacing:.04em}.sanmei-landing .hero-intro{margin-top:27px;max-width:90%;display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.sanmei-landing .hero-intro>p:first-child{font-size:16px;margin-bottom:0}.sanmei-landing .hero-intro .small{font-size:10px;line-height:1.8}.sanmei-landing .text-link{font-size:10px;grid-column:1/-1;max-width:185px;margin-top:0}.sanmei-landing .hero-stage{padding:15px 14% 75px 6%}.sanmei-landing .hero-screen{border-width:3px;transform:rotate(-3deg)}.sanmei-landing .hero-screen .browserbar{padding:5px;font-size:6px}.sanmei-landing .hero-screen .browserbar i{width:3px;height:3px}.sanmei-landing .floating-popup{width:27%;right:4%;top:32%;border-width:2px}.sanmei-landing .note-label{font-size:9px;top:-25px;left:-24px}.sanmei-landing .round-plus{width:27px;height:27px;right:-10px;bottom:-10px;font-size:17px}.sanmei-landing .stage-label{display:none}.sanmei-landing .hero-caption{left:6%;bottom:29px;font-size:8px}.sanmei-landing .circle-cta{display:none}.sanmei-landing .hero-foot{font-size:9px;gap:8px;padding:18px 5%;letter-spacing:0}.sanmei-landing .hero-foot>a{display:none}.sanmei-landing .section-pad{padding:60px 6%}.sanmei-landing .eyebrow{font-size:9px;margin-bottom:35px;padding-top:16px}.sanmei-landing .eyebrow span{font-size:8px}.sanmei-landing h2{font-size:29px;line-height:1.8}.sanmei-landing h3{font-size:28px}.sanmei-landing .concept-content{display:block;padding:0 0 25px}.sanmei-landing .concept h2{font-size:28px}.sanmei-landing .concept-copy{font-size:12px;padding:10px 0 0 10%}.sanmei-landing .concept-copy p{line-height:2.3}.sanmei-landing .concept-bottom{display:block;font-size:8px}.sanmei-landing .five-elements{display:block;margin-top:25px;font-size:17px;text-align:right}.sanmei-landing .five-elements i{padding:0 8px}.sanmei-landing .features-heading{padding-bottom:0}.sanmei-landing .features-heading h2{margin-bottom:30px}.sanmei-landing .feature-index{display:block}.sanmei-landing .feature-index a{border-right:0;border-bottom:1px solid var(--line);padding:16px 5px;font-size:12px}.sanmei-landing .feature-index b{font-size:23px}.sanmei-landing .feature-title{display:block;margin-bottom:28px}.sanmei-landing .point{font-size:9px;margin-bottom:14px}.sanmei-landing .point b{font-size:31px}.sanmei-landing .feature-description{max-width:none;margin:25px 0 0}.sanmei-landing .feature-description p{font-size:12px}.sanmei-landing .badge{font-size:9px;margin-bottom:10px}.sanmei-landing .browserbar{padding:7px;font-size:7px;letter-spacing:0}.sanmei-landing .browserbar i{width:4px;height:4px}.sanmei-landing .image-caption{display:block;font-size:8px;line-height:2}.sanmei-landing .image-caption span{display:block}.sanmei-landing .explain-grid{display:block}.sanmei-landing .star-demo{padding:0 3% 15px}.sanmei-landing .star-grid>span,.sanmei-landing .star-grid>button{min-height:65px;font-size:18px}.sanmei-landing .hand-note{font-size:13px}.sanmei-landing .star-demo .small{font-size:10px}.sanmei-landing .explain-photo{padding:20px 3% 35px}.sanmei-landing .photo-note{left:0;bottom:10px;font-size:12px;padding:8px 12px}.sanmei-landing .detail-links{gap:20px;padding-top:20px}.sanmei-landing .detail-links button{font-size:11px;gap:8px}.sanmei-landing .compat-stage{display:flex;flex-direction:column;gap:18px}.sanmei-landing .compat-aside{display:none}.sanmei-landing .compat-image{width:100%;border-width:3px}.sanmei-landing .compatibility>.small{font-size:9px}.sanmei-landing .how h2{font-size:27px;margin-bottom:30px}.sanmei-landing .steps{display:block}.sanmei-landing .steps>div{position:relative;padding:22px 0 22px 53px}.sanmei-landing .steps span{position:absolute;left:0;top:25px;font-size:30px}.sanmei-landing .steps h3{font-size:16px;margin:0 0 8px}.sanmei-landing .steps p{font-size:11px;margin-bottom:0}.sanmei-landing .plans-heading{display:block;margin-bottom:25px}.sanmei-landing .plans-heading p{font-size:12px}.sanmei-landing .plan-grid{display:block}.sanmei-landing .plan{padding:29px 25px;margin-bottom:20px}.sanmei-landing .plan h3{font-size:25px}.sanmei-landing .price{font-size:59px}.sanmei-landing .plan li{font-size:12px}.sanmei-landing .plan-en{font-size:10px}.sanmei-landing .plan-button{font-size:12px}.sanmei-landing .billing-note{font-size:10px}.sanmei-landing .faq{display:block}.sanmei-landing .faq h2{margin-bottom:30px}.sanmei-landing .faq .eyebrow{margin-bottom:13px}.sanmei-landing .faq summary{font-size:12px}.sanmei-landing .faq details p{font-size:11px}.sanmei-landing .closing{padding:60px 6% 0}.sanmei-landing .closing>p{font-size:8px}.sanmei-landing .closing h2{font-size:37px}.sanmei-landing .closing-link{font-size:12px;gap:35px}.sanmei-landing .closing-word{margin-top:50px;font-size:25vw}.sanmei-landing .footer{display:block;padding:38px 6% 25px}.sanmei-landing .footer-links{margin:28px 0;font-size:9px;gap:18px}.sanmei-landing .footer>small{display:block;font-size:8px}.sanmei-landing dialog{padding:15px;width:95vw}.sanmei-landing .dialog-header{top:-15px}.sanmei-landing .dialog-header h2{font-size:14px}.sanmei-landing .dialog-header button{width:34px;height:34px;font-size:23px}.sanmei-landing #dialog-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:has(.sanmei-landing){scroll-behavior:auto}.sanmei-landing *{transition:none!important}}
/* POINT 04 — 保存・カテゴリー管理 */
.sanmei-landing .feature-index{grid-template-columns:repeat(4,1fr)}
.sanmei-landing .library{background:#f1eee4;max-width:none}.sanmei-landing .library-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;align-items:start}.sanmei-landing .library-label{font-size:10px;letter-spacing:.18em;margin-bottom:25px}.sanmei-landing .capacity-number{display:flex;align-items:baseline;gap:15px;line-height:1}.sanmei-landing .capacity-number strong{font-family:Georgia,serif;font-size:clamp(100px,11vw,160px);font-weight:400;letter-spacing:-.06em}.sanmei-landing .capacity-number>span{font-family:var(--serif);font-size:20px}.sanmei-landing .capacity-copy{font-family:var(--serif);font-size:21px;line-height:1.9;margin-top:25px}.sanmei-landing .library-benefits{margin-top:35px;border-top:1px solid #bdc4b7}.sanmei-landing .library-benefits p{display:flex;gap:20px;margin:0;padding:18px 0;border-bottom:1px solid #bdc4b7;font-size:14px}.sanmei-landing .library-benefits b{font-family:Georgia,serif;font-size:21px;font-weight:400;color:#7d8b7b}.sanmei-landing .library-benefits small{display:block;font-size:11px;color:#627065}.sanmei-landing .library-demo{background:#fdfcf8;border:1px solid #c1c9bc;box-shadow:12px 18px 28px #3549430c;transform:rotate(1deg)}.sanmei-landing .library-demo-body{padding:30px}.sanmei-landing .library-demo-heading{font-family:var(--serif);font-size:22px;margin-bottom:20px}.sanmei-landing .library-demo-heading small{display:block;font-family:var(--sans);font-size:10px;margin-top:8px;color:#68746a}.sanmei-landing .library-demo details{border:1px solid #c7cec2;margin-top:12px;padding:0}.sanmei-landing .library-demo summary{background:#e8ece3;padding:17px 20px;align-items:center;gap:10px;font-size:13px}.sanmei-landing .library-demo summary small{margin-left:auto;font-size:10px;color:#65725e}.sanmei-landing .library-demo ul{list-style:none;padding:0 20px;margin:0}.sanmei-landing .library-demo li{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:13px;border-bottom:1px solid #dce0d7}.sanmei-landing .library-demo li:last-child{border:0}.sanmei-landing .library-demo li small{display:block;margin-top:7px;font-size:10px;color:#6c7667}.sanmei-landing .library-demo-note{font-size:9px;color:#697463;padding:0 30px 22px;margin:0;line-height:1.9}.sanmei-landing .library-limit{font-size:10px;margin:40px 0 0;color:#657163;line-height:1.9}
@media(min-width:1700px){.sanmei-landing .library{padding-left:max(7%,calc((100vw - 1376px)/2));padding-right:max(7%,calc((100vw - 1376px)/2))}}
@media(min-width:601px) and (max-width:900px){.sanmei-landing .feature-index{grid-template-columns:repeat(2,1fr)}.sanmei-landing .feature-index a:nth-child(2){border-right:0}.sanmei-landing .feature-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.sanmei-landing .library-layout{gap:30px}.sanmei-landing .library-demo-body{padding:22px}.sanmei-landing .library-demo-heading{font-size:18px}.sanmei-landing .capacity-copy{font-size:18px}}
@media(max-width:600px){.sanmei-landing .library-layout{display:block}.sanmei-landing .capacity-number strong{font-size:120px}.sanmei-landing .capacity-number>span{font-size:18px}.sanmei-landing .library-label{font-size:9px;margin-top:35px}.sanmei-landing .capacity-copy{font-size:20px}.sanmei-landing .library-benefits{margin-bottom:40px}.sanmei-landing .library-benefits p{font-size:13px}.sanmei-landing .library-benefits small{font-size:10px}.sanmei-landing .library-demo{transform:none}.sanmei-landing .library-demo-body{padding:22px}.sanmei-landing .library-demo-heading{font-size:20px}.sanmei-landing .library-demo-note{padding:0 22px 22px;font-size:8px}.sanmei-landing .library-limit{font-size:9px;margin-top:25px}}
/* 見出しの実際の列幅に文字サイズを合わせ、意図した2行を保つ。 */
.sanmei-landing .hero-heading{grid-template-columns:44px minmax(0,1fr) 270px;padding-inline:clamp(24px,4vw,66px)}
.sanmei-landing .hero h1{min-width:0;container-type:inline-size}
.sanmei-landing .hero-line{display:block;white-space:nowrap;font-size:min(86px,11cqi);line-height:1.5}
@media(min-width:601px) and (max-width:900px){.sanmei-landing .hero-heading{grid-template-columns:minmax(0,1fr) 220px;gap:30px}}
@media(max-width:600px){.sanmei-landing .hero-heading{padding-inline:7%}.sanmei-landing .hero-line{font-size:11cqi;line-height:1.6}}
/* ヘッダーのプラン案内とログイン導線 */
.sanmei-landing .header-actions{display:flex;align-items:center;gap:28px}
.sanmei-landing .header-login{display:flex;align-items:center;gap:20px;border:1px solid var(--ink);padding:12px 18px;font-size:12px;white-space:nowrap}
@media(max-width:600px){.sanmei-landing .header-actions{gap:12px}.sanmei-landing .header-login{font-size:10px;padding:10px;gap:8px}}
@media(max-width:360px){.sanmei-landing .header-actions{gap:8px}.sanmei-landing .header-login{padding:9px 7px;gap:4px}.sanmei-landing .header-cta span{margin-left:5px}.sanmei-landing .header .brand{font-size:17px;gap:6px}.sanmei-landing .header .brand-mark{width:29px;height:29px}}
/* SANMEI-LINK の正式ロゴとサブタイトル */
.sanmei-landing .brand.brand-logo{display:flex;flex-direction:column;align-items:flex-start;gap:0;letter-spacing:0;flex-shrink:0}
.sanmei-landing .brand-logo .brand-image{width:260px;height:66px;object-fit:cover;max-width:100%}
.sanmei-landing .brand-logo small{font-family:var(--sans);font-size:10px;letter-spacing:.14em;margin:0 0 4px 28px;line-height:1.6}
.sanmei-landing .header{min-height:112px;height:auto;padding-block:12px;gap:24px}
.sanmei-landing .closing{padding-bottom:85px}
.sanmei-landing .footer .brand-logo .brand-image{width:290px;height:74px}
.sanmei-landing .footer .brand-logo small{margin-left:32px}
@media(min-width:601px) and (max-width:1000px){.sanmei-landing .header{gap:15px}.sanmei-landing .header nav{gap:15px;font-size:11px}.sanmei-landing .header-actions{gap:15px}.sanmei-landing .header .brand-image{width:220px;height:56px}.sanmei-landing .header .brand-logo small{font-size:9px;margin-left:24px}}
@media(max-width:600px){.sanmei-landing .header{display:flex;flex-wrap:wrap;gap:12px;padding-block:14px;min-height:0}.sanmei-landing .header .brand-logo .brand-image{width:190px;height:49px}.sanmei-landing .header .brand-logo small{font-size:8px;margin-left:20px}.sanmei-landing .header-actions{margin-left:auto}.sanmei-landing .footer .brand-logo .brand-image{width:250px;height:64px}.sanmei-landing .footer .brand-logo small{font-size:9px;margin-left:27px}.sanmei-landing .closing{padding-bottom:60px}}
@media(max-width:480px){.sanmei-landing .header-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}}

.sanmei-landing { line-height:normal; }
.sanmei-landing p { margin-bottom:1em; }
.sanmei-landing h2 { margin-bottom:.83em; }
.sanmei-landing dialog { margin:auto; }
.sanmei-landing [hidden] { display:none; }
@media(max-width:600px){.sanmei-landing .hero-intro{display:block;max-width:100%}.sanmei-landing .hero-intro .small{margin-top:14px;}.sanmei-landing .text-link{margin-top:16px;}}
/* Avoid Tailwind's utility of the same name adding a second underline. */
.sanmei-landing .underline { text-decoration:none; }