:root{color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0}.site{--paper:#ffffff;--ink:#1b1f27;--muted:#5b6270;--surface:#f5f6f8;--line:#e3e6ea;--container:72rem;--radius-sm:calc(var(--radius) * 0.6);font-family:var(--font-body);color:var(--ink);background:var(--paper);line-height:1.7;font-size:1rem;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}.site main{flex:1 1}.site h1,.site h2,.site h3{font-family:var(--font-heading);font-weight:var(--heading-weight);letter-spacing:var(--heading-tracking);line-height:1.25;margin:0;overflow-wrap:anywhere}.site p{margin:0}.site a{color:inherit;text-decoration:none}.site img{max-width:100%;height:auto;display:block}.site dd,.site dl,.site ul{margin:0;padding:0}.site ul{list-style:none}.skip-link{position:absolute;left:-999px;top:0;background:var(--primary);color:var(--on-primary);padding:.5rem 1rem;z-index:100}.skip-link:focus{left:1rem;top:1rem}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:clamp(2.5rem,var(--section-y),8rem)}.section-alt{background:var(--surface)}.section-head{max-width:40rem;margin-bottom:clamp(1.5rem,calc(var(--section-y) * .45),3rem)}.eyebrow{color:var(--accent);font-weight:600;font-size:.85rem;letter-spacing:.12em;margin:0 0 .6rem}.page-head h1,.section-head h2{font-size:clamp(1.6rem,1.2rem + 1.8vw,2.4rem)}.lead,.section-intro{color:var(--muted);margin-top:.8rem;font-size:clamp(1rem,.95rem + .3vw,1.15rem);max-width:38rem}.section-more{margin-top:1.75rem}.text-link{color:var(--primary);font-weight:600}.text-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.8rem 1.4rem;border-radius:var(--radius-btn);background:var(--primary);color:var(--on-primary);font-weight:600;border:1px solid transparent;line-height:1.2;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px var(--primary-soft)}.btn-ghost{background:transparent;color:var(--primary);border-color:currentColor}.state{color:var(--muted);padding:1.25rem;border:1px dashed var(--line);border-radius:var(--radius)}.state-error{color:#a13c2f;border-color:#e9c4bd}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-inner{justify-content:space-between;gap:1rem;min-height:4rem}.brand,.nav-inner{display:flex;align-items:center}.brand{gap:.6rem;font-family:var(--font-heading);font-weight:700;font-size:1.1rem;white-space:nowrap}.brand img{height:2rem;width:auto}.nav-links{display:none;gap:.25rem}.nav-links a{display:inline-block;padding:.5rem .8rem;border-radius:var(--radius-btn);font-weight:500}.nav-cta{display:none}.nav-menu{position:relative}.nav-menu summary{list-style:none;cursor:pointer;padding:.5rem .9rem;border:1px solid var(--line);border-radius:var(--radius-btn);font-size:.9rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu-panel{position:absolute;right:0;top:calc(100% + .5rem);min-width:13rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 36px rgba(15,23,42,.14);padding:.5rem;display:grid}.nav-menu-panel a{padding:.65rem .8rem;border-radius:var(--radius-sm)}.nav-menu-panel a:hover{background:var(--surface)}.nav-menu-cta{margin-top:.4rem;background:var(--primary);color:var(--on-primary);text-align:center;font-weight:600}@media (min-width:900px){.nav-links{display:flex}.nav-cta{display:inline-flex}.nav-menu{display:none}}[data-nav=top] .nav-links a:hover{color:var(--primary);background:var(--primary-soft)}[data-nav=pill] .nav-links{background:var(--surface);padding:.25rem;border-radius:999px}[data-nav=pill] .nav-links a{border-radius:999px}[data-nav=pill] .nav-links a:hover{background:var(--paper);box-shadow:0 1px 3px rgba(15,23,42,.12)}[data-nav=underline] .nav-links a{border-radius:0;padding-inline:.2rem;margin-inline:.6rem;border-bottom:2px solid transparent}[data-nav=underline] .nav-links a:hover{border-bottom-color:var(--accent)}.hero{position:relative;overflow:hidden;background-size:cover;background-position:50%}.hero-inner{display:grid;grid-gap:2rem;gap:2rem;padding-block:clamp(3rem,calc(var(--section-y) * 1.2),9rem);position:relative}.hero h1{font-size:clamp(2rem,1.4rem + 3.2vw,3.6rem)}.hero .lead{margin-top:1rem;max-width:36rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.hero-media img{width:100%;border-radius:var(--radius);object-fit:cover;aspect-ratio:4/3}[data-hero=split] .hero-inner{align-items:center}@media (min-width:900px){[data-hero=split] .hero-inner{grid-template-columns:1.1fr .9fr;gap:3rem}}[data-hero=centered] .hero-inner{text-align:center;justify-items:center}[data-hero=centered] .hero .lead{margin-inline:auto}[data-hero=centered] .hero-actions{justify-content:center}[data-hero=centered] .hero-media{width:100%;max-width:56rem}[data-hero=stacked] .hero-media img{aspect-ratio:21/9}[data-hero=full] .hero{background-color:var(--primary-deep);background-image:linear-gradient(135deg,var(--primary),var(--primary-deep));color:#ffffff}[data-hero=full] .hero.has-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,24,.82),rgba(10,14,24,.45))}[data-hero=full] .hero-inner{min-height:62vh;align-content:center;padding-block:clamp(4rem,calc(var(--section-y) * 1.5),10rem)}[data-hero=full] .hero .eyebrow,[data-hero=full] .hero .lead{color:rgba(255,255,255,.82)}[data-hero=full] .hero .btn{background:#ffffff;color:var(--primary-deep)}[data-hero=full] .hero .btn-ghost{background:transparent;color:#ffffff;border-color:rgba(255,255,255,.6)}.page-head{padding-block:clamp(2.5rem,calc(var(--section-y) * .9),6rem) clamp(1.5rem,calc(var(--section-y) * .6),3.5rem);background:var(--surface);border-bottom:1px solid var(--line)}.grid{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:1fr}@media (min-width:640px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{position:relative;border-radius:var(--radius);padding:1.5rem;background:var(--paper)}.card h3{font-size:1.15rem;margin-bottom:.5rem}.card p{color:var(--muted)}.card img{border-radius:var(--radius-sm);aspect-ratio:16/10;object-fit:cover;width:100%;margin-bottom:1rem}.card-index{display:inline-block;font-family:var(--font-heading);font-size:.8rem;color:var(--accent);letter-spacing:.1em;margin-bottom:.6rem}[data-card=flat] .card{background:var(--surface)}[data-card=outlined] .card{border:1px solid var(--line)}[data-card=elevated] .card{box-shadow:0 12px 32px rgba(15,23,42,.08);border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}[data-card=elevated] .card:hover{box-shadow:0 18px 40px rgba(15,23,42,.12)}[data-card=borderless] .card{padding-inline:0;border-radius:0;border-top:1px solid var(--line);padding-top:1.25rem}[data-card=borderless] .grid{gap:2rem}.about-grid{display:grid;grid-gap:2rem;gap:2rem}.about-copy p{margin-bottom:1rem;font-size:1.05rem}.about-media img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}@media (min-width:900px){.about-grid.has-image{grid-template-columns:1.1fr .9fr;align-items:center}}.about-gallery{margin-top:2rem}.about-gallery img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.news-card time{display:block;color:var(--accent);font-size:.85rem;margin-bottom:.5rem}.news-card h3 a:hover{color:var(--primary)}.article-body{max-width:46rem;padding-block:clamp(2rem,calc(var(--section-y) * .8),4rem)}.article-meta{display:flex;gap:1rem;color:var(--muted);margin-top:.8rem;font-size:.95rem}.article-cover{border-radius:var(--radius);width:100%;margin-bottom:1.5rem}.article-excerpt{font-size:1.1rem;color:var(--muted);border-left:3px solid var(--accent);padding-left:1rem;margin-bottom:1.5rem}.prose{font-size:1.05rem;line-height:1.85}.prose h2,.prose h3{margin:2rem 0 .8rem}.prose ol,.prose p,.prose ul{margin:0 0 1rem}.prose ol,.prose ul{padding-left:1.4rem}.prose ul{list-style:disc}.prose img{border-radius:var(--radius);margin-block:1rem}.prose a{color:var(--primary);text-decoration:underline}.prose table{width:100%;border-collapse:collapse;margin-bottom:1rem}.prose td,.prose th{border:1px solid var(--line);padding:.5rem .75rem;text-align:left}.prose blockquote{margin:0 0 1rem;padding-left:1rem;border-left:3px solid var(--line);color:var(--muted)}.faq-list{display:grid;grid-gap:1rem;gap:1rem;max-width:48rem}.faq-item{padding:1.25rem 1.5rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line)}.faq-item dt{font-family:var(--font-heading);font-weight:var(--heading-weight);font-size:1.05rem;margin-bottom:.5rem}.faq-item dt:before{content:"Q";color:var(--accent);margin-right:.6rem;font-weight:700}.faq-item dd{color:var(--muted)}.contact-grid{display:grid;grid-gap:2rem;gap:2rem;align-items:start}@media (min-width:720px){.contact-grid{grid-template-columns:1fr auto}}.contact-list{display:grid;grid-gap:.9rem;gap:.9rem}.contact-row{display:grid;grid-template-columns:4rem 1fr;grid-gap:.75rem;gap:.75rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.contact-row dt{color:var(--muted)}.contact-row a:hover{color:var(--primary)}.contact-qr{margin:0;text-align:center;color:var(--muted);font-size:.9rem}.contact-qr img{width:10rem;border-radius:var(--radius-sm);border:1px solid var(--line);margin-bottom:.5rem}.cta-band{background:var(--primary);color:var(--on-primary)}.cta-band-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:clamp(2rem,calc(var(--section-y) * .7),4rem)}.cta-band h2{font-size:clamp(1.4rem,1.1rem + 1.4vw,2rem)}.cta-band p{opacity:.85;margin-top:.4rem}.cta-band .btn{background:var(--on-primary);color:var(--primary)}.advantage-card h3{font-size:1.2rem}.clients-strip{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem}@media (min-width:640px){.clients-strip{grid-template-columns:repeat(3,1fr)}}@media (min-width:1000px){.clients-strip{grid-template-columns:repeat(5,1fr)}}.client-item{display:grid;place-items:center;min-height:5rem;padding:1rem;border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);color:var(--muted);font-weight:600;text-align:center}.client-item img{max-height:3rem;width:auto;object-fit:contain}.team-title{color:var(--accent);font-weight:600;margin-bottom:.4rem}.team-card img{aspect-ratio:1;width:6rem;border-radius:50%}.portfolio-grid figure{margin:0}.portfolio-grid img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.portfolio-grid figcaption{margin-top:.6rem;font-weight:600}.table-wrap{overflow-x:auto}.spec-table{width:100%;border-collapse:collapse;min-width:24rem}.spec-table td,.spec-table th{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.spec-table th{width:30%;color:var(--muted);font-weight:600}.footer{border-top:1px solid var(--line);background:var(--surface);padding-block:3rem 1.5rem;font-size:.95rem}.footer-grid{display:grid;grid-gap:2rem;gap:2rem}@media (min-width:900px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}.footer-name{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.footer-positioning{color:var(--muted);max-width:28rem}.footer-links{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem}.footer-links a:hover{color:var(--primary)}.footer-contact{font-style:normal;display:grid;grid-gap:.4rem;gap:.4rem;color:var(--muted)}.footer-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}.preview-waiting{min-height:60vh;display:grid;place-items:center;color:#5b6270;font-family:system-ui,sans-serif}[data-template=minimal]{--line:#ebebeb;--surface:#fafafa;--heading-weight:500}[data-template=minimal] .section-alt{background:transparent}[data-template=minimal] .eyebrow{color:var(--muted);letter-spacing:.2em;font-weight:500}[data-template=minimal] .btn{border-radius:0}[data-template=minimal] .faq-item{border:0;border-bottom:1px solid var(--line);border-radius:0;padding-inline:0}[data-template=business] .eyebrow{text-transform:uppercase}[data-template=business] .section-head h2:after{content:"";display:block;width:3rem;height:3px;background:var(--accent);margin-top:.8rem}[data-template=tech]{--paper:#0b1020;--ink:#e8ecf8;--muted:#9aa7c7;--surface:#121a30;--line:#22305a}[data-template=tech] .hero{background-image:linear-gradient(135deg,var(--primary-deep),#0b1020 70%),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.05) 39px 40px)}[data-template=tech] .hero.has-image{background-image:none}[data-template=tech] .eyebrow{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.08em}[data-template=tech] .card{background:var(--surface)}[data-template=tech] .card:hover{border-color:var(--accent)}[data-template=tech] .faq-item,[data-template=tech] .footer,[data-template=tech] .nav-menu-panel,[data-template=tech] .page-head{background:var(--surface)}[data-template=vivid] .hero h1{background:linear-gradient(90deg,var(--primary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}[data-template=vivid] .eyebrow{display:inline-block;background:var(--accent-soft);color:var(--accent);padding:.2rem .7rem;border-radius:999px;letter-spacing:.04em}[data-template=vivid] .card-index{background:var(--primary-soft);color:var(--primary);padding:.15rem .5rem;border-radius:999px}[data-template=premium]{--paper:#faf8f4;--ink:#1c1a17;--surface:#f1ede6;--line:#e0d9cd}[data-template=premium] .eyebrow{letter-spacing:.28em;font-size:.75rem}[data-template=premium] .section-head h2:before{content:"";display:block;width:2rem;height:1px;background:var(--accent);margin-bottom:1rem}[data-template=premium] .btn{letter-spacing:.12em}[data-template=guochao]{--paper:#fbf7ef;--ink:#2b1d16;--surface:#f3ebdd;--line:#d9c7a9}[data-template=guochao] .card{box-shadow:4px 4px 0 var(--accent);border-color:var(--ink)}[data-template=guochao] .eyebrow{display:inline-block;background:var(--accent);color:#ffffff;padding:.1rem .5rem;letter-spacing:.3em}[data-template=guochao] .section-head h2{border-left:4px solid var(--primary);padding-left:.8rem}[data-template=guochao] .nav{border-bottom:2px solid var(--ink)}[data-template=warm]{--paper:#fffaf5;--surface:#fdf1e6;--line:#f0dccb}[data-template=warm] .card{box-shadow:0 14px 34px rgba(150,90,40,.12)}[data-template=warm] .btn{box-shadow:0 8px 20px var(--primary-soft)}[data-template=warm] .faq-item{border-radius:var(--radius)}[data-template=bold]{--heading-weight:900;--heading-tracking:-0.03em;--line:#1b1f27}[data-template=bold] .section{border-top:4px solid var(--ink)}[data-template=bold] .hero+.section{border-top:0}[data-template=bold] .eyebrow{text-transform:uppercase;color:var(--ink);letter-spacing:.2em}[data-template=bold] .card{border:2px solid var(--ink);background:var(--paper)}[data-template=bold] .btn{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}[data-template=bold] .btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}[data-template=airy]{--paper:#fcfcfd;--surface:#f4f5f9;--line:#e8eaf0;--heading-weight:500}[data-template=airy] .section-head{margin-inline:auto;text-align:center}[data-template=airy] .section-head h2{font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem)}[data-template=airy] .hero-inner{padding-block:clamp(4rem,calc(var(--section-y) * 1.4),10rem)}[data-template=classic]{--paper:#ffffff;--surface:#f7f6f2;--line:#d5d2c9}[data-template=classic] .nav{border-bottom:3px double var(--line)}[data-template=classic] .card{border:1px solid var(--line)}[data-template=classic] .eyebrow{color:var(--primary);letter-spacing:.18em}[data-template=classic] .section-head h2{border-bottom:1px solid var(--line);padding-bottom:.6rem}[data-template=classic] .footer{border-top:3px double var(--line)}