@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');

:root{font-family:"Noto Sans Thai",system-ui,sans-serif;color:#173128;background:#f3f7f3;--green:#0d7b4b;--green-dark:#075a37;--mint:#dff4e7;--ink:#173128;--muted:#64736c;--line:#dce7df;--white:#fff;--red:#a43131}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0,#e0f5e8 0,transparent 34%),#f5f7f4}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));background:#ffffffd9;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#11965d,#075f3a);color:#fff;font-size:23px;font-weight:800;box-shadow:0 8px 20px #08724635}.brand strong,.brand small{display:block}.brand small{font-size:10px;letter-spacing:.18em;color:var(--green)}main{max-width:1120px;margin:auto;padding:52px 24px 72px}.login-shell{display:grid;grid-template-columns:1.1fr .8fr;gap:70px;align-items:center;min-height:620px}.intro h1,.welcome h1{font-size:clamp(2.25rem,5vw,4.5rem);line-height:1.13;letter-spacing:-.04em;margin:14px 0 22px}.intro p{font-size:1.13rem;color:var(--muted);max-width:610px;line-height:1.8}.eyebrow{color:var(--green);font-weight:800;font-size:.78rem;letter-spacing:.14em}.trust-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.trust-list li{padding:9px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:.9rem}.trust-list li:before{content:"✓";color:var(--green);font-weight:800;margin-right:7px}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 45px #153d2910}.login-card{padding:34px}.login-card h2{font-size:1.55rem;margin:12px 0 4px}.login-card p{color:var(--muted)}.step-number{display:inline-block;padding:6px 11px;background:var(--mint);color:var(--green-dark);font-size:.78rem;font-weight:800;border-radius:999px}label{display:block;margin:25px 0 7px;font-weight:700}input{width:100%;padding:14px 15px;border:1px solid #baccc0;border-radius:12px;font:inherit;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 4px #13945e18}.button{appearance:none;border:0;border-radius:12px;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer;transition:.18s transform,.18s background}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{width:100%;margin-top:14px;background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark)}.button.secondary{background:var(--mint);color:var(--green-dark)}.button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.security-note{text-align:center;font-size:.8rem!important;margin-bottom:0}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.welcome h1{font-size:2.5rem;margin:8px 0 3px}.welcome p{margin:0;color:var(--muted)}.banner{padding:14px 18px;border-radius:13px;margin-bottom:18px;font-weight:600}.banner.success{background:#dff4e7;color:#075a37}.banner.error{background:#fbe7e7;color:var(--red)}.setup-panel{padding:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading h2{margin:5px 0 0}.status-pill{padding:7px 12px;border-radius:999px;background:#f0f3f1;color:var(--muted);font-size:.83rem;font-weight:700}.status-pill.ready{background:var(--mint);color:var(--green-dark)}.steps{border-top:1px solid var(--line)}.setup-step{display:grid;grid-template-columns:44px 1fr 32px;gap:17px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start}.setup-step:last-child{border-bottom:0}.step-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:13px;font-weight:800;color:var(--green)}.setup-step h3{margin:1px 0 4px}.setup-step p{color:var(--muted);margin:0 0 12px}.check{width:26px;height:26px;border:2px solid #cad6ce;border-radius:50%;margin-top:7px}.setup-step.done .check{display:grid;place-items:center;background:var(--green);border-color:var(--green);color:#fff}.setup-step.done .check:after{content:"✓";font-weight:800}.setup-step.done .step-icon{background:var(--mint);border-color:transparent}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{padding:22px}.metric span{color:var(--muted);font-size:.88rem}.metric strong{display:block;font-size:1.8rem;margin-top:7px}.privacy-card{padding:26px}.privacy-card h2{margin:0 0 6px}.privacy-card p{color:var(--muted);margin:0;line-height:1.7}.text-button{border:0;background:none;color:var(--red);padding:15px 0 0;font:inherit;font-weight:700;cursor:pointer}footer{text-align:center;color:#849088;padding:0 20px 30px;font-size:.84rem}@media(max-width:820px){.login-shell{grid-template-columns:1fr;gap:28px;min-height:auto}.intro h1{font-size:2.7rem}.stats{grid-template-columns:repeat(2,1fr)}main{padding-top:35px}.welcome{align-items:flex-start;gap:15px}}@media(max-width:520px){.topbar{height:66px;padding:0 16px}main{padding:28px 15px 55px}.login-card,.setup-panel{padding:21px}.intro h1{font-size:2.25rem}.trust-list{display:grid}.welcome h1{font-size:1.9rem}.stats{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:16px}.metric strong{font-size:1.45rem}.setup-step{grid-template-columns:39px 1fr 25px;gap:11px}.step-icon{width:36px;height:36px}.section-heading{align-items:flex-start;gap:12px}}
[hidden] { display: none !important; }

/* Product overview: concrete, interactive LINE / Drive / Sheet examples. */
:root{--body-copy:#506359}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.topbar-actions{display:flex;gap:10px;align-items:center}.topbar-actions .button{font-size:.875rem}
.button:focus-visible,a:focus-visible,summary:focus-visible,button[data-demo]:focus-visible{outline:3px solid #236bdf;outline-offset:4px}
a{color:var(--green-dark);text-underline-offset:3px}.button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:44px}
.product-overview{margin-bottom:64px}.product-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:42px;align-items:center}.product-copy h1{font-size:clamp(2rem,3.5vw,3.05rem);line-height:1.43;letter-spacing:-.04em;margin:18px 0}.product-copy h1 em{font-style:normal;color:var(--green)}.product-copy>p{font-size:1.06rem;line-height:1.85;color:var(--body-copy)}.product-copy .eyebrow{font-size:.875rem;letter-spacing:.06em}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 20px}.hero-actions .primary{width:auto;margin:0}.product-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px 16px;padding:0;margin:0;color:var(--green-dark);font-size:.875rem}.product-points li:before{content:'✓';margin-right:6px}.product-copy .preview-notice{font-size:.875rem;margin-top:18px;color:#70500c}
.bot-demo{min-width:0;background:#fff;border:1px solid #bdd4c6;border-radius:24px;box-shadow:0 22px 60px #0b51371c;overflow:hidden}.demo-heading{display:flex;align-items:center;gap:12px;padding:19px 22px;background:#123f30;color:#fff}.demo-heading strong,.demo-heading small{display:block}.demo-heading small{font-size:.75rem;color:#d2e4da;margin-top:3px}.demo-avatar{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;background:#2de09a;color:#083b2b;border-radius:12px;font-size:1.4rem;font-weight:800}.demo-chip{margin-left:auto;border:1px solid #669681;padding:4px 8px;border-radius:6px;font-size:.75rem}.demo-controls{display:flex;padding:12px;gap:7px;background:#f2f7f4;border-bottom:1px solid var(--line)}.demo-controls button{flex:1;border:0;border-radius:10px;min-height:44px;font:inherit;font-size:.875rem;font-weight:700;color:#53665c;background:transparent;cursor:pointer}.demo-controls button[aria-pressed=true]{background:#fff;color:var(--green-dark);box-shadow:0 2px 8px #10362512}.demo-scene{padding:0 22px 12px;min-height:336px;background:linear-gradient(180deg,#f3f8f5,#fff)}.demo-time{text-align:center;color:#53655a;font-size:.8rem;padding-top:15px;margin:0 0 18px}.chat-bubble{padding:14px 16px;border-radius:14px;font-size:.9rem}.outgoing{display:flex;align-items:center;gap:13px;background:#d9f8ac;width:fit-content;max-width:90%;margin-left:auto;border-bottom-right-radius:3px;color:#193722}.outgoing strong,.outgoing span:not(.attachment-icon){display:block}.outgoing span:not(.attachment-icon){font-size:.8rem;color:#466239}.attachment-icon{font-size:2.3rem;line-height:1}.demo-transfer{display:flex;align-items:center;justify-content:center;gap:14px;font-size:.75rem;font-weight:700;color:#4c695b;letter-spacing:.06em;padding:20px 0}.demo-transfer span{font-size:1.2rem;color:var(--green)}.drive-preview{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px}.drive-label{font-size:.75rem;color:var(--muted);display:block}.drive-preview>strong{font-size:.9rem}.saved-file{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.saved-file>span{display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:50%;width:28px;height:28px}.saved-file strong{font-size:.875rem}.saved-file small{font-size:.75rem;color:var(--muted);display:block}.demo-caption{font-size:.875rem;color:var(--body-copy);line-height:1.7;margin:16px 0 0}.demo-boundary{font-size:.8rem;line-height:1.7;color:#53655a;border-top:1px solid var(--line);padding:14px 22px;margin:0}.command-bubble{font-weight:700;margin-bottom:18px}.bot-reply{display:flex;gap:9px;align-items:start}.demo-avatar.small{width:28px;height:28px;font-size:1rem;border-radius:8px}.incoming{background:#fff;border:1px solid var(--line);border-top-left-radius:3px}.incoming strong{font-size:.875rem}.incoming p{font-size:.875rem;line-height:1.8;margin:7px 0 0}.source-preview{margin:17px 0 0 37px;padding-left:12px;border-left:3px solid #35966c}.source-preview span,.source-preview strong{display:block;font-size:.8rem}.source-preview span{color:var(--muted);margin-bottom:3px}
.use-case-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:40px 0 56px;border-top:1px solid #cdded3;border-bottom:1px solid #cdded3}.use-case-strip article{padding:24px}.use-case-strip article+article{border-left:1px solid #cdded3}.use-case-strip span{color:var(--green);font-size:.8rem;font-weight:700;display:block;margin-bottom:9px}.use-case-strip strong{font-size:1rem}.use-case-strip p{font-size:.875rem;line-height:1.8;color:var(--body-copy);margin:8px 0 0}.product-section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px}.product-section-heading h2{margin:8px 0 0;font-size:1.8rem}.product-section-heading p{font-size:.875rem;color:var(--body-copy);line-height:1.8;margin:0}.public-plan-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.public-plan-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:17px}.public-plan-card h3{font-size:1.25rem;margin:0}.public-plan-card .plan-price{font-size:2rem;color:var(--green-dark);margin:12px 0 0;font-weight:800}.public-plan-card .price-period{font-size:.875rem;color:var(--muted);margin:0 0 18px}.public-plan-card ul{list-style:none;padding:16px 0 0;margin:0;border-top:1px solid var(--line);display:grid;gap:10px;font-size:.875rem}.public-plan-card li:before{content:'✓';color:var(--green);margin-right:8px}.public-plan-card .feature-note{line-height:1.75;font-size:.875rem;color:var(--body-copy);margin:18px 0 0}.product-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px}.product-next p{font-size:.875rem;line-height:1.8;color:var(--green-dark)}.product-next p span{color:var(--body-copy)}
.login-shell{gap:30px;align-items:start;min-height:0;border-top:1px solid var(--line);padding-top:40px;grid-template-columns:1fr 1fr}.login-shell .intro{grid-column:1/-1}.login-shell .intro h2{font-size:1.8rem;margin:10px 0;line-height:1.5}.login-shell .intro h2 br{display:none}.login-shell .intro p{max-width:none;font-size:1rem}.login-shell .trust-list{margin-top:15px}.login-card{min-width:0;scroll-margin-top:24px}.consent-row{display:flex;align-items:flex-start;gap:11px;margin-top:19px}.consent-row input[type=checkbox]{width:20px;height:20px;flex:0 0 20px;accent-color:var(--green);margin:3px 0 0;padding:0}.consent-row label{margin:0;font-size:.875rem;font-weight:500;line-height:1.8}.new-tab-hint{font-size:.75rem;font-weight:400}.legal-status{font-size:.8rem;line-height:1.7;color:var(--body-copy)}.checkout-legal{font-size:.8rem;line-height:1.8;text-align:center}.checkout-example{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.checkout-example strong{font-size:1rem}.checkout-example p{font-size:.875rem;line-height:1.8;color:var(--body-copy)}.checkout-example .button{font-size:.875rem}.plan-quotas{gap:18px 0}.plan-quotas>div+div{padding-left:0;border:0}.plan-quotas>div:nth-child(even){padding-left:24px;border-left:1px solid #d3e5d9}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;margin:13px 0}footer strong{color:var(--green-dark)}footer span{font-size:.8rem}
.legal-page{max-width:850px;line-height:1.9}.legal-page h1{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.4}.legal-page h2{font-size:1.25rem;margin-top:32px}.legal-page p,.legal-page li{font-size:1rem;color:#324b3d}.legal-meta{font-size:.875rem!important;color:var(--muted)!important}.legal-summary{padding:24px;border-radius:16px;background:#fff;border:1px solid var(--line)}.legal-draft{padding:18px;border:1px solid #ead9a5;border-radius:12px;background:#fff7df}.legal-table{width:100%;border-collapse:collapse;font-size:.875rem}.legal-table th,.legal-table td{padding:13px;text-align:left;vertical-align:top;border:1px solid var(--line)}.legal-table th{background:#e9f2ec}.legal-table-wrap{overflow-x:auto}.legal-back{margin-top:35px}
@media(max-width:900px){.product-hero{grid-template-columns:1fr;gap:26px}.product-copy h1{font-size:2.6rem}.bot-demo{max-width:600px;width:100%;margin:auto}.product-section-heading{display:block}.product-section-heading p{margin-top:12px}.use-case-strip article{padding:20px 16px}.public-plan-card{padding:20px}}
@media(max-width:620px){.product-copy h1{font-size:2rem}.product-copy>p br{display:none}.hero-actions{display:grid}.hero-actions .button{width:100%}.public-plan-cards,.use-case-strip,.login-shell{grid-template-columns:1fr}.use-case-strip{margin:30px 0}.use-case-strip article+article{border-left:0;border-top:1px solid #cdded3}.product-next{display:block}.product-section-heading h2{font-size:1.55rem}.product-overview{margin-bottom:36px}.demo-heading{padding:16px}.demo-scene{padding-left:16px;padding-right:16px}.demo-heading small{font-size:.75rem}.topbar-actions{gap:6px}.topbar-actions .button{padding:9px;font-size:.8rem}.brand{gap:8px}.brand-mark{width:32px;height:32px}.login-shell .intro{grid-column:auto}.legal-table th,.legal-table td{padding:9px}.legal-page{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Registration checkout */
.checkout-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:32px 64px;align-items:start}
.checkout-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 24px;background:#ffffffb0;border:1px solid var(--line);border-radius:16px;margin-bottom:8px}
.progress-step{display:flex;align-items:center;gap:11px;color:#7b8981;position:relative}
.progress-step>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:50%;background:#eef2ef;border:1px solid var(--line);font-weight:700;font-size:.85rem}
.progress-step strong,.progress-step small{display:block}.progress-step strong{font-size:.85rem}.progress-step small{font-size:.73rem;margin-top:2px}
.progress-step.done,.progress-step.current{color:var(--green-dark)}.progress-step.done>span{background:var(--mint);border-color:transparent}.progress-step.current>span{background:var(--green);color:white;border-color:var(--green)}
.checkout-overview{padding-top:10px}.checkout-overview h1{font-size:clamp(2rem,3.8vw,3rem);line-height:1.27;letter-spacing:-.035em;margin:13px 0 16px}.checkout-lead{color:var(--muted);line-height:1.85;margin:0 0 25px;font-size:1rem;max-width:480px}
.selected-plan{border:1px solid #c7ddcf;background:linear-gradient(135deg,#fafffc,#edf7f0);border-radius:20px;padding:25px}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-label{color:var(--muted);font-size:.8rem}.plan-heading h2{font-size:1.75rem;margin:4px 0 0}.plan-tag{font-size:.72rem;color:var(--green-dark);background:#dff1e5;border-radius:999px;padding:6px 10px;white-space:nowrap}
.plan-quotas{display:grid;grid-template-columns:1fr 1fr;margin:22px 0 18px;border-top:1px solid #d3e5d9;border-bottom:1px solid #d3e5d9;padding:18px 0}.plan-quotas>div+div{border-left:1px solid #d3e5d9;padding-left:24px}.plan-quotas strong,.plan-quotas span{display:block}.plan-quotas strong{font-size:1.7rem;line-height:1.3;color:var(--green-dark)}.plan-quotas span{font-size:.8rem;color:var(--muted);margin-top:5px}
.checkout-benefits{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:.88rem}.checkout-benefits li:before{content:"✓";color:var(--green);margin-right:9px;font-weight:800}.plan-period{font-size:.76rem;color:var(--muted);margin:18px 0 0}
.checkout-assurance{display:flex;align-items:start;gap:12px;margin-top:23px}.assurance-icon{flex:0 0 28px;height:28px;display:grid;place-items:center;color:var(--green);border:1px solid #b8d2c1;border-radius:50%}.checkout-assurance strong{font-size:.88rem}.checkout-assurance p{font-size:.82rem;color:var(--muted);line-height:1.75;margin:5px 0 0}
.payment-card{padding:28px;min-width:0}.payment-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.payment-heading h2{font-size:1.18rem;margin:0}.registration-details{font-size:.85rem;margin:22px 0}.registration-details>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;margin:11px 0}.registration-details dt{color:var(--muted)}.registration-details dd{margin:0;text-align:right;overflow-wrap:anywhere;font-weight:500}
.payment-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payment-total span{font-size:.88rem}.payment-total small{display:block;color:var(--muted);font-size:.76rem;margin-top:5px}.payment-total strong{font-size:1.9rem;color:var(--green-dark);white-space:nowrap;letter-spacing:-.04em}
.test-notice{margin:18px 0 0;padding:12px 14px;background:#fff7e3;border:1px solid #f0dfad;border-radius:12px;color:#7c5b16}.test-notice strong{font-size:.8rem}.test-notice p{font-size:.74rem;line-height:1.65;margin:4px 0 0}
.qr-empty{display:grid;justify-items:center;text-align:center;padding:25px 16px;margin-top:18px;border:1px dashed #c8d8cd;border-radius:14px;background:#f8fbf9}.qr-empty>span{font-size:2.5rem;line-height:1.2;color:var(--green)}.qr-empty strong{font-size:.9rem;margin-top:10px}.qr-empty p{font-size:.8rem;color:var(--muted);margin:6px 0 0}
.qr-section{text-align:center;margin-top:18px}.qr-frame{display:flex;justify-content:center;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px}.qr-frame img{display:block;width:260px;max-width:100%;height:auto;object-fit:contain}.qr-hint{font-size:.78rem;line-height:1.7;color:var(--muted);margin:10px 0 0}
.payment-card .button{font-size:.9rem}.payment-card .button.primary{margin-top:18px}.payment-card .check-payment{width:100%;margin-top:10px}.payment-card .banner{font-size:.82rem;margin:14px 0 0}.checkout-footnote{text-align:center;color:var(--muted);font-size:.73rem;line-height:1.8;margin:17px 0 0}.payment-feedback{padding:12px;background:#edf6f0;color:var(--green-dark);border-radius:10px;font-size:.82rem;line-height:1.7;margin:14px 0 0}
.checkout-help{grid-column:1/-1;padding-top:4px}.checkout-help h2{font-size:1rem;margin:0 0 16px}.checkout-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}.checkout-faq details{border:1px solid var(--line);border-radius:12px;padding:16px;background:#ffffffa0}.checkout-faq summary{cursor:pointer;font-size:.84rem;font-weight:600;line-height:1.7}.checkout-faq p{font-size:.8rem;color:var(--muted);line-height:1.85;margin:12px 0 0}
@media(max-width:900px){.checkout-shell{gap:26px;grid-template-columns:minmax(0,1fr) minmax(0,390px)}.checkout-progress{padding:16px}.progress-step small{display:none}.checkout-overview h1{font-size:2.2rem}.selected-plan{padding:20px}.payment-card{padding:22px}.plan-tag{display:none}}
@media(max-width:720px){.checkout-shell{grid-template-columns:1fr;gap:24px}.checkout-progress{margin:0;gap:8px;padding:14px 10px}.progress-step{flex-direction:column;text-align:center;gap:7px}.progress-step strong{font-size:.7rem}.checkout-overview{padding:0}.checkout-overview h1{font-size:2rem}.checkout-lead{font-size:.92rem;margin-bottom:20px}.checkout-faq{grid-template-columns:1fr;gap:10px}.checkout-assurance{margin-top:16px}.payment-card{padding:22px}.checkout-help{padding-top:4px}}

.payment-card:has(.qr-section:not([hidden])) #registrationCheckout{background:#f0f6f2;color:var(--green-dark)}
.payment-card:has(.qr-section:not([hidden])) .check-payment{background:var(--green);color:#fff}

/* Folder onboarding */
.setup-next-action{padding:14px 18px;background:#edf6f0;border-left:4px solid var(--green);border-radius:8px;color:var(--green-dark);line-height:1.8}
.setup-account-notice{display:grid;gap:3px;margin:14px 0 4px;padding:12px 14px;border:1px solid #b9ddc7;border-radius:12px;background:#f0f8f3;color:var(--green-dark);line-height:1.55}.setup-account-notice strong{font-size:.92rem}.setup-account-notice span{font-size:.84rem}
.metric #photoQuotaStatus{display:block;margin-top:8px;color:var(--muted);font-size:.76rem;line-height:1.5}.metric.quota-warning{border-color:#e3bd67;background:#fffaf0}.metric.quota-warning #photoQuotaStatus{color:#8a5a00;font-weight:700}.metric.quota-full{border-color:#dc9b9b;background:#fff5f5}.metric.quota-full #photoQuotaStatus{color:var(--red);font-weight:700}
.setup-panel .section-heading{flex-wrap:wrap;gap:12px}.folder-setup-content{min-width:0}.folder-setup-content p{line-height:1.85}
.folder-example{margin:18px 0;padding:18px;background:#f0f8f3;border:1px solid #d2e6d9;border-radius:12px;overflow-wrap:anywhere}
.folder-example-label{display:block;color:var(--green);font-size:.78rem;font-weight:700;margin-bottom:10px}
.folder-example-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:.9rem;line-height:1.8}
.folder-example-flow strong{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--green-dark)}
.folder-example small{display:block;margin-top:10px;color:var(--muted);font-size:.8rem;line-height:1.75}
.folder-guide{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.folder-guide summary{cursor:pointer;font-weight:600;line-height:1.8}.folder-guide ol{padding-left:23px;margin:14px 0;line-height:1.9;font-size:.9rem}.folder-guide li+li{margin-top:9px}
.folder-drive-link{display:inline-block;color:var(--green-dark);text-decoration:underline;line-height:1.8}.folder-drive-link span{font-size:.8rem}
.folder-guide .folder-account-hint{font-size:.8rem;color:var(--muted);margin:12px 0 0}
@media(max-width:620px){.folder-example,.folder-guide{padding:14px}.folder-example-flow{align-items:flex-start;flex-direction:column}.folder-example-flow>span[aria-hidden]{transform:rotate(90deg)}.folder-setup-content .button{width:100%;white-space:normal}.setup-next-action{font-size:.9rem}}
/* Search setup and catalog detail */
.catalog-detail{margin:10px 0 18px;color:var(--muted,#58736b);line-height:1.7}
.search-panel{margin-top:24px}
.search-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:20px 0}
.search-guide{padding-left:24px;line-height:2}
.search-instructions{background:#f0f8f3;border:1px solid #dcebe2;border-radius:16px;padding:22px}
.search-instructions code{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#fff;padding:6px 10px;border-radius:6px;color:#0a6245}
.search-actions{display:flex;gap:10px;flex-wrap:wrap}
.search-source-form{display:grid;gap:12px;margin-top:18px}
.search-sources{display:grid;gap:14px;margin-top:22px}
.search-source{border:1px solid #dcebe2;border-radius:14px;padding:20px;min-width:0}
.search-source h3,.search-source p{overflow-wrap:anywhere}
.search-source .search-actions{margin-top:14px}
.search-source a{color:#08754c;text-decoration:underline}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #268365;outline-offset:3px}
@media(max-width:720px){.search-layout{grid-template-columns:1fr}.search-actions .button{flex:1}.search-panel{padding:22px 18px}.search-instructions{padding:18px}}
.plan-quotas{gap:18px 0}.plan-quotas>div+div{padding-left:0;border:0}.plan-quotas>div:nth-child(even){padding-left:24px;border-left:1px solid #d3e5d9}

/* Create a destination without leaving the Portal */
.create-folder-panel{background:#f6fbf8;border-color:#bcdac8}.create-folder-panel>p{margin-top:14px;overflow-wrap:anywhere}.create-folder-panel fieldset{border:0;padding:0;margin:0;min-width:0}.create-folder-panel label{margin-top:12px}.create-folder-panel input{margin-bottom:10px}.create-folder-panel #createFolderHint{font-size:.82rem;line-height:1.8}.folder-existing-label{margin-top:20px!important;font-weight:700}#openSelectedFolder{display:block;margin-top:16px;overflow-wrap:anywhere}

/* Clear entry point, LINE invitation guide and balanced billing history. */
.header-login{background:var(--green);color:#fff;border:1px solid var(--green)}.header-login:hover{background:var(--green-dark)}
.login-error-wide{grid-column:1/-1;width:100%;margin:0}.signup-card{grid-column:1/-1;width:min(100%,620px);justify-self:center}
.line-setup-content{min-width:0}.line-bot-identity{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:16px 0 10px;background:#f4faf6;border:1px solid #cfe4d6;border-radius:14px}.line-bot-avatar{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:13px;background:#06c755;color:#fff;font-size:1.35rem;font-weight:800;box-shadow:0 7px 18px #06c75528}.line-bot-identity strong,.line-bot-identity small{display:block}.line-bot-identity small{margin-top:3px;color:var(--muted);font-size:.78rem;line-height:1.6}.line-bot-badge{margin-left:auto;white-space:nowrap;padding:5px 8px;border-radius:999px;background:#daf7e5;color:#076e38;font-size:.7rem;font-weight:800;letter-spacing:.04em}.line-add-friend-card{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px;align-items:center;padding:20px;margin-bottom:16px;border:1px solid #cfe4d6;border-radius:16px;background:#fff}.line-add-friend-card img{display:block;width:190px;height:auto;aspect-ratio:282/253;object-fit:contain;border:1px solid #edf1ee;border-radius:12px;background:#fff}.line-add-friend-card h4{margin:5px 0 3px;font-size:1.1rem}.line-add-friend-card p{font-size:.82rem;line-height:1.8;margin:0 0 12px}.line-add-friend-card .line-open-button{margin:0}.line-invite-steps{list-style:none;padding:0;margin:16px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;counter-reset:line-step}.line-invite-steps li{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px}.line-invite-steps li>span{display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:50%;background:var(--mint);color:var(--green-dark);font-size:.78rem;font-weight:800}.line-invite-steps strong{font-size:.86rem}.line-invite-steps p{font-size:.78rem;line-height:1.75;margin:5px 0 0}.line-open-button{vertical-align:middle}.line-activation-button{width:auto!important;margin-top:2px!important}.activation-result{margin-top:14px;padding:15px;background:#f0f8f3;border:1px solid #cfe5d7;border-radius:13px}.activation-result p{font-size:.82rem}.activation-result>strong{display:block;padding:11px 13px;margin:8px 0 10px;background:#fff;border:1px dashed #9ebcab;border-radius:9px;color:var(--green-dark);overflow-wrap:anywhere}.line-test-hint{margin:15px 0 0!important;padding:12px 14px;border-left:3px solid var(--green);background:#f7faf8;border-radius:7px;font-size:.82rem;line-height:1.75}.line-test-hint strong{color:var(--green-dark)}
.billing-panel{padding:30px;margin-top:18px}.billing-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);gap:22px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--line)}.billing-heading h2{margin:7px 0 6px}.billing-heading p{margin:0;color:var(--muted);line-height:1.7}.refund-guide{display:flex;align-items:center;gap:13px;padding:16px 18px;border:1px solid #cfe4d6;border-radius:15px;background:#f3faf5}.refund-guide-icon{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:var(--mint);color:var(--green-dark);font-size:1.25rem;font-weight:800}.refund-guide strong,.refund-guide span{display:block}.refund-guide strong{font-size:.88rem}.refund-guide div>span{font-size:.76rem;color:var(--muted);line-height:1.65;margin-top:3px}.billing-list{display:grid;gap:12px;margin-top:20px}.payment-history-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:16px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#fff,#f8fbf9)}.payment-history-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--mint);color:var(--green-dark)}.payment-history-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-history-main{min-width:0}.payment-history-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.payment-label{display:block;color:var(--muted);font-size:.76rem}.payment-amount{display:block;margin-top:2px;font-size:1.3rem;color:var(--ink)}.payment-status{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:.74rem;font-weight:800;white-space:nowrap}.status-success{background:#dcf4e5;color:#08683b}.status-pending{background:#fff2cf;color:#7a5700}.status-error{background:#fae5e5;color:#9a3030}.status-neutral{background:#edf1ee;color:#53655b}.payment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:13px;color:var(--muted);font-size:.8rem}.plan-chip{padding:4px 8px;border-radius:7px;background:#e8f0eb;color:var(--green-dark);font-weight:800;letter-spacing:.03em}.payment-refund-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.payment-refund-action>span{font-size:.78rem;color:var(--muted)}.payment-refund-action .button{min-height:38px;padding:8px 13px;font-size:.8rem}.refund-list{margin-top:22px}.refund-list h3{font-size:1rem;margin:0 0 12px}.refund-status-card{display:flex;align-items:center;gap:14px;padding:14px 0;border-top:1px solid var(--line)}.refund-status-card>div{min-width:0}.refund-status-card strong{font-size:.9rem}.refund-status-card p{margin:3px 0 0;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}
@media(max-width:760px){.line-add-friend-card{grid-template-columns:150px minmax(0,1fr)}.line-add-friend-card img{width:150px}.line-invite-steps{grid-template-columns:1fr}.billing-heading{grid-template-columns:1fr}.refund-guide{align-items:flex-start}}
@media(max-width:520px){.topbar{gap:10px}.topbar-actions #showProduct{display:none}.topbar-actions .button{min-height:40px}.brand{min-width:0}.brand strong{font-size:.9rem}.brand small{font-size:.55rem}.setup-step{position:relative;grid-template-columns:36px minmax(0,1fr);padding-right:34px}.setup-step>.check{position:absolute;right:0;top:22px}.line-bot-identity{align-items:flex-start;min-width:0}.line-bot-identity>div{min-width:0}.line-bot-identity small{overflow-wrap:anywhere}.line-bot-badge{display:none}.line-add-friend-card{grid-template-columns:1fr;justify-items:center;padding:16px;text-align:center}.line-add-friend-card img{width:min(210px,100%)}.line-add-friend-card .line-open-button,.line-activation-button{width:100%!important;margin:7px 0!important}.billing-panel,.billing-heading,.refund-guide,.payment-history-card,.payment-history-main{min-width:0}.payment-history-card{grid-template-columns:40px minmax(0,1fr);padding:16px;gap:12px}.payment-history-icon{width:40px;height:40px}.payment-history-top{gap:8px;flex-wrap:wrap}.payment-amount{font-size:1.1rem}.payment-refund-action{align-items:flex-start;flex-direction:column}.payment-refund-action .button{width:100%}.billing-panel{padding:21px}.billing-heading{padding-bottom:19px}.billing-heading h2,.section-heading h2{overflow-wrap:anywhere}}

/* Thai readability: keep supporting text at a comfortable 14–16px range. */
.line-bot-identity small{font-size:.88rem}.line-add-friend-card h4{font-size:1.2rem}.line-add-friend-card p{font-size:.92rem}.line-invite-steps strong{font-size:.95rem}.line-invite-steps p{font-size:.88rem}.line-test-hint{font-size:.9rem}.billing-heading>div>p{font-size:.95rem}.refund-guide strong{font-size:.95rem}.refund-guide div>span{font-size:.84rem}.payment-label{font-size:.82rem}.payment-amount{font-size:1.4rem}.payment-status{font-size:.8rem}.payment-meta{font-size:.88rem}.payment-refund-action>span{font-size:.85rem}.payment-refund-action .button{font-size:.86rem}.refund-status-card strong{font-size:.96rem}.refund-status-card p{font-size:.86rem}
@media(max-width:520px){.line-bot-identity small{font-size:.84rem}.line-add-friend-card p{font-size:.9rem}.line-invite-steps p{font-size:.87rem}.line-test-hint{font-size:.88rem}.payment-amount{font-size:1.25rem}.payment-meta{font-size:.84rem}.refund-guide div>span{font-size:.82rem}}

/* Keep LINE onboarding focused on the three actions required to continue. */
.line-add-friend-card{grid-template-columns:150px minmax(0,1fr);gap:18px;padding:16px;margin:12px 0}
.line-add-friend-card img{width:150px}
.line-invite-steps{grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0}
#lineConnectionStatus{margin:12px 0 8px!important}
@media(max-width:620px){.line-add-friend-card,.line-invite-steps{grid-template-columns:1fr}.line-add-friend-card{justify-items:center;text-align:center}}

/* Signup is a focused, accessible dialog instead of a form below the homepage. */
.signup-dialog{width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px 32px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 28px 90px #102e2459;color:var(--ink);overflow-y:auto}
.signup-dialog::backdrop{background:#102e2499;backdrop-filter:blur(3px)}
.signup-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.signup-dialog-heading h2{font-size:1.7rem;margin:4px 0 2px}.signup-dialog-heading p{font-size:.95rem;line-height:1.7;color:var(--muted);margin:0}
.signup-dialog-close{flex:0 0 40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#f6faf7;color:var(--ink);font:inherit;font-size:1.5rem;cursor:pointer}
.signup-dialog-close:hover{background:var(--mint)}
.signup-dialog .signup-card{width:100%;padding:0;margin-top:8px;border:0;border-radius:0;box-shadow:none}
.signup-dialog .signup-card label{margin-top:17px}.signup-dialog .signup-card .consent-row label{margin:0}
.signup-dialog select{width:100%;min-height:48px;padding:12px 14px;border:1px solid #baccc0;border-radius:12px;background:#fff;color:var(--ink);font:inherit}
.public-plan-card{display:flex;flex-direction:column}.public-plan-card .feature-note{flex:1}.plan-signup{width:100%;margin-top:18px}
@media(max-width:520px){.signup-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:20px 18px;border-radius:16px}.signup-dialog-heading h2{font-size:1.4rem}.signup-dialog-heading p{font-size:.88rem}.signup-dialog .signup-card input{padding:12px 13px}}
@media(max-width:380px){.brand small{display:none}.topbar-actions .button{font-size:.74rem;padding:8px}}

/* Read the full, current legal document before enabling each consent choice. */
.consent-read-step{margin-top:20px;padding:15px;border:1px solid var(--line);border-radius:13px;background:#f7fbf8}
.consent-read-step .button{width:100%;white-space:normal;line-height:1.6}
.consent-read-step small{display:block;margin-top:8px;color:var(--muted);font-size:.82rem;line-height:1.6}
.signup-dialog .consent-row{margin-top:10px}.signup-dialog .consent-row input:disabled+label{color:var(--muted)}
.legal-read-dialog{width:min(900px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 28px 90px #102e2459;color:var(--ink)}
.legal-read-dialog::backdrop{background:#102e24b3}
.legal-read-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.legal-read-heading h2{margin:4px 0 0;font-size:1.45rem}
.legal-read-progress{margin:12px 0;color:var(--green-dark);font-size:.9rem;line-height:1.7}
.legal-read-body{height:min(54dvh,520px);max-width:none;overflow-y:auto;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fbfdfb;overscroll-behavior:contain}
.legal-read-body>h1{font-size:1.55rem}.legal-read-body>h2{font-size:1.13rem;margin-top:24px}.legal-read-body .legal-table-wrap{max-width:100%}
.legal-read-dialog #legalReadDone{margin-top:14px}
@media(max-width:520px){.consent-read-step{padding:12px}.legal-read-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:14px}.legal-read-heading h2{font-size:1.2rem}.legal-read-body{height:min(58dvh,480px);padding:13px}.legal-read-body>h1{font-size:1.35rem}}

/* One actionable onboarding step at a time; the dashboard remains compact. */
.setup-panel .setup-launch{width:auto;min-width:220px;margin-top:16px}
.setup-dialog{width:min(800px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:26px 30px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 28px 90px #102e2459;overflow-y:auto}
.setup-dialog::backdrop{background:#102e24a6;backdrop-filter:blur(3px)}
.setup-dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.setup-dialog-heading h2{margin:5px 0 0;font-size:1.65rem}
.setup-dialog-heading p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.setup-step-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:22px 0 18px}
.setup-step-nav button{min-height:44px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#f7faf8;color:var(--muted);font:inherit;font-size:.78rem;font-weight:700;line-height:1.35;cursor:pointer}
.setup-step-nav button.complete{border-color:#b4ddc4;background:#ecf8f0;color:var(--green-dark)}
.setup-step-nav button.current{border-color:var(--green);background:var(--green);color:#fff}
.setup-step-nav button:disabled{opacity:.55;cursor:not-allowed}
.setup-dialog .steps{border-top:1px solid var(--line)}
.setup-dialog .setup-step{border:0;padding-bottom:0}
.setup-dialog .setup-step[hidden],.search-disclosure[hidden]{display:none}
.setup-dialog .line-setup-content,.setup-dialog .folder-setup-content{min-width:0}
.setup-dialog #photoTestFolderLink{display:inline-block;margin:4px 10px 0 0;text-decoration:none}
.setup-dialog #photoTestFolderLink[hidden]{display:none}
.setup-dialog #reloadPhotoTest,.setup-dialog #finishSetup{width:auto;min-width:190px}
.setup-complete-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 16px}
.setup-complete-summary[hidden]{display:none}
.setup-complete-summary>div{min-width:0;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#f7faf8}
.setup-complete-summary dt{color:var(--muted);font-size:.78rem}
.setup-complete-summary dd{margin:3px 0 0;font-weight:800;overflow-wrap:anywhere}
.search-disclosure{margin-top:22px}
.search-disclosure>summary{padding:18px 22px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--green-dark);font-weight:800;cursor:pointer}
.search-disclosure[open]>summary{border-radius:15px 15px 0 0}
.search-disclosure .search-panel{margin-top:0;border-radius:0 0 22px 22px}
@media(max-width:620px){.setup-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:19px 16px;border-radius:16px}.setup-dialog-heading h2{font-size:1.35rem}.setup-step-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.setup-step-nav button{min-width:0;padding:6px 3px;font-size:.7rem}.setup-dialog .setup-step{grid-template-columns:34px minmax(0,1fr);gap:10px;padding-right:0}.setup-dialog .setup-step>.check{display:none}.setup-complete-summary{grid-template-columns:1fr}.setup-panel .setup-launch,.setup-dialog #reloadPhotoTest,.setup-dialog #finishSetup{width:100%}}

/* Jasitz storefront: quiet hierarchy with a catalog that can grow beyond one plan. */
:root{--green:#286b60;--green-dark:#1e5149;--mint:#e6f1ed;--ink:#263d38;--muted:#5f706a;--body-copy:#50645d;--line:#dce5e0;--red:#a23d3d}
body{color:var(--ink);background:#f4f7f5}
.topbar{position:sticky;top:0;z-index:20;height:78px;background:#fffffff5;box-shadow:0 1px 0 #dce5e080}
.brand-logo{display:block;width:48px;height:48px;object-fit:contain;border-radius:50%;box-shadow:none;background:#fff}
.brand strong{font-size:1.05rem;letter-spacing:.01em}.brand small{margin-top:2px}
.product-overview{margin-bottom:56px}
.product-hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.8fr);gap:40px;padding:44px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 8px 28px #263d3806}
.product-copy h1{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.45;margin:18px 0 20px;letter-spacing:-.02em}
.product-copy>p{max-width:630px;font-size:1.08rem}
.hero-actions .primary{padding:14px 24px;border-radius:12px;box-shadow:none}
.hero-actions .ghost{padding:13px 22px;border-radius:14px}
.product-points{gap:10px}.product-points li{padding:8px 12px;border:1px solid #cce1d4;border-radius:999px;background:#fff}
.hero-brand-card{min-width:0;padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#fff,#edf4f0);box-shadow:none;text-align:center;overflow:hidden}
.hero-logo{display:block;width:min(100%,280px);height:auto;margin:0 auto;border-radius:50%;background:#fff;box-shadow:none}
.hero-brand-message{padding:20px 8px 4px;color:var(--ink)}.hero-brand-message span{display:block;color:var(--green);font-size:.8rem;font-weight:700;letter-spacing:.04em}.hero-brand-message strong{display:block;margin-top:7px;font-size:1.05rem;line-height:1.65;overflow-wrap:anywhere}.hero-brand-message p{margin:8px auto 0;max-width:330px;color:var(--body-copy);font-size:.9rem;line-height:1.8}
.use-case-strip{gap:14px;margin:28px 0 52px;border:0}.use-case-strip article{padding:22px;border:1px solid #d6e5dc;border-radius:18px;background:#ffffffc9;box-shadow:0 10px 28px #153d290a}.use-case-strip article+article{border-left:1px solid #d6e5dc}
.product-section-heading{max-width:720px;margin:0 auto 22px;text-align:center;display:block}.product-section-heading p{margin-top:10px}
.public-plan-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));justify-content:center;align-items:stretch}
.public-plan-card{display:flex;flex-direction:column;min-width:0;padding:32px;border:1px solid #abc9bc;border-radius:20px;box-shadow:0 8px 28px #263d3808;background:#fff}
.public-plan-card:only-child{width:min(100%,560px);justify-self:center}
.public-plan-card h3{text-align:center;font-size:1.45rem}.public-plan-card .plan-price{text-align:center;font-size:2.6rem}.public-plan-card .price-period{text-align:center}
.public-plan-card .feature-note{flex:1}.public-plan-card .plan-signup{width:100%;min-height:50px;margin-top:20px;background:var(--green);color:#fff}
.product-next{justify-content:center;text-align:center}
/* Management and setup share the same quiet palette and clear action hierarchy. */
.subscription-summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:20px}.subscription-summary h2{margin:7px 0;line-height:1.5}.subscription-summary p{margin:0;color:var(--body-copy);line-height:1.8}.renewal-guide{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:#f2f6f3}.renewal-guide>div{flex:1;min-width:200px}.renewal-guide p{margin:6px 0 0;color:var(--body-copy);line-height:1.8}.renewal-guide .button{flex:0 1 auto}#supportShopReference{user-select:all;-webkit-user-select:all}
.support-issue-panel{margin-top:18px;padding:30px}.support-issue-panel>p{color:var(--body-copy);line-height:1.8}.support-issue-panel>h3{margin:30px 0 0;padding-top:26px;border-top:1px solid var(--line)}.support-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 24px}.support-faq details{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:#f8fbf9}.support-faq summary{cursor:pointer;font-weight:800;line-height:1.6}.support-faq p{margin:12px 0 2px;color:var(--body-copy);line-height:1.8;overflow-wrap:anywhere}.support-issue-form{display:grid;gap:10px;max-width:760px}.support-issue-form label{font-weight:800;margin-top:6px}.support-issue-form textarea{resize:vertical;min-height:130px}.support-issue-form .security-note{margin:4px 0 8px}.support-issue-form .button{justify-self:start}
.line-browser-notice{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:18px 20px;margin-bottom:24px;border:1px solid var(--line);border-radius:14px;background:var(--mint);color:var(--green-dark)}.line-browser-notice>div{flex:1;min-width:220px}.line-browser-notice p{margin:5px 0;line-height:1.75}.line-browser-notice small{display:block;line-height:1.7;color:var(--body-copy)}
.activation-result label{margin:0 0 8px;font-size:.95rem}.activation-result textarea{display:block;box-sizing:border-box;width:100%;resize:none;padding:12px;border:1px solid #abc9bc;border-radius:10px;background:#fff;color:var(--green-dark);font:inherit;font-size:1rem;line-height:1.7;user-select:text;-webkit-user-select:text}.activation-actions{display:flex;flex-wrap:wrap;gap:10px}.activation-actions .button{flex:1;min-width:150px}#activationCopyFeedback{line-height:1.8;color:var(--green-dark)}
.panel{box-shadow:0 4px 18px #263d3805}.welcome{gap:20px}.welcome>div{min-width:0}.welcome h1{line-height:1.45;overflow-wrap:anywhere}.welcome p,.setup-dialog-heading p{line-height:1.75;overflow-wrap:anywhere}
.setup-panel .section-heading h2{font-size:1.4rem;line-height:1.6}.setup-next-action{line-height:1.85;color:var(--body-copy)}
.signup-dialog,.setup-dialog,.legal-read-dialog{box-shadow:0 20px 60px #203c3324}.signup-dialog::backdrop,.setup-dialog::backdrop,.legal-read-dialog::backdrop{background:#243c3659;backdrop-filter:blur(2px)}
.setup-dialog-heading h2,.signup-dialog-heading h2{line-height:1.5}.setup-step h3{line-height:1.6}.setup-step p{line-height:1.85}.setup-dialog .setup-step>div{min-width:0;overflow-wrap:anywhere}
.setup-step-nav button{font-size:.85rem;line-height:1.6;min-height:48px}.setup-step-nav button.complete{border-color:#c8ddd2;background:#edf4f0}.setup-step-nav button.current{border-color:var(--green);background:var(--green);color:#fff}.setup-step-nav button:disabled{opacity:1;color:var(--muted);background:#f2f4f2;border-color:#e3e9e5}
.folder-example,.create-folder-panel,.setup-account-notice,.activation-result,.line-test-hint{background:#f2f6f3;border-color:#d5e3da}.folder-example-label{font-size:.85rem}.folder-example small,.folder-guide .folder-account-hint,.create-folder-panel #createFolderHint{font-size:.875rem}
.line-invite-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.line-invite-steps p,.line-add-friend-card p{font-size:.9rem}.line-add-friend-card{border-color:var(--line)}
.billing-heading{grid-template-columns:minmax(0,1fr)}.payment-history-card{background:#fff}.privacy-card{margin-top:22px}.privacy-card p{line-height:1.85}
.banner.success,.status-pill.ready,.payment-status.status-success{background:var(--mint);color:var(--green-dark)}.banner.error{background:#f9eded;color:var(--red)}
#closureIntakePanel{margin-top:22px;padding:30px}#closureIntakePanel h2{margin-top:0;line-height:1.6}#closureIntakePanel p{line-height:1.85;overflow-wrap:anywhere}#closureIntakeForm{display:grid;gap:12px;max-width:760px;margin-bottom:12px}#closureIntakeForm label{margin:12px 0 0}#closureIntakeForm .button{justify-self:start}#closureIntakeCheck{max-width:100%;white-space:normal}@media(max-width:620px){#closureIntakePanel{padding:22px 18px}#closureIntakeForm .button,#closureIntakeCheck{width:100%}}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--green)}
@media(max-width:900px){.product-hero{grid-template-columns:1fr;padding:32px}.hero-brand-card{max-width:440px;width:100%;margin:auto}}
@media(max-width:620px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:12px 16px}.topbar-actions{width:100%;flex-wrap:wrap;gap:8px}.topbar-actions .button{flex:1;min-height:44px;font-size:.8rem;padding:10px 8px}.brand-logo{width:40px;height:40px}.product-hero{padding:24px 20px;border-radius:20px;gap:28px}.product-copy h1{font-size:2rem;line-height:1.5}.hero-brand-card{padding:18px;border-radius:18px}.hero-logo{width:min(88%,240px)}.use-case-strip{gap:10px}.use-case-strip article+article{border-left:1px solid #d6e5dc}.public-plan-card{padding:24px 20px}.public-plan-card .plan-price{font-size:2.25rem}.setup-step-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.setup-step-nav button{padding:8px 5px;font-size:.8rem}.line-invite-steps{grid-template-columns:1fr}.setup-panel,.billing-panel,.support-issue-panel{padding:22px 18px}.welcome{flex-wrap:wrap}.welcome h1{font-size:1.8rem}.setup-panel .section-heading h2{font-size:1.2rem}.support-faq{grid-template-columns:1fr}.support-issue-form .button{width:100%}}