/* Reference canvas: 682 × 2048. 1rem = 10px at that width.
   Desktop scales the complete composition up to 1364px; mobile has its own reading layout. */
:root{font-size:clamp(8.8px,1.46627566vw,20px);--navy:#071a51;--text:#405f8e;--blue:#0080ff;--sky:#e8f6ff;--surface:rgba(255,255,255,.82);--radius:1.1rem;--font:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC","Segoe UI",sans-serif;color:var(--navy);background:#e9f5fd;font-family:var(--font);font-synthesis:weight;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,ol,blockquote{margin:0}button,a,input{font:inherit}button{color:inherit;border:0;padding:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:.2rem solid #0879f7;outline-offset:.3rem}html{scroll-behavior:smooth;scroll-padding-top:1.5rem}section,[id^="ability-"]{scroll-margin-top:1.5rem}.page{max-width:1364px;margin-inline:auto;background:#edf8ff;overflow:clip}.page-shell{min-height:100vh}.container{width:calc(100% - 4.8rem);margin:auto}.surface{background:var(--surface);border:.1rem solid rgba(255,255,255,.95);border-radius:var(--radius);box-shadow:0 .5rem 2rem rgba(76,163,218,.035);text-align:left}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;padding:12px 18px;background:white}.skip-link:focus{top:12px}.section-heading{text-align:center;height:4.6rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.05rem}.section-heading h2{font-size:2rem;letter-spacing:-.05rem;font-weight:850;line-height:1.37;color:var(--navy)}.section-heading p{color:#5676a4;font-size:1.1rem;line-height:1.45}.artwork-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:3.8rem;height:3.8rem}.artwork-icon img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.surface,.hero-chip,.goal-card{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}button.surface:hover{transform:translateY(-.2rem);box-shadow:0 .7rem 1.9rem rgba(40,130,220,.10);border-color:#c5e4ff}
/* First screen */
.hero-section{height:35rem;position:relative;isolation:isolate;background:radial-gradient(ellipse at 54% 8%,#b7ddfb 0,transparent 55%),linear-gradient(112deg,#e7f5ff 3%,#e7f7ff 31%,#cdeeff 64%,#e5f6ff 100%)}.hero-atmosphere{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-ribbons{position:absolute;inset:0;width:100%;height:100%}.edge-city{position:absolute;left:0;top:12.2rem;width:4.2rem;height:11.6rem;opacity:.75}.topline{height:3.1rem;padding:1rem 5.1rem 0;display:flex;align-items:flex-start;justify-content:space-between;font-size:1.12rem;line-height:1.45;font-weight:600;color:#1f467b}.topline-caption{font-size:.87rem;color:#6e94b9;font-weight:400;letter-spacing:.015rem}.hero-content{position:absolute;top:4.55rem;left:5.1rem;width:31rem;z-index:2}.hero-content h1{font-size:3.22rem;font-weight:850;letter-spacing:-.055rem;line-height:1.18;white-space:nowrap}.hero-content h1 span,.hero-content h1 strong{display:block}.hero-content h1 strong{font-weight:850;color:#0082f9;background:linear-gradient(100deg,#124489,#009aff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-intro{font-size:1.24rem;line-height:1.8;color:#274975;width:28.4rem;margin-top:.6rem;font-weight:450}.hero-chips{display:flex;gap:.55rem;margin-top:.9rem;width:28.5rem}.hero-chip{display:flex;align-items:center;gap:.45rem;padding:.5rem .65rem .5rem .45rem;background:rgba(255,255,255,.65);border:.1rem solid rgba(255,255,255,.9);border-radius:1.5rem;flex:1;min-width:0;min-height:3.8rem}.hero-chip:hover{background:white;transform:translateY(-.15rem)}.hero-chip .artwork-icon{width:2.55rem;height:2.55rem}.hero-chip b{display:block;font-size:.95rem;line-height:1.4;font-weight:800;white-space:nowrap}.hero-chip small{font-size:.7rem;color:#6483ab;display:block;white-space:nowrap;line-height:1.6}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:1.1rem;height:3.45rem;min-width:15.45rem;margin-top:1rem;padding:0 2.7rem;border-radius:2rem;font-weight:650;font-size:1.22rem;color:#fff;background:linear-gradient(116deg,#37bdff 0%,#0078ff 76%);box-shadow:0 .45rem 1.05rem #198ff225,inset 0 .1rem .15rem #ffffff50;transition:filter .2s,transform .2s}.hero-button:hover{filter:brightness(1.06);transform:translateY(-.1rem)}.hero-button svg{width:1.7rem;height:1.7rem}.hero-artwork{position:absolute;right:0;top:2.8rem;width:33.7rem;height:25.1rem;object-fit:fill;z-index:1}.stats-grid{position:absolute;top:28.1rem;left:3.2rem;right:3.2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.95rem}.stat-card{height:5.9rem;background:rgba(255,255,255,.83);border:.1rem solid #fff;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.1rem .65rem 1.6rem}.stat-value{font-size:2.23rem;line-height:1.07;font-weight:760;color:#087eff;letter-spacing:-.1rem;white-space:nowrap;font-family:Arial,var(--font)}.stat-value span{font-family:var(--font);font-size:1.35rem;font-weight:750;letter-spacing:-.08rem}.stat-label{font-size:.86rem;color:#6483ad;margin-top:.45rem;white-space:nowrap;line-height:1.25}.stat-card img{height:4.3rem;width:4.1rem;object-fit:contain;mix-blend-mode:multiply}
/* Capability cards */
.capability-section{height:32.4rem;padding-top:1.15rem;background:linear-gradient(110deg,#edf8fe,#e9f7ff 60%,#e7f5ff)}.capability-section .section-heading{height:4.85rem}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.capability-card{height:24.9rem;padding:1.05rem 1.05rem .85rem;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;overflow:hidden}.capability-top{display:flex;align-items:center;gap:.5rem;height:3.5rem;position:relative;z-index:2}.capability-top .artwork-icon{width:3.75rem;height:3.75rem;margin-left:-.15rem}.capability-top>span:last-child{min-width:0}.capability-top h3{font-size:1.4rem;font-weight:850;line-height:1.45;white-space:nowrap;letter-spacing:-.05rem}.capability-subtitle{display:block;font-size:.89rem;font-weight:550;line-height:1.45;color:#21497a;white-space:nowrap;letter-spacing:-.018rem}.capability-description{font-size:1rem;line-height:1.37;color:#5576a2;margin-top:.8rem;height:6.4rem;position:relative;z-index:2;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.capability-illustration{position:absolute;left:.5rem;right:.5rem;bottom:4.8rem;height:9.1rem;z-index:1;pointer-events:none}.capability-illustration img{width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.feature-tags{position:absolute;left:1.05rem;right:1.05rem;bottom:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem .6rem;z-index:2}.feature-tags span{background:#e5f4ff;border-radius:1.5rem;color:#446fa0;text-align:center;font-size:.88rem;line-height:1.7rem;height:1.7rem;white-space:nowrap}
/* Industry scene cards */
.industry-section{height:33.5rem;background:linear-gradient(110deg,#edf8fe,#f1faff 53%,#e7f5ff);padding-top:.55rem}.industry-section .section-heading{height:4.55rem}.industry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem .75rem}.industry-card{height:13.1rem;padding:.75rem 1rem .55rem;display:flex;flex-direction:column}.industry-top{display:flex;align-items:center;gap:.5rem;min-height:3.7rem;flex:none}.industry-top .artwork-icon{width:3.5rem;height:3.5rem;margin-left:-.1rem}.industry-top>span:last-child{min-width:0}.industry-top h3{font-size:1.06rem;line-height:1.45;font-weight:800;letter-spacing:-.035rem;white-space:nowrap}.industry-top p{font-size:.97rem;line-height:1.5;color:#5577a1;white-space:nowrap;letter-spacing:-.03rem}.industry-photo{width:100%;height:5.2rem;object-fit:cover;border-radius:.6rem;margin-top:.25rem;flex:none}.mini-steps{list-style:none;display:flex;justify-content:space-between;gap:.25rem;padding:0;margin-top:.55rem}.mini-steps li{display:flex;align-items:center;gap:.22rem;font-size:.8rem;white-space:nowrap;letter-spacing:-.025rem;color:#43658f}.mini-steps li>span{display:grid;place-items:center;width:1.1rem;height:1.1rem;flex:none;border-radius:50%;background:linear-gradient(135deg,#8edcfe,#158bff);color:white;font-family:Arial,sans-serif;font-size:.84rem;line-height:1}
/* Six cases */
.case-section{height:31.5rem;background:linear-gradient(100deg,#e8f6fe,#edf8ff 55%,#e5f4ff);padding-top:.65rem}.case-section .section-heading{height:4.85rem}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem .75rem}.case-card{height:11.9rem;display:flex;gap:.65rem;padding:.85rem 1rem .6rem;align-items:flex-start}.case-photo{width:6.5rem;height:6.5rem;object-fit:cover;border-radius:.6rem;flex:none}.case-information{min-width:0;flex:1}.case-information h3{font-size:1.1rem;line-height:1.4;font-weight:800;letter-spacing:-.035rem;white-space:nowrap}.case-period{font-size:1.05rem;line-height:1.4;color:#1689ff;white-space:nowrap;letter-spacing:-.06rem}.case-brief{font-size:.78rem;line-height:1.42;color:#50729e;margin-top:.5rem;height:2.4rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.case-brief b{font-weight:500;color:#244e80}.case-number{font-family:Arial,var(--font);font-weight:750;font-size:1.96rem;letter-spacing:-.09rem;line-height:1.03;margin-top:.3rem;color:#087dff}.case-number span{font-family:var(--font);font-size:1.05rem;font-weight:650;letter-spacing:-.03rem}.case-metric{font-size:.86rem;line-height:1.4;white-space:nowrap;letter-spacing:-.03rem;color:#5d7ca5;margin-top:.05rem}
/* 28 items, intentionally 9 / 9 / 10 as in the approved reference */
.platform-section{height:21.2rem;background:radial-gradient(ellipse at 20% 0%,#fff7,transparent 75%),linear-gradient(125deg,#e6f6ff,#e3f6ff 50%,#f1faff);padding-top:.65rem;position:relative;isolation:isolate}.platform-section:before{content:"";position:absolute;left:0;top:-2rem;width:50%;height:7rem;transform:rotate(12deg);border-bottom:1.5rem solid #ffffff38;border-radius:50%;z-index:-1}.platform-section .section-heading{height:4.55rem}.platform-grid{display:flex;flex-direction:column;gap:.3rem;padding:0 .35rem}.platform-row{display:flex;gap:.3rem}.platform-tile{flex:1;min-width:0;height:4.9rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:.5rem;background:rgba(255,255,255,.87);gap:.12rem;transition:background .2s,transform .2s}.platform-tile:hover{background:#fff;transform:translateY(-.15rem)}.platform-tile img{width:2.65rem;height:2.65rem;object-fit:contain;mix-blend-mode:multiply}.platform-tile span{font-size:.83rem;letter-spacing:-.04rem;line-height:1.45;color:#3d5c8b;white-space:nowrap}
/* Four visible cards with another two accessible by swipe / arrows */
.feedback-section{height:16.7rem;padding-top:.65rem;background:linear-gradient(115deg,#e8f6fe,#e7f6ff 70%,#e2f4ff)}.feedback-section .section-heading{height:4.95rem}.feedback-wrapper{position:relative}.feedback-rail{display:flex;gap:.65rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.2rem;overscroll-behavior-inline:contain}.feedback-rail::-webkit-scrollbar{display:none}.feedback-card{height:9.7rem;flex:0 0 calc((100% - 1.95rem)/4);padding:.85rem .75rem;display:flex;gap:.55rem;scroll-snap-align:start;min-width:0}.feedback-card>div{min-width:0}.avatar{width:4.25rem;height:4.5rem;object-fit:cover;border-radius:50%;flex:none}.feedback-quote{font-size:.92rem;line-height:1.5;color:#587ca5;height:5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.feedback-card h3{font-size:.94rem;font-weight:750;line-height:1.5;letter-spacing:-.055rem;white-space:nowrap;margin-top:.12rem}.feedback-role{font-size:.75rem;color:#809abd;line-height:1.6;white-space:nowrap;letter-spacing:-.04rem}.feedback-controls{position:absolute;right:-1rem;top:-3.4rem;display:flex;gap:.3rem;opacity:0;transition:opacity .2s;pointer-events:none}.feedback-wrapper:hover .feedback-controls,.feedback-wrapper:focus-within .feedback-controls{opacity:1;pointer-events:auto}.feedback-controls button{width:2.8rem;height:2.8rem;background:#fff;border:.1rem solid #bfdef6;border-radius:50%;font-size:2.3rem;line-height:1.05;color:#218afd}
/* Process and conversion targets */
.lower-light{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 55%,#fcfeff66,transparent 75%),linear-gradient(120deg,#e4f5ff,#edfaff 40%,#dff2ff)}.lower-light:before,.lower-light:after{content:"";position:absolute;inset:-3rem -10%;border-bottom:1.1rem solid #ffffff77;border-radius:50%;transform:rotate(13deg);z-index:-1;pointer-events:none}.lower-light:after{transform:rotate(-15deg);border-bottom:.8rem solid #ffffff77;inset:-8rem -15% 0}.workflow-section{height:11.2rem;padding-top:.05rem}.workflow-section .section-heading{height:4.45rem}.workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.workflow-item{position:relative}.workflow-card{display:flex;align-items:center;gap:.65rem;height:5.65rem;padding:.65rem .75rem;width:100%;border-radius:.95rem}.workflow-card .artwork-icon{width:4.3rem;height:4.3rem}.workflow-card>span:last-child{min-width:0}.step-number{display:block;color:#329bfa;font-family:Arial,sans-serif;font-size:1rem;line-height:1.2;font-weight:500}.workflow-card h3{font-size:1.08rem;line-height:1.45;font-weight:750;white-space:nowrap;letter-spacing:-.07rem}.workflow-card p{font-size:.93rem;line-height:1.4;color:#5878a1;white-space:nowrap;letter-spacing:-.07rem}.workflow-arrow{position:absolute;right:-1.65rem;top:1.25rem;font-family:Arial,sans-serif;line-height:1;font-size:3rem;font-weight:300;color:#7dcbff}.workflow-item:last-child .workflow-arrow{display:none}.goal-section{height:10.9rem}.goal-section .section-heading{height:4.1rem}.goal-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem}.goal-card{height:6.05rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;border-radius:.6rem}.goal-card img{width:3.35rem;height:3.25rem;object-fit:contain;mix-blend-mode:multiply}.goal-card span{font-size:.98rem;color:#355784;line-height:1.5;letter-spacing:-.035rem;white-space:nowrap}
/* Footer landscape is decoration only; headline and paragraph remain editable text. */
.page-footer{height:12.4rem;position:relative;background:linear-gradient(#e1f1ff,#f2fbff 53%,#a4d7ff);isolation:isolate;overflow:hidden}.footer-landscape{position:absolute;inset:0;z-index:-1}.footer-floor{position:absolute;bottom:0;left:0;width:100%;height:4.6rem;object-fit:fill}.footer-mountains{position:absolute;bottom:0;left:0;width:18.2rem;height:12rem;object-fit:fill}.footer-city{position:absolute;bottom:0;right:0;width:3.5rem;height:10.3rem;object-fit:fill}.footer-copy{text-align:center;position:relative;padding-top:1.8rem;margin:auto;max-width:46rem}.footer-copy h2{font-size:1.95rem;line-height:1.4;font-weight:850;letter-spacing:-.055rem;white-space:nowrap}.footer-copy p{font-size:.98rem;line-height:1.45;color:#5b79a7;white-space:pre-line;margin-top:.35rem}.footer-signature{position:absolute;right:4.9rem;top:1.55rem;width:12.6rem;height:5.8rem;object-fit:fill;mix-blend-mode:multiply}
/* Expanded information. No form, contact details, quotation widget, or backend simulation. */
.detail-dialog{font-size:16px;position:fixed;width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #d4e9fa;border-radius:20px;background:linear-gradient(145deg,#fff,#f0f9ff);color:var(--navy);box-shadow:0 30px 100px #07295740;overflow:auto;overscroll-behavior:contain}.detail-dialog::backdrop{background:#18365766;backdrop-filter:blur(5px)}.detail-inner{padding:34px;position:relative}.dialog-close{position:absolute;right:14px;top:12px;width:44px;height:44px;border-radius:50%;background:#e7f4ff;color:#447098;font-size:30px;line-height:1}.dialog-eyebrow{color:#238ef7;font-size:12px;margin-bottom:9px;letter-spacing:.06em}.detail-inner>h2{font-size:26px;line-height:1.4;max-width:calc(100% - 40px)}.dialog-subtitle{margin-top:6px;color:#6283a7;font-size:14px}.detail-image-wrap{margin-top:22px;overflow:hidden;border-radius:12px;background:#e9f6ff}.detail-image-button{display:block;width:100%;cursor:zoom-in}.detail-image-button img{width:100%;height:auto;max-height:300px;object-fit:contain}.detail-image-wrap.zoomed img{max-height:none}.detail-image-wrap.zoomed .detail-image-button{cursor:zoom-out}.image-caption{font-size:11px;color:#6a86a3;margin-top:7px}.dialog-metric{display:flex;align-items:baseline;gap:16px;padding:18px 0 8px}.dialog-metric strong{font-size:36px;color:#0887ff;font-family:Arial,sans-serif}.dialog-metric span{font-size:14px;color:#567495}.detail-block{margin-top:20px}.detail-block h3{font-size:15px;margin-bottom:7px}.detail-block p{font-size:14px;line-height:1.9;color:#49668b}.detail-note{font-size:11px;line-height:1.7;margin-top:24px;padding-top:16px;border-top:1px solid #d6e8f6;color:#859aaf}.detail-inner blockquote{font-size:19px;font-weight:500;line-height:1.9;margin-top:24px;color:#3e6087}.dialog-steps{display:flex;flex-wrap:wrap;gap:14px;padding:0;list-style:none;margin-top:24px}.dialog-steps li{display:flex;align-items:center;font-size:13px;gap:7px}.dialog-steps b{display:grid;place-items:center;font-size:12px;background:#138fff;color:#fff;border-radius:50%;width:23px;height:23px}.dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dialog-tags span{padding:6px 14px;border-radius:20px;font-size:13px;background:#dff1ff;color:#3371a9}
/* Mobile: keep the approved colors/artwork, reflow for legible H5 reading. */
@media(max-width:600px){
 :root{font-size:10px}.container{width:calc(100% - 3.6rem)}.page{width:100%;max-width:100%;overflow:clip}.topline{padding:1.6rem 2rem 0;height:4.1rem;font-size:1.18rem}.topline-caption{font-size:.76rem;max-width:16rem;text-align:right;line-height:1.45}.hero-section{height:auto;min-height:0;padding-bottom:1.7rem}.hero-content{position:relative;left:auto;top:auto;margin:1.3rem 2.5rem 0;width:auto}.hero-content h1{font-size:clamp(2.55rem,8.2vw,3.3rem);letter-spacing:-.06rem;line-height:1.23}.hero-intro{font-size:1.35rem;line-height:1.8;margin-top:1.2rem;width:auto;max-width:35rem}.hero-chips{width:100%;max-width:34rem;gap:.5rem;margin-top:1.45rem}.hero-chip{min-height:4.3rem;padding:.5rem .6rem;border-radius:1.2rem;gap:.4rem}.hero-chip b{font-size:1.12rem}.hero-chip small{font-size:.83rem}.hero-chip .artwork-icon{width:2.7rem;height:2.7rem}.hero-button{height:4.15rem;min-width:17rem;font-size:1.34rem;margin-top:1.35rem}.hero-artwork{position:relative;top:auto;right:auto;display:block;width:34rem;max-width:100%;height:auto;aspect-ratio:337/251;object-fit:fill;margin:-.3rem auto -.3rem;z-index:0}.hero-ribbons{height:80%}.edge-city{top:24rem;height:17rem;width:5.3rem}.stats-grid{position:relative;top:auto;left:auto;right:auto;margin:.5rem 1.8rem 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.stat-card{height:6.8rem;padding:1rem 1.3rem}.stat-value{font-size:2.55rem}.stat-value span{font-size:1.55rem}.stat-label{font-size:1.06rem}.stat-card img{height:4.5rem;width:4.5rem}
 .section-heading{height:auto!important;min-height:5.8rem;gap:.4rem}.section-heading h2{font-size:2.35rem;line-height:1.35;letter-spacing:-.065rem}.section-heading p{font-size:1.18rem;line-height:1.5}.capability-section,.industry-section,.case-section,.platform-section,.feedback-section,.workflow-section,.goal-section{height:auto;padding-top:2.3rem;padding-bottom:2.4rem}.capability-grid{grid-template-columns:1fr;gap:1.1rem}.capability-card{height:34rem;padding:1.6rem 1.8rem;border-radius:1.4rem}.capability-top{height:4.6rem;gap:.8rem}.capability-top .artwork-icon{width:4.9rem;height:4.9rem}.capability-top h3{font-size:1.85rem;letter-spacing:-.04rem}.capability-subtitle{font-size:1.13rem;letter-spacing:0}.capability-description{font-size:1.31rem;line-height:1.8;margin-top:1rem;height:8rem;-webkit-line-clamp:4;max-width:40rem}.capability-illustration{left:1.8rem;right:1.8rem;bottom:6.35rem;height:13.25rem}.feature-tags{bottom:1.4rem;left:1.8rem;right:1.8rem;gap:.55rem .8rem}.feature-tags span{height:2.15rem;line-height:2.15rem;font-size:1.03rem}.industry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .85rem}.industry-card{height:16.2rem;padding:.9rem .8rem .8rem;border-radius:1.05rem}.industry-top{gap:.2rem;min-height:4.8rem;align-items:flex-start}.industry-top .artwork-icon{width:2.7rem;height:2.7rem;margin-top:.5rem}.industry-top h3{font-size:1.12rem;white-space:normal;line-height:1.45;min-height:3rem;letter-spacing:-.02rem}.industry-top p{font-size:.94rem;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:2.8rem}.industry-photo{height:6.45rem;margin-top:.55rem;object-fit:cover}.mini-steps{gap:.2rem;margin-top:.7rem;justify-content:space-between}.mini-steps li{font-size:.76rem;letter-spacing:-.04rem;gap:.15rem}.mini-steps li>span{width:1.05rem;height:1.05rem;font-size:.8rem}.case-grid{grid-template-columns:1fr;gap:1rem}.case-card{height:15.2rem;padding:1.4rem;gap:1.3rem}.case-photo{width:10rem;height:10rem;border-radius:.8rem}.case-information h3{font-size:1.5rem;letter-spacing:-.01rem}.case-period{font-size:1.24rem;letter-spacing:0;margin-top:.2rem}.case-brief{font-size:1.1rem;line-height:1.55;height:3.5rem;-webkit-line-clamp:2;margin-top:.5rem}.case-number{font-size:2.5rem;margin-top:.4rem}.case-number span{font-size:1.25rem}.case-metric{font-size:1.04rem;margin-top:.15rem;letter-spacing:-.04rem}
 .platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;padding:0}.platform-row{display:contents}.platform-tile{height:6.4rem;border-radius:.65rem;gap:.1rem}.platform-tile img{width:3.65rem;height:3.65rem}.platform-tile span{font-size:1rem;letter-spacing:-.045rem}.feedback-section{padding-bottom:2.6rem}.feedback-rail{gap:1rem;margin-right:-1.8rem;padding-right:1.8rem}.feedback-card{flex-basis:29rem;height:14rem;padding:1.5rem;gap:1rem}.avatar{width:5.5rem;height:5.5rem}.feedback-quote{font-size:1.3rem;line-height:1.7;height:7.1rem;-webkit-line-clamp:3}.feedback-card h3{font-size:1.3rem;letter-spacing:0;margin-top:.4rem}.feedback-role{font-size:1.05rem}.feedback-controls{right:0;top:-3.5rem;opacity:1;pointer-events:auto}.feedback-controls button{width:2.8rem;height:2.8rem;font-size:2.1rem}.workflow-section{padding-top:1.7rem;padding-bottom:1rem}.workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.4rem}.workflow-card{height:7.4rem;gap:.6rem;padding:.8rem}.workflow-card .artwork-icon{width:4.7rem;height:4.7rem}.step-number{font-size:1.15rem}.workflow-card h3{font-size:1.23rem;letter-spacing:-.06rem}.workflow-card p{font-size:1.03rem}.workflow-arrow{right:-1.15rem;top:2.45rem;font-size:2.3rem}.workflow-item:nth-child(even) .workflow-arrow{display:none}.goal-section{padding-top:1.5rem}.goal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.goal-card{height:7.3rem;gap:.3rem}.goal-card img{width:3.9rem;height:3.6rem}.goal-card span{font-size:1.14rem}.page-footer{height:18rem}.footer-copy{padding-top:2.5rem;max-width:100%;margin:0 1.8rem}.footer-copy h2{font-size:1.94rem;letter-spacing:-.07rem;white-space:normal}.footer-copy p{font-size:1.07rem;line-height:1.65;max-width:30rem;margin:.75rem auto 0}.footer-signature{width:10rem;height:4.6rem;right:2.1rem;top:auto;bottom:2.1rem;opacity:.75}.footer-mountains{height:9rem;width:13.5rem}.footer-city{height:8.5rem;width:3rem}.footer-floor{height:4.8rem;width:100%;object-fit:cover}.detail-inner{padding:28px 22px}.detail-inner>h2{font-size:23px}.dialog-metric{flex-wrap:wrap;gap:7px 16px}.detail-dialog{border-radius:17px}
}
@media(max-width:360px){.topline-caption{max-width:13rem}.hero-content{margin-inline:2rem}.hero-chips{gap:.3rem}.hero-chip{gap:.25rem;padding:.5rem .25rem}.hero-chip b{font-size:1.04rem}.hero-chip small{font-size:.76rem}.hero-chip .artwork-icon{width:2.4rem;height:2.4rem}.industry-grid{grid-template-columns:1fr}.industry-card{height:17.7rem;padding:1rem 1.3rem}.industry-top{min-height:3.8rem;gap:.6rem;align-items:center}.industry-top .artwork-icon{width:3.5rem;height:3.5rem;margin:0}.industry-top h3{white-space:nowrap;min-height:auto;font-size:1.33rem}.industry-top p{font-size:1.06rem}.industry-photo{height:8rem}.mini-steps li{font-size:1rem}.mini-steps li>span{height:1.3rem;width:1.3rem}.case-photo{width:8rem;height:8rem}.case-card{gap:1rem;padding:1.25rem}.workflow-card{gap:.35rem;padding:.6rem}.workflow-card .artwork-icon{width:3.7rem;height:3.7rem}.workflow-card h3{font-size:1.12rem}.workflow-card p{font-size:.96rem}.hero-section{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.feedback-rail{scroll-behavior:auto}}
@media print{:root{font-size:10px}.page{width:682px;margin:0 auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}.feedback-controls,.detail-dialog{display:none}button.surface:hover{transform:none}body{background:white}}

/* v3: use the same container, SectionHeading, .surface, ArtworkIcon, rem scale
   and 600px breakpoint as the approved page. No second hero / frame-within-frame. */
.ad-preview {
  padding: .65rem 0 .9rem;
  margin: 0;
  background: linear-gradient(110deg,#edf8fe,#edf8ff 55%,#e7f5ff);
  color: var(--navy);
}
.ad-preview .ap-filters {
  display: flex;
  justify-content: center;
  gap: .5rem;
  width: min(37rem,100%);
  margin: 0 auto .85rem;
  padding: 0;
}
.ad-preview .ap-filter {
  flex: 1;
  min-width: 0;
  min-height: 2.6rem;
  border-radius: 1.5rem;
  border: .1rem solid transparent;
  background: #e5f4ff;
  color: #446fa0;
  font-size: .95rem;
  line-height: 1.5;
  padding: .4rem .3rem;
  white-space: nowrap;
  transition: color .2s,background .2s,border-color .2s;
}
.ad-preview .ap-filter:hover { background: #d9eeff; color: var(--blue); }
.ad-preview .ap-filter.is-active {
  color: #167ee8;
  background: #d9efff;
  border-color: #b8ddfb;
  font-weight: 650;
}
.ad-preview .ap-gallery {
  display: flex;
  gap: .75rem;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain;
  scrollbar-width: none;
  padding: .2rem 0 .35rem;
}
.ad-preview .ap-gallery::-webkit-scrollbar { display: none; }
.ad-preview .ap-gallery-card {
  flex: 0 0 calc((100% - 1.5rem) / 3);
  min-width: 0;
  padding: .8rem .9rem .6rem;
  display: flex;
  flex-direction: column;
  scroll-snap-align: start;
  cursor: zoom-in;
}
.ad-preview .ap-gallery-card:focus-visible { outline-offset: -.25rem; }
.ad-preview .ap-card-heading { display: flex; align-items: center; gap: .45rem; height: 3.45rem; margin-bottom: .55rem; }
.ad-preview .ap-card-heading .artwork-icon { width: 3.2rem; height: 3.2rem; }
.ad-preview .ap-card-caption { min-width: 0; }
.ad-preview .ap-card-title { display:block; font-size: 1.12rem; line-height: 1.45; font-weight: 800; letter-spacing: -.025rem; }
.ad-preview .ap-card-brand { display:block; font-size: .82rem; line-height: 1.5; color: #5577a1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ad-preview .ap-original-image { display:block; width:100%; height:auto; aspect-ratio:590 / 537; object-fit:contain; border-radius:.55rem; background:#fff; user-select:none; -webkit-user-drag:none; }
.ad-preview .ap-card-foot { display:flex; align-items:center; justify-content:space-between; gap:.4rem; min-height:2.25rem; padding-top:.45rem; font-size:.8rem; line-height:1.5; color:#6989ae; }
.ad-preview .ap-enlarge-label { display:inline-flex; align-items:center; gap:.35rem; color:#2a8ce8; }
.ad-preview svg { width:1.1rem; height:1.1rem; flex:none; display:block; }
.ad-preview .ap-gallery-bottom { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-top:.45rem; min-height:2.4rem; }
.ad-preview .ap-gallery-bottom p { color:#7d99b8; font-size:.8rem; line-height:1.5; }
.ad-preview .ap-navigation { display:flex; align-items:center; gap:.55rem; flex:none; }
.ad-preview .ap-counter { font-size:.8rem; line-height:1.5; color:#7995b5; font-family:Arial,var(--font); font-variant-numeric:tabular-nums; margin-right:.2rem; }
.ad-preview .ap-counter b { color:#238bf1; font-weight:600; }
.ad-preview .ap-navigation button { display:grid; place-items:center; width:2.4rem; height:2.4rem; background:var(--surface); border:.1rem solid #cee7fa; color:#388edb; border-radius:50%; }
.ad-preview .ap-navigation button:hover { background:#fff; border-color:#8fc9f7; }
.ad-preview .ap-navigation svg { width:1.25rem; height:1.25rem; }

/* Full-resolution viewer uses the existing detail-dialog surface and backdrop. */
.ap-viewer { padding:0; width:min(700px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); font:14px/1.6 var(--font); }
.ap-viewer:not([open]) { display:none; }
.ap-viewer[open] { display:flex; flex-direction:column; }
.ap-viewer svg { width:20px; height:20px; flex:none; display:block; }
.ap-viewer-header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:22px 24px 18px; flex:none; }
.ap-viewer-header p { font-size:11px; color:#238ef7; margin:0 0 5px; }
.ap-viewer-header h2 { color:var(--navy); font-size:20px; font-weight:750; line-height:1.45; }
.ap-viewer button { display:inline-flex; align-items:center; justify-content:center; font:inherit; }
.ap-viewer .ap-viewer-close { width:40px; height:40px; flex:none; border-radius:50%; color:#447098; background:#e7f4ff; }
.ap-viewer-canvas { padding:0 22px; overflow:auto; overscroll-behavior:contain; min-height:0; }
.ap-viewer-canvas img { width:min(590px,100%); max-width:none; height:auto; display:block; margin:auto; border-radius:8px; background:#fff; }
.ap-viewer-canvas.is-zoomed img { width:590px; }
.ap-viewer-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 24px 12px; flex:none; }
.ap-viewer-nav { display:flex; gap:14px; align-items:center; }
.ap-viewer-nav button { width:36px; height:36px; border:1px solid #cee7fa; border-radius:50%; background:#fff; color:#447098; }
.ap-viewer-nav span { color:#6283a7; font-variant-numeric:tabular-nums; font-size:12px; }
.ap-viewer .ap-viewer-zoom { display:inline-flex; gap:6px; font-size:12px; color:#1684e8; }
.ap-viewer-zoom svg { width:16px; height:16px; }
.ap-viewer-note { padding:0 24px 20px; font-size:10px; line-height:1.6; color:#8096b0; flex:none; }
.preview-only { margin:0; background:#edf8ff; }
.preview-only #app { max-width:1364px; margin:auto; }
@media(max-width:600px) {
  .ad-preview { padding-top:2.3rem; padding-bottom:2.4rem; }
  .ad-preview .ap-filters { gap:.35rem; margin-bottom:1rem; }
  .ad-preview .ap-filter { min-height:3.2rem; font-size:1.06rem; border-radius:1.6rem; }
  .ad-preview .ap-gallery { gap:1rem; padding-top:.2rem; padding-bottom:.4rem; }
  .ad-preview .ap-gallery-card { flex-basis:90%; padding:1.1rem; }
  .ad-preview .ap-card-heading { height:4.25rem; margin-bottom:.8rem; gap:.65rem; }
  .ad-preview .ap-card-heading .artwork-icon { width:3.8rem; height:3.8rem; }
  .ad-preview .ap-card-title { font-size:1.4rem; letter-spacing:0; }
  .ad-preview .ap-card-brand { font-size:1.02rem; line-height:1.6; }
  .ad-preview .ap-original-image { border-radius:.65rem; }
  .ad-preview .ap-card-foot { min-height:3.2rem; padding-top:.6rem; font-size:1.03rem; }
  .ad-preview .ap-enlarge-label svg { width:1.3rem; height:1.3rem; }
  .ad-preview .ap-gallery-bottom { margin-top:.55rem; min-height:3.2rem; }
  .ad-preview .ap-gallery-bottom p { font-size:.9rem; max-width:21rem; }
  .ad-preview .ap-navigation { gap:.6rem; }
  .ad-preview .ap-navigation button { width:3.2rem; height:3.2rem; }
  .ad-preview .ap-counter { font-size:1rem; }
  .ad-preview .ap-navigation svg { width:1.5rem; height:1.5rem; }
  .ap-viewer { width:calc(100vw - 24px); max-height:calc(100dvh - 32px); }
  .ap-viewer-header { padding:18px 17px 16px; }
  .ap-viewer-header h2 { font-size:16px; }
  .ap-viewer-canvas { padding:0 10px; }
  .ap-viewer-canvas img { border-radius:5px; }
  .ap-viewer-footer { padding:15px 17px 12px; }
  .ap-viewer-note { padding:0 17px 18px; font-size:9px; }
}
@media(max-width:360px) {
  .ad-preview .ap-filter { font-size:1rem; }
  .ad-preview .ap-gallery-bottom p { max-width:15rem; font-size:.85rem; }
}
@media(prefers-reduced-motion:reduce) {
  .ad-preview *, .ap-viewer * { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}
@media print {
  .ad-preview .ap-filters,.ad-preview .ap-gallery-bottom { display:none; }
  .ad-preview .ap-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:visible; }
  .ad-preview .ap-gallery-card { break-inside:avoid; }
  .ap-viewer { display:none!important; }
}