/* DAXIN QIUQIU — Midnight / neon / gold */
:root{color-scheme:dark;--bg:#070a15;--panel:#0d1324;--text:#f1f6ff;--muted:#afbdd4;--cyan:#64f7ed;--pink:#f98bdb;--gold:#ffd36b;--line:#26354b;--space:clamp(1.25rem,4vw,4.5rem);--max:1280px;font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;color:var(--text);background:var(--bg);font-size:16px;line-height:1.75}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#73aaff06 1px,transparent 1px),linear-gradient(90deg,#73aaff06 1px,transparent 1px);background-size:64px 64px}
::selection{color:#071016;background:var(--cyan)}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,select{cursor:pointer}
button{color:inherit}
img{display:block;max-width:100%}
svg{display:block;width:22px;height:22px;fill:currentColor;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.3;text-wrap:balance}
h2{font-size:clamp(1.9rem,3.2vw,2.85rem);font-weight:800;letter-spacing:-.035em}
h3{font-size:1.2rem}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
main{overflow:clip}
section[id]{scroll-margin-top:20px}
.site-header{position:sticky;top:0;z-index:50;width:100%;min-height:90px;padding:15px var(--space);display:flex;align-items:center;gap:28px;border-bottom:1px solid #68ecff26;background:#070b17ed;backdrop-filter:blur(18px)}
.site-header::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan) 35%,#a183ff 68%,transparent);opacity:.65}
.site-header.scrolled{box-shadow:0 8px 36px #0008}
.brand{display:flex;align-items:center;gap:12px;margin-right:auto;flex-shrink:0}
.brand-mark{width:54px;height:54px;padding:3px;background:#fff;border:1px solid var(--gold);box-shadow:0 0 22px #ffc64c30}
.brand-mark img{width:100%;height:100%;object-fit:contain}
.brand strong{font-size:1.15rem;display:block;letter-spacing:.03em;line-height:1.4}
.brand small{display:block;font-size:.75rem;letter-spacing:.17em;color:var(--gold);margin-top:3px}
.desktop-nav{display:flex;align-items:center;gap:clamp(18px,2vw,32px)}
.desktop-nav a{position:relative;font-size:.9375rem;color:#c1cee0;padding:10px 0;white-space:nowrap}
.desktop-nav a::after{content:"";position:absolute;bottom:3px;left:0;height:2px;width:0;background:var(--cyan);box-shadow:0 0 10px var(--cyan);transition:width .22s}
.desktop-nav a:hover,.desktop-nav a:focus-visible{color:var(--cyan)}
.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{width:100%}
.nav-cta,.btn,.contact-link{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 23px;border:1px solid #72f7ed88;background:#0c292d;color:var(--cyan);font-size:.9375rem;font-weight:650;line-height:1.4;clip-path:polygon(0 0,calc(100% - 11px) 0,100% 11px,100% 100%,11px 100%,0 calc(100% - 11px));transition:transform .2s ease,background .2s ease,color .2s ease,filter .2s ease;overflow:hidden;isolation:isolate}
.nav-cta::before,.btn::before,.contact-link::before{content:"";position:absolute;inset:0;transform:translateX(-130%) skewX(-25deg);background:linear-gradient(90deg,transparent,#fff5,transparent);pointer-events:none;transition:transform .6s ease}
.nav-cta:hover::before,.btn:hover::before,.contact-link:hover::before{transform:translateX(130%) skewX(-25deg)}
.nav-cta:hover,.btn:hover,.contact-link:hover{transform:translateY(-3px);background:#163d42;filter:drop-shadow(0 0 12px #41fff33b)}
.nav-cta:focus-visible,.btn:focus-visible,.contact-link:focus-visible{outline-offset:-4px;outline:3px solid var(--gold)}
.btn.primary{background:var(--cyan);color:#061316;border-color:var(--cyan);box-shadow:inset 0 0 26px #e1fffa77}
.btn.primary:hover{background:#a5fff8;filter:drop-shadow(0 0 14px #46f9ec66)}
.btn.secondary{color:#f0dcff;border-color:#ae88d97a;background:#21182eaa}
.btn.secondary:hover{background:#36204b;filter:drop-shadow(0 0 12px #dd58ff55)}
.menu-toggle{display:none;min-width:46px;min-height:46px;background:#0c1d29;border:1px solid var(--line);padding:12px}
.menu-toggle span{display:block;height:2px;background:var(--cyan);margin:6px 0}
.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;min-height:710px;padding:100px var(--space) 90px;background:#060911;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;z-index:-3}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#060a13df 0%,#070b1460 46%,#070a1510 76%),linear-gradient(0deg,#070a15,transparent 28%,transparent 75%,#070a1555)}
.hero::after{content:"";position:absolute;bottom:25px;right:var(--space);width:150px;height:4px;background:linear-gradient(90deg,var(--cyan) 0 60%,transparent 60% 65%,var(--pink) 65% 100%);box-shadow:0 0 16px #65eaff42}
.hero-content{width:min(100%,var(--max));margin:0 auto}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--cyan);font-size:.8125rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}
.eyebrow-line{width:35px;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);flex-shrink:0}
.hero-title{font-size:clamp(3.75rem,7vw,6.5rem);max-width:780px;font-weight:900;letter-spacing:-.05em;line-height:1.16}
.text-neon{color:var(--cyan);background:linear-gradient(100deg,#85fff0,#82cfff 65%,#d8a0ff);background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{color:#c0cbdd;font-size:1.125rem;line-height:1.9;max-width:580px;margin:30px 0 34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-actions .btn{padding:17px 25px;font-size:1rem}
.trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:38px;color:#abbacf;font-size:.875rem}
.trust-row span{padding-left:12px;border-left:2px solid #5b6e86}
.stats-band{display:grid;grid-template-columns:repeat(3,1fr);max-width:var(--max);margin:0 auto;padding:28px 0;border-bottom:1px solid var(--line)}
.stat{padding:4px 28px;border-right:1px solid var(--line);display:flex;align-items:center;gap:18px}
.stat:last-child{border:0}
.stat strong{color:#e9f8ff;font-size:clamp(1.4rem,2vw,1.85rem);font-family:"Segoe UI",sans-serif;font-weight:700;white-space:nowrap}
.stat span{font-size:.875rem;color:var(--muted);line-height:1.65}
.section,.software-feature,.face-software,.workflow,.split-section{padding:100px var(--space)}
.section-heading{max-width:720px;margin:0 auto 42px;text-align:center}
.section-heading .eyebrow{justify-content:center}
.section-heading>p:last-child{color:var(--muted);margin-top:20px}
.software-feature{position:relative;background:radial-gradient(ellipse at 0 30%,#0e545229,transparent 60%)}
.software-feature-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:54px;align-items:start}
.software-intro{padding-top:6px;min-width:0}
.software-name{font-size:.9375rem;font-weight:600;margin-bottom:12px;color:var(--gold)}
.software-description{color:var(--muted);margin:25px 0;line-height:1.95}
.software-tags{display:flex;flex-wrap:wrap;gap:9px}
.software-tags span{color:#b9e9e8;background:#5ae9d809;border:1px solid #285052;padding:5px 10px;font-size:.8125rem}
.software-offer{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.software-offer-label{display:block;color:var(--muted);font-size:.8125rem}
.software-offer strong{display:block;font-size:1.55rem;color:var(--cyan);font-weight:650}
.software-requirements{font-size:.875rem;color:#95abc5;margin-top:20px}
.software-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.software-features article{position:relative;min-height:200px;padding:25px 23px;background:linear-gradient(130deg,#112333d9,#0c1121f2);border:1px solid #294251;transition:border-color .22s,transform .22s,box-shadow .22s}
.software-features article::after{content:"";position:absolute;right:0;top:0;height:13px;width:13px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan);opacity:.6}
.feature-number{display:block;color:var(--cyan);font:500 1rem/1.2 "Consolas",monospace;letter-spacing:.07em;margin-bottom:18px}
.software-features h3{font-size:1.08rem;margin-bottom:12px}
.software-features p{color:var(--muted);font-size:.9375rem;line-height:1.8}
.section{border-top:1px solid #202b41;background:linear-gradient(180deg,#0a1122,#080c17)}
.service-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.service-card{position:relative;padding:32px;border:1px solid var(--line);background:#11182a99;transition:border-color .22s,transform .22s,box-shadow .22s}
.service-card p{margin-top:16px;color:var(--muted);line-height:1.85}
.icon-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:24px;color:var(--cyan);border:1px solid #67ffec3a;background:#4effe808}
.service-card:nth-child(even) .icon-badge{color:var(--pink);border-color:#f880d93b;background:#e550e00c}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;max-width:calc(var(--max) + var(--space)*2);margin:auto}
.split-copy>p:not(.eyebrow){color:var(--muted);margin:24px 0}
.feature-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.feature-list li{display:flex;align-items:baseline;gap:12px;color:#bac9dc}
.feature-list li span{width:6px;height:6px;flex-shrink:0;background:var(--cyan);transform:rotate(45deg)}
.studio-visual{margin:0;position:relative;border:1px solid #426473;background:#0a1320;padding:8px;box-shadow:20px 20px 0 #1020376b}
.studio-visual img{width:100%;aspect-ratio:1.2;object-fit:cover;object-position:70% center}
.studio-visual figcaption{display:flex;justify-content:space-between;gap:15px;padding:15px 12px 9px;color:var(--muted);font-size:.8125rem}
.studio-visual figcaption span{color:var(--cyan);font-family:"Consolas",monospace}
.face-software{position:relative;background:radial-gradient(ellipse at 50% 30%,#7e298e24,transparent 65%),#0d0c1b;border-top:1px solid #50315e;border-bottom:1px solid #50315e}
.face-software .eyebrow{color:var(--pink)}
.face-software .section-heading{max-width:750px}
.license-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.license-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:36px 30px;border:1px solid #42334e;background:linear-gradient(145deg,#20162dde,#0f1222)}
.license-card::before{content:"";position:absolute;top:-1px;left:28px;width:58px;height:2px;background:var(--pink);box-shadow:0 0 16px #f578ef88}
.license-card.featured{border-color:#ed90d898;background:linear-gradient(140deg,#3923459c,#141127);box-shadow:0 0 44px #ae48d619}
.license-code{color:#c198c1;font:.8125rem/1.3 "Consolas",monospace;letter-spacing:.12em;margin-bottom:26px}
.license-card h3{font-size:1.45rem}
.license-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:22px 0 8px;line-height:1;color:#fff2fc}
.license-price strong{font-size:clamp(2.9rem,4.2vw,4rem);letter-spacing:-.05em;font-weight:750}
.license-price span{font-size:1.3rem;color:var(--pink)}
.license-detail{color:var(--muted);margin:14px 0 30px}
.license-card .btn{margin-top:auto;color:#ffbfe8;border-color:#df78bb80;background:#6b285337;width:100%}
.license-card .btn:hover{color:#fff;background:#84346966;filter:drop-shadow(0 0 13px #f269da35)}
.license-card.featured .btn{color:#260b23;background:#f4a4e0;border-color:#f4a4e0}
.license-note{max-width:var(--max);margin:22px auto 0;font-size:.875rem;color:#c6b2d2;text-align:center}
.workflow{max-width:calc(var(--max) + var(--space)*2);margin:auto}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.steps article{position:relative;padding-top:22px;border-top:1px solid #354960}
.steps article::before{content:"";width:30px;height:3px;background:var(--cyan);position:absolute;top:-2px}
.steps strong{display:block;font:1rem/1.5 "Consolas",monospace;color:var(--cyan);margin-bottom:17px}
.steps h3{margin-bottom:13px;font-size:1.1rem}
.steps p{color:var(--muted);font-size:.9375rem}
.contact-link{max-width:100%;overflow-wrap:anywhere}
.site-footer{padding:35px var(--space);display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px;border-top:1px solid var(--line)}
.site-footer>strong{font-size:1rem}
.site-footer>span{color:#8fa1ba;font-size:.8125rem}
.site-footer>a{margin-left:auto;min-height:44px;display:inline-flex;align-items:center;color:var(--cyan);font-size:.875rem}
.site-footer>a:hover{text-decoration:underline}
.footer-notice{width:100%;color:#bca882;font-size:.875rem;border-top:1px solid #242d3c;padding-top:20px}
@media(hover:hover){.software-features article:hover,.service-card:hover{transform:translateY(-4px);border-color:#6bc4c9;box-shadow:0 10px 32px #26d6cf0d}}
@media(min-width:1560px){.site-header{padding-inline:max(var(--space),calc((100vw - 1420px)/2))}.hero{min-height:790px}}
@media(max-width:1100px){
  .site-header{gap:18px}.desktop-nav{gap:16px}.site-header .nav-cta{padding-inline:16px}
  .brand strong{font-size:1rem}.software-feature-inner{gap:30px}.stat{flex-direction:column;gap:4px;text-align:center}.license-card{padding:30px 24px}.service-card{padding:25px}
}
@media(max-width:940px){
  .site-header{min-height:80px}.desktop-nav{display:none}.menu-toggle{display:block}
  .mobile-nav{display:grid;position:fixed;top:80px;inset-inline:0;z-index:45;gap:0;background:#0a1527fa;border-bottom:1px solid #3f7180;padding:12px var(--space) 24px;box-shadow:0 16px 35px #0008;transform:translateY(-12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
  .mobile-nav.open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
  .mobile-nav a{padding:15px 10px;border-bottom:1px solid var(--line);color:#d7efff}.mobile-nav a:hover{color:var(--cyan);background:#58fceb08}
  .hero{min-height:680px;padding-block:80px}.hero-bg{object-position:58% center}
  .hero-shade{background:linear-gradient(90deg,#070a15f0,#070a1580 65%,#070a1540),linear-gradient(0deg,var(--bg),transparent 55%)}
  .hero-title{font-size:clamp(3.25rem,8vw,5rem)}.hero-copy{max-width:490px}
  .section,.software-feature,.face-software,.workflow,.split-section{padding-block:75px}
  .software-feature-inner{grid-template-columns:1fr;gap:35px}.software-intro{max-width:720px}
  .software-features{grid-template-columns:repeat(3,minmax(0,1fr))}.software-features article{padding:22px 18px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{gap:30px}
  .license-grid{gap:12px}.license-card{padding:28px 20px}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
}
@media(max-width:640px){
  html{scroll-padding-top:92px}.site-header{min-height:76px;gap:10px;padding-block:12px}.brand{gap:10px}
  .brand-mark{width:46px;height:46px}.brand strong{font-size:.9375rem}.brand small{font-size:.75rem;letter-spacing:.08em}
  .site-header .nav-cta{display:none}.mobile-nav{top:76px}.hero{min-height:650px;padding-block:70px 78px}
  .hero-title{font-size:clamp(3rem,11.8vw,4rem)}.hero-bg{object-position:65% center;opacity:.72}
  .hero-shade{background:linear-gradient(90deg,#050914e6,#050914aa 65%,#05091455),linear-gradient(0deg,#070a15,transparent 65%)}
  .hero .eyebrow{font-size:.75rem;letter-spacing:.045em;gap:9px}.hero-copy{font-size:1rem;margin:25px 0 30px}
  .hero-actions{gap:12px}.hero-actions .btn{padding:15px 18px;font-size:.9375rem}.trust-row{gap:10px 15px;margin-top:28px;font-size:.8125rem}
  .stats-band{padding:22px 10px}.stat{padding:2px 10px}.stat strong{font-size:1.125rem}.stat span{font-size:.75rem}
  .section,.software-feature,.face-software,.workflow,.split-section{padding-block:58px}
  .section-heading{margin-bottom:30px;text-align:left}.section-heading .eyebrow{justify-content:flex-start}
  .software-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.software-features article{padding:22px 16px;min-height:205px}
  .software-features h3{font-size:1.05rem}.software-features p{font-size:.875rem}.software-tags{gap:7px}.software-tags span{font-size:.8125rem}
  .service-grid,.license-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:26px}.service-card .icon-badge{margin-bottom:18px}
  .split-section{grid-template-columns:1fr}.studio-visual{box-shadow:9px 9px 0 #1020376b}.studio-visual img{aspect-ratio:1.4}
  .license-card{padding:30px}.license-code{margin-bottom:18px}.license-card h3{font-size:1.3rem}.license-price strong{font-size:3.25rem}
  .license-detail{margin-bottom:25px}.license-note{text-align:left}
  .site-footer{padding-block:28px;gap:10px 22px}.site-footer>span{width:100%}.site-footer>a{margin:0}
}
@media(max-width:370px){
  .brand strong{font-size:.875rem}.brand small{letter-spacing:0}.software-features,.steps{grid-template-columns:1fr}
  .software-features article{min-height:auto}.hero-actions .btn{width:100%}.hero-title{font-size:2.85rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}
  .btn:hover,.nav-cta:hover,.contact-link:hover,.service-card:hover,.software-features article:hover{transform:none}
}


/* Compact section rhythm and direct contact, without quotation forms. */
.section,.software-feature,.face-software{padding-block:84px}
.section .split-section{max-width:var(--max);padding:48px 0 0;margin:52px auto 0;border-top:1px solid var(--line);gap:52px}
.section .studio-visual img{aspect-ratio:1.55}
.section .workflow{max-width:var(--max);padding:42px 0 0;margin:54px auto 0;border-top:1px solid var(--line)}
.section .workflow .section-heading{text-align:left;max-width:none;margin-bottom:30px}
.section .workflow .eyebrow{justify-content:flex-start}
.section .workflow h2{font-size:1.75rem}
.contact-section{padding:76px var(--space) 42px;background:radial-gradient(ellipse at 10% 10%,#0a696232,transparent 65%),#0b1423;border-top:1px solid #40706f}
.contact-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px}
.contact-copy>p:last-child{color:var(--muted);max-width:590px;margin-top:24px;font-size:1rem}
.contact-actions{display:grid;gap:16px;min-width:0}
.contact-channel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;border:1px solid #4c9f9b;background:linear-gradient(125deg,#163e40aa,#0b1b2c);transition:transform .2s,border-color .2s,box-shadow .2s}
.contact-channel small{display:block;font-size:.8125rem;letter-spacing:.06em;color:#b3c9d3}
.contact-channel strong{display:block;font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.4;color:var(--cyan);margin-top:7px;overflow-wrap:anywhere}
.channel-arrow{color:var(--cyan);font-size:1.8rem;line-height:1}
.contact-channel.whatsapp{background:linear-gradient(125deg,#25203399,#10182b);border-color:#665575}
.contact-channel.whatsapp strong,.contact-channel.whatsapp .channel-arrow{color:#ebc2f3}
.contact-channel:hover{transform:translateY(-3px);border-color:var(--cyan);box-shadow:0 0 25px #37e5d814}
.contact-channel.whatsapp:hover{border-color:var(--pink);box-shadow:0 0 25px #f275df14}
.usage-note{max-width:var(--max);margin:44px auto 0;padding-top:26px;border-top:1px solid #334046}
.usage-note h3{color:var(--gold);font-size:1rem;margin-bottom:9px}
.usage-note p{color:#9badc4;font-size:.875rem;max-width:1050px}
@media(max-width:940px){
  .section,.software-feature,.face-software{padding-block:64px}
  .section .split-section{gap:30px}
  .contact-inner{gap:36px;grid-template-columns:1fr 1fr}
  .contact-channel{padding:22px}
}
@media(max-width:640px){
  .section,.software-feature,.face-software{padding-block:52px}
  .section .split-section{padding-top:32px;margin-top:36px;grid-template-columns:1fr}
  .section .workflow{padding-top:32px;margin-top:38px}
  .section .workflow h2{font-size:1.5rem}
  .contact-section{padding-block:52px 32px}
  .contact-inner{grid-template-columns:1fr;gap:30px}
  .contact-channel{padding:22px}
  .usage-note{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.contact-channel:hover{transform:none}}