/* Smart Labo Works landing page — colors are referenced from tokens.css only. */
.works-header{position:sticky;top:0;z-index:50;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}
.works-header__inner{min-height:var(--header-h);display:flex;align-items:center;gap:var(--sp-5)}
.works-nav{display:flex;align-items:center;gap:var(--sp-5);margin-left:auto;font-size:var(--fs-sm);font-weight:600}.works-nav a:hover{color:var(--text-link)}.works-header__cta{margin-left:var(--sp-3)}
.works-header__cta-short{display:none}
.works-hero{position:relative;overflow:hidden;min-height:650px;padding:var(--sp-9) 0;background-color:var(--bg-subtle);background-image:url("../images/works-hero-city-network.webp");background-position:center;background-size:cover}.works-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:var(--sp-7)}
.works-hero__copy{max-width:660px}.works-kicker,.works-eyebrow{color:var(--text-link);font-size:var(--fs-xs);font-weight:800;letter-spacing:.12em}.works-hero h1{margin-top:var(--sp-4);font-size:clamp(40px,5vw,64px);line-height:1.18;letter-spacing:-.05em;text-wrap:balance}.works-hero h1 span{display:block;word-break:auto-phrase}.works-hero h1 span:last-child{color:var(--c-blue)}.works-hero__promise{margin-top:var(--sp-5);color:var(--c-navy);font-size:clamp(19px,2.1vw,25px);font-weight:800;line-height:1.65}.works-hero__lead{max-width:620px;margin-top:var(--sp-4);color:var(--text-secondary);font-size:var(--fs-body);line-height:var(--lh-loose)}.works-hero__points{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-4)}.works-hero__points li{padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-blue-light);border-radius:var(--radius-full);background:var(--bg-base);color:var(--c-navy);font-size:var(--fs-xs);font-weight:700;box-shadow:var(--shadow-sm)}
.works-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}.works-cta-note{margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-secondary)}.works-brochure-link{margin-top:var(--sp-4);font-size:var(--fs-sm)}.works-brochure-link a{color:var(--text-link);font-weight:700;text-decoration:underline;text-underline-offset:3px}.works-brochure-link a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px;border-radius:var(--radius-sm)}
.works-hero__meeting{min-width:0;padding:var(--sp-4)}.works-meeting-demo{position:relative;padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-lg);transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}.works-meeting-demo::before{content:"";position:absolute;inset:-24px -28px auto auto;width:160px;height:160px;border-radius:50%;background:var(--c-blue);filter:blur(90px);opacity:.16;pointer-events:none}.works-meeting-demo__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.works-meeting-demo__top span{color:var(--text-link);font-size:var(--fs-xs);font-weight:800;letter-spacing:.08em}.works-meeting-demo__top em{padding:var(--sp-1) var(--sp-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--fs-xs);font-style:normal;font-weight:700}.works-meeting-demo h2{margin-top:var(--sp-3);color:var(--c-navy);font-size:clamp(20px,2.2vw,28px);line-height:var(--lh-tight)}.works-meeting-demo__purpose{margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-xs);line-height:var(--lh-loose)}.works-meeting-demo__messages{display:grid;gap:var(--sp-2);margin-top:var(--sp-4)}.works-meeting-demo__messages article{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);background:var(--c-gray-050)}.works-meeting-demo__messages b{color:var(--c-navy);font-size:var(--fs-xs)}.works-meeting-demo__messages p{margin-top:2px;color:var(--text-secondary);font-size:var(--fs-xs);line-height:1.55}.works-meeting-demo__ai{margin-top:var(--sp-4);padding:var(--sp-3);border:1px solid var(--c-blue);border-radius:var(--radius-md);background:var(--bg-subtle)}.works-meeting-demo__ai>div:first-child{display:flex;align-items:center;gap:var(--sp-2)}.works-meeting-demo__ai>div:first-child span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-blue);color:var(--c-white);font-size:var(--fs-xs);font-weight:800}.works-meeting-demo__ai strong{color:var(--c-navy);font-size:var(--fs-sm)}.works-meeting-demo__ai dl{display:grid;gap:5px;margin-top:var(--sp-2)}.works-meeting-demo__ai dl div{display:grid;grid-template-columns:5.5em 1fr;gap:var(--sp-2);font-size:var(--fs-xs);line-height:1.5}.works-meeting-demo__ai dt{color:var(--text-secondary);font-weight:700}.works-meeting-demo__ai dd{margin:0;color:var(--text-primary)}.works-meeting-demo small{display:block;margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-xs)}
.works-section-head{max-width:760px;margin-bottom:var(--sp-7)}.works-section-head--center{text-align:center;margin-inline:auto}.works-section-head--center .section__lead{margin-inline:auto}.works-section-head .works-eyebrow{margin-bottom:var(--sp-3)}
.works-meeting{border-bottom:1px solid var(--border-subtle)}.works-meeting-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4);margin-bottom:var(--sp-7)}.works-meeting-values article{padding:var(--sp-5);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-sm)}.works-meeting-values span{color:var(--text-link);font-size:var(--fs-xs);font-weight:800}.works-meeting-values h3{margin-top:var(--sp-3);color:var(--c-navy);font-size:var(--fs-h4)}.works-meeting-values p{margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-sm)}.works-meeting-compare{margin-top:var(--sp-4)}.works-meeting-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-3);margin-top:var(--sp-7)}.works-meeting-flow>div{position:relative;padding:var(--sp-4);border-top:3px solid var(--c-blue);background:var(--bg-subtle)}.works-meeting-flow span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c-blue);color:var(--c-white);font-size:var(--fs-xs);font-weight:800}.works-meeting-flow strong{display:block;margin-top:var(--sp-3);color:var(--c-navy)}.works-meeting-flow p{margin-top:var(--sp-1);color:var(--text-secondary);font-size:var(--fs-xs)}
.works-compare{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-md)}.works-compare table{width:100%;border-collapse:collapse;table-layout:fixed}.works-compare caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.works-compare th,.works-compare td{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:middle}.works-compare thead th{background:var(--c-navy);color:var(--c-white);font-size:var(--fs-sm)}.works-compare thead th:first-child,.works-compare tbody th{width:18%}.works-compare tbody th{color:var(--c-navy);font-size:var(--fs-sm)}.works-compare tbody td{color:var(--text-secondary)}.works-compare tbody td:last-child{background:var(--bg-subtle);color:var(--text-primary)}.works-compare tbody tr:last-child th,.works-compare tbody tr:last-child td{border-bottom:0}.works-compare__note{margin-top:var(--sp-4);text-align:center;color:var(--text-secondary);font-size:var(--fs-xs)}
.works-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-6)}.works-feature{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-base);box-shadow:var(--shadow-md)}.works-feature__image{aspect-ratio:16/9;overflow:hidden;background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}.works-feature__image img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform var(--dur) var(--ease)}.works-feature:hover .works-feature__image img{transform:scale(1.02)}.works-feature--phone .works-feature__image img{object-position:20% top}.works-feature__body{padding:var(--sp-6)}.works-feature__num{color:var(--text-link);font-size:var(--fs-xs);font-weight:800}.works-feature h3{margin-top:var(--sp-2);font-size:var(--fs-h3)}.works-feature__body>p:last-child{margin-top:var(--sp-3);color:var(--text-secondary)}.works-demo-note{margin-top:var(--sp-5);text-align:center;color:var(--text-secondary);font-size:var(--fs-xs)}
.works-detail-links{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-5)}.works-detail-links a{padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-link);font-size:var(--fs-sm);font-weight:700}.works-detail-links a:hover{border-color:var(--c-blue);background:var(--bg-subtle)}.works-detail-links a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.works-agent .works-eyebrow{color:var(--c-blue-light);margin-bottom:var(--sp-3)}.works-agent__intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--sp-8);align-items:start}.works-agent__intro>div:last-child{padding-top:var(--sp-5)}.works-agent__intro p{color:var(--text-on-inverse-secondary)}.works-agent__intro .works-agent__catch{margin-bottom:var(--sp-3);color:var(--c-white);font-size:var(--fs-h3);font-weight:800;line-height:var(--lh-tight)}.works-agent__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);margin-top:var(--sp-7)}.works-agent__grid article{position:relative;padding:var(--sp-5);border:1px solid var(--c-navy-700);border-radius:var(--radius-lg);background:var(--c-navy-800)}.works-agent__label{display:inline-block;padding:var(--sp-1) var(--sp-2);border:1px solid var(--c-navy-600);border-radius:var(--radius-full);color:var(--c-blue-light);font-size:var(--fs-xs);font-weight:800}.works-agent__grid .works-agent__num{margin-top:var(--sp-5);color:var(--c-blue-light);font-size:var(--fs-xs);font-weight:800}.works-agent__grid h3{margin-top:var(--sp-2);color:var(--c-white);font-size:var(--fs-h3)}.works-agent__grid p{margin-top:var(--sp-3);color:var(--text-on-inverse-secondary)}.works-agent__footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--sp-7);margin-top:var(--sp-6)}.works-agent__footer>p{max-width:680px;color:var(--text-on-inverse-secondary);font-size:var(--fs-xs)}.works-agent__footer>div{text-align:center}.works-agent .works-cta-note,.works-final .works-cta-note{color:var(--text-on-inverse-secondary)}.btn--light{background:var(--c-white);border-color:var(--c-white);color:var(--c-navy)}.btn--light:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}
.works-price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin-inline:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.works-price__item{display:grid;place-items:center;align-content:center;gap:var(--sp-3);min-width:0;padding:var(--sp-7) var(--sp-5);background:var(--bg-base);text-align:center}.works-price__item+div{border-left:1px solid var(--border-subtle)}.works-price__item--agent{background:var(--bg-subtle)}.works-price__item span{font-weight:700}.works-price__item strong{color:var(--c-navy);font-size:clamp(28px,4vw,44px);white-space:nowrap}.works-price__item small{font-size:var(--fs-h4)}.works-price__item em{color:var(--text-secondary);font-size:var(--fs-xs);font-style:normal}.works-tax{text-align:center;margin-top:var(--sp-3);font-size:var(--fs-xs);color:var(--text-secondary)}.works-price-note{max-width:820px;margin:var(--sp-5) auto 0;text-align:center;color:var(--text-secondary)}
.works-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-4)}.works-flow li{padding:var(--sp-5);border-top:3px solid var(--c-blue);background:var(--bg-base);box-shadow:var(--shadow-sm)}.works-flow span{color:var(--text-link);font-weight:800}.works-flow h3{margin-top:var(--sp-4);font-size:var(--fs-h4)}.works-flow p{margin-top:var(--sp-2);color:var(--text-secondary);font-size:var(--fs-sm)}
.works-faq{border-top:1px solid var(--border-subtle)}.works-faq details{border-bottom:1px solid var(--border-subtle)}.works-faq summary{position:relative;padding:var(--sp-5) var(--sp-7) var(--sp-5) 0;cursor:pointer;font-weight:700;list-style:none}.works-faq summary::-webkit-details-marker{display:none}.works-faq summary::after{content:"＋";position:absolute;right:var(--sp-2);color:var(--text-link)}.works-faq details[open] summary::after{content:"−"}.works-faq details p{padding:0 var(--sp-7) var(--sp-5) 0;color:var(--text-secondary)}
.works-final{text-align:center}.works-final .works-eyebrow{color:var(--c-blue-light)}.works-final h2{margin-top:var(--sp-3);font-size:var(--fs-h2)}.works-final>div>p:not(.works-eyebrow):not(.works-cta-note){margin-top:var(--sp-4);color:var(--text-on-inverse-secondary)}.works-final .btn{margin-top:var(--sp-6)}
.works-footer{padding:var(--sp-7) 0;background:var(--c-navy);color:var(--text-on-inverse-secondary)}.works-footer__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-6)}.works-footer .logo__text{color:var(--c-white)}.works-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--sp-5);font-size:var(--fs-xs)}.works-footer small{font-size:var(--fs-xs)}

/* 2026-10-17 visual renewal — bright city, crisp cards, navy feature bands. */
.works-hero__meeting{min-width:0;padding:var(--sp-4)}
.works-meeting-demo{overflow:hidden;padding:0 0 var(--sp-5);border-color:var(--c-blue-light);box-shadow:var(--shadow-lg)}
.works-meeting-demo__top{padding:var(--sp-4) var(--sp-5);background:var(--c-navy)}
.works-meeting-demo__top span{color:var(--c-white);letter-spacing:.12em}
.works-meeting-demo__top em{border-color:var(--c-navy-600);background:var(--c-navy-800);color:var(--c-blue-light)}
.works-meeting-demo h2,.works-meeting-demo__purpose,.works-meeting-demo__messages,.works-meeting-demo__ai,.works-meeting-demo small{margin-right:var(--sp-5);margin-left:var(--sp-5)}
.works-meeting-demo__messages article{border:1px solid var(--border-subtle)}
.works-meeting-demo__ai{border-left-width:4px}
.works-meeting{background:var(--bg-base)}
.works-meeting-values article{position:relative;overflow:hidden;border-top:3px solid var(--c-blue);box-shadow:var(--shadow-md)}
.works-meeting-values span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bg-subtle)}
.works-feature{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}
.works-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.works-agent__grid article{border-color:var(--c-navy-600);box-shadow:var(--shadow-md)}
.works-price__item{transition:background var(--dur-fast) var(--ease)}
.works-price__item:hover{background:var(--bg-subtle)}
.works-final{background:var(--c-navy)}
@media(max-width:1080px){.works-nav{display:none}.works-header__cta{margin-left:auto}.works-hero__grid{grid-template-columns:1fr}.works-hero__meeting{max-width:820px}.works-meeting-values,.works-meeting-flow,.works-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.works-header__cta{padding:10px var(--sp-3);font-size:12px}.works-header__cta-full{display:none}.works-header__cta-short{display:inline}.works-hero{padding:var(--sp-7) 0}.works-hero h1{font-size:clamp(32px,10vw,42px)}.works-hero h1 span{display:block}.works-hero h1 span+span::before{content:none}.works-hero__promise{font-size:var(--fs-h4)}.works-actions{display:grid}.works-actions .btn{width:100%}.works-hero__meeting{padding:var(--sp-4) 0 0}.works-meeting-demo{padding:var(--sp-4);transform:none}.works-meeting-demo__messages article{padding:var(--sp-2)}.works-meeting-demo__ai dl div{grid-template-columns:5.5em minmax(0,1fr)}.works-meeting-values,.works-meeting-flow,.works-agent__intro,.works-agent__footer{grid-template-columns:1fr;gap:var(--sp-4)}.works-features,.works-agent__grid,.works-price,.works-flow{grid-template-columns:1fr}.works-compare{overflow-x:auto}.works-compare table{min-width:620px}.works-compare th,.works-compare td{padding:var(--sp-3) var(--sp-2);font-size:var(--fs-xs)}.works-compare thead th:first-child,.works-compare tbody th{width:21%}.works-agent__intro>div:last-child{padding-top:0}.works-agent__footer>div{text-align:left}.works-agent .btn{width:100%}.works-feature__body{padding:var(--sp-5)}.works-price__item{padding:var(--sp-6)}.works-price__item+div{border-left:0;border-top:1px solid var(--border-subtle)}.works-detail-links{display:grid}.works-detail-links a{text-align:center}.works-footer__inner{grid-template-columns:1fr}.works-footer nav{justify-content:flex-start}.works-final h2 br{display:none}}

@media(max-width:1080px){.works-hero{background-position:70% center}.works-hero__copy{max-width:760px}}
@media(max-width:640px){.works-hero{min-height:0;background-image:none}.works-hero h1{font-size:clamp(36px,11vw,44px)}.works-meeting-demo{padding:0 0 var(--sp-4)}.works-meeting-demo__top{padding:var(--sp-3) var(--sp-4)}.works-meeting-demo h2,.works-meeting-demo__purpose,.works-meeting-demo__messages,.works-meeting-demo__ai,.works-meeting-demo small{margin-right:var(--sp-4);margin-left:var(--sp-4)}}