:root{--ink:#181816;--muted:#6f7069;--line:rgba(32,31,26,.13);--paper:#f8f6f0;--warm:#eee8dc;--glass:rgba(255,255,255,.67);--shadow:0 28px 80px rgba(53,55,45,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.shell{width:min(1180px,calc(100% - 48px));margin:0 auto}
.site-header{position:fixed;z-index:30;top:18px;left:0;width:100%;height:58px;transition:.25s ease}
.site-header.scrolled{top:10px;height:54px}
.header-inner{width:min(920px,calc(100% - 48px));height:100%;display:flex;align-items:center;gap:30px;padding:0 12px 0 14px;border:1px solid rgba(255,255,255,.72);border-radius:18px;background:rgba(255,255,255,.62);box-shadow:0 12px 35px rgba(53,55,45,.09);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:10px;font-size:15px;letter-spacing:.04em}
.brand img{width:34px;height:34px;border-radius:9px;box-shadow:0 5px 14px rgba(25,25,20,.16)}
.site-nav{display:flex;align-items:center;gap:27px;margin-left:auto;color:#45463f;font-size:13px}
.site-nav a{transition:opacity .2s ease}.site-nav a:hover{opacity:.55}
.site-nav .agent-nav-link{padding:8px 13px;border-radius:999px;color:#fff;background:#1d1d1a;font-size:15px;font-weight:800}
.header-auth{display:flex;align-items:center;gap:6px}.header-auth[hidden]{display:none}
.header-auth a,.header-auth button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;border:0;border-radius:999px;font:700 12px/1 inherit;cursor:pointer}
.header-login{color:#222;background:rgba(255,255,255,.48)}.header-register{color:#fff;background:#1d1d1a}
.menu-button{display:none;border:0;background:none}
.auth-dialog{width:min(420px,calc(100% - 32px));padding:31px;border:1px solid rgba(45,44,39,.14);border-radius:20px;color:var(--ink);background:rgba(250,248,242,.97);box-shadow:0 28px 80px rgba(36,35,31,.3)}
.auth-dialog::backdrop{background:rgba(27,27,24,.42);backdrop-filter:blur(9px)}
.auth-dialog h2{margin:12px 0 7px;font-size:30px;letter-spacing:-.04em}.auth-dialog section>p{margin:0 0 22px;color:var(--muted);font-size:13px}
.auth-dialog form{display:grid;gap:14px}.auth-dialog label{display:grid;gap:7px;color:#55574f;font-size:12px}.auth-dialog input{width:100%;height:48px;padding:0 14px;border:1px solid rgba(40,39,34,.16);border-radius:11px;background:#fff;font:inherit;outline:0}.auth-dialog input:focus{border-color:#1d1d1a;box-shadow:0 0 0 3px rgba(29,29,26,.08)}
.auth-dialog form button{height:48px;border:0;border-radius:11px;color:#fff;background:#1d1d1a;font:700 13px/1 inherit;cursor:pointer}.auth-dialog form button:disabled{opacity:.55;cursor:wait}
.password-field{position:relative;display:block}.password-field input{padding-right:76px}.auth-dialog form .password-field [data-password-toggle]{position:absolute;top:6px;right:6px;width:auto;min-width:58px;height:36px;padding:0 10px;border:0;border-radius:8px;color:#55574f;background:rgba(30,30,27,.06);box-shadow:none;font-size:12px;font-weight:700}.auth-dialog form .password-field [data-password-toggle]:hover{color:#1d1d1a;background:rgba(30,30,27,.1);box-shadow:none}.auth-dialog form .password-field [data-password-toggle]:focus-visible{outline:2px solid #1d1d1a;outline-offset:2px}
.password-field{position:relative;display:block}
.password-field input{width:100%;padding-right:66px}
.auth-dialog form .password-field button{position:absolute;right:4px;top:4px;width:auto;min-width:48px;height:40px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#6b6b63;box-shadow:none;font:700 12px/1 inherit;transform:none}
.auth-dialog form .password-field button:hover,.auth-dialog form .password-field button:focus-visible{background:rgba(29,29,26,.07);box-shadow:none;transform:none}
.auth-dialog form .password-field button:active{background:rgba(29,29,26,.11);box-shadow:none;transform:none}

.auth-dialog [hidden]{display:none!important}.auth-links{display:flex;justify-content:space-between;gap:12px;margin:0!important}.auth-dialog form .auth-links button{height:auto;padding:2px;border:0;color:#777;background:transparent;box-shadow:none;font-size:11px;font-weight:400;text-decoration:none}.auth-dialog form .auth-links button:hover{box-shadow:none;text-decoration:underline}.auth-dialog form .auth-links button:disabled{cursor:not-allowed}.code-input{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.auth-dialog .code-input input{height:48px;padding:0;text-align:center;font-size:20px;font-weight:700}.auth-agreement{display:flex!important;align-items:center;gap:8px}.auth-dialog .auth-agreement input{width:16px;height:16px;accent-color:#1d1d1a}.account-menu{position:relative}.account-menu-popover{position:absolute;z-index:8;top:calc(100% + 8px);right:0;display:grid;min-width:130px;padding:6px;border:1px solid rgba(40,39,34,.12);border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(30,30,25,.18)}.account-menu-popover a,.account-menu-popover button{padding:9px 10px;border:0;border-radius:8px;color:#333;background:transparent;font:600 12px/1 inherit;text-align:left;cursor:pointer}.account-menu-popover a:hover,.account-menu-popover button:hover{background:#f2f0eb}.account-menu-popover button{color:#a33}
.auth-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;color:#555;background:rgba(30,30,27,.06);font-size:22px;cursor:pointer}.auth-message{min-height:18px;margin:12px 0 0!important;color:#b23b35!important}.auth-download{display:inline-block;margin-top:17px;color:#666;font-size:12px;text-decoration:underline;text-underline-offset:3px}.auth-dialog form .auth-download{height:auto;margin-top:0;padding:3px;border:0;color:#666;background:transparent;font-weight:500;text-decoration:underline;text-underline-offset:3px}
.hero{position:relative;min-height:1020px;overflow:hidden;padding:132px 0 86px;background:linear-gradient(180deg,#eee9dd 0%,#edf0e7 57%,#dfe4d5 100%)}
.nature-backdrop,.nature-backdrop i{position:absolute;display:block;pointer-events:none}
.nature-backdrop{inset:0;overflow:hidden}
.sun{top:120px;right:11%;width:210px;height:210px;border-radius:50%;background:rgba(255,248,218,.72);filter:blur(2px);box-shadow:0 0 100px rgba(255,244,193,.55)}
.cloud{height:150px;border-radius:50%;background:rgba(255,255,255,.36);filter:blur(22px)}
.cloud-one{top:240px;left:-5%;width:440px}.cloud-two{top:92px;right:23%;width:310px}
.hill{left:-8%;bottom:-2px;width:116%;transform-origin:bottom center;filter:blur(.2px)}
.hill-back{height:43%;background:linear-gradient(160deg,#b7c1aa,#94a489);clip-path:polygon(0 44%,15% 28%,27% 46%,45% 8%,58% 39%,73% 17%,100% 51%,100% 100%,0 100%);opacity:.66}
.hill-front{height:32%;background:linear-gradient(155deg,#82987b,#607b67);clip-path:polygon(0 50%,16% 27%,35% 55%,52% 19%,68% 48%,83% 15%,100% 39%,100% 100%,0 100%);opacity:.72}
.hero-layout{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;gap:48px}
.hero-copy{width:min(900px,100%);padding:0;text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#53554f;font-size:10px;font-weight:800;letter-spacing:.18em}
.hero h1{max-width:900px;margin:23px auto 24px;font-size:clamp(48px,5.8vw,82px);font-weight:560;letter-spacing:-.062em;line-height:1.02}
.hero-copy>p{max-width:700px;margin:0 auto;color:#575a53;font-size:16px;line-height:1.9}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:30px}
.button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 23px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:760;transition:transform .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{color:#fff;background:#1b1b19;box-shadow:0 14px 28px rgba(25,25,22,.18)}
.button-glass{border-color:rgba(45,44,39,.14);background:rgba(255,255,255,.38);backdrop-filter:blur(12px)}
.hero-points{display:flex;align-items:center;justify-content:center;gap:23px;margin-top:22px;color:#5e625a;font-size:11px}
.hero-points span{display:flex;align-items:center;gap:8px}.hero-points span:before{content:"";width:5px;height:5px;border-radius:50%;background:#405c47}
.glass-window{overflow:hidden;border:1px solid rgba(255,255,255,.66);border-radius:20px;background:var(--glass);box-shadow:var(--shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.hero-window{position:relative;width:min(1040px,100%);transform:none}
.window-bar{height:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border-bottom:1px solid rgba(50,49,44,.1);color:#595b55;font-size:10px}
.window-bar>div{display:flex;gap:5px}.window-bar>div i{width:7px;height:7px;border-radius:50%;background:rgba(50,50,45,.24)}
.window-bar strong{font-size:10px;letter-spacing:.04em}.window-bar>span{justify-self:end}
.glass-window figure{margin:0;padding:10px}.glass-window figure img{width:100%;border-radius:12px;cursor:zoom-in}
.window-status{position:absolute;right:24px;bottom:23px;width:220px;display:grid;gap:7px;padding:15px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(250,250,246,.78);box-shadow:0 14px 34px rgba(39,45,37,.18);backdrop-filter:blur(14px)}
.window-status span{display:flex;align-items:center;gap:6px;color:#536056;font-size:9px}.window-status span i{width:6px;height:6px;border-radius:50%;background:#3f7952}
.window-status strong{font-size:12px}.window-status small{color:#73776f;font-size:9px}
.product-section{padding:128px 0 110px;background:#f8f6f0}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:58px}
.section-heading h2{max-width:730px;margin:18px 0 0;font-size:clamp(39px,5vw,68px);font-weight:560;letter-spacing:-.055em;line-height:1.08}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.capability-grid article{min-height:182px;padding:24px 24px 26px;border-right:1px solid var(--line)}.capability-grid article:last-child{border:0}
.capability-grid article>span{color:#9a9b94;font-size:10px}.capability-grid h3{margin:35px 0 9px;font-size:18px}.capability-grid p{max-width:210px;margin:0;color:var(--muted);font-size:12px;line-height:1.75}
.workspace-window{border-color:rgba(38,38,32,.1);background:#eeeae1;box-shadow:0 25px 70px rgba(51,50,44,.12)}
.workflow-section{padding:120px 0;background:#e8e4da}
.workflow-heading{align-items:flex-end}.workflow-heading>p{max-width:330px;margin:0 0 8px;color:var(--muted);font-size:13px;line-height:1.7}
.workflow-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.workflow-grid article:last-child{grid-column:1/-1}
.workflow-grid article{overflow:hidden;border:1px solid rgba(47,46,40,.1);border-radius:18px;background:rgba(255,255,255,.5)}
.step-title{display:flex;gap:13px;padding:20px}.step-title>span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#242420;font-size:10px}
.step-title h3{margin:1px 0 6px;font-size:15px}.step-title p{margin:0;color:var(--muted);font-size:10px}
.workflow-grid figure{height:230px;margin:0 10px 10px;overflow:hidden;border-radius:12px;background:#ddd8cc}
.workflow-grid figure img{width:100%;height:100%;object-fit:cover;object-position:top;cursor:zoom-in;transition:transform .35s ease}.workflow-grid figure:hover img{transform:scale(1.018)}
.text-link{display:flex;justify-content:flex-end;gap:12px;margin-top:27px;font-size:12px;font-weight:700}.text-link span{transition:transform .2s ease}.text-link:hover span{transform:translateX(4px)}
.download-section{padding:96px 0;background:#f8f6f0}
.download-card{min-height:290px;display:flex;align-items:center;justify-content:space-between;gap:50px;padding:62px;border-radius:24px;color:#fff;background:#1d1d1a;box-shadow:0 30px 70px rgba(30,30,27,.16)}
.download-card .eyebrow{color:#aaa99f}.download-card h2{margin:16px 0 10px;font-size:clamp(34px,4vw,56px);font-weight:560;letter-spacing:-.05em}.download-card p{margin:0;color:#aaa99f;font-size:13px}
.download-actions{display:grid;justify-items:center;gap:15px}.button-light{min-width:190px;color:#191917;background:#f6f2e9}.download-actions>a:last-child{color:#bdbcb3;font-size:11px}
footer{padding:32px 0 42px;border-top:1px solid var(--line);background:#f8f6f0}
.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.footer-inner>div{display:flex;gap:25px;color:#565851;font-size:11px}.footer-inner>span{justify-self:end;color:#92938c;font-size:10px}
.image-lightbox{background:rgba(20,20,18,.84)!important;backdrop-filter:blur(14px)}
.zoomable-image{cursor:zoom-in}
@media(max-width:980px){.hero{min-height:0;padding-bottom:90px}.hero-layout{gap:34px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-grid article:nth-child(2){border-right:0}.workflow-grid{grid-template-columns:1fr}.workflow-grid figure{height:auto;max-height:430px}.workflow-grid figure img{height:auto}.download-card{align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr auto}.footer-inner>div{grid-column:1/-1;grid-row:2}.footer-inner>span{grid-row:1}}
@media(max-width:720px){.shell{width:min(100% - 28px,1180px)}.site-header{top:8px;height:54px}.header-inner{width:min(100% - 28px,920px);gap:5px;padding-right:8px}.site-nav{position:absolute;top:58px;left:14px;right:14px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:8px;border:1px solid rgba(40,39,34,.1);border-radius:14px;background:rgba(250,248,242,.96);box-shadow:0 20px 45px rgba(35,34,30,.14);backdrop-filter:blur(18px)}.site-nav.open{display:flex}.site-nav a{padding:13px 12px}.menu-button{width:34px;height:38px;display:grid;align-content:center;gap:6px;margin-left:auto;padding:8px}.menu-button span{display:block;width:18px;height:1px;background:#222}.header-auth a,.header-auth button{min-height:34px;padding:0 11px;font-size:11px}.hero{padding:100px 0 70px}.hero h1{font-size:44px}.hero-copy>p{font-size:14px}.hero-actions{align-items:stretch;flex-direction:column}.hero-points{justify-content:space-between;gap:8px}.window-status{display:none}.window-bar{height:38px}.product-section,.workflow-section{padding:82px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:38px}.section-heading h2{font-size:39px}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:130px;border-right:0;border-bottom:1px solid var(--line)}.capability-grid article:last-child{border-bottom:0}.capability-grid h3{margin-top:18px}.workflow-heading>p{margin:0}.download-section{padding:62px 0}.download-card{min-height:0;padding:38px 28px}.download-actions{width:100%;justify-items:stretch}.button-light{width:100%}.footer-inner{grid-template-columns:1fr}.footer-inner>div{grid-column:auto;grid-row:auto;flex-wrap:wrap}.footer-inner>span{display:none}.nature-backdrop .sun{right:-70px;width:180px;height:180px}.hill-back{height:28%}.hill-front{height:21%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Shared AKXVV glass finish; visual only, no content or layout changes. */
.header-inner,.glass-window,.workflow-grid article,.window-status,.auth-dialog{
  border-color:rgba(255,255,255,.68);
  background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.48));
  box-shadow:0 1px 0 rgba(255,255,255,.72) inset,0 20px 55px rgba(44,47,39,.12);
  backdrop-filter:saturate(1.18) blur(22px);
  -webkit-backdrop-filter:saturate(1.18) blur(22px)
}
.site-header,.site-nav a,.header-auth a,.header-auth button,.button,.auth-close,.auth-dialog input,.auth-dialog form button,.workflow-grid article,.glass-window,.download-actions>a{
  transition-duration:.22s;
  transition-timing-function:cubic-bezier(.2,.75,.25,1)
}
.site-header.scrolled .header-inner{box-shadow:0 1px 0 rgba(255,255,255,.75) inset,0 18px 48px rgba(44,47,39,.15)}
.brand img{box-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 7px 18px rgba(25,25,20,.18)}
.site-nav a{position:relative}
.site-nav a:after{content:"";position:absolute;right:0;bottom:-7px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.site-nav a:hover{opacity:.72}.site-nav a:hover:after{transform:scaleX(1)}
.header-auth a:hover,.header-auth button:hover,.auth-close:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(31,31,27,.12)}
.header-auth a:active,.header-auth button:active,.button:active,.auth-close:active,.auth-dialog form button:active{transform:translateY(0) scale(.98)}
.button-dark,.header-register,.auth-dialog form button{box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 28px rgba(25,25,22,.2)}
.button-dark:hover,.header-register:hover,.auth-dialog form button:hover{box-shadow:0 1px 0 rgba(255,255,255,.22) inset,0 16px 34px rgba(25,25,22,.26)}
.button-glass,.button-light,.header-login{box-shadow:0 1px 0 rgba(255,255,255,.68) inset,0 8px 22px rgba(43,44,38,.08)}
.workflow-grid article:hover,.glass-window:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.76) inset,0 26px 66px rgba(44,47,39,.16)}
.auth-dialog{opacity:1;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),display .2s allow-discrete,overlay .2s allow-discrete}
.auth-dialog::backdrop{opacity:1;transition:opacity .2s ease,display .2s allow-discrete,overlay .2s allow-discrete}
@starting-style{.auth-dialog[open]{opacity:0;transform:translateY(10px) scale(.98)}.auth-dialog[open]::backdrop{opacity:0}}
.auth-dialog input:hover{border-color:rgba(40,39,34,.28)}
.auth-dialog input:focus{background:rgba(255,255,255,.96);box-shadow:0 0 0 3px rgba(29,29,26,.08),0 7px 18px rgba(34,34,30,.06)}
.download-card{box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 34px 76px rgba(30,30,27,.2)}
@media(max-width:720px){.site-nav{background:rgba(250,248,242,.82);backdrop-filter:saturate(1.16) blur(22px);-webkit-backdrop-filter:saturate(1.16) blur(22px)}.site-nav a:after{display:none}}
@media(prefers-reduced-motion:reduce){.site-nav a:after{transition:none!important}.workflow-grid article:hover,.glass-window:hover{transform:none}}
[hidden]{display:none!important}

/* 2026 warm gallery refresh */
.natural-site{--accent:#e8663a;--accent-soft:#f6aa83}
.site-header .header-inner{border-color:rgba(255,255,255,.82);background:linear-gradient(145deg,rgba(255,252,248,.88),rgba(245,239,232,.7));box-shadow:0 16px 44px rgba(77,57,43,.1)}
.hero{background:radial-gradient(circle at 82% 15%,rgba(255,223,177,.72),transparent 23rem),radial-gradient(circle at 12% 25%,rgba(240,159,111,.18),transparent 25rem),linear-gradient(180deg,#eee7de 0%,#eeeee7 57%,#dfe4d9 100%)}
.eyebrow{color:#6f625a}.eyebrow:before{content:"";display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(232,102,58,.1)}
.button-dark,.header-register,.auth-dialog form button{background:linear-gradient(135deg,#f18759,var(--accent));box-shadow:0 1px 0 rgba(255,255,255,.24) inset,0 14px 30px rgba(194,73,34,.25)}
.button-dark:hover,.header-register:hover,.auth-dialog form button:hover{box-shadow:0 1px 0 rgba(255,255,255,.26) inset,0 18px 38px rgba(194,73,34,.32)}
.hero-points span:before{background:var(--accent)}
.hero-copy{animation:home-rise .75s both}.hero-window{animation:home-rise .85s .12s both}.workflow-grid article{animation:home-rise .55s both}.workflow-grid article:nth-child(2){animation-delay:.06s}.workflow-grid article:nth-child(3){animation-delay:.12s}.workflow-grid article:nth-child(4){animation-delay:.18s}.workflow-grid article:nth-child(5){animation-delay:.24s}
.step-title>span{color:#fff;background:linear-gradient(145deg,var(--accent-soft),var(--accent));box-shadow:0 8px 18px rgba(202,78,38,.2)}
.workflow-grid article{background:linear-gradient(145deg,rgba(255,252,248,.76),rgba(255,255,255,.46))}
.download-card{background:radial-gradient(circle at 85% 5%,rgba(235,112,67,.33),transparent 18rem),linear-gradient(135deg,#322a26,#1d1d1a)}
@keyframes home-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-copy,.hero-window,.workflow-grid article{animation:none!important}}