/* MASALA / Japanese-inspired editorial identity. Decorative motifs do not imply Japanese origin. */
:root{--red:#bd0e19;--navy:#100e2c;--ink:#222237;--muted:#777785;--line:#e4e5ee;--surface:#f5f6fa;--yellow:#ffda64;--radius:18px}
body{background:#ffffff}.logo,.logo.dark{filter:brightness(0) saturate(100%) invert(20%) sepia(92%) saturate(2819%) hue-rotate(337deg) brightness(82%) contrast(96%)}
button,a{transition:color .2s,background .2s,box-shadow .25s,transform .25s}.btn{border-radius:6px;padding:15px 22px;box-shadow:0 3px 0 #7c09131a}.btn:hover{box-shadow:0 7px 20px #8b102124}.btn.secondary{background:#ffffff4d;border-color:#39342b44}.btn.dark{background:var(--ink)}.btn.light{background:#ffffff;color:var(--ink)}
.wrap{max-width:1440px;padding-inline:52px}.public-nav{background:#ffffff;height:96px;max-width:1440px}.nav-links a{position:relative}.nav-links a:after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:2px;background:var(--red);transition:width .25s}.nav-links a:hover:after{width:100%}.promo-bar{background:var(--red);letter-spacing:.07em;font-size:11px}.promo-bar b{color:#fff1d0}.public-nav .logo{width:164px}
.hero{background:#100e2c;color:var(--ink);overflow:hidden}.jp-hero{background-image:radial-gradient(#907c5420 .6px,transparent .6px);background-size:7px 7px}.hero-grid{min-height:690px;padding-block:50px;gap:50px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-text{padding:10px 0}.hero .eyebrow{color:var(--red);font-size:11px;letter-spacing:.14em}.hero .eyebrow:before{background:var(--red);width:30px;height:2px}.hero h1{font-size:clamp(48px,4.8vw,76px);line-height:1.07;letter-spacing:-.055em;font-weight:800;margin:23px 0 24px}.hero h1 em{color:var(--red);position:relative;font-weight:800}.verse p{font-size:15px!important;line-height:1.85!important;color:inherit!important;margin:0!important}.hero .verse{border-left:2px solid #bd0e1950;padding-left:18px;color:#5f584e}.hero p{max-width:520px}.hero .btn.secondary{color:var(--ink);border-color:#22223760}.hero-buttons{margin-top:28px}.hero-proof{margin-top:28px;color:#5f584e;gap:24px}.hero-proof .icon{color:var(--red)}
.hero-visual{min-height:570px;align-content:center;isolation:isolate;padding:25px 40px 15px}.hero-orbit{width:86%;left:7%;right:auto;top:8%;aspect-ratio:1;height:auto;background:#bd0e19;opacity:1;z-index:-1;box-shadow:inset 0 0 0 18px #fff5}.hero-orbit:after{inset:14px;border:1px solid #fff4}.jp-shoji{position:absolute;inset:30px 0 30px 10px;border:1px solid #7e6a3925;background-image:linear-gradient(#7e6a3915 1px,transparent 1px),linear-gradient(90deg,#7e6a3915 1px,transparent 1px);background-size:70px 70px;transform:rotate(-4deg);z-index:-2;border-radius:4px}.hero-dish{width:100%;max-width:425px;height:425px;object-fit:contain;margin:0;transform:none;filter:drop-shadow(0 22px 15px #3d190c35);animation:jpFloat 7s ease-in-out infinite}.jp-vertical{position:absolute;right:0;top:25px;writing-mode:vertical-rl;color:#6d392d;font-family:serif;font-size:27px;letter-spacing:.2em;display:flex;gap:14px}.jp-vertical small{font-family:inherit;font-size:9px;letter-spacing:.13em}.jp-seal{position:absolute;left:5px;bottom:130px;color:var(--red);padding:10px 12px;border:2px solid var(--red);font-weight:800;transform:rotate(-7deg);font-size:18px;line-height:1.25;background:#f8f2e7e6}.jp-seal small{font-size:8px;letter-spacing:.08em}.floating-note{position:static;margin:25px auto 0;background:#ffffff;color:var(--ink);width:fit-content;max-width:100%;padding:15px 19px;box-shadow:0 10px 25px #332e1412;border:1px solid #ded1b9;border-radius:7px}.floating-note b{font-size:14px}.floating-note .icon{color:var(--red)}.hero-counter{position:static;margin-top:22px;color:#84766b;font-size:10px;letter-spacing:.13em;justify-content:center}.hero-counter:before{width:32px;background:var(--red)}.jp-hero-foot{border-top:1px solid #b6a6895c;display:flex;justify-content:space-between;padding-block:16px;font-size:10px;letter-spacing:.13em;color:#7c6d57}.hero:after{display:none}
.brand-ribbon{display:flex;justify-content:center;gap:38px;align-items:center;background:var(--red);color:#fff8e8;padding:19px 25px;font-weight:600;font-size:12px;letter-spacing:.16em;overflow:hidden;white-space:nowrap}.brand-ribbon span{font-size:26px;font-weight:900;letter-spacing:-.05em}.brand-ribbon i{font-size:20px;font-style:normal;color:#efd89e}
.service-strip{gap:24px;padding:30px 0}.service-item{align-items:start}.service-item>.icon{background:#bd0e190b;border:1px solid #bd0e1920;box-sizing:content-box;padding:12px;border-radius:50%;width:22px;height:22px}.service-item b{font-size:13px}.service-item small{font-size:11px;line-height:1.6}.section{padding-block:88px}.section.wrap{padding-inline:52px}.section-title h2{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.045em}.section-title .eyebrow{font-size:10px;letter-spacing:.16em}.section-title p{font-size:14px;max-width:580px}
.product-grid{gap:22px}.product-card{border:1px solid var(--line);border-radius:18px 18px 6px 6px;overflow:hidden;background:#ffffff;box-shadow:0 6px 22px #3c311605;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #5a342415}.product-image{background:#f2f3f8;background-image:radial-gradient(circle at 55% 50%,#e0e4f1 0 32%,transparent 32%);height:240px;border-radius:0}.product-image>img{object-fit:contain!important;max-width:88%;max-height:85%;transition:transform .4s}.product-image:hover>img{transform:translateY(-5px) rotate(-3deg)}.product-tag{background:#ffffffe6;color:var(--red);border:1px solid #ddc9b0;font-size:9px}.image-brand{background:var(--red);padding:8px;border-radius:5px}.product-info{padding:22px}.product-info h3{font-size:19px}.product-bottom{border-top:1px solid var(--line);padding-top:16px}.add-button{border-radius:50%;width:40px;height:40px;background:var(--red);color:white}.favorite-button{background:#ffffff;border:1px solid var(--line)}
.jp-menu-section{padding-top:10px}.product-explorer{border:1px solid var(--line);border-radius:20px;background:#f2f3f8;overflow:hidden}.explorer-tabs{display:flex;border-bottom:1px solid #d3cbbd;background:#ffffff}.explorer-tabs button{flex:1;text-align:left;padding:22px 30px;font-weight:700;font-size:16px;display:flex;justify-content:space-between;border-right:1px solid var(--line)}.explorer-tabs button span{font-size:11px;color:#9c8873}.explorer-tabs button[aria-selected=true]{background:var(--red);color:white}.explorer-tabs button[aria-selected=true] span{color:#fff5e3}.explorer-tabs button:last-child{border:0}#explorer-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:30px;gap:45px;align-items:center;min-height:330px}.explorer-photo{text-align:center;position:relative;background-image:radial-gradient(circle at center,#e0d1ad 0 35%,transparent 35%)}.explorer-photo img{width:100%;max-width:330px;height:260px;object-fit:contain;animation:jpSwitch .4s ease}.explorer-photo>span{display:block;font-size:9px;letter-spacing:.1em;color:#7e6a52;margin-top:6px}.explorer-copy{padding:20px 20px 20px 0;min-width:0}.explorer-copy .eyebrow{font-size:10px;color:var(--red)}.explorer-copy h3{font-size:34px;letter-spacing:-.035em;margin:13px 0}.explorer-copy p{font-size:14px;color:#6e6354;max-width:470px}.menu-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.menu-tags span{padding:6px 12px;border:1px solid #c5b69a;border-radius:20px;font-size:11px}.explorer-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.explorer-actions .text-link{font-size:12px}
.brand-story{background:#100e2c;color:#fff4dc;position:relative;overflow:hidden}.brand-story:before{content:'';position:absolute;inset:0;background-image:radial-gradient(ellipse at 50% 100%,transparent 55%,#d5c19915 56%,#d5c19915 58%,transparent 59%);background-size:65px 35px;opacity:.45;pointer-events:none}.story-grid{gap:80px;position:relative;padding-block:80px}.story-image img{border-radius:60px 8px 8px 8px;border:8px solid #fffae51a;max-height:420px;object-fit:contain}.story-image span{color:#bdb49e;font-size:9px}.story-copy h2{font-size:40px}.story-copy>.eyebrow{color:#e6c278;font-size:10px}.story-copy>.verse{margin:22px 0;border-left:2px solid #d2b46c;padding-left:20px;color:#eadbc4}.story-copy>p{font-size:14px;color:#cfc9b9;margin:20px 0 26px}
.promo-campaign{background:#ecd7a0;background-image:radial-gradient(ellipse at 50% 100%,transparent 55%,#b8943712 56%,#b8943712 58%,transparent 59%);background-size:75px 45px;border:1px solid #ceb571;border-radius:6px 48px 6px 6px;padding:56px;gap:60px}.promo-campaign h2{font-size:42px;line-height:1.16;letter-spacing:-.045em;margin:18px 0}.promo-campaign>.eyebrow,.promo-campaign .eyebrow{font-size:10px;color:#895317}.promo-campaign .verse{margin:22px 0}.promo-campaign p{font-size:14px;max-width:530px;color:#615133}.promo-campaign .btn{margin-top:26px}.campaign-products{position:relative;display:flex;flex-direction:column;align-items:center;background:#fff5de70;border:1px solid #a886372b;border-radius:50% 50% 6px 6px;padding:20px;min-width:0}.campaign-products img{height:350px;width:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #59462324)}.campaign-caption{display:block;font-size:9px;letter-spacing:.12em;text-align:center;margin-top:16px;color:#88724c}
.soft{background:#f5f6fa}.distribution-map{background-color:#eef0f7!important;border:1px solid #d3cbbb;border-radius:16px}.map-card,.network-member{border-radius:7px}.testimonial{background:#ffffff;border:1px solid #ded6c8;border-radius:6px;padding:32px;box-shadow:0 8px 22px #5c351807}.testimonial .stars{color:#b98933}.testimonial-avatar{background:#f1dfd6;color:var(--red)}.review-summary{background:#f5f6fa;border-radius:5px;padding:18px}.article-grid{gap:28px}.article-visual{border-radius:18px 18px 6px 6px;height:265px;overflow:hidden;position:relative;background:#eef0f7!important;padding:0!important}.article-visual>img{height:100%;width:100%;object-fit:cover;max-width:none;padding:0;transition:transform .6s}.article-visual.visual-0>img{object-fit:contain;padding:20px;background:radial-gradient(circle at 50% 45%,#dde1f0 0 32%,#eef0f7 33%)}.article-visual:hover>img{transform:scale(1.035)}.article-visual>span{background:#fff9eeed;color:#4a3b28;padding:7px 10px;bottom:14px;left:14px;border-radius:3px;font-size:9px}.article-card>.eyebrow{font-size:10px}.article-card h3{font-size:22px;line-height:1.4}.article-card p{font-size:13px}.article-cover{display:block;width:100%;height:280px;object-fit:contain;background:#f5f6fa;margin-bottom:24px;border-radius:12px}.article-credit{display:block;color:var(--muted);font-size:11px;margin-top:10px}
.page-intro{background:#eee6d5!important;color:var(--ink)!important;padding-block:60px;position:relative;overflow:hidden}.page-intro:after{content:'食';position:absolute;font-family:serif;font-size:180px;right:8%;top:0;color:#bd0e1909;pointer-events:none}.page-intro .eyebrow{color:var(--red)}.page-intro h1{font-size:52px;line-height:1.14}.page-intro p{color:var(--muted);max-width:700px}.partner-card{border-radius:6px 35px 6px 6px;border-color:#d7c8ac;background:#ffffff}.partner-card.featured{background:var(--red);color:#fff9eb;border:1px solid #a60718}.partner-card.featured p,.partner-card.featured small{color:#fae2d4}.business-flow>div{border-radius:5px}.faq details{border-color:var(--line)}.about-grid img,.community-grid img{border-radius:30px 6px 6px 6px}.cta{max-width:1336px;margin-block:60px;background:#eae4d7;border:1px solid #d5c8b1;border-radius:6px;padding:60px 30px;position:relative}.cta:before{content:'';position:absolute;inset:15px;border:1px solid #b8a98550;border-radius:3px;pointer-events:none}.cta h2{font-size:42px;margin:15px 0 20px}.cta>.verse{margin-bottom:25px}.cta>div:last-child{position:relative;justify-content:center;display:flex;gap:14px}.footer{background:#100e2c;color:var(--ink);border-top:4px solid var(--red)}.footer p,.footer a,.footer small,.footer-bottom{color:#736550}.footer a:hover{color:var(--red)}.footer-bottom{border-color:#c6b79e}.footer-grid{gap:35px}
.demo-switch{background:#ffffffed;color:var(--ink);border:1px solid #d7cfbf;box-shadow:0 5px 22px #42332015;backdrop-filter:blur(18px);border-radius:40px;padding:6px}.demo-switch small{color:var(--muted)}.demo-switch button{border-radius:30px}.demo-switch button.active{color:white}.assistant-launch{background:var(--red);box-shadow:0 5px 25px #84122230}.modal-content{background:#ffffff;padding:32px}dialog{border:1px solid #d8cdbb;border-radius:16px}.notice{background:#f1e8d6;border-color:#d8c8aa}
body:not(.dashboard-body) .demo-switch{position:static;transform:none;width:fit-content;margin:0 auto 20px;box-shadow:none}
/* Workspaces use the same identity with clearer information hierarchy. */
.dashboard-body{background:#f5f6fa}.sidebar{background:#100e2c;border-right:1px solid #4a483b}.sidebar-logo{padding:12px 18px;background:#ffffff;border-radius:7px;margin:8px 22px 26px;display:inline-block}.sidebar-logo .logo{width:150px}.workspace-badge{background:#ffffff0c;border:1px solid #a59c7840;border-radius:10px}.workspace-badge b{color:#ffffff}.workspace-badge small{color:#bbb9a5}.workspace-icon{background:#e8d7a620;color:#e9cc88}.nav-group>span{color:#c3bdaa;font-size:9px;letter-spacing:.14em}.nav-group a{color:#cacbbe;border-radius:7px;min-height:42px}.nav-group a.active{background:var(--red);color:white;box-shadow:0 5px 16px #0001}.nav-group a.active:before{background:#ecd195}.nav-group a:hover{background:#ffffff0d;color:#fff7df}.nav-group a.active:hover{background:#ad1422}.sidebar-bottom{border-top:1px solid #c7bd982b}.sidebar-bottom a{color:#d3cdbd}.demo-label{color:#9d9e91}.dashboard-header{background:#ffffff;border-bottom:1px solid #ddd4c3;height:80px}.dashboard-content{padding:32px 36px 110px;max-width:1700px;margin-inline:auto}.dash-title{gap:20px;margin-bottom:28px}.dash-title h1{font-size:31px;letter-spacing:-.035em}.dash-title p{font-size:13px;max-width:620px}.dash-actions select{background:#ffffff}.user-meta .avatar{background:#f2e4d1;color:var(--red)}.overview-banner,.employee-welcome{background:#bd0e19!important;color:#fff4df;border-radius:18px 5px 18px 5px;padding:30px 35px;position:relative;overflow:hidden;isolation:isolate}.overview-banner:after,.employee-welcome:after{content:'';position:absolute;right:0;bottom:0;width:45%;height:100%;background-image:radial-gradient(ellipse at 50% 100%,transparent 53%,#fff3df20 54%,#fff3df20 57%,transparent 58%);background-size:70px 40px;z-index:-1;pointer-events:none}.overview-banner h2,.employee-welcome h2{font-size:28px}.overview-banner p,.employee-welcome p{color:#f1d7c8!important}.overview-banner .eyebrow,.employee-welcome .eyebrow{color:#ffdfaa}.banner-corner{color:#fff7de80}.overview-banner>img{opacity:.9;width:150px}.workspace-focus{display:flex;align-items:center;gap:12px;margin:20px 0 25px;padding:15px;background:#eff1f8;border:1px solid #d6cbb7;border-radius:8px}.workspace-focus>.eyebrow{font-size:9px;max-width:80px;color:#817151;margin-right:10px}.workspace-focus>a{display:flex;align-items:center;gap:9px;flex:1;border-left:1px solid #c9bfae;padding:8px 12px;font-size:10px}.workspace-focus>a>.icon{color:var(--red);width:17px}.workspace-focus>a>b{font-size:20px}.workspace-focus>a:hover{background:#fff8e8;border-radius:5px}.kpi-grid{gap:18px}.kpi{background:#ffffff;border:1px solid #dfd7ca;border-radius:12px;padding:23px;box-shadow:0 5px 18px #463c1d05;position:relative;overflow:hidden}.kpi.accent{background:#fff8eb!important;color:var(--ink)!important;border-color:#cfa176}.kpi.accent .kpi-top,.kpi.accent small{color:#806a48!important}.kpi .kpi-top>.icon{background:#f0e9dc;color:var(--red);padding:8px;box-sizing:content-box;border-radius:9px}.kpi strong{font-size:32px;letter-spacing:-.04em}.kpi small{font-size:11px;line-height:1.5}.kpi-top{font-size:12px;align-items:center}.panel{background:#ffffff;border:1px solid #ded7cb;border-radius:13px;box-shadow:0 6px 22px #51422304;padding:25px}.panel-title{gap:18px;margin-bottom:22px}.panel-title h3{font-size:17px}.panel-title p{font-size:11px}.target-panel,.employee-bonus-card{background:#100e2c!important;border-radius:16px;color:#fff6e1}.target-panel>.eyebrow{color:#e1c588}.target-values small{color:#c6c5b1}.target-ring{background:conic-gradient(#ddbc6d var(--progress),#ffffff15 0)}.target-ring>div{background:#100e2c}.bar{background:#bd0e19;border-radius:5px 5px 0 0}.bar.previous{background:#e7d4b5}.chart-legend i{background:#bd0e19}.chart-legend i.pale{background:#e7d4b5}.quick-actions>a{background:#ffffff;border:1px solid #ded7cb;border-radius:8px;padding:22px;box-shadow:0 4px 12px #4b351008}.quick-actions>a:hover{background:#eee5d5;transform:translateY(-3px)}.quick-actions .icon{color:var(--red)}.table-wrap{border-radius:8px;border:1px solid #e8e0d2}th{background:#f5f6fa;color:#817158;padding:14px 16px;font-weight:600}td{padding:16px;border-color:#eae3d7}tr:hover td{background:#fbf5e8}td b{font-weight:600}.row-action{border:1px solid #dacfbf;background:#ffffff;border-radius:5px;padding:7px 10px}.badge{border-radius:30px;font-size:10px;padding:6px 10px}.progress{background:#e7decc;border-radius:30px}.progress i{background:var(--red)}.attention{border-bottom:1px solid var(--line)}.data-toolbar{gap:15px;flex-wrap:wrap}.sales-person,.employee-target{border:1px solid #ded7cb;border-radius:12px}.sales-person .sales-client{background:#f5f6fa}.dashboard-disclaimer{font-size:10px;color:#897e6b;border-top:1px solid var(--line);padding-top:22px}.employee-profile-select select{background:#f5f6fa;border-color:#dfcfb2}.attendance-day{background:#f8f9fc;border-color:#e5dccb;border-radius:8px;min-height:100px}.attendance-day.present{background:#e5f1e7;border-color:#c3d6c5}.attendance-day.late{background:#fff0d2}.attendance-day.leave{background:#e9e7f0}.attendance-day.is-today{box-shadow:inset 0 0 0 2px var(--red)}.calendar-weekdays{color:#8a7454}.calendar-header{margin-bottom:25px}.calendar-legend{font-size:11px}.employee-bonus-card>strong{color:#f2cf85}
.jp-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s,transform .6s}.jp-reveal.is-revealed{opacity:1;transform:none}@keyframes jpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes jpSwitch{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-grid{min-height:720px}.hero-visual{min-height:570px}.hero-dish{max-width:460px;height:460px}}
@media(max-width:1200px){.wrap,.section.wrap{padding-inline:36px}.hero-grid{gap:30px}.hero h1{font-size:58px}.public-nav{gap:20px}.nav-links{gap:18px;font-size:12px}.hero-visual{padding-inline:25px}.hero-dish{height:365px}.hero-orbit{top:16%}.story-grid{gap:40px}.product-info{padding:16px}.product-image{height:210px}.workspace-focus{flex-wrap:wrap}.workspace-focus>.eyebrow{max-width:none;width:100%}.workspace-focus>a{font-size:10px;padding:8px}.dashboard-content{padding:28px 24px 105px}.kpi{padding:18px}.kpi strong{font-size:28px}.promo-campaign{padding:40px;gap:35px}}
@media(max-width:900px){.wrap,.section.wrap{padding-inline:26px}.public-nav{height:80px}.public-nav .logo{width:145px}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:15px;min-height:600px;padding-block:45px}.hero h1{font-size:48px}.hero-visual{min-height:440px;padding:20px}.hero-dish{height:300px}.hero-orbit{top:16%}.jp-vertical{font-size:20px;right:-8px;top:30px}.jp-vertical small{font-size:8px}.jp-seal{font-size:14px;bottom:100px;left:-4px}.floating-note{font-size:10px;padding:12px;gap:8px}.floating-note b{font-size:12px}.hero-proof{font-size:10px;gap:14px}.hero-proof span{font-size:10px}.hero-buttons .btn{padding:13px 15px;font-size:12px}.service-strip{grid-template-columns:repeat(2,1fr)}.section{padding-block:65px}.story-copy h2{font-size:32px}.promo-campaign h2{font-size:34px}.promo-campaign{gap:20px}.campaign-products img{height:280px}.article-grid{gap:20px}.article-visual{height:220px}.cta{margin:35px 26px;max-width:calc(100% - 52px)}.dashboard-content{padding:24px 22px 100px}.workspace-focus>a{min-width:160px}.dash-title h1{font-size:28px}.overview-banner,.employee-welcome{padding:25px}.sidebar-logo{margin-top:16px}.sidebar-close{top:8px;right:8px}.calendar-controls{flex-wrap:wrap}.explorer-copy h3{font-size:28px}#explorer-detail{gap:25px;padding:24px}.explorer-tabs button{padding:20px}.explorer-photo img{height:230px}.brand-ribbon{justify-content:flex-start;gap:25px}}
@media(max-width:600px){.wrap,.section.wrap{padding-inline:20px}.promo-bar{font-size:9px;line-height:1.5;padding:8px 15px;letter-spacing:.02em}.public-nav{height:73px;gap:12px}.public-nav .logo{width:122px}.nav-actions{gap:5px}.nav-actions>.btn{font-size:10px;padding:10px}.hero-grid{grid-template-columns:1fr;padding-block:36px 20px;gap:10px}.hero-text{padding:0}.hero h1{font-size:49px;margin:18px 0}.hero h1 em br{display:none}.hero .eyebrow{font-size:8px;line-height:1.6;letter-spacing:.1em}.hero .eyebrow:before{width:20px;flex-shrink:0}.verse p{font-size:13px!important;line-height:1.85!important}.hero-buttons{margin-top:22px;gap:10px}.hero-proof{margin-top:22px}.hero-visual{min-height:395px;padding:15px 25px 10px;margin-top:15px}.hero-dish{height:290px;max-width:310px;animation:none}.hero-orbit{top:5%;width:88%;left:6%;max-height:310px}.jp-shoji{inset:20px 12px 30px 12px;background-size:50px 50px}.jp-vertical{right:0;top:12px;font-size:22px}.jp-seal{bottom:100px;left:0;font-size:14px;padding:7px 9px}.floating-note{margin-top:16px}.hero-counter{margin-top:14px;font-size:8px}.jp-hero-foot{font-size:7px;gap:16px;line-height:1.7;align-items:center;padding-block:13px}.jp-hero-foot>span{max-width:55%}.brand-ribbon{padding:14px 20px;gap:25px;font-size:10px}.brand-ribbon span{font-size:22px}.service-strip{gap:18px;padding:24px 0}.service-item{gap:10px}.service-item>.icon{padding:9px;width:16px;height:16px}.service-item b{font-size:11px}.service-item small{font-size:9px}.section{padding-block:48px}.section-title h2{font-size:30px}.section-title p{font-size:13px}.section-title .eyebrow{font-size:9px}.section-title .btn{font-size:11px;padding:11px 15px}.product-grid{gap:12px}.product-image{height:180px}.product-info{padding:14px 12px}.product-info h3{font-size:15px}.product-info>p{font-size:10px}.product-bottom b{font-size:15px}.product-bottom small{font-size:9px}.add-button{width:30px;height:30px}.product-tag{font-size:7px;padding:5px;left:8px;top:8px}.product-category{font-size:8px}.compare-option{font-size:9px}.jp-menu-section{padding-top:4px}.explorer-tabs button{padding:16px 14px;font-size:13px}#explorer-detail{grid-template-columns:1fr;padding:18px;gap:5px;min-height:0}.explorer-photo img{height:200px}.explorer-copy{padding:18px 5px}.explorer-copy h3{font-size:28px}.explorer-copy p{font-size:13px}.explorer-copy .eyebrow{font-size:9px}.explorer-actions .btn{font-size:11px;padding:12px 16px}.explorer-actions .text-link{font-size:11px}.story-grid{padding-block:48px;gap:30px}.story-image img{border-radius:35px 5px 5px 5px;border-width:5px}.story-copy h2{font-size:31px}.story-copy>p{font-size:13px}.promo-campaign{padding:28px 23px;grid-template-columns:1fr;border-radius:6px 35px 6px 6px;gap:26px}.promo-campaign h2{font-size:31px}.promo-campaign p{font-size:13px}.promo-campaign .eyebrow{font-size:8px}.promo-campaign .btn{font-size:12px}.campaign-products{padding:12px;border-radius:45% 45% 5px 5px}.campaign-products img{height:260px}.campaign-caption{font-size:8px}.testimonial{padding:25px}.article-visual{height:230px}.article-grid{grid-template-columns:1fr;gap:34px}.article-card h3{font-size:22px}.article-card p{font-size:13px}.cta{margin:25px 20px;max-width:calc(100% - 40px);padding:40px 24px}.cta h2{font-size:31px}.cta .btn{font-size:11px;padding:12px 15px}.cta>div:last-child{flex-wrap:wrap}.footer-grid{gap:30px}.footer{padding-bottom:80px}.footer-bottom{font-size:9px;gap:15px;line-height:1.6}.demo-switch{bottom:10px;padding:5px;max-width:calc(100% - 24px);gap:0}.demo-switch button{font-size:10px;padding:10px 14px}.assistant-launch{bottom:73px;right:13px;width:42px;height:42px}.page-intro{padding-block:42px}.page-intro h1{font-size:35px}.page-intro p{font-size:13px}.page-intro:after{font-size:130px;right:-10px}.partner-card h2{font-size:27px}.dashboard-header{height:72px;padding-inline:16px;gap:8px}.dashboard-content{padding:22px 16px 100px}.dash-title{margin-bottom:22px}.dash-title h1{font-size:26px}.dash-title p{font-size:12px}.dash-actions .btn,.dash-actions select{font-size:10px}.overview-banner,.employee-welcome{padding:22px;gap:15px;border-radius:12px 4px 12px 4px}.overview-banner h2,.employee-welcome h2{font-size:23px}.overview-banner p,.employee-welcome p{font-size:11px}.overview-banner>img{width:100px}.employee-welcome .btn{font-size:10px}.workspace-focus{padding:12px;gap:8px;display:grid;grid-template-columns:1fr;margin-block:17px}.workspace-focus>.eyebrow{font-size:8px}.workspace-focus>a{min-width:0;font-size:11px;padding:10px 0;border-left:0;border-top:1px solid #d7c9b0}.workspace-focus>a>span{flex:1}.workspace-focus>a>b{font-size:18px}.kpi-grid{gap:12px}.kpi{padding:15px 13px;border-radius:9px}.kpi .kpi-top>.icon{padding:5px;width:13px;height:13px}.kpi-top{font-size:10px;gap:5px}.kpi strong{font-size:25px}.kpi small{font-size:10px}.panel{padding:20px 16px}.panel-title h3{font-size:15px}.panel-title p{font-size:10px}.quick-actions>a{padding:18px;font-size:11px}.table-wrap th{font-size:10px;padding:12px}.table-wrap td{font-size:11px;padding:13px 12px}.table-wrap td b{font-size:11px}.table-wrap td small{font-size:10px}.calendar-header{align-items:flex-start;gap:20px;flex-wrap:wrap}.calendar-controls{gap:4px}.calendar-controls input{font-size:12px}.attendance-day{min-height:75px;padding:6px 4px}.attendance-day>span{font-size:8px}.attendance-day>b{font-size:12px}.attendance-day>small{font-size:7px}.calendar-legend{font-size:9px;gap:10px}.employee-profile-select{gap:4px}.employee-profile-select label{font-size:8px}.employee-profile-select select{padding:8px;font-size:11px;max-width:130px}.breadcrumb{font-size:9px}.modal-content{padding:24px 20px}.modal-head h2{font-size:21px}.article-cover{height:210px}.jp-reveal{transform:translateY(10px)}}
@media(prefers-reduced-motion:reduce){.jp-reveal{opacity:1;transform:none}.hero-dish{animation:none}*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:600px){.hero h1{font-size:44px}.hero h1 em br{display:initial}}
@media print{.jp-reveal{opacity:1;transform:none}.modal-content{background:white}.article-cover{max-height:200px}}

/* MASALA identity: red and navy lead; Japanese motifs remain supporting details. */
.hero{color:#fff;background-color:var(--navy)}.jp-hero{background-image:radial-gradient(#ffffff0b .6px,transparent .6px)}.hero .eyebrow{color:#e0d0a3}.hero .eyebrow:before{background:var(--red)}.hero h1 em{color:#ff6675}.hero .verse{color:#c7c7db;border-color:#bd0e19}.hero .btn.secondary{color:#fff;border-color:#ffffff55;background:transparent}.hero-proof{color:#d0cfe2}.hero-proof .icon{color:#ff6675}.jp-hero-foot{color:#aaa9c3;border-color:#ffffff20}.hero-counter{color:#aaa9c3}.hero-orbit{box-shadow:inset 0 0 0 1px #ffffff16;background:#bd0e19}.hero-orbit:after{border-color:#ffffff16}.jp-shoji{opacity:.4;border-color:#ffffff16;background-image:linear-gradient(#ffffff15 1px,transparent 1px),linear-gradient(90deg,#ffffff15 1px,transparent 1px)}.jp-vertical{color:#ffffff40;font-size:22px}.jp-vertical small{color:#ffffff45}.jp-seal{background:#100e2c;color:#ff7885;border-color:#bd0e19;font-size:14px;opacity:.8}.floating-note{background:#fff;border-color:#e5e5ed}.hero-visual .floating-note{color:var(--ink)}.floating-note .icon{color:var(--red)}
.promo-bar b{color:white}.brand-ribbon{background:var(--red);color:white}.brand-ribbon i{color:#ffffff90}.brand-ribbon span{color:white}.product-card,.testimonial{background:#fff;border-color:var(--line)}.service-item>.icon{background:#bd0e1908;border-color:#bd0e1918}.product-tag{color:var(--red);border-color:#e4e5ee}.product-bottom{border-color:var(--line)}.product-image{background-color:#f4f5fa;background-image:radial-gradient(circle at 55% 50%,#e3e6f3 0 32%,transparent 32%)}
.brand-story{color:#fff}.brand-story:before{opacity:.14;background-image:radial-gradient(ellipse at 50% 100%,transparent 55%,#ffffff25 56%,#ffffff25 58%,transparent 59%)}.story-image img{border-color:#ffffff0d;border-width:4px}.story-image span{color:#a9a8c3}.story-copy>.eyebrow{color:#e0d0a3}.story-copy>.verse{border-color:var(--red);color:#c9c8dc}.story-copy>p{color:#b8b7cf}.btn.light{background:white;color:var(--navy)}.btn.dark{background:var(--navy)}
.promo-campaign{background-color:var(--navy);color:#fff;border-color:#25233e;background-image:radial-gradient(ellipse at 50% 100%,transparent 55%,#ffffff06 56%,#ffffff06 58%,transparent 59%);border-radius:18px}.promo-campaign .eyebrow{color:#f2c4c9}.promo-campaign p{color:#c6c5d8}.promo-campaign .btn.dark{background:var(--red);color:white}.campaign-products{background:#ffffff04;border-color:#ffffff0c;border-radius:12px}.campaign-caption{color:#b1afc8}.campaign-products img{filter:drop-shadow(0 12px 10px #0002)}.cta{background:var(--navy);color:#fff;border-color:#272440;border-radius:16px}.cta:before{border-color:#ffffff0b}.cta>.eyebrow{color:#efc6cc}.cta .verse{color:#c5c4da}.cta .btn.secondary{border-color:#ffffff50;color:white;background:transparent}
.footer{background:var(--navy);color:white}.footer p,.footer a,.footer small,.footer-bottom{color:#b9b8cf}.footer-grid b{color:white}.footer a:hover{color:#ff6675}.footer .logo{background:#fff;padding:10px;border-radius:5px;box-sizing:content-box;filter:none}.footer .logo{filter:brightness(0) saturate(100%) invert(20%) sepia(92%) saturate(2819%) hue-rotate(337deg) brightness(82%) contrast(96%);background:none;padding:0}.footer-bottom{border-color:#ffffff18}
.page-intro{background:var(--navy)!important;color:white!important}.page-intro p{color:#bcbad2}.page-intro .eyebrow{color:#f4a8b0}.page-intro:after{color:#ffffff05}.partner-card.featured{background:var(--red)}.partner-card.featured p,.partner-card.featured small{color:#fff3f4}.partner-card{border-color:var(--line)}.business-flow>div{border-color:var(--line)}.notice{background:#f2f3f8;border-color:#e0e2ee}.distribution-map{background-color:#f0f2f8!important;border-color:#dedfeb}.testimonial,.review-summary{border-color:var(--line)}.testimonial .stars{color:#c68b25}.testimonial-avatar{background:#f9e8ea}.article-visual.visual-0>img{background:radial-gradient(circle at 50% 45%,#dee2f0 0 32%,#f1f3fa 33%)}.article-visual>span{background:#ffffffeb;color:var(--navy)}.article-cover{background:#f5f6fa}.explorer-tabs{background:white;border-color:var(--line)}.explorer-tabs button{border-color:var(--line)}.explorer-tabs button span{color:var(--muted)}.explorer-tabs button[aria-selected=true]{background:var(--red)}.explorer-photo{background-image:radial-gradient(circle at center,#e0e4f1 0 35%,transparent 35%)}.explorer-photo>span,.explorer-copy p{color:var(--muted)}.menu-tags span{border-color:#d4d7e4;color:#55546b}.product-explorer{border-color:var(--line)}
.sidebar{background:var(--navy);border-color:#ffffff18}.workspace-badge{background:#ffffff08;border-color:#ffffff15}.workspace-badge b{color:white}.workspace-badge small{color:#bcbad2}.workspace-icon{background:#bd0e1920;color:#ff7c88}.nav-group>span{color:#9492ad}.nav-group a{color:#c0bed4}.nav-group a.active{background:var(--red)}.nav-group a.active:before{background:#fff}.sidebar-bottom{border-color:#ffffff16}.sidebar-bottom a{color:#bdbbd2}.demo-label{color:#9492ad}.overview-banner,.employee-welcome{background:var(--navy)!important;color:white}.overview-banner p,.employee-welcome p{color:#c5c3d9!important}.overview-banner .eyebrow,.employee-welcome .eyebrow{color:#f2b5be}.overview-banner:after,.employee-welcome:after{opacity:.24}.banner-corner{color:#ffffff66}.workspace-focus{background:#eef0f7;border-color:#dce0ed}.workspace-focus>.eyebrow{color:#76738c}.workspace-focus>a{border-color:#d6d9e6}.workspace-focus>a:hover{background:white}.kpi,.panel,.sales-person,.employee-target{background:white;border-color:var(--line)}.kpi.accent{background:#fff8f9!important;border-color:#e2bac0}.kpi.accent .kpi-top,.kpi.accent small{color:#716479!important}.kpi .kpi-top>.icon{background:#f8e9ec;color:var(--red)}.target-panel,.employee-bonus-card{background:var(--navy)!important}.target-panel>.eyebrow{color:#e3b9c1}.target-values small{color:#bfbed4}.target-ring{background:conic-gradient(#e33d50 var(--progress),#ffffff15 0)}.target-ring>div{background:var(--navy)}.bar.previous{background:#d7dbee}.chart-legend i.pale{background:#d7dbee}.quick-actions>a{border-color:var(--line)}.quick-actions>a:hover{background:#f2f3f9}.table-wrap{border-color:var(--line)}th{background:#f5f6fa;color:#74718a}td{border-color:#ececf2}tr:hover td{background:#f9f9fc}.row-action{background:#f8f9fc;border-color:#dddfea}.progress{background:#e7e8f0}.data-toolbar input,.data-toolbar select,.employee-profile-select select{border-color:#dddfea;background:white}.sales-person .sales-client{background:#f5f6fa}.dashboard-disclaimer{color:#87849b}.attendance-day{border-color:#e5e5ee}.calendar-weekdays{color:#77738e}.employee-bonus-card>strong{color:#fff}.demo-switch{background:#ffffffed;border-color:#e0e0eb}.demo-switch button.active{background:var(--red)}
@media(max-width:600px){.jp-vertical{font-size:19px}.jp-seal{font-size:12px}.promo-campaign{border-radius:14px}.campaign-products{border-radius:10px}.cta{border-radius:14px}}