:root{--blue:#006bd7;--deep:#09245b;--ink:#12284c;--muted:#5d7090;--line:#dbe9f8;--surface:#f2f8ff;--panel:#fff;--shadow:0 12px 40px rgba(19,76,129,.095);--radius:18px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.75;letter-spacing:.015em}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ffb443;outline-offset:3px}.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.skip-link{position:absolute;top:-90px;left:12px;background:#fff;padding:12px;z-index:999}.skip-link:focus{top:8px}.topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid #e4edf8;box-shadow:0 5px 22px rgba(20,72,129,.06);backdrop-filter:blur(12px)}.topbar .inner{height:96px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;flex-shrink:0;min-width:80px}.brand img{display:block;width:auto;height:85px;max-width:82px;object-fit:contain}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:25px;flex:1;white-space:nowrap}.desktop-nav a{font-size:13px;font-weight:800;color:#213a67;padding:35px 0 32px;border-bottom:3px solid transparent}.desktop-nav a.active,.desktop-nav a:hover{color:var(--blue);border-bottom-color:var(--blue)}.btn{border:1px solid transparent;display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:transform .18s,background .18s,box-shadow .18s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(8,74,163,.14)}.btn-primary{background:linear-gradient(95deg,#0654c0,#0c8ceb);color:white}.btn-outline{border-color:#84b8f0;color:#0559bb;background:#fff}.btn-light{background:#fff;color:#0d5dc4}.btn-subtle{background:#eaf5ff;color:#075dbd}.btn[aria-disabled="true"]{opacity:.55;pointer-events:none}.header-contact{white-space:nowrap;min-width:155px}.mobile-menu-btn,.mobile-nav{display:none}.hero{min-height:480px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(245,251,255,.99) 0%,rgba(242,250,255,.87) 32%,rgba(242,250,255,.12) 72%),url('../img/skyline.svg') center center/cover no-repeat;border-bottom:1px solid #d5eafb}.hero .container{padding-block:82px 95px}.eyebrow{text-transform:uppercase;color:#0074d6;font-weight:900;font-size:12px;letter-spacing:.2em;margin:0 0 12px}.hero h1,.page-hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",Georgia,serif;color:#09285c;line-height:1.35;font-weight:800;letter-spacing:.045em}.hero h1{font-size:clamp(38px,4vw,65px);margin:0 0 17px}.hero p.lead{font-size:clamp(15px,1.45vw,19px);font-weight:800;color:#164579;max-width:630px;margin:0 0 30px}.hero .actions{display:flex;gap:12px;flex-wrap:wrap}.hero-english{color:#1676cc;font-family:Georgia,serif;font-style:italic;font-size:clamp(15px,2vw,25px);margin-top:40px}.section{padding:68px 0}.section.soft{background:var(--surface)}.section.sky-light{background:linear-gradient(180deg,#e9f6ff 0%,#f9fcff 100%)}.section-title{margin:0 0 22px;font-size:clamp(24px,2.3vw,34px);line-height:1.4;color:var(--deep);letter-spacing:.03em}.section-lead{color:var(--muted);margin:-9px 0 29px;max-width:850px}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.heading-row .section-title{margin:0}.text-link{color:#075fc4;font-weight:800;font-size:14px;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.service-card{padding:25px 23px 21px;display:flex;flex-direction:column;gap:13px;min-height:218px}.service-card:hover,.case-card:hover{border-color:#82baf5;transform:translateY(-2px)}.service-card,.case-card{transition:transform .18s,border-color .18s}.icon{width:51px;height:51px;border-radius:16px;background:linear-gradient(145deg,#dcefff,#f6fbff);display:inline-grid;place-items:center;color:#076fda;font-size:25px;font-weight:900;flex-shrink:0}.service-card h3{margin:0;color:var(--deep);font-size:17px;line-height:1.4}.service-card p{font-size:13px;color:var(--muted);margin:0;flex:1}.mini-action{color:#0069d4;font-size:13px;font-weight:800}.promise-band{background:linear-gradient(90deg,#e6f4ff,#fff 55%,#eaf6ff);border-block:1px solid #dceefa;padding:42px 0}.promise-title{text-align:center;font-size:24px;color:var(--deep);margin:0 0 25px}.promise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.promise-item{display:flex;align-items:flex-start;gap:13px;padding:12px 11px}.promise-item h3{font-size:15px;margin:0 0 4px}.promise-item p{font-size:12px;color:var(--muted);margin:0}.promise-item .icon{width:45px;height:45px;border-radius:50%;font-size:22px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.case-card{overflow:hidden;display:flex;flex-direction:column}.case-thumb{position:relative;height:130px;background:linear-gradient(125deg,#d5eafb,#f7fbff);display:flex;align-items:center;justify-content:center;overflow:hidden}.case-thumb:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:rgba(72,164,242,.16);right:-25px;top:-77px}.case-thumb .icon{width:76px;height:76px;border-radius:22px;font-size:38px;background:rgba(255,255,255,.78);z-index:1}.case-card .details{padding:17px 17px 19px;display:flex;flex-direction:column;flex:1}.case-card h3{margin:0 0 8px;font-size:16px}.case-card p{font-size:12px;color:var(--muted);margin:0 0 14px;flex:1}.case-card .mini-action{align-self:flex-end}.split-cta{display:grid;grid-template-columns:1fr 1.2fr;gap:20px}.notice-card{padding:26px;background:#fff;border:1px solid #dceafa;border-radius:18px}.notice-card h3{margin:0 0 9px;color:var(--deep)}.notice-card p{font-size:14px;color:var(--muted);margin:0 0 15px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px 15px;position:relative}.step-no{display:inline-flex;align-items:center;justify-content:center;background:#0a76da;color:#fff;border-radius:50%;width:32px;height:32px;font-weight:800;font-size:13px}.step h3{font-size:14px;margin:12px 0 6px}.step p{color:var(--muted);font-size:12px;margin:0}.step:after{content:"→";position:absolute;right:-12px;top:50%;color:var(--blue);font-weight:bold;z-index:1}.step:last-child:after{content:""}.contact-band{background:linear-gradient(108deg,#0b3b83,#0c7be0);color:#fff;padding:40px 0}.contact-band .inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.contact-band h2{font-size:26px;margin:0}.contact-band p{font-size:14px;margin:5px 0 0;color:#dcefff}.contact-band .actions{display:flex;flex-wrap:wrap;gap:10px}.footer{background:#071d46;color:#d0e5ff;padding:37px 0 29px}.footer .links{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;margin:15px 0}.footer p{font-size:12px;line-height:1.9;margin:0}.footer .bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #2b4772;margin-top:21px;padding-top:20px;font-size:11px}.page-hero{background:linear-gradient(90deg,rgba(244,251,255,.96),rgba(244,251,255,.6) 50%,rgba(239,249,255,.3)),url('../img/skyline.svg') center 56%/cover;padding:64px 0 72px;min-height:245px}.page-hero h1{font-size:clamp(35px,3.6vw,51px);margin:0 0 10px}.page-hero .desc{font-weight:700;color:#275b95;font-size:16px;margin:0;max-width:820px}.breadcrumb{font-size:12px;color:#4775a7;padding:16px 0}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.content{padding:44px 0 76px}.longlist{display:grid;gap:16px}.feature-row{display:grid;grid-template-columns:65px minmax(0,1.2fr) minmax(240px,.95fr);align-items:center;gap:24px;padding:21px 24px}.feature-row h2{font-size:19px;color:var(--deep);margin:0 0 8px}.feature-row p{font-size:13px;color:var(--muted);margin:0 0 8px}.check-list{list-style:none;padding:0;margin:9px 0;display:grid;gap:7px}.check-list li{font-size:13px}.check-list li:before{content:"✓";color:#0983e9;font-weight:900;margin-right:9px}.figure-box{min-height:170px;background:linear-gradient(135deg,#e0f0ff,#fff);border:1px solid #d8e9fb;border-radius:14px;padding:20px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap}.figure-pill{background:#fff;border:1px solid #a4c9f2;padding:9px 11px;border-radius:10px;color:#0b4b97;font-size:12px;font-weight:bold;box-shadow:0 5px 17px #b2cee43b}.figure-arrow{color:#0273dc;font-size:20px;font-weight:900}.tabs{display:flex;gap:11px;margin-bottom:26px}.tab{flex:1;padding:16px 15px;border:1px solid #bfdbfa;color:#20517f;background:#f4faff;border-radius:14px;font-weight:900;font-size:16px}.tab[aria-selected="true"]{background:linear-gradient(110deg,#065ac2,#158de7);color:#fff;border-color:#0872d9;box-shadow:0 6px 22px #137be43b}.pricing-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.price-block{padding:25px}.price-block h2{font-size:21px;color:var(--deep);margin:0 0 9px}.table-wrap{overflow-x:auto}.price-table{border-collapse:collapse;width:100%;min-width:420px;font-size:13px}.price-table th{background:#e9f5ff;color:#1b578e;text-align:left;padding:13px 12px}.price-table td{padding:14px 12px;border-bottom:1px solid #e4edf8}.price-table td.price{font-weight:900;font-size:19px;color:#084eaf;white-space:nowrap}.price-table tr:last-child td{border-bottom:0}.table-note{font-size:12px;color:var(--muted);margin:12px 0 0}.switcher{display:flex;gap:8px;margin:12px 0 16px}.switcher button{border:1px solid #bddaf7;background:#edf6ff;padding:9px 18px;border-radius:999px;font-size:13px;font-weight:800;color:#1d5ba0}.switcher button[aria-pressed="true"]{background:#0869d4;color:#fff}.price-info{border:1px solid #b7d6f3;border-radius:12px;background:#edf7ff;padding:14px 16px;margin-top:13px}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.option-label{display:block;padding:18px;background:#fff;border-radius:14px;border:1px solid #d7e7fa;font-size:14px;font-weight:bold;cursor:pointer}.option-label input{accent-color:#086bda;margin-right:8px}.option-label span{display:block;font-weight:normal;font-size:12px;color:var(--muted);margin-left:26px}.option-result{margin-top:18px;padding:19px 22px;border-radius:15px;background:#e8f5ff;border:1px solid #b8dbfc}.option-result strong{font-size:15px;color:#083e87}.option-result p{font-size:13px;margin:8px 0 0}.banner-mini{border-radius:17px;background:linear-gradient(90deg,#0a3a80,#1489dc);color:white;padding:29px}.banner-mini h2{margin:0 0 10px}.banner-mini p{margin:0 0 15px;font-size:14px}.diagram{display:grid;grid-template-columns:1fr 1fr;gap:18px}.diagram-column{border-radius:17px;border:1px solid #d5e7fa;background:white;overflow:hidden}.diagram-title{padding:13px 20px;background:#7188a8;color:#fff;font-weight:900}.diagram-column.after .diagram-title{background:linear-gradient(90deg,#0a5bc5,#188bec)}.diagram-flow{padding:21px;display:flex;align-items:center;justify-content:space-around;gap:7px;flex-wrap:wrap;min-height:150px}.diagram-node{flex:1;min-width:86px;max-width:170px;text-align:center;border:1px solid #d5e7f9;background:#f3f9ff;border-radius:12px;padding:14px 7px;font-size:13px;font-weight:800}.diagram-node .icon{margin:0 auto 8px}.diagram-node small{display:block;font-weight:normal;color:var(--muted)}.diagram-arrow{color:#0477db;font-size:23px;font-weight:800}.diagram-footer{font-size:13px;color:var(--muted);padding:0 20px 17px;margin:0}.screen-row{display:grid;grid-template-columns:1fr 1.35fr;gap:20px;align-items:stretch}.screen-mock{padding:22px;position:relative;overflow:hidden}.screen-mock h3{font-size:17px;margin:0 0 12px}.mock-head{background:#0f4e99;color:#fff;font-size:12px;padding:12px;border-radius:8px 8px 0 0;font-weight:800}.mock-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid #bed9f5;border-top:0}.mock-grid div{border-right:1px solid #e2eefb;border-bottom:1px solid #e2eefb;min-height:34px;padding:7px 2px;text-align:center;font-size:10px;color:#567b9f}.mock-grid div:nth-child(3n){background:#d9f0ff}.mock-grid div:nth-child(5n){background:#ffebeb}.mock-phone{width:210px;max-width:100%;margin:auto;border:8px solid #183657;border-radius:24px;background:#fff;padding:12px;min-height:278px;box-shadow:0 16px 26px #16456e18}.mock-phone .small-row{padding:9px;border-bottom:1px solid #e5eef9;font-size:12px;display:flex;justify-content:space-between}.mock-phone .tag{padding:2px 8px;border-radius:12px;background:#e1f1ff;color:#1364bf;font-size:10px}.case-points{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.case-points .card{padding:19px}.case-points h3{font-size:14px;margin:9px 0 4px}.case-points p{font-size:12px;color:var(--muted);margin:0}.faq-list{display:grid;gap:14px;max-width:930px}.faq-list details{border:1px solid #d9e8f8;border-radius:13px;background:#fff;padding:19px 22px}.faq-list summary{font-weight:900;color:var(--deep);cursor:pointer}.faq-list p{font-size:14px;color:var(--muted);margin:14px 0 0}.company-table{width:100%;border-collapse:collapse}.company-table th,.company-table td{padding:17px 20px;border-bottom:1px solid #dfedfa;text-align:left}.company-table th{width:190px;color:#24598e;background:#f1f8ff;font-weight:800}.company-table td{font-size:15px}.notice{padding:18px 22px;border-left:4px solid #258ee6;background:#eff8ff;color:#355978;font-size:13px}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.contact-method{padding:29px;text-align:center}.contact-method h2{margin:15px 0 8px;font-size:20px}.contact-method p{font-size:13px;color:var(--muted);min-height:48px}.muted{color:var(--muted)}.u-center{text-align:center}.mt16{margin-top:16px}.mt28{margin-top:28px}.mt44{margin-top:44px}.mb0{margin-bottom:0}.narrow{max-width:860px;margin-inline:auto}.legal h2{font-size:18px;margin:28px 0 8px}.legal p{font-size:14px;color:#536987}.legal a{text-decoration:underline;color:#095fc4}
@media(max-width:1100px){.desktop-nav{gap:12px}.desktop-nav a{font-size:12px}.header-contact{min-width:120px;padding-inline:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(3,1fr)}.promise-grid{grid-template-columns:repeat(2,1fr)}.pricing-panel{grid-template-columns:1fr}.feature-row{grid-template-columns:60px 1fr}.figure-box{grid-column:2}.contact-band .inner{align-items:flex-start;flex-direction:column}}
@media(max-width:780px){.topbar .inner{height:78px}.brand img{height:70px}.desktop-nav,.header-contact{display:none}.mobile-menu-btn{display:inline-flex;margin-left:auto;align-items:center;justify-content:center;background:#edf6ff;border:1px solid #cbddf0;color:#074b95;width:48px;height:43px;border-radius:11px;font-size:23px}.mobile-nav[data-open="true"]{display:flex;flex-direction:column;background:#fff;padding:8px 20px 20px;border-top:1px solid #e8f0fa;box-shadow:0 15px 25px #14284724}.mobile-nav a{padding:10px 12px;font-weight:800;color:var(--deep)}.container{width:min(var(--max),calc(100% - 30px))}.hero{min-height:430px;background-position:64% center;background-image:linear-gradient(90deg,rgba(245,251,255,.97),rgba(240,249,255,.71) 65%,rgba(238,248,255,.25)),url('../img/skyline.svg')}.hero .container{padding-block:62px 70px}.hero h1{font-size:clamp(34px,8vw,51px)}.hero-english{margin-top:29px}.section{padding:46px 0}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{min-height:200px;padding:18px}.case-grid{grid-template-columns:repeat(2,1fr)}.split-cta,.diagram,.screen-row{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.step:after{content:""}.option-grid{grid-template-columns:repeat(2,1fr)}.case-points{grid-template-columns:repeat(2,1fr)}.contact-links{grid-template-columns:1fr}.contact-method p{min-height:0}.page-hero{padding:45px 0}.feature-row{grid-template-columns:55px 1fr;gap:11px}.figure-box{grid-column:1/-1}.footer .bottom{flex-direction:column}.company-table th{width:132px}}
@media(max-width:520px){.hero h1{font-size:36px}.hero p.lead{font-size:14px}.hero .actions .btn{min-width:150px}.service-grid,.case-grid,.promise-grid,.steps,.case-points,.option-grid{grid-template-columns:1fr}.service-card{min-height:auto}.promise-title{font-size:19px}.case-thumb{height:115px}.case-grid{gap:12px}.heading-row{align-items:flex-start;flex-direction:column}.tabs{gap:6px}.tab{font-size:12px;padding:13px 3px;border-radius:9px}.price-block{padding:18px 13px}.price-table{min-width:330px;font-size:12px}.price-table th,.price-table td{padding:12px 7px}.price-table td.price{font-size:15px}.diagram-flow{padding:14px 8px;gap:3px}.diagram-node{min-width:75px;font-size:11px;padding:10px 4px}.diagram-arrow{font-size:17px}.company-table th,.company-table td{display:block;width:100%;padding:10px 15px}.company-table td{padding-bottom:18px}.contact-band .actions{width:100%}.contact-band .btn{flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}


/* v0.3: shift case detail (isolated; other pages unchanged) */
.shift-example{--shift-border:#d8e9f7}
.shift-example section.shift-section{margin-top:64px}
.shift-example .shift-intro{margin-bottom:52px}
.shift-example .shift-intro>p{max-width:760px;color:var(--muted);margin:0;font-size:15px}
.shift-eyebrow{display:inline-flex;letter-spacing:.04em;color:#0a67c4;background:#e8f4ff;border-radius:999px;padding:6px 14px;font-weight:800;font-size:12px;margin-bottom:17px}
.shift-flow-comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.shift-flow-panel{border:1px solid var(--shift-border);border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}
.shift-flow-heading{padding:23px 25px 19px;background:#edf1f7;color:#244366}
.shift-flow-heading>span{font-weight:900;font-size:12px;letter-spacing:.16em;opacity:.75}
.shift-flow-heading h3{font-size:21px;margin:4px 0 0}
.shift-after .shift-flow-heading{background:linear-gradient(105deg,#094fba,#1a96eb);color:#fff}
.shift-flow-list{list-style:none;display:grid;gap:32px;margin:0;padding:30px 25px 19px}
.shift-flow-step{position:relative;display:grid;grid-template-columns:43px 1fr;column-gap:13px;row-gap:0;align-items:center;border:1px solid #dfeaf5;background:#f7faff;border-radius:13px;padding:15px 16px;min-height:81px}
.shift-flow-step:not(:last-child):after{content:'↓';position:absolute;color:#5795cb;font-weight:900;font-size:22px;left:50%;bottom:-31px;transform:translateX(-50%)}
.shift-step-number{grid-row:1 / 3;width:39px;height:39px;display:grid;place-items:center;background:#dde8f4;color:#4b6c8c;border-radius:50%;font-size:12px;font-weight:900}
.shift-after .shift-step-number{background:#dcefff;color:#0357b9}
.shift-flow-step strong{font-size:16px;color:#102f5a}
.shift-flow-step small{color:#5c7592;font-size:12px}
.shift-flow-caption{font-size:13px;color:#526d89;padding:0 25px 25px;margin:0}
.shift-screen-gallery{display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:stretch}
.shift-screen-card{border:1px solid var(--shift-border);background:linear-gradient(160deg,#f6fbff,#edf6ff);border-radius:20px;padding:22px;min-width:0}
.shift-screen-label{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.shift-screen-label-num{width:36px;height:36px;background:#006bd7;color:white;border-radius:12px;display:grid;place-items:center;font-weight:900}
.shift-screen-label h3{font-size:17px;margin:0;color:#09285c}
.shift-screen-label p{font-size:12px;margin:2px 0 0;color:#607a98}
.shift-device-wrap{display:flex;justify-content:center;align-items:center;min-height:366px}
.shift-phone{border:7px solid #1b355b;border-radius:26px;background:#fff;padding:9px 12px 16px;width:250px;max-width:100%;box-shadow:0 14px 30px #0e407033}
.shift-phone-top{font-size:10px;color:#fff;background:#0d5ebc;margin:-2px 0 15px;padding:7px 10px;border-radius:12px;text-align:center;font-weight:900}
.shift-phone-title{font-size:15px;font-weight:900;color:#163b68;margin-bottom:10px}
.shift-phone-title small{display:block;font-size:10px;color:#8092a7;font-weight:500;margin-top:2px}
.shift-phone-row{display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;border-top:1px solid #ebf1f8;padding:9px 3px;font-size:12px;color:#365578}
.shift-phone-row b{font-size:12px;color:#0d498a}
.shift-phone-row em{font-style:normal;font-size:10px;min-width:48px;text-align:center;border-radius:50px;padding:2px 5px}
.shift-phone-row .is-work{background:#e1f4ec;color:#217450}
.shift-phone-row .is-off{background:#edf1f6;color:#5b7088}
.shift-phone-row .is-empty{background:#fff3df;color:#965f15}
.shift-fake-action{background:#0c75d8;border-radius:8px;color:#fff;text-align:center;font-size:11px;font-weight:900;margin:13px 4px 0;padding:10px}
.shift-desktop-frame{border:7px solid #1b355b;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 14px 30px #0e407022;margin-top:43px}
.shift-desktop-bar{background:#0b579e;color:white;padding:11px 13px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:11px;font-weight:900}
.shift-roster-wrap{overflow-x:auto;padding:14px 10px 4px}
.shift-roster{width:100%;border-collapse:separate;border-spacing:3px;font-size:11px;text-align:center;white-space:nowrap}
.shift-roster th{padding:9px 5px;background:#e8f3ff;color:#265486}
.shift-roster td{padding:10px 3px;font-weight:750}
.shift-roster .shift-cell-on{background:#dcefff;color:#185b9c}
.shift-roster .shift-cell-off{background:#f1f4f8;color:#8090a4}
.shift-mini-legend{display:flex;gap:16px;color:#5c7085;font-size:11px;padding:7px 16px 14px}
.shift-mini-legend span{display:inline-flex;gap:6px;align-items:center}
.shift-mini-legend i{display:inline-block;width:10px;height:10px;border-radius:2px}
.shift-key-on{background:#dcefff}.shift-key-off{background:#f1f4f8;border:1px solid #dce4ed}
.shift-small-note{font-size:12px;color:#6e859e;margin:10px 0 0}
.shift-feature-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.shift-features-base,.shift-features-options{border:1px solid #d8e7f8;border-radius:18px;padding:23px;background:#f6fbff}
.shift-features-options{background:#fff}
.shift-features-base h3,.shift-features-options h3{font-size:18px;color:#0e3b77;margin:0 0 18px}
.shift-feature{display:flex;gap:12px;align-items:flex-start;margin:0 0 13px;padding:14px;background:#fff;border:1px solid #e1ecf8;border-radius:11px}
.shift-feature:last-child{margin-bottom:0}
.shift-feature-mark{width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#0c70d6;color:#fff;font-weight:900}
.shift-features-options .shift-feature-mark{background:#e0effe;color:#065bb5}
.shift-feature strong{color:#133763;font-size:14px}
.shift-feature p{color:#617a95;font-size:12px;margin:3px 0 0}
.shift-contact-card{background:linear-gradient(110deg,#0a397d,#0e7adb);color:#fff;padding:30px;border-radius:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.shift-contact-card h2{margin:0 0 7px;font-size:22px}
.shift-contact-card p{font-size:13px;color:#e2f3ff;margin:0;max-width:610px}
.shift-contact-actions{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}
.shift-contact-actions .btn-outline{border-color:#bedbff}
@media(max-width:940px){.shift-screen-gallery{grid-template-columns:1fr}.shift-desktop-frame{margin-top:0}.shift-device-wrap{min-height:0;padding:6px 0 10px}}
@media(max-width:780px){.shift-flow-comparison,.shift-feature-columns{grid-template-columns:1fr}.shift-example section.shift-section{margin-top:45px}.shift-contact-card{flex-direction:column;align-items:stretch}.shift-contact-actions{justify-content:flex-start}}
@media(max-width:520px){.shift-flow-list{padding:20px 16px 14px}.shift-flow-heading{padding:18px}.shift-flow-caption{padding:0 16px 19px}.shift-screen-card{padding:14px}.shift-desktop-bar{font-size:10px}.shift-contact-card{padding:20px}.shift-contact-actions .btn{width:100%}}

/* v0.4: Six service-specific detail pages (illustrations are UI mockups). */
.svc-detail{background:linear-gradient(180deg,#f8fcff 0,#fff 38%)}
.svc-intro{max-width:980px;margin:0 0 42px}
.svc-intro h2{font-size:clamp(25px,3vw,37px);line-height:1.35;color:#09285c;margin:6px 0 12px}
.svc-intro>p:last-child{color:#476886;font-size:16px;max-width:850px;margin:0}
.svc-part{margin-top:53px}
.svc-part>h2{font-size:25px;color:#0b3970;margin:0 0 11px}
.svc-part>p{font-size:15px;color:#486582}
.svc-section-heading{display:flex;align-items:center;gap:15px;margin-bottom:20px}
.svc-section-heading>span{background:#e3f2ff;color:#075ab5;border-radius:99px;padding:5px 12px;white-space:nowrap;font-size:12px;font-weight:800}
.svc-section-heading h2{margin:0;color:#09285c;font-size:clamp(20px,2.3vw,27px)}
.svc-caption{font-size:12px!important;color:#627d96!important;margin:15px 0 0}
.svc-related{background:#f2f8ff;border:1px solid #cfe4f8;border-radius:16px;padding:20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:16px}
.svc-related strong{color:#0b356a;margin-right:12px;font-size:14px}
.svc-related a{display:inline-block;border:1px solid #b9d8f6;border-radius:999px;background:#fff;color:#0862bb;font-size:13px;font-weight:bold;padding:7px 13px}
.svc-related a:hover{border-color:#1685df;background:#eaf6ff}
.svc-next{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:70px;padding:29px;background:linear-gradient(112deg,#09407d,#0e78d8);border-radius:19px;color:#fff}
.svc-next .eyebrow{color:#d3ebff;margin:0 0 5px}
.svc-next h2{margin:0 0 8px;font-size:23px}
.svc-next p{margin:0;color:#e1effe;font-size:13px;max-width:650px}
.svc-next-links{display:flex;gap:10px;flex-wrap:wrap;flex-shrink:0}
.svc-next .btn-outline{border-color:#c7e0f8}
/* Improvement: trace the actual work and decide what to change. */
.improve-map{display:flex;align-items:stretch;justify-content:space-between;gap:6px;background:#edf6ff;border:1px solid #cfe4f8;border-radius:19px;padding:20px}
.improve-node{min-width:0;flex:1;padding:22px 12px 16px;background:#fff;border:1px solid #dbeafa;border-radius:13px;text-align:center;position:relative}
.improve-node small{display:block;color:#2772b9;font-weight:800;margin-bottom:9px}
.improve-node strong{display:block;font-size:17px;color:#153863}
.improve-node p{font-size:12px;color:#647f9a;margin:8px 0 0}
.improve-node.attention{border:2px solid #e7a65f;background:#fff8ee}
.improve-node b{display:inline-block;color:#96510a;background:#ffebcd;border-radius:99px;font-size:11px;margin-top:12px;padding:2px 9px}
.improve-arrow{align-self:center;color:#176fcb;font-size:22px;font-weight:bold}
.improve-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.improve-choice article,.web-phases article,.voice-uses article{border:1px solid #d7e7fa;border-radius:16px;background:white;padding:23px;box-shadow:var(--shadow)}
.svc-symbol{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e2f2ff;color:#0866c3;font-size:25px;font-weight:800}
.improve-choice h3{margin:12px 0 7px;font-size:18px;color:#183f72}
.improve-choice p{color:#5c7793;font-size:13px;margin:0}
/* Web: one database, two distinct screens. */
.web-map{background:#edf7ff;border:1px solid #cee5fa;border-radius:21px;padding:30px;display:grid;grid-template-columns:1fr minmax(165px,.85fr) 1.25fr;align-items:center;gap:14px}
.web-device{background:#fff;border:6px solid #204976;box-shadow:0 13px 28px #0f427533;border-radius:17px;padding:19px 15px;max-width:100%;min-width:0}
.web-phone{width:245px;justify-self:center;border-radius:30px}
.web-monitor{width:370px;justify-self:center}
.web-device-top{background:#0f6dc9;color:#fff;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800}
.web-device h3{font-size:16px;color:#0d3d73;margin:12px 0 8px}
.web-phone p{font-size:12px;color:#4b6887;margin:9px 0}
.web-form-row{padding:8px 10px;font-size:11px;border:1px solid #d8e7f7;margin-top:8px;border-radius:8px}
.web-fake-btn{display:block;text-align:center;background:#0b71d2;color:#fff;border-radius:8px;font-size:11px;font-weight:800;padding:8px;margin-top:12px}
.web-link{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px;color:#27669e;font-weight:800;font-size:12px}
.web-link b{font-size:20px}
.web-database{width:95px;height:95px;border:2px solid #83bee9;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px;color:#0873cc}
.web-database small{font-size:11px;font-weight:800;color:#1a547e}
.web-list{display:grid;grid-template-columns:1fr 90px;gap:6px;padding:8px 5px;font-size:12px;border-bottom:1px solid #e5edf7}
.web-list em{font-style:normal;border-radius:99px;color:#0d6299;background:#e7f4ff;text-align:center;font-size:11px;padding:1px 7px}
.web-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.web-phases article{border-top:5px solid #4fa2e9}
.web-phases small{font-weight:900;color:#0a6dc8}
.web-phases h3{color:#163c6c;margin:7px 0}
.web-phases p{font-size:13px;color:#566f8b;margin:0}
/* Automation: scheduled pipeline and success/failure branch. */
.auto-board{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:center}
.auto-manual,.auto-robot{min-height:260px;padding:25px;border-radius:18px;border:1px solid #d4e5f6;background:#f2f6fa}
.auto-robot{background:#e9f6ff;border-color:#91c5ee}
.auto-manual>strong,.auto-robot>strong{display:block;font-size:18px;color:#113a71;margin-bottom:17px}
.auto-tasks,.auto-pipeline{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.auto-tasks span,.auto-pipeline span{background:white;padding:13px 8px;border-radius:9px;border:1px solid #d6e5f4;font-size:12px;color:#2b5b82;text-align:center;font-weight:700}
.auto-manual p,.auto-robot p{font-size:13px;color:#59748e;margin-top:17px}
.auto-transform{text-align:center;color:#0878d8;font-size:37px;font-weight:900}
.auto-schedule{background:#0b6bd2;color:#fff;padding:9px 14px;border-radius:9px;margin-bottom:10px;font-size:19px;font-weight:900}
.auto-schedule span{font-size:12px;padding-left:15px}
.auto-branch{padding:26px;background:#f4f9ff;border:1px solid #d5e7fa;border-radius:18px;text-align:center}
.auto-condition,.auto-decision{width:fit-content;margin:0 auto;background:#0d71ce;border-radius:11px;color:white;padding:13px 28px;font-weight:800}
.auto-decision{margin:28px auto;background:#e2effb;color:#124f87;outline:2px solid #90bfe7}
.auto-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}
.auto-results article{border:1px solid #d5e5f5;border-radius:13px;background:white;text-align:left;padding:20px}
.auto-results h3{color:#163e6b;margin:8px 0}
.auto-results p{color:#5a7590;font-size:13px;margin:0}
.auto-ok{color:#177550;font-weight:900}.auto-ng{color:#a65d15;font-weight:900}
/* Management: three independent management interfaces. */
.manage-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.manage-three article{border:1px solid #d3e5f8;border-radius:17px;background:#fff;padding:20px;display:flex;flex-direction:column;box-shadow:var(--shadow)}
.manage-top{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.manage-top span{background:#dfedff;color:#0863c0;border-radius:10px;padding:7px;font-weight:900}
.manage-top h3{margin:0;color:#173e6d;font-size:18px}
.manage-ui{border:1px solid #bbd7f2;border-radius:11px;overflow:hidden;font-size:12px;flex:1}
.manage-ui>strong{display:block;background:#0d6dce;color:white;padding:10px}
.manage-ui>div{display:flex;justify-content:space-between;gap:6px;padding:12px;border-bottom:1px solid #e0ebf8}
.manage-ui>div:last-child{border:0}
.manage-ui em{font-style:normal;color:#0b60b3}
.manage-three article>p{color:#617b96;font-size:13px;margin:15px 0 6px}
.manage-three a{color:#076acb;font-size:13px;font-weight:bold}
.manage-link-graph{display:flex;gap:10px;align-items:center;justify-content:center;padding:35px 20px;border-radius:18px;background:#edf6ff;border:1px solid #cce2f8}
.manage-link-graph div{background:white;border:1px solid #95c5f1;padding:19px 17px;border-radius:13px;font-weight:900;color:#0c4d91}
.manage-link-graph .manage-center{background:#0b73d2;color:white}
.manage-link-graph span{font-size:12px;color:#246baf;text-align:center}
/* Voice: recognizable utterance -> structured draft -> human confirmation. */
.voice-demo{display:grid;grid-template-columns:1fr 30px 1.1fr 30px .8fr;gap:13px;align-items:center;background:#f0f8ff;border:1px solid #d3e5fa;border-radius:19px;padding:24px}
.voice-demo article{background:#fff;border:1px solid #cde2f7;border-radius:15px;padding:20px;min-height:248px}
.voice-demo article>span{font-weight:900;color:#0a66bd;font-size:13px}
.voice-mic{font-size:29px}
.voice-speech blockquote{font-size:18px;line-height:1.6;color:#153c66;font-weight:800;margin:15px 0;background:#eaf5ff;padding:17px;border-radius:15px}
.voice-speech small,.voice-confirm small{font-size:11px;color:#607993}
.voice-arrow{color:#0873d5;font-size:23px;text-align:center;font-weight:900}
.voice-form h3{margin:8px 0 13px;color:#0b3d72}
.voice-form>div{display:grid;grid-template-columns:55px 1fr;gap:10px;border-bottom:1px solid #e5eef7;padding:8px 0;font-size:13px}
.voice-form small{color:#67819a}.voice-form strong{color:#1b436d}
.voice-form p{font-size:12px;color:#627d95;margin:14px 0 0}
.voice-check{background:#f3f9ff;padding:12px 9px;margin-top:10px;border-radius:8px;font-size:13px;color:#256397}
.voice-fake-btn{margin-top:15px;background:#0869c5;color:#fff;font-size:12px;text-align:center;padding:11px;border-radius:10px;font-weight:800}
.voice-uses{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.voice-uses b{display:inline-block;border-radius:99px;color:#0969bf;background:#eaf5ff;padding:3px 15px}
.voice-uses p{color:#163a6d;font-size:17px;font-weight:800;margin:13px 0}
.voice-uses small{font-size:12px;color:#607d97}
/* Support: distinguish advisory, minor fixes and separate development. */
.support-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.support-categories article{padding:23px;border:1px solid #d5e6f7;background:#fff;border-radius:16px;box-shadow:var(--shadow)}
.support-categories h3{color:#143b70;margin:11px 0}
.support-categories p{font-size:13px;color:#5a748f;min-height:65px}
.support-label{background:#eaf5ff;border-radius:9px;padding:9px;color:#0c61a8;font-weight:800;font-size:12px}
.support-cycle{background:#f0f8ff;border-radius:18px;padding:26px;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #cfe4f9}
.support-cycle>span{font-size:21px;font-weight:900;color:#3686d2}
.support-cycle-node{border:1px solid #bcd9f3;border-radius:13px;background:white;padding:17px 13px;text-align:center;flex:1}
.support-cycle-node b{display:block;color:#114781}
.support-cycle-node small{display:block;color:#657e97;font-size:11px;margin-top:5px}
.support-cycle-node.special{background:#096dca;border-color:#096dca}
.support-cycle-node.special b,.support-cycle-node.special small{color:#fff}
.support-rate{background:#eaf5ff;display:flex;gap:9px;align-items:center;flex-wrap:wrap;border-radius:13px;padding:15px;margin-top:20px;font-size:13px}
.support-rate strong{color:#0a467f}.support-rate span{background:white;padding:7px 9px;border:1px solid #cfe4fa;border-radius:9px}
.support-rate a{color:#075fc0;font-weight:bold;margin-left:auto}
@media(max-width:930px){.svc-next{flex-direction:column;align-items:stretch}.svc-next-links{flex-shrink:1}.web-map{grid-template-columns:1fr;gap:20px}.web-link{flex-direction:row}.voice-demo{grid-template-columns:1fr}.voice-demo article{min-height:0}.voice-arrow{transform:rotate(90deg)}.manage-link-graph{flex-wrap:wrap}}
@media(max-width:750px){.improve-map{flex-direction:column;gap:8px}.improve-arrow{transform:rotate(90deg);align-self:center}.improve-choice,.web-phases,.manage-three,.voice-uses,.support-categories{grid-template-columns:1fr}.auto-board{grid-template-columns:1fr}.auto-transform{transform:rotate(90deg)}.manage-link-graph{flex-direction:column}.support-cycle{flex-direction:column}.support-cycle>span{transform:rotate(90deg)}.support-cycle-node{width:100%}.svc-related{align-items:flex-start}}
@media(max-width:480px){.svc-intro h2{font-size:26px}.svc-section-heading{flex-wrap:wrap;gap:7px}.svc-part{margin-top:39px}.svc-next{padding:20px}.svc-next-links .btn{width:100%}.web-map,.auto-manual,.auto-robot,.voice-demo{padding:15px}.auto-tasks,.auto-pipeline{grid-template-columns:1fr}.auto-results{grid-template-columns:1fr}}
/* Prevent device mockups from forcing a horizontal scroll on narrow screens. */
.web-map>*{min-width:0}
.web-phone{width:min(100%,245px)}
.web-monitor{width:min(100%,370px)}
/* Responsive sizing only: keep existing pricing table scroll inside its panel. */
.pricing-panel>*{min-width:0}

/* v0.5: Distinct advisory and development pricing sections. */
.pricing-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 30px}
.pricing-path{background:#fff;border:1px solid #c8e2fa;border-radius:17px;padding:20px 23px;text-decoration:none;box-shadow:var(--shadow);transition:border-color .2s,background .2s}
.pricing-path:hover,.pricing-path:focus-visible{border-color:#1683e6;background:#f3faff}
.pricing-path small{display:block;color:#176dbb;font-size:12px;font-weight:800;margin-bottom:7px}
.pricing-path strong{display:block;color:#0b3269;font-size:20px;margin-bottom:8px}
.pricing-path span{display:block;font-size:13px;color:#59758f}
.pricing-section{margin-top:28px;scroll-margin-top:112px}
.pricing-section-head{border-bottom:2px solid #dbe9f8;padding-bottom:15px;margin-bottom:23px}
.pricing-section-head h2{color:#0b3269;font-size:clamp(23px,2.5vw,29px);margin:0 0 7px}
.pricing-section-head p{color:#567590;font-size:14px;margin:0}
.pricing-advisory{padding:27px}
.pricing-advisory .price-table{max-width:850px;min-width:420px}
.pricing-advisory .price-table th:last-child,.pricing-advisory .price-table td.price{text-align:right}
.pricing-price-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:18px}
.pricing-price-meta .switcher{margin:0}
.dev-price-summary{padding:14px 18px;background:#ecf6ff;border:1px solid #cae4fb;border-radius:12px;color:#0e4688;font-size:14px;margin:0 0 18px}
.dev-price-table{width:100%;border-collapse:collapse;font-size:14px}
.dev-price-table th{padding:15px 16px;background:#eaf5ff;color:#1a568e;text-align:left}
.dev-price-table td{padding:18px 16px;border-bottom:1px solid #e2edf9;vertical-align:middle}
.dev-price-table tbody tr:nth-child(even){background:#f8fbff}
.dev-price-table td:last-child{font-weight:900;color:#0b5099;white-space:nowrap;font-size:16px;text-align:right}
.dev-price-table th:last-child{text-align:right}
.dev-price-table td strong{font-size:15px;color:#153b68}
.dev-price-table td small{display:block;color:#647f99;font-weight:400;font-size:12px;margin-top:5px;line-height:1.55}
.dev-price-table tbody tr:hover{background:#edf7ff}
.pricing-extra-note{font-size:13px;color:#4b6b87;background:#f4faff;border-radius:12px;padding:16px;margin-top:19px}
.pricing-dev .price-table-wrap{overflow-x:auto}
.pricing-development-quote{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:23px;padding:20px;border-radius:14px;background:#eaf5ff}
.pricing-development-quote strong{color:#104783}
.pricing-development-quote p{font-size:13px;color:#56748c;margin:6px 0 0}
@media(max-width:720px){.pricing-paths{grid-template-columns:1fr}.pricing-advisory{padding:19px}.pricing-price-meta{align-items:stretch}.pricing-price-meta .switcher{width:100%}.pricing-price-meta .switcher button{flex:1}.dev-price-table th,.dev-price-table td{padding:13px 10px}.dev-price-table td:last-child{font-size:13px}.dev-price-table td strong{font-size:13px}.dev-price-table td small{font-size:11px}}

/* SKY official LINE contact */
.line-qr-link{display:block;width:min(190px,75%);margin:20px auto 8px}.line-qr{display:block;width:100%;height:auto;border-radius:8px}.line-qr-note{text-align:center;font-size:.85rem}
/* v0.8: keep mobile contact actions and region labels readable without changing content. */
@media(max-width:520px){.contact-band .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.contact-band .btn{width:100%;min-width:0;flex:none;padding-inline:8px;font-size:13px;white-space:nowrap}.tabs{display:grid;grid-template-columns:1fr;gap:8px}.tab{width:100%;min-height:48px;padding:11px 14px;font-size:14px;line-height:1.45;text-align:left}}
@media(max-width:360px){.contact-band .actions{grid-template-columns:1fr}.contact-band .btn{padding-inline:14px}}

/* v1.0: seven distinct, illustrative product screen designs (no shared mock calendar) */
.screen-row{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr)}
.screen-mock{min-width:0}.case-phone-body{padding:12px 0 4px}.case-phone .mock-head{line-height:1.45}.case-phone .case-mini-title{font-size:11px;font-weight:800;color:#244b78;margin:7px 0 11px}.case-mini-foot{font-size:10px;color:#587998}.case-mini-action,.case-secondary-action{background:#0870d1;border-radius:8px;color:#fff;font-size:11px;text-align:center;padding:9px 5px;font-weight:800;margin-top:10px}.case-secondary-action{background:#e9f3ff;color:#115594}.case-label{display:inline-flex;border-radius:40px;padding:3px 8px;background:#eff5ff;color:#34649a;font-size:10px;font-weight:800;white-space:nowrap}.case-label.ok{background:#e7f8ee;color:#157547}.case-label.wait{background:#fff3d9;color:#915b13}.case-label.info{background:#e7f3ff;color:#1766a5}.case-data-line,.case-slot{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e1eefb;padding:9px 2px;gap:8px;font-size:11px}.case-data-line strong{font-size:11px;color:#173f76}.case-date{background:#ecf6ff;color:#1c5a9d;font-size:11px;font-weight:900;padding:8px;text-align:center;border-radius:8px}.case-slot{font-size:12px}.case-slot span:first-child{font-weight:800}.case-search{border:1px solid #cbdff2;background:#f7fbff;color:#66849e;padding:9px;border-radius:9px;font-size:11px}.case-profile{display:flex;align-items:center;gap:9px;margin:12px 0}.case-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#d8eaff;color:#1057a1;font-weight:900}.case-profile strong{display:block;font-size:12px}.case-profile small{display:block;color:#7290ab;font-size:10px}.case-history{font-size:11px;background:#f3f8ff;border-radius:8px;padding:9px;color:#3b638b}.case-punch-clock{font-size:31px;font-weight:900;color:#0d579e;background:#f1f8ff;text-align:center;padding:17px 8px;border-radius:12px}.case-punch-clock small{display:block;color:#6682a5;font-size:10px;font-weight:400}.case-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:8px;margin:7px 0 13px}.case-metric{padding:10px 8px;background:#eff7ff;border-radius:10px;min-width:0}.case-metric span{display:block;color:#5d7c9c;font-size:10px}.case-metric strong{display:block;color:#0d569f;font-size:20px;line-height:1.6}.case-spark{height:75px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #bad4ed;margin:14px 0}.case-spark i{display:block;flex:1;background:#168adf;border-radius:5px 5px 0 0}.case-chat{background:#eaf6f0;border-radius:12px;padding:15px 11px;min-height:140px}.case-chat-day{text-align:center;color:#6b9383;font-size:9px;margin-bottom:14px}.case-chat-bubble{background:white;border-radius:14px 14px 14px 2px;padding:11px 10px;line-height:1.65;font-size:10px;box-shadow:0 3px 10px #285d4012}.case-chat-time{text-align:right;color:#6b9383;font-size:9px;margin-top:8px}.case-input-demo,.case-doc-choice{padding:9px;margin:6px 0;font-size:11px;background:#f7fbff;border:1px solid #d6e5f5;border-radius:8px}.case-doc-choice.selected{border-color:#2d91e3;background:#eaf6ff;color:#155fa5;font-weight:900}
.case-desk{border:1px solid #cbdff3;border-radius:10px;overflow:hidden;background:#fff;min-height:265px}.case-desk-header{background:#14518f;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:15px 13px;font-size:12px}.case-desk-header span{font-size:10px;font-weight:500;color:#e3f2ff}.case-desk>.case-metric-grid,.case-desk>.case-search,.case-desk>.case-rule,.case-desk>.case-invoice-layout{margin:13px}.case-desk .case-toolbar,.case-chart-title{margin:14px 13px;font-weight:900;font-size:13px;color:#184779}.case-toolbar span{float:right;font-size:11px;font-weight:400;color:#5d7695}.case-table{margin:0 13px 10px;border:1px solid #deecfa;border-radius:8px;overflow:hidden}.case-table-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:7px;border-bottom:1px solid #e3edf8;padding:10px 9px;font-size:11px;color:#1f4a78}.case-table-row:last-child{border:0}.case-table-head{background:#eef6fe;font-weight:900;color:#32618f}.case-table-row span{min-width:0}.case-desk-foot{background:#f5faff;padding:11px 13px;color:#507594;font-size:11px;border-top:1px solid #e2eef9}.case-customer-layout{display:grid;grid-template-columns:125px minmax(0,1fr);margin:13px;gap:12px;min-height:160px}.case-customer-list{background:#f3f8ff;border-radius:8px;overflow:hidden}.case-customer-list>div{border-bottom:1px solid #dfeaf8;padding:12px 9px;font-size:11px}.case-customer-list .selected{background:#dcebff;font-weight:900;color:#0b5ba9}.case-customer-list small{color:#7095b8;font-size:9px;margin-left:5px}.case-customer-detail h4{margin:0 0 8px;font-size:12px}.case-customer-detail h5{margin:12px 0 3px;font-size:11px;color:#416b96}.case-customer-detail p{font-size:10px;color:#55799d;padding:5px 0;margin:0}.case-bars{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;gap:9px;min-height:140px;margin:6px 20px 15px;padding-top:12px;border-bottom:1px solid #a9cfea}.case-bars>div{height:122px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:5px}.case-bars i{display:block;width:65%;border-radius:5px 5px 0 0;background:linear-gradient(#5ab7f2,#1473bf)}.case-bars span{font-size:10px;color:#587fa1}.case-rule{padding:13px;border:1px solid #e1ecf7;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:9px}.case-rule strong,.case-rule small{display:block}.case-rule strong{color:#194a7c;font-size:12px}.case-rule small{color:#6988a4;font-size:10px;margin-top:5px}.case-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 11px}.case-kanban-col{background:#edf6ff;border-radius:9px;padding:9px 7px;min-height:176px}.case-kanban-col h4{color:#1b5487;font-size:11px;margin:0 0 11px}.case-kanban-col h4 b{float:right;background:#d3e7fd;border-radius:5px;padding:1px 5px}.case-kanban-col>div{background:white;border:1px solid #d5e8f9;border-radius:7px;margin:7px 0;padding:9px 6px;font-size:10px;color:#315c85}.case-kanban-col>div small{display:block;margin-top:5px;color:#7895ad}.case-invoice-layout{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:15px}.case-invoice-sheet{border:1px solid #c7d5e5;padding:13px;box-shadow:0 6px 14px #2a629817}.case-invoice-sheet h4{border-bottom:2px solid #1c65a3;padding-bottom:11px;margin:0 0 14px;font-size:18px;color:#224967}.case-invoice-sheet h4 small{font-size:10px;color:#7e9aaa}.case-invoice-to{font-size:12px;font-weight:800;margin-bottom:20px}.case-invoice-row{display:flex;justify-content:space-between;border-bottom:1px solid #dce8f6;padding:8px 0;font-size:10px}.case-invoice-total{font-size:10px;margin-top:12px;text-align:right;color:#6587a5}.case-invoice-actions{padding-top:14px}.case-invoice-actions p{font-size:10px;color:#6284a5}.case-invoice-actions .case-mini-action{margin-top:20px}
@media(max-width:800px){.screen-row{grid-template-columns:minmax(0,1fr)}.case-desk-header{flex-wrap:wrap}}
@media(max-width:520px){.case-customer-layout{grid-template-columns:98px minmax(0,1fr)}.case-invoice-layout{grid-template-columns:minmax(0,1fr) 90px}.case-kanban{gap:4px;margin:10px 6px}.case-kanban-col{padding:7px 5px}.case-kanban-col>div{padding:7px 4px}.case-desk-header span{font-size:9px}.case-metric strong{font-size:17px}}

/* v1.0: visible confirmed baseline prices regardless of region tab */
.price-baseline{border:1px solid #acd4f6;background:linear-gradient(135deg,#eaf6ff,#fff);padding:23px;border-radius:16px;margin:20px 0 26px}.price-baseline h3{margin:0 0 8px;color:#0c4383;font-size:19px}.price-baseline>p{font-size:13px;color:#476a8e;margin:0 0 16px}.price-baseline-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.price-baseline-item{background:white;border:1px solid #d4e6f9;border-radius:12px;padding:15px;min-width:0}.price-baseline-item strong{display:block;color:#173e6a;font-size:12px;min-height:30px}.price-baseline-item .price-figure{display:block;font-size:19px;color:#075fbf;font-weight:900;margin:10px 0 2px}.price-baseline-item small{color:#567ba4;font-size:11px}.price-source-note{font-size:12px;color:#577596;margin-top:12px}.dev-price-refer{font-size:11px;color:#557d9b;display:block;margin-top:3px;line-height:1.6}.dev-price-main{font-size:15px;color:#0a58b6;font-weight:900}.dev-price-estimate{font-size:12px;color:#245887;font-weight:800}.dev-price-unknown{font-size:12px;color:#6b788b}.pricing-dev td[data-dev-price]{min-width:175px}
@media(max-width:700px){.price-baseline-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:370px){.price-baseline-list{grid-template-columns:1fr}.price-baseline{padding:15px}}