:root{color-scheme:light;--ink:#1e171b;--muted:#685b61;--wine:#731b37;--wine-deep:#421023;--plum:#faf5f7;--line:#eadfe4;--white:#fff;--shadow:0 18px 55px #32132418,0 3px 11px #3213240b;--radius:16px;--max:1120px}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 "PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:wait;opacity:.65}
img{max-width:100%;display:block}
h1,h2,p{margin:0}
:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.wrap{width:min(var(--max),calc(100% - 88px));margin-inline:auto}
.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;inset:10px auto auto 10px;padding:8px 16px;z-index:10;background:#fff}
.site-header{border-bottom:1px solid var(--line);background:#fff}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:730;flex:none;letter-spacing:.04em}
.wordmark img{width:clamp(150px,18vw,209px);height:auto;max-height:43px;object-fit:contain}
.wordmark-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(150deg,#94465d,var(--wine-deep));color:#fff;font:600 13px/1 Georgia,serif}
.top-nav{display:flex;align-items:center;gap:clamp(14px,2.8vw,38px);font-size:13px;white-space:nowrap}
.top-nav a,.plain-button{transition:color .18s ease}
.top-nav a:hover,.top-nav a[aria-current],.plain-button:hover{color:var(--wine)}
.top-nav .nav-account{border:1px solid var(--line);border-radius:999px;padding:7px 15px}
.weave{
  background-color:#561129;
  background-image:radial-gradient(ellipse at 28% -40%,#ce728572,transparent 65%),radial-gradient(ellipse at 80% 160%,#29051a,transparent 61%),linear-gradient(112deg,#330b1d 0%,#681931 34%,#812645 69%,#4e1129 100%);
  isolation:isolate;position:relative;overflow:hidden;color:#fff;
}
.weave::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(132deg,transparent 0 2px,#fff 2px 3px,transparent 3px 5px),repeating-linear-gradient(42deg,transparent 0 3px,#fff 3px 4px,transparent 4px 6px);opacity:.055;pointer-events:none}
.weave::after{content:"";position:absolute;inset:12px;z-index:-1;pointer-events:none;border:1px solid #fff2;border-radius:2px}
.hero-inner{padding-block:clamp(53px,6.7vw,101px) clamp(58px,6.5vw,94px)}
.eyebrow{color:var(--wine);font-size:13px;font-weight:700;letter-spacing:.16em}
.hero .eyebrow{color:#f4dbe4;letter-spacing:.2em}
.hero h1{font-size:clamp(42px,7.1vw,88px);line-height:1.11;letter-spacing:.026em;margin:12px 0 27px;font-weight:650;text-wrap:balance}
.hero-intro{color:#fae9ef;margin:-9px 0 23px;max-width:48ch}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:9px 18px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:650;line-height:1.35;transition:background .17s ease,color .17s ease,border-color .17s ease;white-space:nowrap}
.button svg,.section-heading svg,.model-cta svg,.secondary-links svg,.footer-contact svg{width:16px;height:16px;vertical-align:middle}
.hero-button{background:#fff;color:var(--wine-deep);border-color:#fff;box-shadow:0 4px 20px #1d061731}
.hero-button:hover{background:#f5e4ea;border-color:#f5e4ea}
.primary{background:var(--wine);color:white}.primary:hover{background:var(--wine-deep)}
.secondary{background:#fff;color:var(--wine);border-color:#deccd4}.secondary:hover{background:var(--plum);border-color:#cba7b6}
.text-button{color:var(--wine);padding-inline:10px}.text-button:hover{background:var(--plum)}
.systems-section{padding:39px 0 45px;scroll-margin-top:12px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-heading h2{font-size:clamp(21px,3vw,29px);letter-spacing:.015em;font-weight:700}
.section-heading a,.secondary-links a,.footer-contact a,.page-lead>a:not(.button),.back-link{color:var(--wine);font-size:13px}
.model-list{border-top:1px solid var(--line)}
.model-row{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:15px;padding:16px 17px 16px 1px;min-height:77px;border-bottom:1px solid var(--line);transition:background .18s ease,color .18s ease,padding .18s ease}
.model-row:hover{background:linear-gradient(90deg,#fbf5f7,#fff);padding-left:9px}
.model-row:hover .model-cta svg{transform:translateX(4px)}
.model-number{color:#906a7c;font:500 14px Georgia,serif;letter-spacing:.09em}
.model-name{display:grid;gap:1px}.model-name strong{font-size:clamp(17px,2.4vw,23px);font-weight:670;line-height:1.35}.model-name small{font-size:13px;color:var(--muted);line-height:1.45}
.model-cta{color:var(--wine);font-size:13px;font-weight:650;white-space:nowrap}.model-cta svg{margin-left:8px;transition:transform .18s ease}
.secondary-links{display:flex;flex-wrap:wrap;gap:21px;margin-top:21px}
.site-footer{border-top:1px solid var(--line);background:#fff}
.footer-inner{display:flex;align-items:start;justify-content:space-between;gap:22px;padding:25px 85px 30px 0;font-size:13px}
.footer-inner p{color:var(--muted);margin-top:4px}
.footer-contact,.contact-inline{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;overflow-wrap:anywhere}
.rep-name{font-weight:700;color:var(--ink)}
.plain-button{border:0;background:none;padding:0;color:inherit;font-size:inherit;text-align:left}
.footer-contact .plain-button,.contact-inline a,.contact-inline button{color:var(--wine)}
.quick-nav{position:fixed;z-index:5;right:23px;bottom:23px}
.quick-side{display:none}
.assistant-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border:1px solid #dcc4cf;border-radius:21px;padding:6px 11px;background:#fff;box-shadow:0 5px 21px #33122220;color:var(--wine);font-size:12px;font-weight:700;line-height:1.35;min-width:66px;transition:transform .2s ease,box-shadow .2s ease}
.assistant-toggle:hover,.assistant-toggle[aria-expanded=true]{transform:translateY(-3px);box-shadow:0 7px 24px #33122232}
.avatar-medallion{position:relative;flex:none;width:42px;height:44px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 66%,#f6e3eb 0%,#fff 75%);border-radius:50%}
.avatar-medallion img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 2px #4f1d4c38)}
.assistant-panel{position:fixed;z-index:6;right:24px;bottom:110px;width:min(393px,calc(100vw - 40px));max-height:min(580px,calc(100dvh - 130px));display:flex;flex-direction:column;border-radius:18px;border:1px solid #e3cfd9;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.assistant-header{background:linear-gradient(130deg,var(--wine-deep),var(--wine));color:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.assistant-header strong{font-size:18px;letter-spacing:.06em}.assistant-header div{display:flex;align-items:center;gap:10px}
.assistant-header span{font-size:11px;color:#ffe6ed;border:1px solid #ffffff52;border-radius:999px;padding:2px 8px;white-space:nowrap}
.assistant-reset{color:#f9e9ee;font-size:11px;white-space:nowrap}.assistant-reset:hover{color:white;text-decoration:underline}
.icon-button{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border:1px solid var(--line);background:#fff;color:var(--wine);border-radius:10px}
.assistant-header .icon-button{background:#ffffff12;color:white;border-color:#ffffff50}
.assistant-context{padding:8px 16px;color:var(--wine);font-size:12px;background:var(--plum);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.assistant-chat{display:flex;flex-direction:column;align-items:start;gap:9px;min-height:90px;max-height:320px;overflow:auto;padding:14px;overscroll-behavior:contain}
.bubble{font-size:14px;line-height:1.65;padding:9px 12px;border-radius:4px 13px 13px;background:#f8f2f5;white-space:pre-wrap;overflow-wrap:anywhere;max-width:95%}
.bubble.user{align-self:end;background:var(--wine);color:#fff;border-radius:13px 4px 13px 13px}
.assistant-suggestions,.assistant-actions{display:flex;gap:6px;flex-wrap:wrap}
.assistant-suggestions{padding:4px 14px 10px}
.assistant-suggestions button,.assistant-actions a{font-size:12px;color:var(--wine);background:white;border:1px solid var(--line);padding:4px 9px;border-radius:999px;white-space:normal}
.assistant-suggestions button:hover,.assistant-actions a:hover{background:var(--plum)}
.assistant-form{display:flex;gap:7px;padding:10px 12px;border-top:1px solid var(--line);align-items:center}
.assistant-form input{min-width:0;width:100%;background:#fff}.assistant-form .button{min-height:39px;padding-inline:13px}
.page-lead{padding-block:45px 35px}.page-lead .back-link{display:inline-block;margin-bottom:23px}
.page-lead h1,.form-card h1{font-size:clamp(31px,5.4vw,62px);line-height:1.15;font-weight:650;margin:5px 0 12px;text-wrap:balance}
.page-lead .eyebrow{margin-bottom:7px}
.lead{font-size:clamp(17px,2.5vw,23px);color:#413039;line-height:1.45}
.body-copy{color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch;margin-block:13px 17px}
.page-lead .button-row{margin-top:18px}.page-lead>.button{margin-top:16px}
.button-row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap}
.subtle,.frame-note,.step-help{color:var(--muted);font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.page-lead .subtle{margin-top:12px}
.experience{margin-bottom:43px;padding:0 1px 4px;scroll-margin-top:9px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 35px #4b11230b}
.experience-heading{display:flex;gap:10px;align-items:center;padding:10px 14px;background:#fff}
.experience-heading h2{font-size:17px;margin-right:auto;line-height:1.3}.experience-heading>span{font-size:12px;color:var(--muted)}
.step-nav{display:flex;flex-wrap:wrap;gap:6px;padding:7px 14px 10px}
.step-nav a{padding:5px 10px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--wine)}
.step-nav a[aria-current],.step-nav a:hover{background:var(--wine);color:#fff}
.step-help{padding:0 14px 8px}.frame-note{padding:5px 14px}
.demo-frame{display:block;width:100%;height:clamp(530px,72dvh,850px);border:0;border-top:1px solid var(--line);background:white}
.demo-frame:fullscreen{height:100%;width:100%}
.content-image{max-width:min(100%,760px);max-height:400px;object-fit:contain;border-radius:var(--radius);margin-block:20px 32px}
.product-list{padding-top:0}
.form-wrap{min-height:64vh;display:grid;place-items:start center;padding-block:50px}
.form-card{width:min(100%,515px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 46px #4b11230d;padding:clamp(19px,4.5vw,33px);background:#fff}
.form-card h1{font-size:clamp(29px,4vw,43px)}
.form-card h2{font-size:23px;margin-bottom:7px}
.form-card>p,.form-card>.contact-inline{margin-bottom:13px}
.form-card>p{color:var(--muted)}
.stack{display:grid;gap:12px}.stack label{display:grid;gap:4px;font-size:14px;font-weight:600;min-width:0}
.stack label small{font-size:12px;color:var(--muted);font-weight:400}
.stack .button{justify-self:start}
input:not([type=checkbox]),textarea,select{border:1px solid #daccd3;border-radius:8px;padding:8px 10px;color:var(--ink);background:#fff;max-width:100%;font-size:16px;line-height:1.35}
textarea{resize:vertical;min-height:85px}
.notice{padding:9px 13px;margin-block:12px;border:1px solid var(--line);background:var(--plum);border-radius:8px;color:var(--wine-deep);font-size:14px;overflow-wrap:anywhere}
.notice.error{border-color:#d8a8b6}
.contact-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start;padding-block:40px 55px;min-height:64vh}
.contact-layout .page-lead{padding-top:0}
.contact-person{margin-top:20px}.contact-person .contact-inline{margin-top:6px}
.use-draft{color:var(--wine);justify-self:start}
.admin-body{background:#fcfafb}
.admin-body .site-header{background:white}
.admin-layout{display:grid;grid-template-columns:184px minmax(0,1fr);gap:28px;padding-block:29px 48px;align-items:start}
.admin-nav{display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);padding:12px;border-radius:12px;background:white}
.admin-nav strong{font-size:14px;padding:4px 8px 6px;color:var(--wine)}
.admin-nav a{padding:7px 8px;font-size:14px;border-radius:6px}.admin-nav a:hover,.admin-nav a[aria-current]{background:var(--plum);color:var(--wine);font-weight:650}
.admin-workspace{background:white;border:1px solid var(--line);border-radius:12px;padding:clamp(16px,3vw,27px);min-width:0}
.admin-workspace h1{font-size:29px;margin-bottom:14px}.admin-workspace h2,.admin-workspace .section-heading h2{font-size:19px;margin-top:16px;margin-bottom:8px}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-stat{display:grid;gap:5px;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--wine);overflow-wrap:anywhere}.admin-stat:hover{background:var(--plum)}
.admin-stat span{font-size:12px}.admin-stat strong{font-size:19px}
.admin-list{display:grid;margin-block:12px;border-top:1px solid var(--line)}
.admin-list>a,.admin-list>div{display:flex;justify-content:space-between;align-items:center;gap:8px 14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:9px 2px;font-size:14px;overflow-wrap:anywhere}
.admin-list>a:hover,.admin-list a:hover{color:var(--wine)}
.admin-list span,.admin-list button,.admin-list div>a:last-child{color:var(--muted);font-size:12px}
.admin-list a span{margin-inline-start:6px}
.admin-form{max-width:610px;margin-bottom:14px}
.admin-form .check{display:flex;align-items:center;gap:7px;font-weight:450}.check input{accent-color:var(--wine)}
@media(max-width:760px){
  .site-body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .wrap{width:calc(100% - 36px)}
  .header-inner{height:60px;gap:8px}
  .wordmark img{width:clamp(130px,43vw,184px)}
  .site-body .top-nav a:not(.nav-account){display:none}
  .top-nav{gap:9px;font-size:12px}.top-nav .nav-account{padding:6px 9px}
  .hero-inner{padding-block:51px 55px}.hero h1{font-size:clamp(38px,11.6vw,67px)}
  .hero .eyebrow{font-size:12px;letter-spacing:.13em}.weave::after{inset:7px}
  .systems-section{padding-block:28px 32px}.section-heading{margin-bottom:9px}
  .model-row{grid-template-columns:26px minmax(0,1fr) auto;gap:8px;padding-right:2px;min-height:68px}.model-row:hover{padding-left:2px}
  .model-number{font-size:12px}.model-cta{font-size:12px}.model-cta svg{margin-left:1px;width:14px}
  .secondary-links{gap:9px 16px;margin-top:16px}
  .footer-inner{padding:20px 0;flex-direction:column;gap:10px}
  .quick-nav{inset:auto 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:2px 14px calc(2px + env(safe-area-inset-bottom));min-height:calc(65px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 24px #3213240e}
  .quick-side{display:grid;justify-items:center;gap:2px;color:var(--ink);font-size:11px;padding:7px 2px;line-height:1.4}
  .assistant-toggle{justify-self:center;padding:1px 10px 4px;border-color:transparent;border-radius:12px;box-shadow:none;gap:0}
  .assistant-toggle:hover,.assistant-toggle[aria-expanded=true]{transform:none;box-shadow:none;background:#faf3f6;border-color:var(--line)}
  .avatar-medallion{width:39px;height:40px}
  .assistant-panel{right:10px;bottom:calc(71px + env(safe-area-inset-bottom));width:calc(100vw - 20px);max-height:calc(100dvh - 88px - env(safe-area-inset-bottom))}
  .assistant-chat{max-height:36dvh}.assistant-header{padding:8px 12px}
  .page-lead{padding-block:29px 25px}.page-lead .back-link{margin-bottom:15px}
  .page-lead h1{font-size:clamp(29px,9.7vw,44px)}
  .experience{width:calc(100% - 16px);margin-bottom:29px;border-radius:12px}
  .experience-heading{padding:7px 9px}.experience-heading h2{font-size:15px}.experience-heading>span{font-size:11px}
  .demo-frame{height:clamp(480px,70dvh,690px)}
  .step-nav,.step-help,.frame-note{padding-inline:9px}
  .contact-layout{grid-template-columns:1fr;gap:9px;padding-block:25px 32px}
  .contact-layout .page-lead{padding-bottom:12px}.contact-layout .form-card{width:100%}
  .form-wrap{padding-block:26px}
  .admin-layout{display:block;padding-top:14px}.admin-nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:2px;margin-bottom:12px;padding:7px}
  .admin-nav strong{flex-basis:100%;padding:2px 5px}.admin-nav a{font-size:12px;padding:5px}
  .admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:355px){.wrap{width:calc(100% - 26px)}.experience{width:calc(100% - 12px)}.model-name small{font-size:12px}.hero h1{font-size:38px}.section-heading a{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}