/* Scheme 03: quiet typography, small brand signature, and generous section rhythm. */
:root { --paper:#f7f5ef; --ink:#292b25; --soft:#686c62; --line:#dedfd6; --accent:#c76d4e; --green:#efefe7; }
html { scroll-padding-top:88px; }
.brand { display:inline-flex; align-items:center; flex:0 0 auto; line-height:1; }
.brand-logo { display:block; width:118px; height:auto; }
.nav-inner { max-width:1160px; min-height:72px; padding:0 40px; }
.nav-links { gap:28px; font-size:12px; }
.nav-links>a { color:#62665d; transition:color .18s; }
.nav-links>a:hover { color:var(--accent); }
.btn { min-height:42px; padding:11px 20px; border-radius:5px; gap:24px; font-size:12px; }
.btn.light { border-color:#c8ccbf; }
.btn:hover { background:#42473b; }
.btn.light:hover { background:#eceee5; }
.nav-links .btn { min-height:35px; padding:8px 14px; background:transparent; color:var(--ink); border-color:#c8ccbf; font-size:11px; gap:18px; }
.nav-links .btn:hover { background:#eceee5; }
h1,h2,h3 { font-family:'Avenir Next','PingFang SC','Microsoft YaHei',sans-serif; font-weight:500; }
h2 { font-size:clamp(31px,3.2vw,42px); line-height:1.35; letter-spacing:-.04em; }
h3 { letter-spacing:-.025em; }
.kicker { font-size:10px; letter-spacing:1.6px; color:#a65b43; }
.wrap { max-width:1160px; padding:112px 40px; }
.section-head { align-items:flex-end; margin-bottom:58px; }
.section-head p { font-size:13px; line-height:1.95; max-width:300px; }
.hero { min-height:calc(100svh - 72px); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 24px; }
.hero h1 { font-size:clamp(58px,5.6vw,80px); font-weight:400; letter-spacing:-.055em; line-height:1.12; margin:0; }
.hero>p { font-size:14px; letter-spacing:.06em; margin:18px 0 0; }
.hero>.btn { margin-top:26px; }
.hero .device-scene { width:min(440px,80vw); max-width:none; height:auto; padding:0; margin:38px 0 0; }
.hero .device-scene img { width:100%; height:auto; }
.environment { border-top:1px solid var(--line); padding-top:124px; padding-bottom:124px; }
.environment-features { display:grid; grid-template-columns:repeat(4,1fr); gap:32px; }
.environment-features article { border-top:1px solid #cfd2c6; padding-top:18px; }
.feature-index { font:10px 'SFMono-Regular',Consolas,monospace; color:#89907d; }
.environment-features h3 { font-size:17px; margin:22px 0 10px; }
.environment-features p { font-size:12px; margin:0; }
.scope-section { background:#eeeee7; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.service-scopes { display:grid; grid-template-columns:repeat(3,1fr); gap:48px; }
.scope-number { font:11px 'SFMono-Regular',Consolas,monospace; color:#a65b43; }
.service-scopes h3 { font-size:23px; margin:24px 0 18px; }
.service-scopes p { max-width:25em; font-size:13px; min-height:52px; margin:0; }
.scope-note { display:block; font-size:11px; color:#7d8473; border-top:1px solid #d5d8ca; padding-top:20px; margin-top:30px; }
.plans-section { background:var(--paper); border:0; }
.plans-section .section-head { margin-bottom:44px; }
.region-picker { display:flex; gap:36px; align-items:center; border-bottom:1px solid var(--line); }
.region-label { font-size:11px; color:#7b826f; flex:0 0 auto; }
.regions { display:flex; flex-wrap:wrap; gap:28px; }
.regions button { font-size:13px; color:#727a66; background:transparent; border:0; border-bottom:2px solid transparent; border-radius:0; padding:14px 2px; }
.regions button:hover { color:var(--ink); }
.regions button.active { background:transparent; color:var(--ink); border-color:var(--accent); }
.quote-context { font-size:11px; display:flex; gap:8px; margin:24px 0; align-items:baseline; }
.quote-context strong { font-size:13px; color:var(--ink); font-weight:500; }
.quote-context span { color:#7c8371; }
.cards { gap:20px; }
.card { padding:28px; border-radius:6px; background:transparent; border-color:#d7dace; }
.card.focus { background:#eeefe7; border-color:#abb69b; }
.card .overline { color:#7a826d; font-size:10px; letter-spacing:1px; }
.card h3 { font-size:24px; margin:18px 0 10px; }
.card .desc { font-size:12px; line-height:1.8; min-height:43px; }
.card .price { font-size:23px; font-weight:400; letter-spacing:-.04em; margin-top:20px; }
.card .config { border:0; border-top:1px solid #d6dacb; padding:20px 0 0; margin-top:25px; font-size:11px; }
.card .config small { display:block; color:#7a826d; margin-top:5px; font-size:10px; }
.card ul { font-size:11px; line-height:2.5; padding:24px 0; color:#657257; }
.card li::before { color:#929e83; }
.price-note { font-size:11px; color:#7a826d; max-width:74em; margin:24px 0 0; }
.enterprise { border-top:1px solid var(--line); }
.enablement { gap:24px; }
.enable-card { padding:32px; border-radius:6px; background:transparent; }
.enable-card h3 { font-size:25px; margin:18px 0; }
.enable-card .brief { font-size:13px; min-height:0; max-width:29em; }
.enable-card ul { color:#69755b; font-size:12px; margin-top:24px; padding-top:20px; }
.service-quote { font-size:11px; color:#737d64; }
.delivery { padding-top:70px; }
.steps h3 { font-size:16px; }
.steps p { font-size:12px; }
.faq { grid-template-columns:1fr 1.65fr; gap:70px; padding-top:90px; }
.faq h2 { font-size:34px; }
summary { font-size:13px; font-weight:400; }
details { padding:24px 0; }
details p { color:#707866; font-size:12px; }
.closing-wrap { max-width:1160px; margin:0 auto; }
.cta { margin:0 40px 64px; border-radius:7px; padding:42px; background:var(--ink); }
.cta h2 { font-size:29px; color:var(--paper); }
.cta p { color:#bcc2b2; margin-top:12px; font-size:12px; }
.cta .btn { color:var(--ink); background:var(--paper); border-color:var(--paper); flex:0 0 auto; }
.cta .btn:hover { background:#e6eadc; }
.footer { max-width:1160px; padding:30px 40px; color:#7a826e; }
.footer .brand-logo { width:108px; }
.brand-meaning { font-family:'Avenir Next',sans-serif; font-size:10px; color:#727b64; letter-spacing:.04em; }
.document .brand { display:inline-flex; }
.document h1 { font-family:'PingFang SC','Microsoft YaHei',sans-serif; font-weight:500; }
dialog { border-radius:9px; }
dialog h2 { font-family:'PingFang SC','Microsoft YaHei',sans-serif; letter-spacing:-.035em; }
label input,label select,label textarea { border-radius:5px; }
#application select {
  -webkit-appearance:none;
  appearance:none;
  min-width:0;
  min-height:44px;
  padding-inline-end:40px;
  background-image:url('/images/select-chevron.svg');
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:16px 16px;
  cursor:pointer;
}
@media (forced-colors:active) {
  #application select {
    -webkit-appearance:auto;
    appearance:auto;
    background-image:none;
    padding-inline-end:12px;
  }
}
.consent { color:#68735b; }
@media(max-width:1000px) and (min-width:761px) {
  .nav-inner { padding:0 32px; }
  .nav-links { gap:22px; }
  .wrap { padding-left:32px; padding-right:32px; }
  .card { padding:22px; }
  .service-scopes { gap:30px; }
}
@media(max-width:760px) {
  html { scroll-padding-top:80px; }
  .nav-inner { min-height:64px; padding:0 24px; }
  .brand-logo { width:108px; }
  .nav-links { gap:0; }
  .nav-links .btn { min-height:34px; padding:8px 12px; gap:16px; font-size:11px; }
  .hero { min-height:calc(100svh - 64px); padding:40px 24px; }
  .hero h1 { font-size:clamp(54px,14vw,68px); }
  .hero>p { font-size:12px; margin-top:22px; }
  .hero>.btn { margin-top:28px; }
  .hero .device-scene { width:min(340px,84vw); margin-top:52px; }
  .wrap { padding:76px 26px; }
  .section-head { margin-bottom:40px; }
  .section-head p { margin-top:22px; font-size:12px; }
  h2 { font-size:32px; }
  .environment-features { grid-template-columns:1fr 1fr; gap:36px 24px; }
  .environment-features h3 { font-size:16px; margin-top:18px; }
  .environment-features p { font-size:11px; }
  .service-scopes { grid-template-columns:1fr; gap:32px; }
  .service-scopes article { display:grid; grid-template-columns:30px 1fr; column-gap:12px; }
  .scope-number { grid-row:1/4; padding-top:6px; }
  .service-scopes h3 { margin:0 0 12px; font-size:21px; }
  .service-scopes p { min-height:0; font-size:12px; }
  .scope-note { margin-top:18px; padding-top:14px; font-size:10px; }
  .region-picker { display:block; }
  .region-label { display:block; margin-bottom:7px; }
  .regions { gap:16px; }
  .regions button { font-size:12px; padding:12px 1px; }
  .quote-context { flex-wrap:wrap; gap:4px; font-size:10px; margin:20px 0; }
  .cards { gap:16px; }
  .card { padding:26px; }
  .card .desc { min-height:0; }
  .card .price { font-size:24px; }
  .card .config { margin-top:22px; }
  .card ul { padding:20px 0; }
  .enable-card { padding:26px; }
  .enable-card .bottom { gap:16px; }
  .steps { gap:24px; }
  .steps h3 { font-size:16px; }
  .faq { gap:36px; }
  .faq h2 { font-size:30px; }
  .cta { margin:0 26px 40px; padding:30px 26px; }
  .cta h2 { font-size:25px; }
  .cta p { font-size:11px; }
  .cta .btn { margin-top:22px; }
  .footer { padding:26px; gap:20px; }
  .footer .brand-logo { width:104px; }
  .brand-meaning { font-size:10px; letter-spacing:0; }
  .footer-links { gap:16px; }
}
@media(max-width:360px) {
  .nav-inner { padding:0 20px; }
  .brand-logo { width:102px; }
  .wrap { padding-left:22px; padding-right:22px; }
  .regions { gap:12px; }
  .regions button { font-size:11px; }
  .enable-card .bottom { flex-wrap:wrap; }
  .cta { margin-left:22px; margin-right:22px; }
}