@import url('../tokens.css');

*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}
::selection{background:var(--color-accent);color:var(--color-paper)}
.container{width:min(100% - 8vw,1180px);margin-inline:auto}
.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-line);position:relative;z-index:20}
.brand{font-family:var(--font-display);font-size:1.15rem;font-weight:800;letter-spacing:-.055em;white-space:nowrap}
.brand-sub{display:inline-block;margin-left:.75rem;font-family:var(--font-body);font-size:.58rem;font-weight:600;letter-spacing:.03em;vertical-align:middle}
.nav{display:flex;align-items:center;gap:clamp(1rem,2.6vw,3rem);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.11em}
.nav a{white-space:nowrap;transition:color var(--dur-fast) var(--ease-out)}
.nav a:hover,.nav a[aria-current="page"],.footer-links a:hover{color:var(--color-accent)}
.nav-contact{border:1px solid var(--color-ink);border-radius:var(--radius-pill);padding:.75rem 1.15rem}
.menu-toggle{display:none}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;padding-top:2rem;color:var(--color-muted);font-family:var(--font-display);font-size:.7rem;letter-spacing:.08em}
.breadcrumb a:hover{color:var(--color-accent)}
.breadcrumb span[aria-hidden]{color:var(--color-line)}
.page-hero{padding:clamp(5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem)}
.eyebrow,.section-kicker,.case-no,.metric-label,.diagram-label,.media-kicker{font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.13em;color:var(--color-accent)}
.page-hero h1{max-width:1000px;margin:1.5rem 0 2rem;font-family:var(--font-display);font-size:clamp(3.4rem,8.5vw,8rem);font-weight:650;line-height:1.04;letter-spacing:-.085em}
.page-lead{max-width:760px;margin:0;color:var(--color-muted);font-size:clamp(1.05rem,1.7vw,1.35rem);line-height:2}
.works-index{padding-bottom:clamp(6rem,11vw,10rem)}
.works-grid{display:grid;gap:1.25rem}
.work-card{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);min-height:330px;border:1px solid var(--color-line);background:var(--color-paper);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}
.work-card:hover{transform:translateY(-4px);border-color:var(--color-accent);box-shadow:0 18px 44px rgb(23 32 42 / .1)}
.work-card:focus-visible{outline-offset:5px}
.work-card-visual{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;background:var(--color-warm);border-right:1px solid var(--color-line)}
.work-card-visual::before,.work-card-visual::after{content:"";position:absolute;border:1px solid rgb(0 166 126 / .28);border-radius:50%}
.work-card-visual::before{width:75%;aspect-ratio:1;left:-28%;top:-35%}
.work-card-visual::after{width:60%;aspect-ratio:1;right:-22%;bottom:-32%}
.visual-sequence{position:relative;z-index:1;display:flex;align-items:center;gap:.55rem}
.visual-sequence span{display:grid;place-items:center;width:3.8rem;aspect-ratio:1;border:1px solid var(--color-ink);background:var(--color-paper);font-family:var(--font-display);font-size:.67rem;font-weight:700;text-align:center}
.visual-sequence b{color:var(--color-accent);font-size:1.25rem}
.case-infographic{position:relative;z-index:1;width:100%;max-width:520px;margin:auto;padding:clamp(1.4rem,3vw,2.2rem);font-family:var(--font-display);text-align:left}
.work-card-visual:has(.case-infographic){min-height:560px;align-items:stretch;padding:1rem}
.infographic-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-ink)}
.infographic-head span,.ui-label{font-size:.62rem;font-weight:700;letter-spacing:.11em;color:var(--color-accent)}
.infographic-head strong{font-size:1rem;letter-spacing:-.035em}
.case-infographic i{font-style:normal}
.flow-stack{display:flex;flex-direction:column;gap:.65rem}
.ui-panel,.source-panel{padding:1rem;border:1px solid var(--color-line);background:rgb(255 255 255 / .92);box-shadow:0 10px 24px rgb(23 32 42 / .05)}
.ui-panel>b,.source-panel>b{display:block;margin-top:.4rem;font-size:.9rem;line-height:1.55}
.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:.8rem;border-top:1px solid var(--color-line);border-left:1px solid var(--color-line)}
.sheet-grid i{padding:.5rem .3rem;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);color:var(--color-muted);font-size:.58rem;text-align:center}
.flow-connector{display:flex;align-items:center;justify-content:center;gap:.65rem;color:var(--color-muted);font-size:.62rem;line-height:1.4;text-align:center}
.flow-connector b,.flow-arrow{color:var(--color-accent);font-size:1.05rem}
.flow-row{display:grid;grid-template-columns:1fr auto 1fr;gap:.55rem;align-items:stretch}
.flow-row .ui-panel{display:flex;flex-direction:column;justify-content:center}
.flow-arrow{display:grid;place-items:center}
.result-node{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:var(--color-ink);color:var(--color-paper)}
.result-node>span{font-size:.7rem;font-weight:700;letter-spacing:.06em}
.result-node strong{text-align:right;font-size:.72rem}
.result-node em,.outcome-strip em{display:block;color:var(--color-accent);font-size:1.65rem;font-style:normal;line-height:1.15;letter-spacing:-.055em}
.source-panel>div{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}
.source-panel i,.ai-core i{padding:.35rem .5rem;border:1px solid var(--color-line);background:var(--color-paper);font-size:.58rem}
.ai-core{position:relative;padding:1.3rem;border-radius:18px;background:var(--color-ink);color:var(--color-paper);box-shadow:0 14px 30px rgb(23 32 42 / .18)}
.ai-core>span{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.2rem;aspect-ratio:1;border-radius:50%;background:var(--color-accent);font-size:.7rem;font-weight:700}
.ai-core>strong{display:block;padding-right:3rem;font-size:1.05rem}
.ai-core>small{display:block;margin:.35rem 0 1rem;color:#B7C6C5;line-height:1.5}
.ai-core>div{display:flex;flex-wrap:wrap;gap:.35rem}.ai-core i{border-color:rgb(255 255 255 / .18);background:rgb(255 255 255 / .08)}
.role-branches{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:.55rem;margin-top:.75rem}
.role-branches article{padding:1rem;border:1px solid var(--color-line);background:var(--color-paper)}
.role-branches article span{display:block;margin-bottom:.6rem;color:var(--color-accent);font-size:.58rem;font-weight:700;letter-spacing:.1em}
.role-branches article b{font-size:.72rem;line-height:1.6}
.quality-loop{align-self:center;color:var(--color-muted);font-size:.55rem;line-height:1.8;text-align:center}
.outcome-strip{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;padding:.85rem 1rem;border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink)}
.outcome-strip span{font-size:.65rem;font-weight:700}.outcome-strip strong{text-align:right;font-size:.65rem}.outcome-strip em{font-size:1.5rem}
.pipeline-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:.65rem;border:1px solid var(--color-line);background:var(--color-paper)}
.pipeline-tabs span{padding:.65rem .45rem;color:var(--color-muted);font-size:.55rem;text-align:center;border-right:1px solid var(--color-line)}
.pipeline-tabs span:last-child{border-right:0}.pipeline-tabs span.active{background:var(--color-ink);color:var(--color-paper)}.pipeline-tabs b{display:block;margin-bottom:.2rem;color:var(--color-accent);font-size:.56rem;letter-spacing:.07em}
.dashboard-shell{padding:1rem;border:1px solid var(--color-line);background:rgb(255 255 255 / .94);box-shadow:0 14px 34px rgb(23 32 42 / .08)}
.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.dashboard-top>strong{font-size:.82rem}.dashboard-top>div{display:flex;border:1px solid var(--color-line)}.dashboard-top span{padding:.3rem .45rem;color:var(--color-muted);font-size:.5rem}.dashboard-top span.selected{background:var(--color-ink);color:var(--color-paper)}
.kpi-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:1rem 0}.kpi-row>span{padding:.65rem;border-left:2px solid var(--color-accent);background:var(--color-warm)}.kpi-row small{display:block;color:var(--color-muted);font-size:.5rem}.kpi-row b{display:block;margin-top:.25rem;font-size:.68rem}
.trend-chart{display:block;width:100%;height:auto;overflow:visible}.chart-grid path{fill:none;stroke:var(--color-line);stroke-width:1}.trend-a,.trend-b{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.trend-a{stroke:var(--color-accent)}.trend-b{stroke:#68737D}.chart-points circle:first-child{fill:var(--color-accent)}.chart-points circle:last-child{fill:#68737D}
.chart-legend{display:flex;gap:1.2rem;justify-content:flex-end;color:var(--color-muted);font-size:.55rem}.chart-legend span::before{content:"";display:inline-block;width:.8rem;height:2px;margin-right:.35rem;vertical-align:middle;background:var(--color-accent)}.chart-legend .legend-b::before{background:#68737D}
.sample-note{margin:.65rem 0 0!important;color:var(--color-muted)!important;font-size:.52rem!important;line-height:1.5!important;text-align:right}
.work-card-content{display:flex;flex-direction:column;padding:clamp(2rem,5vw,4rem)}
.work-card h2{margin:.9rem 0 .6rem;font-size:clamp(1.8rem,3.2vw,3.1rem);line-height:1.35;letter-spacing:-.065em}
.work-card h3{margin:0 0 1.25rem;color:var(--color-accent);font-size:1.05rem;line-height:1.65}
.work-card p{max-width:620px;margin:0;color:var(--color-muted);line-height:1.9}
.work-card-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.5rem 0}
.work-card-meta span{padding:.42rem .65rem;border:1px solid var(--color-line);font-family:var(--font-display);font-size:.67rem;font-weight:700;letter-spacing:.06em}
.work-card-result{margin-top:auto!important;padding-top:1.25rem;border-top:1px solid var(--color-line);color:var(--color-ink)!important;font-weight:700}
.work-card-link{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem;font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.08em}

.case-hero{padding:clamp(4rem,9vw,8rem) 0 clamp(5rem,10vw,9rem)}
.case-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(3rem,8vw,8rem);align-items:end}
.case-hero h1{margin:1.4rem 0 1.5rem;font-size:clamp(2.35rem,4.15vw,4.35rem);line-height:1.08;letter-spacing:-.08em}
.case-subtitle{max-width:720px;margin:0;color:var(--color-muted);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.9}
.case-summary{padding:2rem;border:1px solid var(--color-line);background:var(--color-warm)}
.case-summary dl{margin:0}
.case-summary div{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--color-line)}
.case-summary div:last-child{border:0}
.case-summary dt{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--color-muted)}
.case-summary dd{margin:0;font-weight:600;line-height:1.6}
.case-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink)}
.metric{min-height:190px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--color-line)}
.metric:last-child{border-right:0}
.metric strong{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,4.5rem);line-height:1;letter-spacing:-.07em;color:var(--color-accent)}
.metric p{margin:.65rem 0 0;color:var(--color-muted);line-height:1.7;font-size:.85rem}
.case-section{padding:clamp(5rem,10vw,9rem) 0;border-top:1px solid var(--color-ink)}
.case-section-head{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:2rem;margin-bottom:clamp(3rem,6vw,5rem)}
.case-section-head h2{margin:0;font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1.2;letter-spacing:-.075em}
.case-copy{max-width:820px;margin-left:auto;color:var(--color-muted);font-size:clamp(1rem,1.25vw,1.12rem);line-height:2.15}
.case-copy p:first-child{margin-top:0}
.case-copy strong{color:var(--color-ink)}
.before-after{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-line)}
.before-after article{padding:clamp(2rem,5vw,4rem)}
.before-after article+article{border-left:1px solid var(--color-line);background:var(--color-warm)}
.before-after h3{margin:1rem 0 1.2rem;font-size:clamp(1.5rem,2.5vw,2.4rem);letter-spacing:-.055em}
.before-after p{margin:0;color:var(--color-muted);line-height:2}
.process-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--color-ink);border-left:1px solid var(--color-ink)}
.process-step{position:relative;min-height:220px;padding:1.4rem;border-right:1px solid var(--color-ink);border-bottom:1px solid var(--color-ink);background:var(--color-paper)}
.process-step::after{content:"→";position:absolute;right:-.7rem;top:50%;z-index:2;display:grid;place-items:center;width:1.4rem;height:1.4rem;background:var(--color-paper);color:var(--color-accent);font-family:var(--font-display);font-weight:700}
.process-step:nth-child(3n)::after,.process-step:last-child::after{display:none}
.process-step span{color:var(--color-accent);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em}
.process-step h3{margin:2.5rem 0 .8rem;font-size:1.25rem;line-height:1.5;letter-spacing:-.04em}
.process-step p{margin:0;color:var(--color-muted);font-size:.88rem;line-height:1.8}
.diagram{padding:clamp(2rem,5vw,4rem);border:1px solid var(--color-line);background:var(--color-warm)}
.diagram h3{margin:.8rem 0 2.5rem;font-size:clamp(1.5rem,2.8vw,2.8rem);letter-spacing:-.06em}
.diagram-flow{display:flex;align-items:stretch;justify-content:center;gap:.8rem}
.diagram-node{flex:1;min-width:0;padding:1.35rem;border:1px solid var(--color-line);background:var(--color-paper);text-align:center}
.diagram-node b{display:block;margin-bottom:.6rem;font-size:1rem}
.diagram-node small{color:var(--color-muted);line-height:1.6}
.diagram-arrow{display:grid;place-items:center;color:var(--color-accent);font-size:1.5rem}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.role-card{padding:1.5rem;border:1px solid var(--color-line);background:var(--color-paper)}
.role-card strong{display:block;margin:.8rem 0 1rem;font-size:1.15rem}
.role-card ul{margin:0;padding-left:1.15rem;color:var(--color-muted);line-height:1.9}
.demo-media{margin:0;border:1px solid var(--color-line);background:var(--color-ink);color:var(--color-paper)}
.demo-placeholder{display:grid;place-items:center;min-height:clamp(280px,47vw,560px);padding:2rem;text-align:center;background:radial-gradient(circle at 15% 25%,rgb(0 166 126 / .22),transparent 26%),linear-gradient(135deg,#17202A,#23313f)}
.demo-placeholder span{display:block;margin-bottom:1rem;color:var(--color-accent);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.13em}
.demo-placeholder strong{display:block;font-size:clamp(1.3rem,2.5vw,2.3rem);line-height:1.5}
.demo-placeholder p{max-width:550px;margin:1rem auto 0;color:#B7C6C5;line-height:1.8}
.demo-media figcaption{padding:1rem 1.25rem;color:#D3E0DE;font-size:.82rem;line-height:1.7}
.anop-demo{--demo-accent:var(--color-accent);border:1px solid var(--color-line);background:var(--color-paper);font-family:var(--font-body);box-shadow:0 18px 50px rgb(23 32 42 / .08)}
.anop-demo__top{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.25rem;border-bottom:1px solid var(--color-line);font-family:var(--font-display)}
.anop-demo__top>div{display:flex;align-items:center;gap:1rem}.anop-demo__top span,.anop-demo__top>b{color:var(--color-muted);font-size:.65rem;font-weight:700;letter-spacing:.1em}.anop-demo__top strong{font-size:.9rem;letter-spacing:-.03em}
.anop-demo__stage{position:relative;min-height:clamp(430px,40vw,520px);overflow:hidden;background:linear-gradient(135deg,#f7faf9,#edf4f2)}
.anop-demo__scene{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:clamp(1.25rem,2.5vw,2.25rem)}
.anop-demo__scene.is-active{display:flex}.anop-demo__scene[aria-hidden="true"]{display:none}
.anop-demo__window,.anop-demo__app{width:min(100%,980px);border:1px solid var(--color-line);background:var(--color-paper);box-shadow:0 20px 55px rgb(23 32 42 / .12)}
.anop-demo__windowbar{height:42px;display:flex;align-items:center;gap:.45rem;padding:0 1rem;border-bottom:1px solid var(--color-line);background:#f8faf9}.anop-demo__windowbar i{width:7px;height:7px;border-radius:50%;background:var(--color-line)}.anop-demo__windowbar i:first-child{background:var(--demo-accent)}.anop-demo__windowbar span{margin-left:.45rem;color:var(--color-muted);font-family:var(--font-display);font-size:.64rem;font-weight:700;letter-spacing:.05em}
.anop-demo__sheet,.anop-demo__batchtable{padding:1rem}.anop-demo__sheet>div,.anop-demo__batchtable>div{display:grid;grid-template-columns:.55fr 1.55fr 1fr .65fr;border-left:1px solid var(--color-line)}.anop-demo__sheet span,.anop-demo__sheet b,.anop-demo__sheet em,.anop-demo__batchtable span,.anop-demo__batchtable b,.anop-demo__batchtable time,.anop-demo__batchtable em{padding:.8rem;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:.72rem;font-style:normal;line-height:1.4}.anop-demo__sheethead{border-top:1px solid var(--color-line);background:var(--color-warm);color:var(--color-muted);font-family:var(--font-display);font-weight:700}.anop-demo__sheet em,.anop-demo__batchtable em{color:var(--demo-accent);font-weight:700}.anop-demo__newrow{background:rgb(0 166 126 / .08)}
.anop-demo__hint{position:absolute;left:50%;bottom:1.25rem;transform:translateX(-50%);padding:.6rem .9rem;border:1px solid var(--demo-accent);background:var(--color-paper);color:var(--demo-accent);font-family:var(--font-display);font-size:.68rem;font-weight:700;white-space:nowrap}
.anop-demo__app{display:grid;grid-template-columns:210px 1fr;min-height:390px}.anop-demo__app aside{padding:1.4rem;border-right:1px solid var(--color-line);background:var(--color-ink);color:var(--color-paper)}.anop-demo__app aside>span{display:block;color:var(--demo-accent);font-family:var(--font-display);font-size:.64rem;font-weight:700;letter-spacing:.08em}.anop-demo__app aside>b{display:block;margin:2rem 0 .7rem;font-size:.8rem}.anop-demo__app ul{margin:0;padding:0;list-style:none}.anop-demo__app li{padding:.7rem;border-bottom:1px solid rgb(255 255 255 / .13);color:#c4cfce;font-size:.74rem}.anop-demo__app li.is-selected{border-left:2px solid var(--demo-accent);background:rgb(255 255 255 / .08);color:var(--color-paper)}.anop-demo__app main{padding:clamp(1.5rem,4vw,3rem)}.anop-demo__app-label{color:var(--demo-accent);font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.08em}.anop-demo__app h3{margin:.6rem 0 1.5rem;font-size:1.4rem}.anop-demo__formrow{display:grid;grid-template-columns:8rem 1fr;padding:.8rem 0;border-bottom:1px solid var(--color-line);font-size:.78rem}.anop-demo__formrow span{color:var(--color-muted)}.anop-demo__lineitem{display:flex;align-items:center;gap:.8rem;margin-top:1.5rem;padding:1rem;border:1px solid var(--demo-accent);background:rgb(0 166 126 / .06);font-size:.75rem}.anop-demo__lineitem i{width:8px;height:8px;border-radius:50%;background:var(--demo-accent)}.anop-demo__lineitem em{margin-left:auto;color:var(--demo-accent);font-style:normal;font-weight:700}
.anop-demo__taskhead{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.4rem;border-bottom:1px solid var(--color-line)}.anop-demo__taskhead span{display:block;color:var(--demo-accent);font-size:.62rem;font-weight:700}.anop-demo__taskhead b{font-size:.9rem}.anop-demo__taskhead em{padding:.4rem .6rem;border:1px solid var(--demo-accent);color:var(--demo-accent);font-size:.62rem;font-style:normal;font-weight:700}.anop-demo__tasklist{padding:1rem 1.4rem}.anop-demo__tasklist>div{display:grid;grid-template-columns:2rem 1fr auto 5rem;gap:.7rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-line);font-size:.75rem}.anop-demo__check{display:grid;place-items:center;width:1.3rem;aspect-ratio:1;border:1px solid var(--demo-accent);background:var(--demo-accent);color:var(--color-paper);font-size:.65rem;font-style:normal}.anop-demo__tasklist span{color:var(--color-muted)}.anop-demo__tasklist time{padding:.4rem .5rem;border:1px solid var(--color-line);text-align:center}
.anop-demo__batchtable>div{grid-template-columns:1.6fr .8fr .8fr}.anop-demo__batchtable>div:first-child{border-top:1px solid var(--color-line);background:var(--color-warm);color:var(--color-muted);font-family:var(--font-display);font-weight:700}
.anop-demo__integration{display:grid;grid-template-columns:minmax(180px,.65fr) auto minmax(280px,1.35fr);align-items:center;gap:.75rem;width:min(100%,1000px)}.anop-demo__gas,.anop-demo__backlog{border:1px solid var(--color-line);background:var(--color-paper);box-shadow:0 18px 44px rgb(23 32 42 / .09)}.anop-demo__gas{position:relative;padding:2rem;text-align:center}.anop-demo__gas>span{display:grid;place-items:center;width:3rem;aspect-ratio:1;margin:0 auto 1rem;border-radius:50%;background:var(--color-ink);color:var(--demo-accent);font-family:var(--font-display);font-weight:700}.anop-demo__gas>b{font-size:.8rem}.anop-demo__gas>i{display:block;width:70%;height:3px;margin:1.4rem auto 0;overflow:hidden;background:var(--color-line)}.anop-demo__gas>i::after{content:"";display:block;width:40%;height:100%;background:var(--demo-accent)}.anop-demo__transfer{color:var(--demo-accent);font-size:1.5rem}.anop-demo__backlog>div{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-line);font-size:.7rem;font-weight:700}.anop-demo__backlog em{color:var(--demo-accent);font-style:normal}.anop-demo__backlog ul{margin:0;padding:1rem;list-style:none}.anop-demo__backlog li{padding:.7rem;border-bottom:1px solid var(--color-line);font-size:.72rem}.anop-demo__backlog li i{margin-right:.6rem;color:var(--demo-accent);font-style:normal}.anop-demo__success{position:absolute;bottom:1.25rem;left:50%;display:flex;align-items:center;gap:.8rem;transform:translateX(-50%);padding:.75rem 1rem;border:1px solid var(--demo-accent);background:var(--color-paper);box-shadow:0 12px 30px rgb(23 32 42 / .12);white-space:nowrap}.anop-demo__success>i{display:grid;place-items:center;width:1.6rem;aspect-ratio:1;border-radius:50%;background:var(--demo-accent);color:var(--color-paper);font-style:normal}.anop-demo__success b,.anop-demo__success small{display:block;font-size:.66rem}.anop-demo__success small{margin-top:.2rem;color:var(--color-muted)}
.anop-demo__result{text-align:center}.anop-demo__result>span{display:block;color:var(--color-muted);font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.1em}.anop-demo__result strong{display:flex;align-items:baseline;justify-content:center;margin:1rem 0;color:var(--demo-accent);font-family:var(--font-display);line-height:1}.anop-demo__result strong>b{font-size:clamp(6rem,16vw,12rem);letter-spacing:-.1em}.anop-demo__result strong>em{font-size:clamp(1.6rem,4vw,3.4rem);font-style:normal}.anop-demo__result p{margin:0;color:var(--color-muted);font-size:.85rem}
.anop-demo__controls{display:grid;grid-template-columns:auto 1fr;gap:1rem 1.5rem;padding:1.2rem 1.25rem;border-top:1px solid var(--color-line);background:var(--color-paper)}.anop-demo__buttons{display:flex;gap:.55rem;grid-row:1 / 3}.anop-demo__buttons button{min-width:7rem;padding:.75rem 1rem;border:1px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);cursor:pointer;font-family:var(--font-display);font-size:.72rem;font-weight:700}.anop-demo__buttons button:first-child{background:var(--color-ink);color:var(--color-paper)}.anop-demo__buttons button:hover{border-color:var(--demo-accent)}.anop-demo__timeline{display:flex;align-items:center;gap:1rem}.anop-demo__timeline progress{width:100%;height:5px;border:0;background:var(--color-line);accent-color:var(--demo-accent)}.anop-demo__timeline progress::-webkit-progress-bar{background:var(--color-line)}.anop-demo__timeline progress::-webkit-progress-value{background:var(--demo-accent)}.anop-demo__timeline progress::-moz-progress-bar{background:var(--demo-accent)}.anop-demo__timeline span{flex:0 0 auto;color:var(--color-muted);font-family:var(--font-display);font-size:.62rem}.anop-demo__controls>p{margin:0;color:var(--color-muted);font-size:.76rem;line-height:1.7}
.anop-demo__transcript{border-top:1px solid var(--color-line);padding:1rem 1.25rem}.anop-demo__transcript summary{cursor:pointer;font-family:var(--font-display);font-size:.7rem;font-weight:700}.anop-demo__transcript ol{margin:1rem 0 0;padding-left:1.3rem;color:var(--color-muted);font-size:.75rem;line-height:1.9}.anop-demo__noscript{padding:1rem 1.25rem;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:.8rem}
.anop-demo__newrow,.anop-demo__lineitem,.anop-demo__tasklist>div,.anop-demo__batchtable>div:not(:first-child),.anop-demo__success{animation-duration:1s;animation-fill-mode:both;animation-play-state:paused}.anop-demo__newrow{animation-name:demo-slide-in;animation-delay:2.2s}.anop-demo__lineitem{animation-name:demo-slide-in;animation-delay:1.8s}.anop-demo__tasklist>div{animation-name:demo-slide-in}.anop-demo__tasklist>div:nth-child(1){animation-delay:.7s}.anop-demo__tasklist>div:nth-child(2){animation-delay:1.5s}.anop-demo__tasklist>div:nth-child(3){animation-delay:2.3s}.anop-demo__batchtable>div:nth-child(2){animation-name:demo-row-in;animation-delay:.6s}.anop-demo__batchtable>div:nth-child(3){animation-name:demo-row-in;animation-delay:1.3s}.anop-demo__batchtable>div:nth-child(4){animation-name:demo-row-in;animation-delay:2s}.anop-demo__success{animation-name:demo-rise;animation-delay:2.2s}.anop-demo.is-playing .anop-demo__scene.is-active *{animation-play-state:running}.anop-demo__gas>i::after{animation:demo-loading 1.1s linear infinite;animation-play-state:paused}.anop-demo.is-playing .anop-demo__gas>i::after{animation-play-state:running}
.anop-demo.is-resetting *{animation:none!important}

/* CASE 02 production demo */
.anop-demo--case02 .anop-demo__stage{background:linear-gradient(135deg,#f8faf9,#eef5f3)}
.anop-demo2__product-sheet,.anop-demo2__ai,.anop-demo2__editor,.anop-demo2__review,.anop-demo2__ec{width:min(100%,980px);border:1px solid var(--color-line);background:var(--color-paper);box-shadow:0 20px 55px rgb(23 32 42 / .12)}
.anop-demo2__sheet{padding:1rem}.anop-demo2__sheet-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr .75fr;border-left:1px solid var(--color-line)}.anop-demo2__sheet-row>*{min-width:0;padding:.8rem;border-right:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:.7rem;font-style:normal;line-height:1.45}.anop-demo2__sheet-row.is-head{border-top:1px solid var(--color-line);background:var(--color-warm);color:var(--color-muted);font-family:var(--font-display);font-weight:700}.anop-demo2__sheet-row em{color:var(--demo-accent);font-weight:700}.anop-demo2__photo{color:var(--color-muted);font-family:var(--font-display);letter-spacing:.04em}.anop-demo2__sheet-new{background:rgb(0 166 126 / .07)}
.anop-demo2__ai>header,.anop-demo2__editor>.anop-demo2__toolbar,.anop-demo2__ec>header{display:flex;align-items:center;gap:1rem;min-height:44px;padding:.65rem 1rem;border-bottom:1px solid var(--color-line);background:#f8faf9}.anop-demo2__ai>header span,.anop-demo2__editor>.anop-demo2__toolbar span,.anop-demo2__ec>header span{color:var(--demo-accent);font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.09em}.anop-demo2__ai>header b,.anop-demo2__editor>.anop-demo2__toolbar b,.anop-demo2__ec>header b{font-size:.76rem}.anop-demo2__ai>header em,.anop-demo2__ec>header em{margin-left:auto;color:var(--color-muted);font-size:.58rem;font-style:normal}
.anop-demo2__ai-grid{display:grid;grid-template-columns:.72fr 1.28fr;min-height:350px}.anop-demo2__ai-grid>aside{padding:1.4rem;border-right:1px solid var(--color-line);background:var(--color-ink);color:var(--color-paper)}.anop-demo2__ai-grid>aside>span,.anop-demo2__ai-grid>main>span,.anop-demo2__editor-grid aside>span,.anop-demo2__review span{display:block;color:var(--demo-accent);font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.08em}.anop-demo2__ai-grid>aside>strong{display:block;margin:1.25rem 0;font-size:1.05rem}.anop-demo2__ai-grid dl{margin:0}.anop-demo2__ai-grid dl>div{padding:.65rem 0;border-bottom:1px solid rgb(255 255 255 / .15)}.anop-demo2__ai-grid dt{color:#94a4a3;font-size:.6rem}.anop-demo2__ai-grid dd{margin:.25rem 0 0;font-size:.72rem}.anop-demo2__ai-grid>main{padding:1.1rem 1.3rem}.anop-demo2__instruction{display:grid;grid-template-columns:2rem 6rem 1fr;align-items:center;gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--color-line)}.anop-demo2__instruction i{display:grid;place-items:center;width:1.65rem;aspect-ratio:1;border-radius:50%;background:rgb(0 166 126 / .1);color:var(--demo-accent);font-size:.58rem;font-style:normal;font-weight:700}.anop-demo2__instruction b{font-size:.7rem}.anop-demo2__instruction p{margin:0;color:var(--color-muted);font-size:.7rem;line-height:1.5}
.anop-demo2__editor-grid{display:grid;grid-template-columns:155px 1fr 120px;min-height:360px}.anop-demo2__editor-grid>aside{padding:1rem;background:var(--color-ink);color:var(--color-paper)}.anop-demo2__editor-grid aside ul,.anop-demo2__editor-grid aside ol{margin:1rem 0 0;padding:0;list-style:none}.anop-demo2__editor-grid aside li{padding:.55rem 0;border-bottom:1px solid rgb(255 255 255 / .14);color:#c6d1d0;font-size:.65rem}.anop-demo2__editor-grid>main{display:grid;place-items:center;padding:1.2rem;background:#e5ebe9}.anop-demo2__canvas{display:grid;grid-template-columns:.95fr 1.05fr;width:min(100%,560px);min-height:285px;background:var(--color-paper);box-shadow:0 14px 30px rgb(23 32 42 / .14)}.anop-demo2__canvas-photo{display:flex;flex-direction:column;justify-content:space-between;padding:1.2rem;background:linear-gradient(145deg,#d9e7e4,#f8faf9);color:var(--color-ink)}.anop-demo2__canvas-photo span{font-size:.52rem;letter-spacing:.08em}.anop-demo2__canvas-photo b{font-size:1.35rem;line-height:1.05;letter-spacing:-.04em}.anop-demo2__canvas-copy{display:flex;flex-direction:column;justify-content:center;padding:1.3rem}.anop-demo2__canvas-copy strong{font-size:1.05rem;line-height:1.45}.anop-demo2__canvas-copy p{margin:.8rem 0;color:var(--color-muted);font-size:.62rem;line-height:1.6}.anop-demo2__canvas-copy div{display:flex;gap:.35rem}.anop-demo2__canvas-copy i{padding:.35rem .45rem;border:1px solid var(--demo-accent);color:var(--demo-accent);font-size:.55rem;font-style:normal;font-weight:700}.anop-demo2__layers{background:#26333d!important}.anop-demo2__layers li{color:#aebdbc!important}
.anop-demo2__review{display:grid;grid-template-columns:1.2fr .8fr;min-height:370px}.anop-demo2__review-preview{position:relative;display:flex;flex-direction:column;padding:1.4rem;background:#e7edeb}.anop-demo2__mini-product{display:grid;grid-template-columns:.9fr 1.1fr;flex:1;margin-top:1rem;background:var(--color-paper);box-shadow:0 14px 34px rgb(23 32 42 / .12)}.anop-demo2__mini-product>i{background:linear-gradient(145deg,#cfe1dd,#f7faf9)}.anop-demo2__mini-product>div{display:flex;flex-direction:column;justify-content:center;padding:1.4rem}.anop-demo2__mini-product b{font-size:1rem;line-height:1.5}.anop-demo2__mini-product p{color:var(--color-muted);font-size:.68rem}.anop-demo2__comment{position:absolute;right:1rem;bottom:1rem;padding:.55rem .7rem;border:1px solid #e19062;background:#fff8f2;color:#a65324;font-size:.62rem;font-weight:700}.anop-demo2__review>aside{padding:1.4rem}.anop-demo2__review ul{margin:1.2rem 0;padding:0;list-style:none}.anop-demo2__review li{display:flex;align-items:center;gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--color-line);font-size:.68rem}.anop-demo2__review li i,.anop-demo2__approved>i,.anop-demo2__register>i{display:grid;place-items:center;width:1.35rem;aspect-ratio:1;border-radius:50%;background:var(--demo-accent);color:white;font-style:normal}.anop-demo2__approved,.anop-demo2__register{display:flex;align-items:center;gap:.65rem;padding:.7rem;border:1px solid var(--demo-accent);background:rgb(0 166 126 / .06)}.anop-demo2__approved b,.anop-demo2__approved small,.anop-demo2__register b,.anop-demo2__register small{display:block;font-size:.62rem}.anop-demo2__approved small,.anop-demo2__register small{margin-top:.15rem;color:var(--color-muted)}
.anop-demo2__ec-grid{display:grid;grid-template-columns:.65fr 1.35fr;min-height:350px}.anop-demo2__ec-image{display:flex;flex-direction:column;padding:1.3rem;border-right:1px solid var(--color-line);background:#edf3f1}.anop-demo2__ec-image span{color:var(--demo-accent);font-size:.56rem;font-weight:700}.anop-demo2__ec-image i{flex:1;margin:.9rem 0;background:linear-gradient(145deg,#cfe1dd,#f9fbfa)}.anop-demo2__ec-image b{font-size:.75rem}.anop-demo2__ec main{padding:1rem 1.3rem}.anop-demo2__ec label{display:grid;grid-template-columns:7rem 1fr;padding:.65rem 0;border-bottom:1px solid var(--color-line);font-size:.68rem}.anop-demo2__ec label span{color:var(--color-muted)}.anop-demo2__register{margin-top:1rem}.anop-demo2__result h3{margin:-.35rem 0 1rem;font-size:clamp(1.1rem,2vw,1.5rem)}.anop-demo2__result p{max-width:620px;line-height:1.8}
.anop-demo2__sheet-new,.anop-demo2__instruction,.anop-demo2__canvas-photo,.anop-demo2__canvas-copy>*,.anop-demo2__review li,.anop-demo2__comment,.anop-demo2__approved,.anop-demo2__ec label,.anop-demo2__register{animation:demo-slide-in .75s both paused}.anop-demo2__sheet-new{animation-delay:2.2s}.anop-demo2__instruction:nth-child(2){animation-delay:.45s}.anop-demo2__instruction:nth-child(3){animation-delay:1.25s}.anop-demo2__instruction:nth-child(4){animation-delay:2.05s}.anop-demo2__instruction:nth-child(5){animation-delay:2.85s}.anop-demo2__canvas-photo{animation-delay:.4s}.anop-demo2__canvas-copy>strong{animation-delay:1.15s}.anop-demo2__canvas-copy>p{animation-delay:2s}.anop-demo2__canvas-copy>div{animation-delay:2.8s}.anop-demo2__review li:nth-child(1){animation-delay:.3s}.anop-demo2__review li:nth-child(2){animation-delay:.75s}.anop-demo2__review li:nth-child(3){animation-delay:1.2s}.anop-demo2__review li:nth-child(4){animation-delay:1.65s}.anop-demo2__comment{animation-delay:2.1s}.anop-demo2__approved{animation-delay:3.05s}.anop-demo2__ec label:nth-child(1){animation-delay:.35s}.anop-demo2__ec label:nth-child(2){animation-delay:.9s}.anop-demo2__ec label:nth-child(3){animation-delay:1.45s}.anop-demo2__register{animation-delay:2.25s}

/* CASE 03 analytics demo */
.anop-demo--case03 .anop-demo__stage{background:#eef3f2}.anop-demo--case03 .anop-demo__scene{padding-bottom:2.7rem}
.anop-demo3__overview,.anop-demo3__history,.anop-demo3__dashboard,.anop-demo3__compare,.anop-demo3__insights,.anop-demo3__value{width:min(100%,980px);border:1px solid var(--color-line);background:var(--color-paper);box-shadow:0 20px 55px rgb(23 32 42 / .12)}
.anop-demo3__overview>header,.anop-demo3__history>header,.anop-demo3__insights>header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-line);background:#f8faf9}.anop-demo3__overview>header span,.anop-demo3__history>header span,.anop-demo3__insights>header span,.anop-demo3__dash-head span,.anop-demo3__compare header span{color:var(--demo-accent);font-family:var(--font-display);font-size:.6rem;font-weight:700;letter-spacing:.09em}.anop-demo3__overview>header b,.anop-demo3__history>header b,.anop-demo3__insights>header b{font-size:.76rem}.anop-demo3__overview>header em,.anop-demo3__history>header em{margin-left:auto;color:var(--color-muted);font-size:.58rem;font-style:normal}
.anop-demo3__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;padding:1.1rem}.anop-demo3__kpis article,.anop-demo3__mini-kpis article{padding:1rem;border:1px solid var(--color-line)}.anop-demo3__kpis span,.anop-demo3__kpis small,.anop-demo3__mini-kpis span{display:block;color:var(--color-muted);font-size:.6rem}.anop-demo3__kpis strong{display:block;margin:.45rem 0;font-family:var(--font-display);font-size:1.65rem;letter-spacing:-.04em}.anop-demo3__questions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:0 1.1rem 1.1rem}.anop-demo3__questions p{margin:0;padding:1rem;border-left:2px solid var(--demo-accent);background:rgb(0 166 126 / .06);font-size:.75rem;font-weight:700}
.anop-demo3__history-flow{display:grid;grid-template-columns:.65fr auto 1.35fr;align-items:center;gap:1rem;padding:1.25rem}.anop-demo3__source{padding:1.2rem;border:1px solid var(--color-line);text-align:center}.anop-demo3__source span,.anop-demo3__source b{display:block}.anop-demo3__source span{color:var(--color-muted);font-size:.62rem}.anop-demo3__source b{margin:.6rem 0;font-size:.72rem}.anop-demo3__source i{display:inline-block;padding:.35rem .6rem;background:var(--color-ink);color:white;font-size:.58rem;font-style:normal}.anop-demo3__arrow{color:var(--demo-accent);font-size:1.4rem}.anop-demo3__records{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.anop-demo3__records article{padding:.8rem;border:1px solid var(--color-line);background:#f8faf9}.anop-demo3__records time,.anop-demo3__records b{display:block;font-size:.58rem}.anop-demo3__records time{color:var(--demo-accent);font-weight:700}.anop-demo3__records b{margin:.6rem 0}.anop-demo3__records span{display:block;height:3rem;background:repeating-linear-gradient(to bottom,var(--color-line) 0 1px,transparent 1px 12px)}.anop-demo3__history-status{display:flex;align-items:center;gap:.7rem;margin:0 1.25rem 1.25rem;padding:.7rem;border:1px solid var(--demo-accent);background:rgb(0 166 126 / .06)}.anop-demo3__history-status>i{display:grid;place-items:center;width:1.5rem;aspect-ratio:1;border-radius:50%;background:var(--demo-accent);color:white;font-style:normal}.anop-demo3__history-status b,.anop-demo3__history-status small{display:block;font-size:.62rem}.anop-demo3__history-status small{margin-top:.15rem;color:var(--color-muted)}
.anop-demo3__dashboard{display:grid;grid-template-columns:140px 1fr;min-height:385px}.anop-demo3__dashboard>aside{padding:1rem;background:var(--color-ink);color:white}.anop-demo3__dashboard>aside>span{color:var(--demo-accent);font-family:var(--font-display);font-size:.62rem;font-weight:700}.anop-demo3__dashboard>aside ul{margin:1.2rem 0 0;padding:0;list-style:none}.anop-demo3__dashboard>aside li{padding:.65rem;border-bottom:1px solid rgb(255 255 255 / .14);color:#aebdbc;font-size:.62rem}.anop-demo3__dashboard>aside li.is-active{border-left:2px solid var(--demo-accent);color:white}.anop-demo3__dashboard>main{padding:1rem}.anop-demo3__dash-head,.anop-demo3__compare>header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.anop-demo3__dash-head b,.anop-demo3__compare header b{display:block;margin-top:.25rem;font-size:.85rem}.anop-demo3__period{display:flex;gap:.3rem}.anop-demo3__period i,.anop-demo3__compare-tabs span{padding:.35rem .55rem;border:1px solid var(--color-line);color:var(--color-muted);font-size:.56rem;font-style:normal}.anop-demo3__period i.is-active,.anop-demo3__compare-tabs span.is-active{border-color:var(--demo-accent);background:var(--demo-accent);color:white}.anop-demo3__mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin:.8rem 0}.anop-demo3__mini-kpis article{padding:.55rem}.anop-demo3__mini-kpis b{display:block;margin-top:.25rem;font-size:.8rem}.anop-demo3__chart{height:175px;border:1px solid var(--color-line);background:#fbfcfc}.anop-demo3__chart svg,.anop-demo3__compare-chart svg{display:block;width:100%;height:100%;overflow:visible}.anop-demo3__grid path{fill:none;stroke:#dce5e3;stroke-width:1}.anop-demo3__line,.anop-demo3__spark{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.anop-demo3__line--green{stroke:var(--demo-accent)}.anop-demo3__line--blue{stroke:#718a9a}.anop-demo3__points{fill:var(--demo-accent)}.anop-demo3__content-row{display:flex;align-items:center;gap:1rem;padding:.5rem .65rem;border:1px solid var(--color-line);border-top:0;font-size:.58rem}.anop-demo3__content-row b{margin-left:auto}.anop-demo3__content-row em{color:var(--demo-accent);font-style:normal}
.anop-demo3__compare{padding:1rem 1.2rem}.anop-demo3__compare-legend{display:grid;grid-template-columns:auto auto auto auto;align-items:center;gap:.35rem;font-size:.58rem}.anop-demo3__compare-legend i{display:grid;place-items:center;width:1.25rem;aspect-ratio:1;border-radius:50%;background:var(--demo-accent);color:white;font-style:normal}.anop-demo3__compare-legend i:nth-of-type(2){background:#718a9a}.anop-demo3__compare-tabs{display:flex;gap:.35rem;margin:.8rem 0}.anop-demo3__compare-chart{height:250px;border:1px solid var(--color-line);background:#fbfcfc}.anop-demo3__axis text{fill:var(--color-muted);font-size:11px}.anop-demo3__compare-caption{margin:.65rem 0 0;color:var(--color-muted);font-size:.64rem;text-align:center}
.anop-demo3__insights{padding-bottom:1rem}.anop-demo3__insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding:1rem}.anop-demo3__insight-grid article{padding:1rem;border:1px solid var(--color-line)}.anop-demo3__insight-grid article>div{display:flex;align-items:center;gap:.5rem}.anop-demo3__insight-grid article>div i{display:grid;place-items:center;width:1.4rem;aspect-ratio:1;border-radius:50%;background:var(--demo-accent);color:white;font-style:normal;font-weight:700}.anop-demo3__insight-grid article:nth-child(2)>div i{background:#718a9a}.anop-demo3__insight-grid article>div span{font-size:.62rem;font-weight:700}.anop-demo3__insight-grid strong{display:block;margin:.65rem 0;font-size:.78rem}.anop-demo3__insight-grid svg{width:100%;height:75px;overflow:visible}.anop-demo3__insight-grid circle{fill:var(--color-paper);stroke-width:3}.anop-demo3__insight-grid article:first-child circle{stroke:var(--demo-accent)}.anop-demo3__insight-grid article:nth-child(2) circle{stroke:#718a9a}.anop-demo3__insight-grid small{color:var(--color-muted);font-size:.56rem}.anop-demo3__decision{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:0 1rem;padding:.7rem;border:1px solid var(--demo-accent);background:rgb(0 166 126 / .06);font-size:.7rem}.anop-demo3__decision b{color:var(--demo-accent)}.anop-demo3__decision em{margin-left:1rem;color:var(--color-muted);font-size:.55rem;font-style:normal}
.anop-demo3__value{position:relative;display:grid;place-items:center;min-height:390px;overflow:hidden;text-align:center}.anop-demo3__value>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.1}.anop-demo3__value>svg path{fill:none;stroke:var(--demo-accent);stroke-width:4}.anop-demo3__value>svg path+path{stroke:#718a9a}.anop-demo3__value>div{position:relative;z-index:1;padding:2rem}.anop-demo3__value span{color:var(--demo-accent);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.1em}.anop-demo3__value h3{margin:1rem 0;font-size:clamp(2rem,4vw,3.8rem);line-height:1.25;letter-spacing:-.06em}.anop-demo3__value p{max-width:620px;margin:0 auto;color:var(--color-muted);font-size:.75rem;line-height:1.8}.anop-demo3__sample-note{position:absolute;z-index:5;left:50%;bottom:.45rem;width:100%;margin:0;transform:translateX(-50%);color:var(--color-muted);font-size:.55rem;text-align:center}
.anop-demo3__questions p,.anop-demo3__records article,.anop-demo3__history-status,.anop-demo3__mini-kpis article,.anop-demo3__content-row,.anop-demo3__compare-tabs .is-active,.anop-demo3__compare-caption,.anop-demo3__insight-grid article,.anop-demo3__decision{animation:demo-slide-in .7s both paused}.anop-demo3__questions p:first-child{animation:none;opacity:1}.anop-demo3__questions p:nth-child(2){animation-delay:1.2s}.anop-demo3__records article:nth-child(1){animation-delay:.25s}.anop-demo3__records article:nth-child(2){animation-delay:.8s}.anop-demo3__records article:nth-child(3){animation-delay:1.35s}.anop-demo3__records article:nth-child(4){animation-delay:1.9s}.anop-demo3__history-status{animation-delay:2.7s}.anop-demo3__mini-kpis article:nth-child(1){animation-delay:.2s}.anop-demo3__mini-kpis article:nth-child(2){animation-delay:.55s}.anop-demo3__mini-kpis article:nth-child(3){animation-delay:.9s}.anop-demo3__line,.anop-demo3__spark{animation:demo-draw 2s ease-out .9s forwards paused}.anop-demo3__content-row{animation-delay:2.8s}.anop-demo3__compare-tabs .is-active{animation-delay:.35s}.anop-demo3__compare .anop-demo3__line--green{animation-delay:.8s}.anop-demo3__compare .anop-demo3__line--blue{animation-delay:1.5s}.anop-demo3__compare-caption{animation-delay:2.7s}.anop-demo3__insight-grid article:first-child{animation-delay:.3s}.anop-demo3__insight-grid article:nth-child(2){animation-delay:1s}.anop-demo3__decision{animation-delay:2.4s}

@keyframes demo-slide-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes demo-row-in{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}@keyframes demo-rise{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes demo-loading{from{transform:translateX(-120%)}to{transform:translateX(250%)}}@keyframes demo-draw{to{stroke-dashoffset:0}}
.result-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0;padding:0;list-style:none}
.result-list li{padding:1.5rem;border:1px solid var(--color-line);line-height:1.8}
.result-list li::before{content:"↗";display:block;margin-bottom:1rem;color:var(--color-accent);font-family:var(--font-display);font-weight:700}
.case-conclusion{padding:clamp(2rem,5vw,4rem);border-left:3px solid var(--color-accent);background:var(--color-warm)}
.case-conclusion h2{margin:0 0 1rem;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.06em}
.case-conclusion p{max-width:820px;margin:0;color:var(--color-muted);line-height:2}
.case-navigation{padding:clamp(4rem,8vw,7rem) 0;border-top:1px solid var(--color-line)}
.case-navigation-top{display:flex;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.case-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.case-nav-card{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem;border:1px solid var(--color-line);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}
.case-nav-card:hover{border-color:var(--color-accent);background:var(--color-warm)}
.case-nav-card span{color:var(--color-accent);font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em}
.case-nav-card strong{display:block;margin-top:.5rem;line-height:1.6}
.contact-cta{padding:clamp(5rem,10vw,9rem) 0;background:var(--color-ink);color:var(--color-paper)}
.contact-cta-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3rem;align-items:end}
.contact-cta h2{max-width:760px;margin:1.4rem 0 0;font-size:clamp(2.6rem,6vw,6rem);line-height:1.12;letter-spacing:-.08em}
.contact-cta a{display:inline-flex;align-items:center;gap:2rem;padding:1rem 1.4rem;border:1px solid var(--color-accent);color:var(--color-paper);font-family:var(--font-display);font-size:.82rem;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.contact-cta a:hover{background:var(--color-accent)}
footer{padding:4rem 0 2rem;background:var(--color-ink);color:var(--color-paper)}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:7rem}
.footer-brand{margin:0;font-family:var(--font-display);font-size:clamp(3rem,7vw,7rem);font-weight:700;letter-spacing:-.08em;line-height:1}
.footer-brand span{color:var(--color-accent)}
.footer-tagline{color:#B7C6C5;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em}
.footer-right{display:flex;justify-content:space-between;gap:2rem;align-items:start}
.footer-capabilities,.footer-links{display:flex;flex-direction:column;gap:.8rem;font-family:var(--font-display);font-size:.82rem}
.footer-bottom{display:flex;justify-content:space-between;gap:2rem;padding-top:1.5rem;border-top:1px solid rgb(255 255 255 / .3)}
.footer-meta{color:rgb(255 255 255 / .7);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.12em}
.reveal{opacity:0;transform:translateY(24px);transition:opacity var(--dur-mid) var(--ease-out),transform var(--dur-mid) var(--ease-out)}
.reveal.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .work-card{grid-template-columns:1fr}
  .work-card-visual{min-height:240px;border-right:0;border-bottom:1px solid var(--color-line)}
  .case-hero-grid{grid-template-columns:1fr}
  .case-summary{max-width:620px}
  .case-metrics{grid-template-columns:1fr}
  .metric{min-height:140px;border-right:0;border-bottom:1px solid var(--color-line)}
  .metric:last-child{border-bottom:0}
  .case-section-head{grid-template-columns:1fr;gap:1rem}
  .case-copy{margin-left:0}
  .process-flow{grid-template-columns:1fr 1fr}
  .process-step:nth-child(3n)::after{display:grid}
  .process-step:nth-child(2n)::after,.process-step:last-child::after{display:none}
  .contact-cta-grid{grid-template-columns:1fr;align-items:start}
}

@media(max-width:640px){
  .container{width:min(100% - 2.5rem,1180px)}
  .topbar{height:70px}
  .menu-toggle{display:block;border:0;background:transparent;padding:.75rem 0 .75rem .75rem;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.06em}
  .nav{display:none;position:absolute;top:70px;left:-1.25rem;right:-1.25rem;padding:1.5rem 1.25rem 2rem;background:var(--color-paper);border-bottom:1px solid var(--color-line);flex-direction:column;align-items:flex-start;gap:1.3rem;box-shadow:0 18px 30px rgb(23 32 42 / .08)}
  .nav.is-open{display:flex}
  .breadcrumb{padding-top:1.2rem}
  .page-hero,.case-hero{padding:4rem 0}
  .page-hero h1{font-size:clamp(2.7rem,14vw,4.4rem)}
  .case-hero h1{font-size:clamp(1.65rem,8.1vw,3.4rem)}
  .work-card h2{font-size:2rem}
  .work-card-content{padding:1.6rem}
  .visual-sequence span{width:3.1rem}
  .work-card-visual:has(.case-infographic){min-height:auto;padding:.5rem}
  .case-infographic{padding:1.25rem .8rem}
  .infographic-head{align-items:flex-start;flex-direction:column-reverse;gap:.4rem}
  .flow-row{grid-template-columns:1fr}
  .flow-arrow{transform:rotate(90deg)}
  .role-branches{grid-template-columns:1fr}
  .quality-loop{padding:.2rem 0}
  .outcome-strip{align-items:flex-start;flex-direction:column}
  .outcome-strip strong{text-align:left}
  .case-section{padding:4rem 0}
  .before-after,.role-grid,.result-list,.case-nav-grid{grid-template-columns:1fr}
  .before-after article+article{border-left:0;border-top:1px solid var(--color-line)}
  .process-flow{grid-template-columns:1fr}
  .process-step{min-height:auto}
  .process-step::after,.process-step:nth-child(3n)::after{content:"↓";display:grid;top:auto;right:50%;bottom:-.7rem;transform:translateX(50%)}
  .process-step:last-child::after{display:none}
  .diagram-flow{flex-direction:column}
  .diagram-arrow{transform:rotate(90deg)}
  .demo-placeholder{min-height:260px}
  .anop-demo__top{align-items:flex-start}.anop-demo__top>div{align-items:flex-start;flex-direction:column;gap:.35rem}
  .anop-demo__stage{min-height:540px}.anop-demo__scene{padding:.75rem}
  .anop-demo__sheet,.anop-demo__batchtable{padding:.55rem}.anop-demo__sheet span,.anop-demo__sheet b,.anop-demo__sheet em,.anop-demo__batchtable span,.anop-demo__batchtable b,.anop-demo__batchtable time,.anop-demo__batchtable em{padding:.55rem .35rem;font-size:.58rem;overflow-wrap:anywhere}
  .anop-demo__hint{bottom:1rem;font-size:.58rem}
  .anop-demo__app{grid-template-columns:1fr;min-height:auto}.anop-demo__app aside{padding:1rem;border-right:0;border-bottom:1px solid var(--color-line)}.anop-demo__app aside>b{margin:.8rem 0 .5rem}.anop-demo__app ul{display:flex}.anop-demo__app li{flex:1;padding:.5rem .35rem;font-size:.58rem}.anop-demo__app main{padding:1.2rem}.anop-demo__formrow{grid-template-columns:6rem 1fr}.anop-demo__lineitem{align-items:flex-start;flex-wrap:wrap}.anop-demo__lineitem em{width:100%;margin-left:1rem}
  .anop-demo__taskhead{align-items:flex-start;padding:1rem}.anop-demo__tasklist{padding:.5rem 1rem}.anop-demo__tasklist>div{grid-template-columns:1.5rem 1fr auto;gap:.45rem}.anop-demo__tasklist>div>span{display:none}.anop-demo__tasklist time{font-size:.62rem}
  .anop-demo__integration{grid-template-columns:1fr;gap:.6rem}.anop-demo__gas{padding:1rem}.anop-demo__gas>span{width:2.4rem;margin-bottom:.5rem}.anop-demo__gas>i{margin-top:.8rem}.anop-demo__transfer{transform:rotate(90deg);text-align:center}.anop-demo__backlog li{padding:.5rem}.anop-demo__success{bottom:1rem}
  .anop-demo__controls{grid-template-columns:1fr}.anop-demo__buttons{grid-row:auto}.anop-demo__buttons button{flex:1;min-width:0}.anop-demo__timeline{grid-row:auto}.anop-demo__controls>p{grid-column:1}
  .anop-demo--case02 .anop-demo__stage{min-height:560px}
  .anop-demo2__sheet{padding:.5rem}.anop-demo2__sheet-row{grid-template-columns:1.15fr 1fr .85fr}.anop-demo2__sheet-row>*{padding:.55rem .35rem;font-size:.57rem;overflow-wrap:anywhere}.anop-demo2__sheet-row>*:nth-child(3){display:none}.anop-demo2__sheet-row>*:nth-child(5){display:none}
  .anop-demo2__ai>header,.anop-demo2__editor>.anop-demo2__toolbar,.anop-demo2__ec>header{align-items:flex-start;flex-direction:column;gap:.2rem;padding:.55rem .7rem}.anop-demo2__ai>header em,.anop-demo2__ec>header em{margin-left:0}.anop-demo2__ai-grid{grid-template-columns:1fr;min-height:auto}.anop-demo2__ai-grid>aside{padding:.75rem;border-right:0;border-bottom:1px solid var(--color-line)}.anop-demo2__ai-grid>aside>strong{margin:.55rem 0}.anop-demo2__ai-grid dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.anop-demo2__ai-grid dl>div{padding:.35rem 0}.anop-demo2__ai-grid>main{padding:.65rem .8rem}.anop-demo2__instruction{grid-template-columns:1.6rem 4.4rem 1fr;gap:.35rem;padding:.38rem 0}.anop-demo2__instruction i{width:1.35rem}.anop-demo2__instruction b,.anop-demo2__instruction p{font-size:.57rem}
  .anop-demo2__editor-grid{grid-template-columns:1fr;min-height:auto}.anop-demo2__editor-grid>aside{padding:.55rem .75rem}.anop-demo2__editor-grid aside ul{display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;margin:.45rem 0 0}.anop-demo2__editor-grid aside li{padding:.3rem .1rem;font-size:.52rem}.anop-demo2__editor-grid>main{padding:.65rem}.anop-demo2__canvas{min-height:245px}.anop-demo2__canvas-photo,.anop-demo2__canvas-copy{padding:.75rem}.anop-demo2__canvas-photo b{font-size:1rem}.anop-demo2__canvas-copy strong{font-size:.76rem}.anop-demo2__layers{display:none}
  .anop-demo2__review{grid-template-columns:1fr;min-height:auto}.anop-demo2__review-preview{padding:.7rem}.anop-demo2__mini-product{min-height:170px;margin-top:.5rem}.anop-demo2__mini-product>div{padding:.8rem}.anop-demo2__mini-product b{font-size:.72rem}.anop-demo2__comment{right:.65rem;bottom:.65rem;font-size:.52rem}.anop-demo2__review>aside{padding:.7rem}.anop-demo2__review ul{display:grid;grid-template-columns:1fr 1fr;gap:0 .6rem;margin:.5rem 0}.anop-demo2__review li{padding:.35rem 0;font-size:.54rem}.anop-demo2__approved{padding:.5rem}
  .anop-demo2__ec-grid{grid-template-columns:.7fr 1.3fr;min-height:340px}.anop-demo2__ec-image{padding:.7rem}.anop-demo2__ec main{padding:.65rem}.anop-demo2__ec label{grid-template-columns:1fr;gap:.2rem;padding:.45rem 0;font-size:.57rem}.anop-demo2__register{align-items:flex-start;padding:.5rem}.anop-demo2__result p{max-width:290px}
  .anop-demo--case03 .anop-demo__stage{min-height:560px}.anop-demo--case03 .anop-demo__scene{padding-bottom:2rem}
  .anop-demo3__overview>header,.anop-demo3__history>header,.anop-demo3__insights>header{align-items:flex-start;flex-direction:column;gap:.2rem;padding:.55rem .7rem}.anop-demo3__overview>header em,.anop-demo3__history>header em{margin-left:0}.anop-demo3__kpis{grid-template-columns:1fr 1fr;gap:.45rem;padding:.7rem}.anop-demo3__kpis article{padding:.65rem}.anop-demo3__kpis article:last-child{grid-column:1 / -1}.anop-demo3__kpis strong{font-size:1.15rem}.anop-demo3__questions{grid-template-columns:1fr;gap:.4rem;padding:0 .7rem .7rem}.anop-demo3__questions p{padding:.65rem;font-size:.62rem}
  .anop-demo3__history-flow{grid-template-columns:1fr;gap:.5rem;padding:.7rem}.anop-demo3__source{padding:.6rem}.anop-demo3__arrow{transform:rotate(90deg);text-align:center}.anop-demo3__records{grid-template-columns:1fr 1fr;gap:.35rem}.anop-demo3__records article{padding:.5rem}.anop-demo3__records span{height:1.6rem}.anop-demo3__history-status{margin:0 .7rem .7rem;padding:.5rem}
  .anop-demo3__dashboard{grid-template-columns:1fr;min-height:auto}.anop-demo3__dashboard>aside{padding:.55rem .7rem}.anop-demo3__dashboard>aside ul{display:flex;margin:.4rem 0 0}.anop-demo3__dashboard>aside li{flex:1;padding:.35rem;font-size:.52rem}.anop-demo3__dashboard>main{padding:.65rem}.anop-demo3__dash-head{align-items:flex-start}.anop-demo3__mini-kpis{gap:.3rem;margin:.5rem 0}.anop-demo3__mini-kpis article{padding:.4rem}.anop-demo3__chart{height:185px}.anop-demo3__content-row{padding:.4rem}
  .anop-demo3__compare{padding:.7rem}.anop-demo3__compare>header{align-items:flex-start;flex-direction:column}.anop-demo3__compare-legend{grid-template-columns:auto 1fr auto 1fr;width:100%}.anop-demo3__compare-chart{height:265px}.anop-demo3__axis text{font-size:20px}.anop-demo3__compare-caption{line-height:1.5}
  .anop-demo3__insight-grid{grid-template-columns:1fr;gap:.45rem;padding:.7rem}.anop-demo3__insight-grid article{padding:.55rem}.anop-demo3__insight-grid article:nth-child(2){display:none}.anop-demo3__insight-grid svg{height:90px}.anop-demo3__decision{align-items:flex-start;flex-direction:column;gap:.2rem;margin:0 .7rem;padding:.55rem}.anop-demo3__decision em{margin-left:0}.anop-demo3__value{min-height:410px}.anop-demo3__value>div{padding:1rem}.anop-demo3__value h3{font-size:1.8rem}.anop-demo3__sample-note{bottom:.35rem;padding:0 .5rem;font-size:.5rem}
  .case-navigation-top{display:grid;gap:1rem}
  .contact-cta h2{font-size:2.6rem}
  .footer-grid{grid-template-columns:1fr;margin-bottom:4rem}
  .footer-right{display:grid}
  .footer-bottom{display:block}
  .footer-meta{display:block;margin-bottom:.7rem}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.work-card,.case-nav-card{transition:none}.anop-demo *{animation:none!important;transition:none!important}.anop-demo__newrow,.anop-demo__lineitem,.anop-demo__tasklist>div,.anop-demo__batchtable>div,.anop-demo__success,.anop-demo2__sheet-new,.anop-demo2__instruction,.anop-demo2__canvas-photo,.anop-demo2__canvas-copy>*,.anop-demo2__review li,.anop-demo2__comment,.anop-demo2__approved,.anop-demo2__ec label,.anop-demo2__register,.anop-demo3__questions p,.anop-demo3__records article,.anop-demo3__history-status,.anop-demo3__mini-kpis article,.anop-demo3__content-row,.anop-demo3__compare-tabs .is-active,.anop-demo3__compare-caption,.anop-demo3__insight-grid article,.anop-demo3__decision{opacity:1!important;transform:none!important}.anop-demo__success{transform:translateX(-50%)!important}.anop-demo3__line,.anop-demo3__spark{stroke-dashoffset:0!important}}