:root{--mapiru-green:#2d8f6f;--mapiru-green-soft:#2d8f6f1a;--karashi:#b8862e;--karashi-soft:#b8862e1a;--paper:#fafaf7;--white:#fff;--deep-green:#1a2e24;--charcoal:#333;--gray:#6b7280;--gray-light:#9ca3af;--success:#34a853;--warning:#d4940a;--danger:#dc2626;--danger-soft:#dc26260f;--line:#3333331a;--line-strong:#3333332e;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000000f;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--font-body:"Noto Sans JP", system-ui, sans-serif;--font-en:"Public Sans", system-ui, sans-serif;--text-caption:.75rem;--text-small:.875rem;--text-body:1rem;--text-h3:1.125rem;--text-h2:1.375rem;--text-h1:1.75rem;--radius-card:12px;--radius-cta:12px;--radius-pill:999px;--touch-min:48px;--bottom-nav-height:56px;--header-height:52px;--safe-bottom:env(safe-area-inset-bottom,0px);--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--duration-enter:.35s;font-family:var(--font-body);font-size:var(--text-body);color:var(--charcoal);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.7}*{box-sizing:border-box}body{min-height:100dvh;margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.mapiru-shell{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.mapiru-header{z-index:100;height:var(--header-height);padding:0 var(--sp-4);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fafaf7eb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.mapiru-header__wordmark{font-family:var(--font-body);font-size:var(--text-h3);color:var(--mapiru-green);letter-spacing:-.02em;font-weight:700}.mapiru-header__context{font-size:var(--text-small);color:var(--gray)}.mapiru-header__nav{gap:var(--sp-3);display:none}.mapiru-header__nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-card);font-size:var(--text-small);color:var(--gray);text-decoration:none;transition:color .15s,background .15s}.mapiru-header__nav a[data-active=true]{color:var(--mapiru-green);background:var(--mapiru-green-soft)}.mapiru-main{padding:var(--sp-4);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--sp-4));flex:1}.mapiru-bottom-nav{z-index:100;height:calc(var(--bottom-nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);background:#fafaf7eb;display:flex;position:fixed;bottom:0;left:0;right:0}.mapiru-bottom-nav__item{color:var(--gray-light);letter-spacing:.02em;min-height:var(--touch-min);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.mapiru-bottom-nav__item[data-active=true]{color:var(--mapiru-green)}.mapiru-bottom-nav__icon{border-radius:var(--radius-pill);justify-content:center;align-items:center;width:24px;height:24px;padding:2px 8px;transition:background .2s,padding .2s;display:flex}.mapiru-bottom-nav__icon svg{width:24px;height:24px}.mapiru-bottom-nav__item[data-active=true] .mapiru-bottom-nav__icon{background:var(--mapiru-green-soft);padding:4px 14px}.mapiru-footer{padding:var(--sp-4);color:var(--gray);font-size:var(--text-caption);text-align:center}.button-cta{border-radius:var(--radius-cta);padding:var(--sp-4) var(--sp-8);min-height:var(--touch-min);background:var(--karashi);color:var(--white);font-weight:700;font-size:var(--text-body);cursor:pointer;border:none;justify-content:center;align-items:center;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-flex}.button-approve{border-radius:var(--radius-cta);width:100%;padding:var(--sp-4) var(--sp-6);background:var(--mapiru-green);min-height:56px;color:var(--white);font-size:var(--text-h2);cursor:pointer;box-shadow:var(--shadow-md);border:none;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.button-outline{border:1px solid var(--line-strong);border-radius:var(--radius-card);padding:var(--sp-3) var(--sp-5);min-height:var(--touch-min);color:var(--charcoal);font-size:var(--text-body);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.button-ghost{padding:var(--sp-3) var(--sp-4);min-height:var(--touch-min);color:var(--gray);font-size:var(--text-small);cursor:pointer;border-radius:var(--radius-card);background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.button-ghost--danger{color:var(--danger)}.button-full{width:100%}.button-cta:active,.button-approve:active,.button-outline:active{transform:scale(.97)}.button-ghost:active{background:var(--line)}@media (hover:hover){.button-cta:hover{box-shadow:var(--shadow-md)}.button-approve:hover{box-shadow:0 6px 20px #2d8f6f40}.button-outline:hover{background:var(--line)}}.marketing-shell{background:radial-gradient(circle at top right, #b8862e1f, transparent 28%), linear-gradient(180deg, #fffdf7 0%, var(--paper) 38%, #f5f3eb 100%)}.marketing-shell .marketing-trust-bar,.marketing-shell .marketing-problems,.marketing-shell .marketing-faq,.marketing-shell .marketing-comparison,.marketing-shell .marketing-final-cta{box-sizing:border-box;width:100vw;max-width:100vw;padding-left:var(--sp-4);padding-right:var(--sp-4);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media (width>=768px){.marketing-shell .marketing-trust-bar,.marketing-shell .marketing-problems,.marketing-shell .marketing-faq,.marketing-shell .marketing-comparison,.marketing-shell .marketing-final-cta{padding-left:var(--sp-6);padding-right:var(--sp-6)}}@media (width>=1024px){.marketing-shell .marketing-trust-bar,.marketing-shell .marketing-problems,.marketing-shell .marketing-faq,.marketing-shell .marketing-comparison,.marketing-shell .marketing-final-cta{padding-left:max(var(--sp-6), calc((100vw - 960px) / 2 + var(--sp-6)));padding-right:max(var(--sp-6), calc((100vw - 960px) / 2 + var(--sp-6)))}}.marketing-shell__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafaf7e0}.marketing-shell__main{padding-bottom:var(--sp-12)}.marketing-shell__footer{border-top:1px solid var(--line)}.marketing-shell .mapiru-header__wordmark{align-items:center;gap:var(--sp-2);text-decoration:none;display:inline-flex}.marketing-shell .mapiru-header__wordmark .material-symbols-outlined{color:var(--mapiru-green);font-size:20px}.marketing-shell__cta{border-radius:var(--radius-pill);background:var(--karashi);color:var(--white);font-size:var(--text-caption);cursor:pointer;border:none;justify-content:center;align-items:center;padding:6px 16px;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:inline-flex}.marketing-shell__cta:active{transform:scale(.95)}@media (hover:hover){.marketing-shell__cta:hover{opacity:.9}}.marketing-home,.diagnostic-route,.app-home,.create-route{width:min(1100px,100%);margin:0 auto}.marketing-hero{padding:var(--sp-10) var(--sp-5) var(--sp-2);text-align:center;position:relative;overflow:hidden}.diagnostic-route__hero{border:1px solid var(--line);padding:var(--sp-10) var(--sp-6);box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#ffffffeb,#fafaf7d9),linear-gradient(135deg,#2d8f6f0f,#b8862e0a);border-radius:20px;position:relative;overflow:hidden}.diagnostic-route__hero:after{content:"";filter:blur(60px);background:#b8862e0f;border-radius:50%;width:240px;height:240px;position:absolute;inset:auto -40px -40px auto}.app-home__hero,.create-route__hero{padding:var(--sp-5) 0;box-shadow:none;background:0 0;border:none}.diagnostic-route__hero h1{letter-spacing:-.04em;color:var(--deep-green);margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.2}.app-home__hero h1,.create-route__hero h1{font-size:var(--text-h1);letter-spacing:-.02em;color:var(--deep-green);margin:0;font-weight:700;line-height:1.3}.diagnostic-route__hero p{margin:var(--sp-4) 0 0;color:#1a2e24db;max-width:40rem;font-size:1.04rem}.app-home__hero p,.create-route__hero p{margin:var(--sp-2) 0 0;color:var(--gray);font-size:var(--text-body)}.diagnostic-route__panel,.diagnostic-route__photo{gap:var(--sp-4);flex-direction:column;display:flex}.create-route__grid,.app-home__grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.marketing-home{--marketing-section-pad-y:var(--sp-12);--marketing-section-stack-gap:var(--sp-4);flex-direction:column;gap:0;display:flex}.marketing-hero-cluster{flex-direction:column;gap:0;display:flex}.marketing-home>.marketing-hero-cluster+.marketing-problems{margin-top:var(--marketing-section-pad-y,var(--sp-12))}@media (width<=767px){.marketing-home>.marketing-hero-cluster+.marketing-problems{margin-top:var(--sp-4)}}.marketing-home>section[class^=marketing-]:not(.marketing-hero)>.section-title,.marketing-home>section[class^=marketing-]:not(.marketing-hero)>h2{margin-top:0;margin-bottom:0}.marketing-hero__label{margin:0 0 var(--sp-4);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);background:var(--mapiru-green-soft);color:var(--mapiru-green);letter-spacing:.06em;border:1px solid #2d8f6f33;font-size:10px;font-weight:700;display:inline-block}.marketing-hero__headline{margin:0 0 var(--sp-6);letter-spacing:-.04em;color:var(--charcoal);font-size:clamp(1.75rem,7vw,3rem);font-weight:900;line-height:1.2}.marketing-hero__accent{color:var(--mapiru-green)}.marketing-hero__subtitle{margin:0 auto var(--sp-8);color:#333c;max-width:24rem;font-size:var(--text-small);line-height:1.7}.marketing-hero__cta{align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}.marketing-hero__cta .button-cta{text-align:center;width:100%;max-width:20rem}.marketing-hero__note{font-size:var(--text-caption);color:var(--gray);margin:0}.marketing-trust-bar{justify-content:center;align-items:center;gap:var(--sp-4);padding-top:var(--sp-3);padding-bottom:var(--sp-3);color:var(--white);background:linear-gradient(90deg,#2d8f6f 0%,#3daf8f 100%);display:flex;box-shadow:inset 0 1px 2px #0000000f}.marketing-trust-bar__item{flex-direction:column;align-items:center;gap:1px;display:flex}.marketing-trust-bar__label{opacity:.8;font-size:8px;font-weight:500}.marketing-trust-bar__value{font-size:10px;font-weight:700}.marketing-trust-bar__divider{background:#fff3;width:1px;height:20px}.marketing-problems,.marketing-faq{padding-top:var(--marketing-section-pad-y,var(--sp-12));padding-bottom:var(--marketing-section-pad-y,var(--sp-12));background:#f5f5f099}.marketing-problems{gap:var(--marketing-section-stack-gap,var(--sp-4));text-align:center;flex-direction:column;display:flex}.marketing-problems .section-title{text-align:center}.marketing-problems__sub{color:var(--gray);font-size:var(--text-body);text-align:center;margin:0}.marketing-problems__grid{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.marketing-problem-card{align-items:center;gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--line);box-shadow:var(--shadow-sm);text-align:center;background:#fffc;border-radius:16px;flex-direction:column;display:flex}.marketing-problem-card p{font-size:var(--text-small);margin:0;font-weight:500}.marketing-problem-card__icon{color:var(--gray-light);margin-bottom:var(--sp-1);justify-content:center;align-items:center;font-size:24px;display:flex}.marketing-value{gap:var(--marketing-section-stack-gap,var(--sp-4));padding-top:var(--marketing-section-pad-y,var(--sp-12));padding-bottom:var(--marketing-section-pad-y,var(--sp-12));padding-left:var(--sp-6);padding-right:var(--sp-6);grid-template-columns:1fr;justify-items:stretch;max-width:28rem;margin:0 auto;display:grid}.marketing-value__header{text-align:center;margin-bottom:var(--sp-3);flex-direction:column;align-items:center;gap:0;width:100%;max-width:36rem;margin-inline:auto;display:flex}@media (width>=800px){.marketing-value{column-gap:var(--sp-6);row-gap:var(--marketing-section-stack-gap,var(--sp-4));grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.marketing-value__header{grid-column:1/-1}}.marketing-value__label{margin:0 0 var(--sp-4);font-size:var(--text-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--mapiru-green);font-weight:700;display:block}.marketing-value__header h2{margin:0 0 var(--sp-6);max-width:100%;color:var(--charcoal);padding:0;font-size:1.5rem;font-weight:800;line-height:1.45}.marketing-value__line{border-radius:var(--radius-pill);background:var(--mapiru-green);flex-shrink:0;width:48px;height:4px;margin:0;display:block}.marketing-feature-card{background:var(--white);padding:var(--sp-6);box-shadow:var(--shadow-sm);gap:var(--sp-4);border:1px solid #0000000d;border-radius:16px;flex-direction:column;display:flex}.marketing-feature-card__head{align-items:center;gap:var(--sp-3);display:flex}.marketing-feature-card__icon{background:var(--mapiru-green-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.marketing-feature-card__icon .material-symbols-outlined{color:var(--mapiru-green);font-size:22px}.marketing-feature-card h3{font-size:var(--text-body);color:var(--charcoal);margin:0;font-weight:700}.marketing-feature-card__desc{font-size:var(--text-small);color:#333333b3;margin:0;line-height:1.7}.marketing-img-placeholder{aspect-ratio:16/9;border:1px solid var(--line);background:#00000008;border-radius:16px;justify-content:center;align-items:center;display:flex;overflow:hidden}.marketing-img-placeholder .material-symbols-outlined{color:var(--gray-light);font-size:40px}.marketing-comparison{gap:var(--marketing-section-stack-gap,var(--sp-4));padding-top:var(--marketing-section-pad-y,var(--sp-12));padding-bottom:var(--marketing-section-pad-y,var(--sp-12));background:var(--white);flex-direction:column;display:flex}.marketing-comparison .section-title,.marketing-comparison__sub{text-align:center}.marketing-comparison__sub{color:#3339;font-size:var(--text-body);margin:0;line-height:1.7}.marketing-comparison__table-wrap{-webkit-overflow-scrolling:touch;width:min(100%,40rem);min-width:0;max-width:100%;margin-inline:auto;display:block;overflow-x:auto}.marketing-comparison__table{border-collapse:collapse;table-layout:auto;width:100%;font-size:var(--text-small);border:1px solid var(--line);background:var(--white);border-radius:16px;margin:0;display:table;overflow:hidden}.marketing-comparison__th,.marketing-comparison__td{box-sizing:border-box;border:1px solid var(--line);text-align:center;white-space:nowrap;vertical-align:middle;padding:10px 12px}.marketing-comparison__th{color:var(--deep-green);background:#1a2e240a;font-weight:700}.marketing-comparison__th--corner{color:#3336;font-size:10px}.marketing-comparison__th--product{background:var(--mapiru-green);color:var(--white);border-color:var(--mapiru-green)}.marketing-comparison__td{background:var(--white);font-weight:500}.marketing-comparison__td--label{color:var(--deep-green);text-align:center;background:#1a2e2405;font-weight:600}.marketing-comparison__td--product{color:var(--mapiru-green);background:#2d8f6f0f;font-weight:600}.marketing-comparison__trust{justify-content:center;gap:var(--sp-2);flex-wrap:wrap;padding:0;display:flex}.marketing-trust-chip{align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);color:var(--mapiru-green);background:#fafaf7;border:1px solid #2d8f6f33;font-size:9px;font-weight:700;display:inline-flex}.marketing-trust-chip .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:12px}.marketing-faq{gap:var(--marketing-section-stack-gap,var(--sp-4));flex-direction:column;display:flex}.marketing-faq .section-title{text-align:center}.marketing-faq__list{gap:var(--sp-3);display:grid}.marketing-faq__item{background:var(--white);border:1px solid var(--line);padding:var(--sp-5);border-radius:12px}.marketing-faq__q{color:var(--mapiru-green);margin-right:var(--sp-2)}.marketing-faq__question{margin:0 0 var(--sp-1);font-size:var(--text-small);align-items:flex-start;font-weight:700;display:flex}.marketing-faq__answer{padding-left:var(--sp-5);font-size:var(--text-caption);color:#333333b3;margin:0}.marketing-final-cta{text-align:center;justify-items:center;gap:var(--marketing-section-stack-gap,var(--sp-4));padding-top:var(--marketing-section-pad-y,var(--sp-12));padding-bottom:var(--marketing-section-pad-y,var(--sp-12));background:#2d8f6f0d;display:grid}.marketing-final-cta h2{color:var(--charcoal);margin:0;font-size:1.5rem;font-weight:900;line-height:1.3}.marketing-final-cta p{font-size:var(--text-caption);color:#333333b3;margin:0}.marketing-final-cta .button-cta{text-align:center;width:100%;max-width:20rem;margin-top:0}.marketing-final-cta__note{color:#33333380;font-size:10px}.marketing-footer__brand{justify-content:center;align-items:center;gap:var(--sp-2);color:var(--mapiru-green);margin-bottom:var(--sp-3);font-weight:700;display:flex}.marketing-footer__brand .material-symbols-outlined{font-size:20px}.marketing-footer__links{justify-content:center;gap:var(--sp-2) var(--sp-4);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.marketing-footer__links a{font-size:var(--text-caption);color:var(--gray);text-decoration:none}.marketing-footer__links a:hover{text-decoration:underline}.marketing-footer__copyright{font-size:var(--text-caption);color:var(--gray-light);margin:0}.diagnostic-route{gap:var(--sp-6);flex-direction:column;display:flex}.diagnostic-route__panel{padding:var(--sp-6)}.product-shell{background:var(--paper)}.product-shell__header{gap:var(--sp-3)}.product-shell__context{text-align:right;flex-direction:column;flex-shrink:1;gap:2px;min-width:0;margin-left:auto;display:flex}.product-shell__context strong{font-size:var(--text-small);color:var(--deep-green);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-shell__context span{font-size:var(--text-caption);color:var(--gray)}.product-shell__main{gap:var(--sp-6);flex-direction:column;display:flex}.app-home,.create-route{gap:var(--sp-5);flex-direction:column;display:flex}.app-home__grid--hero{align-items:stretch}.app-home-card{gap:var(--sp-3);padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.app-home-card h2,.app-home-card p{margin:0}.app-home-card--primary{background:var(--white);border-left:3px solid var(--mapiru-green)}.app-home-card--utility{background:#ffffffb8}.app-home-stats{gap:var(--sp-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.app-home-stats__item{gap:var(--sp-1);padding:var(--sp-3);border-radius:var(--radius-card);background:var(--paper);text-align:center;flex-direction:column;display:flex}.app-home-stats__item strong{font-family:var(--font-en);font-size:var(--text-h2);color:var(--deep-green)}.app-home-stats__item span,.app-home-stats__item small{color:var(--gray)}.app-home-list,.app-home-actions{gap:var(--sp-3);flex-direction:column;display:flex}.app-home-list__item,.app-home-action{gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--radius-card);border:1px solid var(--line);background:var(--paper);flex-direction:column;text-decoration:none;display:flex}.app-home-list__item strong,.app-home-action strong{color:var(--deep-green)}.app-home-list__item span,.app-home-action span{color:var(--gray);font-size:var(--text-small)}.create-route__photo{gap:var(--sp-4);flex-direction:column;display:flex}@media (width<=767px){.product-shell__context{max-width:50vw}.marketing-home{gap:0}.diagnostic-route,.app-home,.create-route{gap:var(--sp-4)}.marketing-hero,.diagnostic-route__hero{padding:var(--sp-8) var(--sp-5);border-radius:16px}.marketing-hero{padding-bottom:var(--sp-2)}.marketing-final-cta{padding-top:var(--sp-8);padding-bottom:var(--sp-8);border-radius:16px}}@media (width<=359px){.app-home-stats{gap:var(--sp-2)}.app-home-stats__item{padding:var(--sp-2)}.app-home-stats__item strong{font-size:var(--text-h3)}}@media (width>=768px){.mapiru-header__nav.product-shell__desktop-nav{display:flex}.mapiru-header{padding-left:var(--sp-6);padding-right:var(--sp-6)}.mapiru-main{padding:var(--sp-6);padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--sp-6))}.marketing-shell__main{padding-bottom:var(--sp-10)}}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.card--flat{box-shadow:none}.field-group{gap:var(--sp-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-small);color:var(--charcoal);font-weight:500}.field-input,.field-textarea,.field-select{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);min-height:var(--touch-min);font-size:var(--text-body);transition:border-color .2s,box-shadow .2s}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--mapiru-green);box-shadow:0 0 0 3px var(--mapiru-green-soft);outline:none}.field-hint{font-size:var(--text-caption);color:var(--gray)}.section-label{font-size:var(--text-small);color:var(--gray);letter-spacing:.04em;margin:0 0 var(--sp-3)}.section-title{margin:0 0 var(--sp-3);font-size:var(--text-h2);font-weight:700;line-height:1.3}.cta-actions{gap:var(--sp-3);margin-top:var(--sp-6);flex-wrap:wrap;align-items:center;display:flex}.panel-heading{gap:var(--sp-2);flex-direction:column;display:flex}.chip{min-height:40px;padding:0 var(--sp-4);border-radius:var(--radius-pill);color:var(--charcoal);font-size:var(--text-small);background:#fffc;border:1px solid #1a2e241a;align-items:center;display:inline-flex}.approval-board{gap:var(--sp-4);flex-direction:column;display:flex}.approval-progress{align-items:center;gap:var(--sp-3);display:flex}.approval-progress__count{font-family:var(--font-en);font-size:var(--text-small);color:var(--gray);white-space:nowrap;font-variant-numeric:tabular-nums}.approval-progress__bar{background:var(--line);border-radius:var(--radius-pill);flex:1;height:4px;overflow:hidden}.approval-progress__fill{background:var(--mapiru-green);border-radius:var(--radius-pill);height:100%;transition:width .3s}.approval-summary{align-items:center;gap:var(--sp-2);font-size:var(--text-small);color:var(--gray);padding:var(--sp-2) 0;display:flex}.approval-summary__dot{color:var(--line-strong)}.approval-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-5);box-shadow:var(--shadow-sm);gap:var(--sp-4);flex-direction:column;display:flex}.approval-card[data-confirming=true]{animation:.4s confirmPulse}@keyframes confirmPulse{0%{background:var(--white)}30%{background:#2d8f6f0f}to{background:var(--white)}}.approval-card__kind{align-items:center;gap:var(--sp-2);display:flex}.approval-card__kind-badge{font-size:var(--text-caption);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);background:var(--mapiru-green-soft);color:var(--mapiru-green);font-weight:500}.approval-card__important{font-size:var(--text-caption);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);color:var(--warning);background:#d4940a1f;font-weight:700}.approval-card__title{font-size:var(--text-h3);margin:0;font-weight:700;line-height:1.4}.approval-card__proposed{background:var(--paper);border-radius:var(--radius-card);padding:var(--sp-4);border:1px solid var(--line);line-height:1.8;font-size:var(--text-body)}.approval-card__proposed p{margin:0}.approval-card__toggle{padding:var(--sp-3) 0;color:var(--gray);font-size:var(--text-small);text-align:left;cursor:pointer;border:none;border-top:1px solid var(--line);min-height:var(--touch-min);background:0 0;justify-content:space-between;align-items:center;width:100%;display:flex}.approval-card__detail{padding:0 0 var(--sp-3);gap:var(--sp-3);flex-direction:column;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.approval-card__scorecard{gap:var(--sp-4);font-size:var(--text-small);color:var(--gray);display:flex}.approval-card__actions{gap:var(--sp-4);margin-top:var(--sp-4);flex-direction:column;display:flex}.approval-card__secondary{gap:var(--sp-2);padding-top:var(--sp-3);border-top:1px solid var(--line);justify-content:center;display:flex}.approval-card__secondary .button-outline,.approval-card__secondary .button-ghost{font-size:var(--text-caption);min-height:40px;padding:var(--sp-2) var(--sp-3)}.approval-revision{gap:var(--sp-3);padding:var(--sp-4);background:var(--paper);border-radius:var(--radius-card);border:1px solid var(--line);flex-direction:column;animation:.2s slideDown;display:flex}.pill-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.pill{border-radius:var(--radius-pill);border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);background:var(--white);font-size:var(--text-small);cursor:pointer;transition:background .15s,border-color .15s,transform .1s}.pill:active{transform:scale(.95)}.pill[data-active=true]{background:var(--mapiru-green-soft);color:var(--mapiru-green);border-color:#2d8f6f4d;font-weight:500}.approval-nav{justify-content:space-between;gap:var(--sp-4);display:flex}.approval-nav__btn{border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-3) var(--sp-5);min-height:var(--touch-min);color:var(--gray);font-size:var(--text-small);cursor:pointer;background:0 0;flex:1;transition:border-color .15s}.approval-nav__btn:disabled{opacity:.3;cursor:not-allowed}.approval-nav__btn:not(:disabled):active{border-color:var(--charcoal);background:var(--white)}.approval-empty{text-align:center;padding:var(--sp-16) var(--sp-8)}.approval-empty__icon{margin-bottom:var(--sp-4);color:var(--success);font-size:2.5rem}.approval-empty h2{font-size:var(--text-h2);margin:0 0 var(--sp-3)}.approval-empty p{color:var(--gray)}.approval-layout{gap:var(--sp-5);flex-direction:column;display:flex}.approval-layout__sidebar{display:none}.toast{bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--sp-4));left:var(--sp-4);right:var(--sp-4);padding:var(--sp-4);background:var(--deep-green);color:var(--paper);border-radius:var(--radius-card);text-align:center;font-size:var(--text-small);z-index:200;animation:.3s toastIn;position:fixed}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton{gap:var(--sp-4);padding:var(--sp-6);flex-direction:column;display:flex}.skeleton__bar{background:var(--line);border-radius:var(--radius-card);height:20px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}.content-section{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-6);box-shadow:var(--shadow-sm)}.content-section__title{font-size:var(--text-h2);margin:0 0 var(--sp-2);font-weight:700}.diagnostic-form{gap:var(--sp-3);display:flex}.diagnostic-form input{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);min-height:var(--touch-min);font-size:var(--text-body);flex:1}.diagnostic-form input:focus{border-color:var(--mapiru-green);box-shadow:0 0 0 3px var(--mapiru-green-soft);outline:none}.diagnostic-form button{white-space:nowrap}.tone-sheet{max-width:540px}.tone-sheet__title{font-size:var(--text-h1);margin:0 0 var(--sp-3);font-weight:700;line-height:1.3}.tone-sheet__desc{color:var(--gray);margin:0 0 var(--sp-6)}.tone-sheet__form{gap:var(--sp-5);flex-direction:column;display:flex}.diagnostic-panel{gap:var(--sp-4);flex-direction:column;display:flex}.diagnostic-metrics{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.diagnostic-metric{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-4);text-align:center;box-shadow:var(--shadow-sm)}.diagnostic-metric strong{font-family:var(--font-en);font-size:var(--text-h2);color:var(--charcoal);font-weight:700;display:block}.diagnostic-metric span{font-size:var(--text-caption);color:var(--gray)}.diagnostic-columns{gap:var(--sp-3);flex-direction:column;display:flex}.photo-review{gap:var(--sp-4);flex-direction:column;display:flex}.photo-review__comparison{gap:var(--sp-3);grid-template-columns:repeat(2,1fr);display:grid}.photo-review__card{border-radius:var(--radius-card);min-height:140px;padding:var(--sp-4);color:var(--white);flex-direction:column;justify-content:flex-end;display:flex}.photo-review__card[data-variant=before]{background:var(--gray)}.photo-review__card[data-variant=after]{background:var(--mapiru-green)}.photo-review__card strong{font-size:var(--text-small);margin-bottom:var(--sp-1)}.photo-review__card span{font-size:var(--text-caption);opacity:.9}.status-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--sp-5);box-shadow:var(--shadow-sm);gap:var(--sp-3);flex-direction:column;display:flex}.status-card h3{font-size:var(--text-h3);margin:0;font-weight:700}.status-badge{border-radius:var(--radius-pill);padding:var(--sp-1) var(--sp-3);font-size:var(--text-caption);border:1px solid var(--line);font-weight:500;display:inline-flex}.status-badge[data-status=pending]{background:var(--karashi-soft);color:var(--karashi)}.status-badge[data-status=manual_publish_required]{background:var(--mapiru-green-soft);color:var(--mapiru-green)}.status-badge[data-status=rejected]{background:var(--danger-soft);color:var(--danger)}.status-badge[data-status=approved]{color:var(--success);background:#34a85314}.helper-text{color:var(--gray);font-size:var(--text-small)}.body-copy{color:var(--gray);line-height:1.7}.inline-alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-card);background:var(--mapiru-green-soft);color:var(--charcoal);font-size:var(--text-small);border:1px solid #2d8f6f33}@media (width>=480px){.diagnostic-columns{grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=768px){.approval-layout{grid-template-columns:1fr 320px;align-items:start;display:grid}.approval-layout__sidebar{gap:var(--sp-4);top:calc(var(--header-height) + var(--sp-4));flex-direction:column;display:flex;position:sticky}}@media (width>=1024px){.mapiru-main{max-width:960px;padding-bottom:var(--sp-8);margin:0 auto}.mapiru-main.marketing-shell__main{padding-bottom:var(--sp-10)}.mapiru-bottom-nav{display:none}.mapiru-header{width:100%;max-width:none;padding-left:max(var(--sp-6), calc((100% - 960px) / 2 + var(--sp-6)));padding-right:max(var(--sp-6), calc((100% - 960px) / 2 + var(--sp-6)))}.mapiru-header__nav{display:flex}.mapiru-footer{padding-left:max(var(--sp-6), calc((100% - 960px) / 2 + var(--sp-6)));padding-right:max(var(--sp-6), calc((100% - 960px) / 2 + var(--sp-6)))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp var(--duration-enter) var(--ease-out-quart) both;animation-delay:calc(var(--delay,0) * 60ms)}@media (prefers-reduced-motion:reduce){.animate-in{animation:none}}.app-home__cards{gap:var(--sp-4);flex-direction:column;display:flex}@media (width>=768px){.app-home__cards{grid-template-columns:repeat(2,1fr);display:grid}.app-home-card--primary{grid-column:1/-1}}@media (hover:hover){.marketing-faq__item:hover{border-color:var(--mapiru-green);transition:border-color .2s}}