:root{--ink:#192f62;--txt:#354462;--sub:#65738c;--faint:#8992a7;--cream:#fffcf8;--border:#e9e4ef;--rose:#e8518e;--indigo:#5b63d3;--green:#15814b;--white:#fff;--shadow:0 16px 48px rgba(26,34,80,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,sans-serif;color:var(--txt);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1140px,calc(100% - 48px));margin:auto}.sr-only{position:absolute!important;width:1px!important;height:1px!important;clip:rect(0,0,0,0);overflow:hidden}
[hidden]{display:none!important}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #8168ec;outline-offset:3px}
.site-head{background:rgba(255,253,250,.97);border-bottom:1px solid #eee7ed;position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.nav-inner{min-height:76px;display:flex;align-items:center;gap:20px}.wordmark{display:flex;align-items:center;gap:11px;min-width:234px}.logo-img{width:47px;height:47px;object-fit:contain;border-radius:50%;border:1px solid #f1e7e4;background:#fff}.wordmark strong{display:block;color:#17326d;font-size:17px;font-weight:900;line-height:1.3;white-space:nowrap;letter-spacing:-.035em}.wordmark small{display:block;color:#8993a6;font-size:10px;letter-spacing:.08em}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:23px;margin-left:auto}.site-nav a{font-size:12px;font-weight:750;color:#344263;white-space:nowrap}.site-nav a:hover,.site-nav a[aria-current=page]{color:#7b54c4}.nav-action{white-space:nowrap;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #a9e5c2;border-radius:10px;color:#137647;background:#f1fbf4;font-size:12px;font-weight:850}.nav-action svg{width:15px}.menu-button{display:none;border:1px solid var(--border);background:white;border-radius:10px;padding:8px 11px;color:var(--ink);font-size:13px;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:10px 19px;border-radius:12px;gap:8px;font-size:13px;line-height:1.4;font-weight:850;border:1px solid transparent;white-space:nowrap}.btn-gradient{color:white;background:linear-gradient(106deg,#e95792,#9b6acf 53%,#5674d6);box-shadow:0 9px 22px rgba(105,85,184,.19)}.btn-light{background:white;border-color:#d6cfee;color:#4f4e99}.btn-line{background:#169658;color:white;border-color:#169658}.btn-outline{background:white;color:#2e4c85;border-color:#dddbea}.btn:hover{filter:brightness(.98)}.txt-link{display:inline-flex;gap:5px;align-items:center;color:#5c61b8;font-size:13px;font-weight:800;white-space:nowrap}
.hero{margin:32px auto 0;background:linear-gradient(123deg,#fff9f3 1%,#fbf5fc 52%,#f0f5ff);border-radius:28px;border:1px solid #ece5f1;box-shadow:var(--shadow);display:grid;grid-template-columns:43% 57%;align-items:center;overflow:hidden;min-height:420px}.hero-copy{padding:52px 14px 50px 50px}.eyebrow{color:#7965bd;font-size:11px;letter-spacing:.14em;font-weight:900}.hero h1,.closing h2{color:var(--ink);font-size:clamp(32px,3.45vw,49px);letter-spacing:-.055em;line-height:1.4;margin:13px 0 15px;font-weight:900}.hero h1 .keep{display:block;white-space:nowrap}.hero p{margin:0;font-size:15px;max-width:390px;color:#5a6a88}.hero-actions{display:flex;gap:9px;margin-top:28px;flex-wrap:wrap}.hero-note{color:#8490a4;font-size:11px;margin:12px 0 0!important}.hero-art{padding:15px 17px 15px 0;width:100%}.hero-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:18px;background:#f9eee6}.section{padding-top:68px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-heading h2{font-size:clamp(24px,2.55vw,31px);font-weight:900;letter-spacing:-.04em;line-height:1.35;margin:7px 0;color:var(--ink)}.section-heading p{margin:0;color:var(--sub);font-size:13px}.kicker{display:block;color:#8265c6;font-size:10px;font-weight:900;letter-spacing:.14em}.cards-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.story-card{background:white;border-radius:17px;overflow:hidden;box-shadow:var(--shadow);border:1px solid #eee8ef}.story-card-media{background:#fcf7f2}.story-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}.story-card-body{padding:13px 16px 16px}.story-card h3{font-size:15px;margin:0;color:var(--ink);line-height:1.4}.story-card p{font-size:12px;color:var(--sub);margin:4px 0 0;line-height:1.65}.showcase-strip{background:#fbf7ff;border:1px solid #eee3f6;border-radius:22px;padding:30px 34px;margin-top:64px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px}.showcase-strip h2{font-size:26px;color:var(--ink);line-height:1.45;letter-spacing:-.035em;margin:8px 0}.showcase-strip p{font-size:13px;color:#62718c;margin:0 0 18px;max-width:530px}.line-sample{background:white;border:1px solid #e9e5ef;border-radius:17px;padding:17px 19px;box-shadow:0 8px 25px #343d7010;max-width:450px;margin-left:auto}.line-sample .line-title{display:flex;gap:9px;align-items:center;margin-bottom:13px}.line-sample .line-title img{width:32px;height:32px;object-fit:contain;border-radius:50%}.line-sample .line-title b{font-size:13px;color:#253d75}.chat-bubble{border-radius:12px;padding:9px 11px;max-width:90%;font-size:12px;line-height:1.65;margin:7px 0;background:#f0f2f8;color:#354765}.chat-bubble.user{margin-left:auto;background:#e4f8eb}.line-sample small{color:#8591a6;font-size:10px}.showcase-strip .btn{margin-top:8px}
.style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.style-card{display:grid;grid-template-columns:95px 1fr;align-items:center;gap:10px;padding:11px;border:1px solid #ebe5f0;border-radius:14px;background:#fff;min-width:0}.style-card img{width:95px;height:91px;object-fit:contain;background:#f7f4f9;border-radius:10px}.style-card b{font-size:13px;display:block;color:var(--ink);white-space:nowrap}.style-card span{font-size:11px;color:var(--sub)}.style-symbol{width:95px;height:91px;border-radius:10px;background:#faf8fc;display:grid;place-items:center;font-size:28px;color:#8a7dbe;border:1px dashed #ded6ec}.style-strip-link{text-align:right;padding-top:15px}
.product-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-card{background:#fff;border:1px solid #eae4f1;border-radius:22px;padding:27px;position:relative;overflow:hidden}.product-card.story-pack{background:linear-gradient(140deg,#fffafa,#f8f1ff)}.product-card.stickers{background:linear-gradient(145deg,#fcfaff,#f1f7ff)}.product-card h3{color:var(--ink);font-size:24px;line-height:1.4;letter-spacing:-.035em;margin:8px 0}.product-card p{font-size:13px;color:#5c6c87;margin:0 0 17px;max-width:380px}.product-card .meta{font-size:12px;font-weight:800;color:#7b639f;margin-bottom:19px}.product-card .btn{min-height:42px}.product-icon{position:absolute;right:25px;top:17px;font-size:45px;opacity:.4}.card-footnote{font-size:11px;color:#8290a5;margin-top:12px}
.wall-promo{background:#fff;border:1px solid #ebe4ee;border-radius:20px;margin-top:65px;padding:27px 31px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wall-promo h2{font-size:22px;letter-spacing:-.04em;color:var(--ink);margin:5px 0}.wall-promo p{font-size:12px;color:var(--sub);margin:4px 0 0}.reward-inline{display:inline-block;font-size:11px;color:#a95077;background:#fff4f8;padding:4px 8px;border-radius:6px;margin-top:9px}
.closing{margin:66px auto 55px;display:grid;grid-template-columns:43% 57%;align-items:center;border:1px solid #ece4f1;background:linear-gradient(125deg,#fffaf4,#faf5fc 63%,#f1f7ff);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.closing-copy{padding:34px 15px 34px 43px}.closing h2{font-size:33px;margin:8px 0 8px}.closing p{font-size:13px;color:var(--sub);margin:0 0 20px}.closing-image{padding:15px 16px 15px 0}.closing-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;border-radius:15px;background:#faf0e8}.footer{background:#2b2425;color:#eae6e9}.footer-content{padding:29px 0;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand img{width:40px;height:40px;object-fit:contain;border-radius:50%}.footer-brand strong{font-size:14px}.footer-brand small{display:block;font-size:10px;color:#bab1b9}.footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px;font-size:11px}.footer-links a:hover{text-decoration:underline}.footer-legal{font-size:10px;color:#b8adb4;border-top:1px solid #3d3537;text-align:center;padding:12px 16px}
.page-intro{padding:49px 0 28px}.page-intro h1{color:var(--ink);font-size:clamp(30px,3.6vw,42px);letter-spacing:-.04em;margin:9px 0 8px;line-height:1.35}.page-intro p{color:var(--sub);font-size:14px;max-width:670px;margin:0}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 23px}.filter-chip{border:1px solid #dfdaec;background:white;color:#5f6890;border-radius:10px;font-size:12px;font-weight:800;padding:7px 13px}.filter-chip.active{background:#f1ebfc;border-color:#a89ade;color:#614ba5}.story-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.gallery-card{border:1px solid #e7e4ee;background:#fff;border-radius:15px;overflow:hidden;text-align:left;padding:0;display:block;color:inherit;cursor:zoom-in;transition:transform .15s}.gallery-card:hover{transform:translateY(-2px)}.gallery-card img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f9f4f1}.gallery-card-body{padding:11px 12px 13px}.gallery-card strong{color:var(--ink);font-size:12px;line-height:1.5;display:block}.gallery-card small{display:block;color:var(--sub);font-size:10px;padding-top:2px}.gallery-note{margin:27px 0 35px;padding:18px 20px;background:#fff;border:1px solid #e9e4ec;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.gallery-note p{font-size:13px;margin:0;color:var(--txt)}
.modal-backdrop{position:fixed;inset:0;background:#12172dc9;z-index:70;display:none;align-items:center;justify-content:center;padding:19px}.modal-backdrop.open{display:flex}.modal{background:#fff;border-radius:19px;width:min(730px,100%);max-height:94vh;overflow:auto;padding:19px}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.modal-top h3{margin:0;color:var(--ink);font-size:19px}.modal-close{border:1px solid #e5dfeb;background:#fff;border-radius:50%;width:34px;height:34px;line-height:1;font-size:20px}.modal img{width:100%;height:auto;max-height:65vh;object-fit:contain;border-radius:12px;background:#f8f4f1}.modal p{color:var(--sub);font-size:12px;margin:13px 0 15px}.modal-bottom{display:flex;justify-content:end}
.price-highlight{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:15px 0 30px}.price-highlight .sample{background:#fff;border:1px solid var(--border);border-radius:17px;padding:24px}.price-highlight .sample strong{display:block;color:var(--ink);font-size:28px}.price-highlight .sample span{color:var(--sub);font-size:12px}.price-highlight .sample small{font-size:11px;color:#837e96}.price-table-wrap{width:100%;overflow-x:auto;border-radius:15px;border:1px solid #ebe4f0}.price-table{width:100%;border-collapse:collapse;background:#fff;min-width:590px}.price-table th,.price-table td{padding:13px 16px;text-align:right;border-bottom:1px solid #f1ecf4;font-size:13px;white-space:nowrap}.price-table th:first-child,.price-table td:first-child{text-align:left}.price-table thead{background:#f7f2fb;color:#554c83}.price-table th{font-size:12px}.price-table tbody tr:hover{background:#fdfafb}.section-min{padding-top:37px}.note-list{display:grid;gap:12px}.note-item{background:#fff;border:1px solid var(--border);border-radius:13px;padding:18px 20px}.note-item h3{font-size:15px;color:var(--ink);margin:0 0 4px}.note-item p{font-size:12px;color:var(--sub);margin:0}.pack-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:24px 0}.pack-chip{border:1px solid #e9e4f1;border-radius:12px;background:#fff;text-align:center;padding:16px 7px;color:var(--ink);font-weight:850}.pack-chip b{font-size:22px}.pack-chip small{display:block;font-size:10px;color:var(--sub)}.cta-banner{padding:24px;background:linear-gradient(120deg,#fff4fa,#f4f1ff);border:1px solid #ebdcf0;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 60px}.cta-banner h3{margin:0 0 5px;color:var(--ink);font-size:20px}.cta-banner p{margin:0;color:var(--sub);font-size:12px}.myworks-card{display:flex;gap:18px;align-items:center;padding:27px;border:1px solid #ece6ee;border-radius:17px;background:#fff;margin:28px auto 48px}.myworks-card>img{width:120px;height:120px;border-radius:15px;object-fit:contain;background:#f6f1f8}.myworks-card h3{color:var(--ink);margin:0 0 6px}.myworks-card p{color:var(--sub);font-size:13px;margin:0 0 13px}.faq{margin:35px 0 55px}.faq details{padding:16px 0;border-bottom:1px solid #e8e2ed}.faq summary{font-size:14px;font-weight:800;color:var(--ink);cursor:pointer}.faq p{font-size:13px;color:var(--sub);margin:9px 0 0}.footer-spacer{height:10px}.mobile-bottom{display:none}
@media(max-width:1020px){.container{width:min(100% - 36px,1140px)}.site-nav{gap:13px}.wordmark{min-width:190px}.wordmark strong{font-size:15px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:40px 6px 40px 31px}.hero h1{font-size:clamp(30px,4vw,39px)}.hero-art{padding:13px 12px 13px 0}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.nav-inner{min-height:65px;gap:8px}.wordmark{min-width:0;margin-right:auto;gap:8px}.logo-img{width:39px;height:39px}.wordmark strong{font-size:14px}.wordmark small{font-size:9px}.nav-action{padding:7px 10px;font-size:11px}.menu-button{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;margin:0;background:#fffefc;padding:10px 18px 17px;border-bottom:1px solid #e9e2ed;box-shadow:0 12px 20px #2f235515;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{font-size:13px;padding:11px 7px;border-bottom:1px solid #f5f1f6}.hero{grid-template-columns:1fr;margin-top:15px;border-radius:20px;min-height:0}.hero-copy{padding:27px 22px 10px}.hero h1{font-size:clamp(29px,8vw,37px);margin:9px 0 10px;line-height:1.34}.hero p{font-size:13px}.hero-actions{margin-top:18px}.hero-art{padding:5px 11px 12px}.hero-art img{border-radius:13px}.hero-note{font-size:10px!important}.btn{padding:10px 12px;min-height:41px;font-size:12px}.section{padding-top:42px}.section-heading{margin-bottom:16px;align-items:center}.section-heading h2{font-size:23px}.section-heading p{font-size:12px}.txt-link{font-size:11px}.cards-three{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding:2px 2px 11px}.story-card{flex:0 0 100%;scroll-snap-align:start;border-radius:15px}.story-card img{aspect-ratio:4/3}.story-card-body{padding:11px 13px 12px}.showcase-strip{grid-template-columns:1fr;padding:22px 17px;margin-top:39px;border-radius:18px;gap:12px}.showcase-strip h2{font-size:23px}.line-sample{margin:0;width:100%}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.style-card{grid-template-columns:1fr;gap:5px;padding:7px;text-align:center}.style-card img,.style-symbol{width:100%;height:112px}.style-card b{font-size:12px}.style-card span{font-size:10px}.style-strip-link{padding-top:11px}.product-row{grid-template-columns:1fr;gap:12px}.product-card{padding:23px}.product-card h3{font-size:22px}.wall-promo{margin-top:42px;padding:21px 19px;flex-direction:column;align-items:flex-start}.wall-promo h2{font-size:20px}.closing{grid-template-columns:1fr;margin:43px auto 32px;border-radius:19px}.closing-copy{padding:24px 23px 6px}.closing h2{font-size:29px;line-height:1.4}.closing-image{padding:8px 13px 12px}.closing-image img{aspect-ratio:1.5}.footer-content{flex-direction:column;align-items:flex-start;padding:23px 0 25px}.footer-links{gap:13px}.footer-legal{font-size:9px;padding:10px 20px 80px}.page-intro{padding:28px 0 21px}.page-intro h1{font-size:29px}.page-intro p{font-size:12px}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-card-body{padding:8px 9px 10px}.gallery-card strong{font-size:11px}.gallery-card small{font-size:10px}.gallery-note{flex-direction:column;align-items:stretch;padding:16px}.price-highlight{grid-template-columns:1fr;gap:11px}.pack-row{grid-template-columns:repeat(3,1fr)}.cta-banner{flex-direction:column;align-items:flex-start;padding:20px;margin:25px 0 40px}.myworks-card{padding:17px;flex-direction:column;align-items:flex-start}.myworks-card>img{width:95px;height:95px}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:22;display:flex;justify-content:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(255,253,250,.97);border-top:1px solid #e8e0ed;backdrop-filter:blur(12px)}.mobile-bottom .btn{width:min(100%,440px);min-height:43px}.modal{padding:13px}}
@media(max-width:355px){.hero h1{font-size:27px}.btn{font-size:11px}.wordmark strong{font-size:12px}.wordmark small{font-size:8px}.nav-action{font-size:10px;padding:6px 7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Original approved person-based style previews. Do not crop subjects. */
.style-card img{object-fit:contain;object-position:center;background:#fffaf4}
.story-page-intro{padding-bottom:35px}.story-page-intro p{max-width:790px}.story-intro-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.story-pack-overview{padding-top:11px}.story-counts{grid-template-columns:repeat(4,minmax(0,1fr));margin:18px 0 20px}.story-counts .pack-chip{padding:19px 8px 17px}.story-counts .pack-chip span{display:block;margin-top:5px;color:#6d7690;font-size:11px;font-weight:700}.product-boundary{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 20px;border-radius:15px;border:1px solid #e7e0ef;background:#fff}.product-boundary strong{display:block;color:var(--ink);font-size:14px}.product-boundary p{margin:3px 0 0;color:var(--sub);font-size:12px}.story-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.story-example-card{margin:0;background:#fff;border:1px solid var(--border);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.story-example-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#faf6f1}.story-example-card figcaption{display:grid;gap:4px;padding:14px 16px 17px}.story-example-card figcaption span{color:#8265c6;font-size:10px;font-weight:900;letter-spacing:.08em}.story-example-card figcaption strong{color:var(--ink);font-size:14px}.story-example-card figcaption small{color:var(--sub);font-size:11px;line-height:1.65}.story-example-note{margin:12px 2px 0}.story-flow-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.story-flow-grid li{display:flex;gap:12px;align-items:flex-start;padding:18px 16px;background:#fff;border:1px solid var(--border);border-radius:15px}.story-flow-grid li>b{flex:0 0 29px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#f0ebfb;color:#6a55ac;font-size:12px}.story-flow-grid strong{display:block;color:var(--ink);font-size:13px}.story-flow-grid span{display:block;color:var(--sub);font-size:11px;line-height:1.65;margin-top:3px}.story-edit-highlights{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 0 20px}.story-quote-note{margin:28px 0;padding:18px 20px;border-radius:15px;border:1px solid #eadfea;background:#fffaf8}.story-quote-note strong{display:block;color:var(--ink);font-size:14px}.story-quote-note p{margin:4px 0 0;color:var(--sub);font-size:12px}.line-intent-card{margin:30px 0 60px;padding:24px 25px;background:linear-gradient(120deg,#fff4fa,#f4f1ff);border:1px solid #ebdcf0;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.line-intent-card h3{margin:5px 0 4px;color:var(--ink);font-size:21px}.line-intent-card p{margin:0 0 10px;color:var(--sub);font-size:12px}.line-intent-card code{display:block;width:fit-content;max-width:100%;padding:8px 10px;border:1px solid #e4dbea;border-radius:9px;background:#fff;color:#4a4c72;font-family:inherit;font-size:11px;white-space:normal}.line-intent-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.copy-status{display:block;min-height:1.6em;margin-top:5px;color:#198352;font-size:11px;font-weight:800}
.style-card[data-showcase-only="true"]{background:#fffdf8}.style-card[data-showcase-only="true"] div span{color:#8b718a}

@media(max-width:700px){.story-page-intro{padding-bottom:27px}.story-intro-actions{margin-top:18px}.story-intro-actions .btn{flex:1 1 150px}.story-pack-overview{padding-top:4px}.story-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-boundary{align-items:flex-start;flex-direction:column;gap:9px}.story-example-grid{grid-template-columns:1fr;gap:11px}.story-example-card{display:grid;grid-template-columns:42% 58%;align-items:center}.story-example-card img{height:100%;min-height:132px;aspect-ratio:auto}.story-example-card figcaption{padding:13px}.story-flow-grid{grid-template-columns:1fr 1fr;gap:9px}.story-flow-grid li{padding:14px 12px;gap:9px}.story-flow-grid li>b{flex-basis:25px;width:25px;height:25px}.story-edit-highlights{grid-template-columns:1fr}.story-editing .section-heading{align-items:flex-start;flex-direction:column}.line-intent-card{align-items:flex-start;flex-direction:column;padding:20px;margin:25px 0 40px}.line-intent-actions{width:100%;justify-content:flex-start}.line-intent-actions .btn{flex:1 1 150px}}

@media(max-width:430px){.story-flow-grid{grid-template-columns:1fr}.story-example-card{grid-template-columns:40% 60%}.story-example-card img{min-height:122px}}

/* Story collection: LINE-first public page. Website explains; LINE carries selection and confirmation. */
.story-line-first main{overflow:hidden}
.story-lf-hero{padding:32px 0 0}
.story-lf-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr);gap:28px;align-items:stretch}
.story-lf-hero-copy{padding:47px 49px;border:1px solid #eadff0;border-radius:28px;background:linear-gradient(130deg,#fffaf5 0%,#fbf4fb 58%,#f4f7ff 100%);box-shadow:var(--shadow)}
.story-lf-hero-copy h1{margin:12px 0 15px;color:var(--ink);font-size:clamp(32px,3.45vw,44px);font-weight:900;line-height:1.32;letter-spacing:-.055em}
.story-lf-title-line{display:block;white-space:nowrap}
.story-lf-title-accent{color:#7658ba}
.story-lf-hero-copy>p{max-width:600px;margin:0;color:#596985;font-size:14px;line-height:1.85;text-wrap:pretty}
.story-line-first h2,.story-line-first h3{max-width:100%;text-wrap:balance}
.story-line-first p,.story-line-first small{orphans:2;widows:2}
.story-lf-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}
.story-lf-trust span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ded7eb;border-radius:999px;background:rgba(255,255,255,.82);color:#586480;font-size:11px;font-weight:800}
.story-lf-trust span:before{content:"✓";color:#17844f;font-weight:900}
.story-lf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.story-lf-hero-note{display:block;margin-top:11px;color:#7c879c;font-size:10px;line-height:1.65}
.story-lf-chat{align-self:stretch;padding:24px;border:1px solid #dcebe3;border-radius:28px;background:linear-gradient(180deg,#f6fff9 0%,#edf8f1 100%);box-shadow:var(--shadow)}
.story-lf-chat-head{display:flex;align-items:center;gap:11px;padding:0 3px 16px;border-bottom:1px solid #d7eadf}
.story-lf-chat-head img{width:44px;height:44px;object-fit:contain;border-radius:50%;border:1px solid #dfeae3;background:#fff}
.story-lf-chat-head strong,.story-lf-chat-head span{display:block}
.story-lf-chat-head strong{color:#263b61;font-size:14px}
.story-lf-chat-head span{color:#6f8178;font-size:10px}
.story-lf-bubble{max-width:88%;margin-top:15px;padding:11px 13px;border-radius:15px;font-size:12px;line-height:1.75;box-shadow:0 5px 16px rgba(50,78,61,.05)}
.story-lf-bubble.customer{margin-left:auto;border-bottom-right-radius:5px;background:#8edf9f;color:#173d27}
.story-lf-bubble.advisor{border-bottom-left-radius:5px;background:#fff;color:#40516c}
.story-lf-chat>p{margin:14px 3px 0;color:#75877d;font-size:10px;line-height:1.6}
.story-lf-length{padding:31px 31px 28px;margin-top:68px;border:1px solid #e8e1ed;border-radius:22px;background:#fff}
.story-lf-length-copy h2{margin:7px 0;color:var(--ink);font-size:clamp(24px,2.55vw,31px);line-height:1.35;letter-spacing:-.04em}
.story-lf-length-copy p{max-width:830px;margin:0;color:var(--sub);font-size:13px}
.story-lf-lengths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:21px 0}
.story-lf-lengths>span{display:flex;align-items:baseline;justify-content:center;gap:5px;padding:14px 10px;border:1px solid #e6e0ed;border-radius:13px;background:#fbf9fc;color:#425174;font-size:12px;font-weight:850}
.story-lf-lengths b{color:#7259b4;font-size:25px;line-height:1}
.story-lf-lengths small{display:block;margin-left:4px;color:#7c879b;font-size:10px;font-weight:650}
.story-lf-length .product-boundary{padding:15px 17px;background:#fffaf8}
.story-lf-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.story-lf-steps li{position:relative;display:flex;gap:12px;min-height:130px;padding:20px 17px;border:1px solid #e9e3ee;border-radius:16px;background:#fff}
.story-lf-steps li:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-10px;top:50%;display:grid;place-items:center;width:20px;height:20px;border:1px solid #e2dbea;border-radius:50%;background:#fff;color:#8369b5;font-size:11px;transform:translateY(-50%)}
.story-lf-steps li>b{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#eee8f9;color:#7156ad;font-size:12px}
.story-lf-steps strong{display:block;color:var(--ink);font-size:13px}
.story-lf-steps span{display:block;margin-top:4px;color:var(--sub);font-size:11px;line-height:1.65}
.story-lf-editing{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:30px 32px;margin-top:68px;border:1px solid #e8e1ed;border-radius:22px;background:linear-gradient(125deg,#fffaf5,#f8f5fc)}
.story-lf-editing h2{margin:7px 0;color:var(--ink);font-size:clamp(24px,2.55vw,31px);line-height:1.35;letter-spacing:-.04em}
.story-lf-editing p{margin:0 0 13px;color:var(--sub);font-size:13px}
.story-lf-editing-points{display:flex;flex-wrap:wrap;gap:9px}
.story-lf-editing-points span{padding:8px 11px;border:1px solid #e4ddec;border-radius:9px;background:#fff;color:#56617b;font-size:11px;font-weight:750}
.story-lf-final{margin-top:42px}

@media(max-width:900px){
  .story-lf-hero-grid{grid-template-columns:1fr}
  .story-lf-chat{min-height:0}
  .story-lf-lengths{grid-template-columns:1fr 1fr}
  .story-lf-steps{grid-template-columns:1fr 1fr}
  .story-lf-steps li:nth-child(2):after{display:none}
}

@media(max-width:700px){
  .story-lf-hero{padding-top:15px}
  .story-lf-hero-grid{gap:11px}
  .story-lf-hero-copy{padding:28px 22px;border-radius:20px}
  .story-lf-hero-copy h1{font-size:clamp(29px,8.25vw,34px);line-height:1.34;letter-spacing:-.06em}
  .story-lf-hero-copy>p{font-size:12px;line-height:1.8}
  .story-lf-actions .btn{flex:1 1 148px}
  .story-lf-chat{padding:18px 16px;border-radius:20px}
  .story-lf-bubble{max-width:94%;font-size:11px}
  .story-lf-length{padding:22px 18px 20px;margin-top:43px}
  .story-lf-lengths{grid-template-columns:1fr 1fr;gap:8px}
  .story-lf-lengths>span{display:grid;grid-template-columns:auto auto;align-items:center;padding:11px 8px}
  .story-lf-lengths small{grid-column:1/-1;margin:2px 0 0;text-align:center}
  .story-lf-steps{grid-template-columns:1fr;gap:9px}
  .story-lf-steps li{min-height:0;padding:16px 14px}
  .story-lf-steps li:not(:last-child):after{content:"↓";right:auto;left:25px;top:auto;bottom:-15px;transform:none}
  .story-lf-editing{grid-template-columns:1fr;gap:17px;padding:23px 19px;margin-top:43px}
  .story-lf-final{margin-top:27px}
}