/* Preview visual refresh: editorial rhythm, restrained motion, intact reading. */
.site-page{--shadow:0 12px 32px rgba(18,49,79,.07)}
.hero-showcase{min-width:0;width:100%}
.site-page[data-page=home] .hero-showcase .hv.hv-img{margin:1rem 0 2rem}
.style-entry{display:block;position:relative;padding:1rem 1.1rem;background:rgba(255,255,255,.8);border:1px solid #d6e1ea;border-radius:12px;text-decoration:none;color:var(--deep);box-shadow:var(--shadow);transition:border-color .2s,box-shadow .2s}
.style-entry-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem;font-size:1rem}
.style-entry-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d6e1ea;border-radius:50%;color:var(--carrot);transition:background .2s,color .2s}
.style-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.style-entry-grid>span{min-width:0}
.style-entry-grid img{display:block;width:100%;height:auto;aspect-ratio:668/460;object-fit:cover;border:1px solid #d9e1e8;border-radius:4px}
.style-entry-grid b{display:block;margin-top:.45rem;font-size:.75rem;font-weight:500;text-align:center;white-space:nowrap}
.style-entry:hover,.style-entry:focus-visible{border-color:var(--carrot);box-shadow:0 14px 32px rgba(18,49,79,.11)}
.style-entry:hover .style-entry-arrow,.style-entry:focus-visible .style-entry-arrow{background:var(--carrot);color:white;border-color:var(--carrot)}
@media(max-width:700px){.site-page[data-page=home] .hero-showcase .hv.hv-img{margin:.7rem 0 1.25rem}.style-entry{padding:.85rem}.style-entry-head{font-size:.95rem}.style-entry-grid{gap:.45rem}.style-entry-grid b{font-size:.7rem}}
.site-page h1,.site-page h2,.site-page h3{text-wrap:balance}
.site-page p{text-wrap:pretty}
.keep,.money{white-space:nowrap}
.sentence{display:block}
.sentence+.sentence{margin-top:.25em}
.site-page .page-head{position:relative;padding-block:3.6rem 2.5rem;background:linear-gradient(110deg,#eaf0f5 0%,#f7f9fb 75%);border-bottom:1px solid var(--line)}
.site-page .eyebrow{letter-spacing:.14em}
.site-page .h1{font-size:clamp(1.85rem,3.7vw,3rem)}
.site-page .lead{line-height:1.85}
.site-page .card,.site-page .mod{box-shadow:0 3px 12px rgba(18,49,79,.025)}
.site-page .card--link{display:flex;flex-direction:column;padding:1.8rem;min-height:0;box-shadow:var(--shadow)}
.site-page .card--link .more{margin-top:auto;padding-top:1.3rem;align-self:flex-start}
.site-page .card--link h3{margin-bottom:1rem}
.site-page .card--link:hover{box-shadow:0 18px 40px rgba(18,49,79,.1)}
.site-page .btn{min-height:46px;transition:box-shadow .25s,transform .25s,background .25s,color .25s}
.site-page .btn--carrot{box-shadow:0 5px 16px rgba(201,109,16,.14)}
.site-page .btn--carrot:hover{box-shadow:0 9px 22px rgba(201,109,16,.22)}
.site-page .foot-grid>div:nth-child(2) ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.1rem 1rem}
.site-page .cta{position:relative;background:var(--deep);padding-block:4.5rem}
.site-page .cta .lead{font-size:1rem}
.site-page .faq details{border-radius:0;border-width:0 0 1px;background:transparent;margin:0}
.site-page .faq summary{padding:1.4rem .2rem;line-height:1.65}
.site-page .faq .ans{max-width:48em;padding:0 .2rem 1.5rem;line-height:1.8}
.site-page .faq details[open] summary{color:var(--carrot)}
.feature-list{list-style:none;display:grid;gap:.4rem;margin-top:.75rem;color:var(--ink-2);font-size:.95rem;line-height:1.7}
.feature-list li{position:relative;padding-left:1rem}
.feature-list li::before{content:"";position:absolute;left:0;top:.7em;width:4px;height:4px;border-radius:50%;background:var(--carrot)}
.site-page .maint-price{font-size:1.55rem;font-weight:900;color:var(--deep);margin:.7rem 0}
.site-page .plan{padding:2rem 1.5rem;box-shadow:var(--shadow)}
.site-page .plan-price{font-size:2.35rem;margin-top:1.5rem}
.site-page .plan .ticks{margin-top:1.2rem}
.site-page .plan--main{background:#fffaf4;box-shadow:0 18px 45px rgba(201,109,16,.1)}
.site-page .plan--custom{margin-top:.8rem;display:grid;grid-template-columns:1fr 1.4fr auto;gap:.6rem 2rem;align-items:center;background:var(--paper-2);border:0}
.site-page .plan--custom h3{grid-column:1;grid-row:1}
.site-page .plan--custom .plan-for{grid-column:1;grid-row:2;min-height:0}
.site-page .plan--custom .plan-price{grid-column:1;grid-row:3;font-size:1.35rem;margin:0}
.site-page .plan--custom .ticks{grid-column:2;grid-row:1/4;margin:0}
.site-page .plan--custom .btn{grid-column:3;grid-row:1/4;width:auto}
.site-page .callout{line-height:1.8}
.site-page .callout .sentence{margin-top:.5em}
.site-page .prose h2{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:2.6rem}
.site-page .gloss{display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem;max-width:none}
.site-page .gloss dt{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.2rem}
.site-page .gloss dd{grid-column:1/-1;max-width:48em}
.site-page[data-page=modules] #web .g3{grid-template-columns:1fr}
.site-page[data-page=modules] #web .mod{display:grid;grid-template-columns:1fr 1.6fr;gap:.5rem 2rem;align-items:start}
.site-page[data-page=modules] #web .mod .feature-list{grid-column:2;grid-row:1/3;margin:0}
.site-page[data-page=modules] #web .mod .scope{grid-column:2;margin:0}
.site-page[data-page=modules] .mod{padding:1.6rem;border-radius:8px;border-width:1px 0 0;box-shadow:none}
.site-page[data-page=modules] .mod .tag{font-size:.76rem;border-radius:4px}
.site-page .form input,.site-page .form select,.site-page .form textarea{font-size:1rem;min-height:46px}
.site-page .form .copied:empty{display:none}
.site-page[data-page=contact] .g2{grid-template-columns:.8fr 1.2fr;gap:2.5rem}
.site-page[data-page=contact] .g2>.card:first-child{background:transparent;border:0;padding:1.5rem 0;position:sticky;top:6rem;box-shadow:none}
.site-page[data-page=contact] .g2>.card:last-child{box-shadow:var(--shadow);padding:2rem}
.site-page .est-out{box-shadow:var(--shadow)}
.site-page .est-out>.note{margin-bottom:1.25rem;line-height:1.8}
.site-page .th-info>h3{font-size:1.5rem}
.site-page .th-price .scheme-tag{display:inline-block;font:500 .88rem/1.6 var(--sans);border:1px solid var(--line);padding:.25rem .65rem;border-radius:4px;margin:.2rem .4rem .2rem 0}
.site-page .th-panel:not([hidden]){animation:panel-in .24s ease-out}
@keyframes panel-in{from{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Home: a visual opening, editorial problem rows, and a quiet founder story. */
.site-page[data-page=home] .hero{background:linear-gradient(130deg,#edf3f8,#f7f9fb 70%);padding-block:4rem 4.5rem;border-bottom:1px solid #d8e2ea}
.site-page[data-page=home] .hero .h1{font-size:clamp(1.9rem,3.05vw,2.75rem);line-height:1.45}
.site-page[data-page=home] .hero-pre{font-size:.94rem;font-weight:500;margin-bottom:1.3rem}
.site-page[data-page=home] .hero-sub{font-size:1rem;line-height:1.8}
.site-page[data-page=home] .hero .eyebrow{max-width:30em;line-height:1.9}
.site-page[data-page=home] .hv-img img{transform:rotate(6deg) scale(1.05);filter:drop-shadow(0 14px 18px rgba(18,49,79,.07))}
.site-page[data-page=home] .pain-intro{max-width:100%;font-size:1rem}
.site-page[data-page=home] .pains{counter-reset:pain;gap:0}
.site-page[data-page=home] .pain{counter-increment:pain;position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border-radius:0;border-width:1px 0 0;background:transparent;padding:1.8rem 0 1.8rem 3.4rem;gap:2rem}
.site-page[data-page=home] .pain:last-child{border-bottom:1px solid var(--line)}
.site-page[data-page=home] .pain::before{content:"0" counter(pain);position:absolute;left:0;top:1.8rem;font-size:.8rem;font-weight:700;color:var(--carrot);letter-spacing:.1em}
.site-page[data-page=home] .pain-q,.site-page[data-page=home] .pain-a{padding:0;background:none}
.site-page[data-page=home] .pain-q strong{color:var(--deep);font-size:1.25rem;font-weight:700}
.site-page[data-page=home] .pain-a p{line-height:1.9;font-size:1rem}
.site-page[data-page=home] .pain-a a{margin-top:.6rem}
.site-page[data-page=home] .story-band{background:var(--deep);color:var(--paper);position:relative;overflow:hidden}
.site-page[data-page=home] .story-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:1.5rem 5rem}
.site-page[data-page=home] .story-layout .sec-head{margin:0}
.site-page[data-page=home] .story-layout .h2{max-width:9em;font-size:2.35rem;line-height:1.55}
.site-page[data-page=home] .story-layout .prose p{color:#c6d6e2;margin:0 0 1.2rem}
.site-page[data-page=home] .story-layout .btn-row{grid-column:2;margin:0}
.site-page[data-page=home] .story-layout .btn--ghost{border-color:#7b9dbb;color:#f7f9fb}
.site-page[data-page=home] .steps{gap:2rem}
.site-page[data-page=home] .steps li{border:0;border-top:2px solid var(--line);border-radius:0;background:none;padding:1rem 0}
.site-page[data-page=home] .steps li::before{font-size:1.3rem;margin-bottom:1rem}
.site-page[data-page=cases] #main>.band:nth-of-type(2) .g3{gap:2rem}
.site-page[data-page=cases] #main>.band:nth-of-type(2) .card{padding:0 0 1.8rem;border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent;box-shadow:none}
.case-visual{margin-bottom:1.6rem;min-height:180px;display:flex;flex-direction:column;justify-content:center;gap:.65rem;padding:1.6rem;background:#e5edf5;border:1px solid #d8e2ea;overflow:hidden;position:relative}
.case-visual small{font-size:.7rem;letter-spacing:.13em;color:var(--ink-3)}
.case-visual strong{font-size:1.5rem;color:var(--deep);font-weight:700;line-height:1.5}
.case-visual span{font-size:.8rem;color:var(--ink-2)}
.case-visual--line{background:#e8f0eb;border-color:#d6e4dc}
.case-visual--frame{background:#f7ead9;border-color:#edd9bf}
.site-page[data-page=home] .case-card{border-radius:8px;background:#fff}
.case-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}
.case-controls{display:flex;gap:.5rem;flex-shrink:0}
.case-controls button{width:46px;height:46px;border:1px solid var(--ink);border-radius:50%;background:transparent;color:var(--ink);font-size:1.3rem;cursor:pointer}
.case-controls button:disabled{opacity:.3;cursor:default}
.case-rail{display:grid;grid-auto-flow:column;grid-auto-columns:36%;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:1rem .3rem 1.5rem;scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent}
.case-rail .case-card{scroll-snap-align:start}
.case-rail .case-visual{margin:-1.4rem -1.4rem 1.5rem;border:0;border-radius:8px 8px 0 0}
@media(prefers-reduced-motion:no-preference){.site-page[data-page=home] .hero-grid>div:first-child{animation:panel-in .5s ease-out}.site-page[data-page=home] .hv{animation:panel-in .65s ease-out}}
@media(max-width:900px){.case-rail{grid-auto-columns:55%}}
@media(max-width:600px){.case-heading{align-items:center}.case-heading .h2{font-size:1.45rem}.case-controls button{width:40px;height:40px}.case-rail{grid-auto-columns:87%;gap:24px}.case-rail .case-visual strong{font-size:1.3rem}}

/* A drawn line belongs to an action, not to every block. */
.draw-action{position:relative;isolation:isolate}
.card--link .more .draw-ring{top:1.05rem;height:2rem}
.draw-ring{position:absolute;left:-8%;top:-35%;width:116%;height:170%;overflow:visible;pointer-events:none;color:var(--carrot);z-index:-1;opacity:0;transition:opacity .15s ease-out}
.draw-ring path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:250;stroke-dashoffset:250;transition:stroke-dashoffset .32s ease-out;vector-effect:non-scaling-stroke}
.draw-action:focus-visible .draw-ring path{stroke-dashoffset:0}
.draw-action:focus-visible .draw-ring{opacity:1}
@media(hover:hover){.draw-action:hover .draw-ring path{stroke-dashoffset:0}.draw-action:hover .draw-ring{opacity:1}}
.site-page .nav-links a{border-bottom:0;position:relative}
.site-page .nav-links a[aria-current=page]::after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:var(--carrot);transform:rotate(-3deg)}
/* Progressive enhancement: without JS, unsupported APIs or reduced motion, content is visible. */
@media(prefers-reduced-motion:no-preference){
  .reveal-pending{opacity:0;transform:translateY(12px)}
  .reveal-ready{transition:opacity .5s ease-out,transform .5s ease-out}
  .reveal-ready.is-visible{opacity:1;transform:none}
}
@media(max-width:900px){
  .site-page[data-page=home] .hero-grid{gap:1rem}
  .site-page[data-page=home] .hv.hv-img{margin-block:1.1rem}
  .site-page[data-page=home] .hv-img img{transform:rotate(2deg) scale(1)}
  .site-page[data-page=home] .story-layout{grid-template-columns:1fr;gap:2rem}
  .site-page[data-page=home] .story-layout .h2{max-width:none;font-size:1.8rem}
  .site-page[data-page=home] .story-layout .btn-row{grid-column:1}
  .site-page .plan--custom{grid-template-columns:1fr}
  .site-page .plan--custom>*{grid-column:1!important;grid-row:auto!important}
  .site-page .plan--custom .btn{margin-top:1rem}
}
@media(max-width:700px){
  .site-page .page-head{padding-block:2.3rem 2rem}
  .site-page .lead{font-size:1rem;line-height:1.8}
  .site-page .band{padding-block:3.2rem}
  .site-page[data-page=home] .hero{padding-block:2.2rem 2.5rem}
  .site-page[data-page=home] .hero .h1{font-size:1.85rem;line-height:1.5}
  .site-page[data-page=home] .hero .eyebrow{font-size:.72rem;max-width:23em}
  .site-page[data-page=home] .hero-pre{font-size:.88rem;margin-bottom:1rem}
  .site-page[data-page=home] .pain{grid-template-columns:1fr;gap:.8rem;padding:1.6rem 0 1.6rem 2.2rem}
  .site-page[data-page=home] .pain::before{top:1.7rem;font-size:.75rem}
  .site-page[data-page=home] .pain-q strong{font-size:1.13rem}
  .site-page[data-page=home] .pain-a p{font-size:.95rem}
  .site-page .card--link{padding:1.4rem}
  .site-page .plan{padding:1.7rem 1.3rem}
  .site-page .plan .ticks{flex:none}
  .site-page .pc dl>div{grid-template-columns:1fr;gap:.25rem}
  .site-page .pc dt{font-size:.85rem}
  .site-page .pc dd{font-size:1rem}
  .site-page[data-page=modules] #web .mod{display:block}
  .site-page[data-page=modules] #web .mod .scope{margin-top:1rem}
  .site-page[data-page=contact] .g2{grid-template-columns:1fr;gap:1rem}
  .site-page[data-page=contact] .g2>.card:first-child{position:static}
  .site-page[data-page=contact] .g2>.card:last-child{padding:1.4rem}
  .site-page .nav-toggle{min-width:44px;min-height:44px}
  .site-page .nav-links{max-height:calc(100dvh - 72px);overflow-y:auto}
  .site-page .nav-links .draw-ring{display:none}
  .site-page .case-visual{min-height:170px}
  .draw-ring{display:none}
}
@media(prefers-reduced-motion:reduce){
  .reveal-pending,.reveal-ready{opacity:1;transform:none;transition:none}
  .site-page .th-panel{animation:none}
  .draw-ring path{stroke-dashoffset:0;transition:none}
  .draw-ring{transition:none}
  .site-page .btn:hover,.site-page .card--link:hover{transform:none}
}

/* Restore the original brand cursors for mouse devices. */
@media (hover:hover) and (pointer:fine){
  body{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 34 34'%3E%3Cpath d='M19.5 19.5 L31 20.5 L20.5 31 Z' fill='%232F6B4F'/%3E%3Cpath d='M2 2 L24.5 16.5 L16.5 24.5 Z' fill='%23E1851E' stroke='%230B2136' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 2 2, auto; }
  a,button,summary,select,label,.opt{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 34 34'%3E%3Cpath d='M19.5 19.5 L31 20.5 L20.5 31 Z' fill='%232F6B4F'/%3E%3Cpath d='M2 2 L24.5 16.5 L16.5 24.5 Z' fill='%23E1851E' stroke='%230B2136' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M8.5 7.5 l4 3 M12.5 11.5 l4 3' stroke='%230B2136' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") 2 2, pointer; }
  input,textarea,[contenteditable=true]{cursor:text}
  button:disabled,[aria-disabled=true]{cursor:not-allowed}
}
/* 2026-10-08 視覺檢查補正 */
.pain .keep{display:inline;font:inherit;letter-spacing:inherit;color:inherit;margin:0}
.site-page li,.site-page dd,.site-page .sentence,.site-page .lead,.site-page .scope,.site-page .foot p,.site-page .card p,.site-page .callout{text-wrap:balance}
.site-page .more{padding-block:.5rem}

/* 2026-10-08 背景點綴：自製葉枝線稿（SVG，無第三方素材）；原本的圓圈與斜線已移除 */
:root{--sprig-leaf:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 250 180%27%3E%3Cpath d=%27M6 172 C 70 142, 130 98, 226 20%27 fill=%27none%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(-38)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(22)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(-42)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(18)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(-46)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(14)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(-50)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(10)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(224 20) rotate(-58)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%232F6B4F%27 fill-opacity=%270.1%27 stroke=%27%232F6B4F%27 stroke-opacity=%270.42%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");--sprig-sky:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 250 180%27%3E%3Cpath d=%27M6 172 C 70 142, 130 98, 226 20%27 fill=%27none%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(-38)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(22)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(-42)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(18)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(-46)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(14)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(-50)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(10)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(224 20) rotate(-58)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%238FB5D3%27 fill-opacity=%270.12%27 stroke=%27%238FB5D3%27 stroke-opacity=%270.4%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");--sprig-carrot:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 250 180%27%3E%3Cpath d=%27M6 172 C 70 142, 130 98, 226 20%27 fill=%27none%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.5%27 stroke-linecap=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(-38)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(40 152) rotate(22)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(-42)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(86 124) rotate(18)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(-46)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(134 92) rotate(14)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(-50)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(180 55) rotate(10)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3Cpath transform=%27translate(224 20) rotate(-58)%27 d=%27M0 0 C 8 -14 26 -18 38 -10 C 31 5 12 11 0 0 Z%27 fill=%27%23C96D10%27 fill-opacity=%270.1%27 stroke=%27%23C96D10%27 stroke-opacity=%270.38%27 stroke-width=%271.1%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E")}
.site-page .page-head::after{content:"";position:absolute;right:max(3%,calc((100vw - 1120px)/2 - 20px));bottom:-1px;width:270px;height:195px;background:var(--sprig-leaf) no-repeat right bottom/contain;pointer-events:none}
.site-page .band--alt{background-image:radial-gradient(rgba(27,67,112,.075) 1.1px,transparent 1.3px);background-size:24px 24px}
.site-page .cta{overflow:hidden}
.site-page .cta::before,.site-page .cta::after{content:"";position:absolute;bottom:0;width:230px;height:166px;background:var(--sprig-sky) no-repeat center bottom/contain;pointer-events:none}
.site-page .cta::before{left:max(2%,calc((100vw - 1120px)/2 - 30px));transform:scaleX(-1)}
.site-page .cta::after{right:max(2%,calc((100vw - 1120px)/2 - 30px))}
.site-page .cta>.wrap{position:relative;z-index:1}
.site-page[data-page=home] .story-band::after{content:"";position:absolute;left:max(2%,calc((100vw - 1120px)/2 - 10px));bottom:0;width:250px;height:180px;background:var(--sprig-sky) no-repeat left bottom/contain;pointer-events:none}
.site-page[data-page=home] .story-band>.wrap{position:relative;z-index:1}
.case-visual::after{content:"";position:absolute;right:-4px;bottom:-6px;width:112px;height:81px;background:var(--sprig-leaf) no-repeat right bottom/contain;opacity:.9;pointer-events:none}
.case-visual--frame::after{background-image:var(--sprig-carrot)}
@media(max-width:700px){
  .site-page .page-head::after{width:120px;height:87px;right:3%;top:.9rem;bottom:auto;opacity:.75}
  .site-page .cta::before{display:none}
  .site-page .cta::after{width:150px;height:108px;right:0;opacity:.8}
  .site-page[data-page=home] .story-band::after{width:150px;height:108px}
}
/* 2026-10-08 版面調整 */
.coop{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:1.5rem 4rem;align-items:start}
.coop-head .lead{margin-top:.8rem;color:var(--ink-2)}
.coop-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.coop-list li{display:grid;grid-template-columns:9.5em minmax(0,1fr);gap:.4rem 1.2rem;padding:1.05rem 0 1.05rem 1.5rem;border-bottom:1px solid var(--line);position:relative}
.coop-list li::before{content:"";position:absolute;left:.1rem;top:1.45rem;width:.5rem;height:.3rem;border-left:2px solid var(--leaf);border-bottom:2px solid var(--leaf);transform:rotate(-45deg)}
.coop-list strong{color:var(--deep);font-weight:700}
.coop-list span{color:var(--ink-2);font-size:.95rem}
@media(min-width:861px){
  .site-page .g3>.mod:last-child:nth-child(3n+1){grid-column:1/-1}
  .site-page .g3>.mod:last-child:nth-child(3n+2){grid-column:span 2}
}
@media(max-width:860px){
  .coop{grid-template-columns:1fr;gap:1rem}
  .coop-list li{grid-template-columns:1fr}
}