@charset "UTF-8";

/* One shell for navigation, application, member pages and footer. */
:root {
  --base:#f5f4f8; --paper:#fff; --ink:#282333; --muted:#6e6879;
  --blue:#7251c4; --blue-dark:#5c3ba8; --line:#e5e1ec;
  --glass:#fff; --shadow:none; --radius:16px;
  --shell:1240px; --gutter:32px;
  font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",sans-serif;
  font-size:15px; line-height:1.7; background:var(--base); color:var(--ink);
}
html {scroll-behavior:smooth;scroll-padding-top:24px}
body {background:var(--base)}
.atmosphere {display:none}
.site-header,.main-shell,.public-content,.site-footer,.service-notice {
  width:calc(100% - var(--gutter)*2);max-width:var(--shell);margin-left:auto;margin-right:auto;
}
.site-header {margin-top:20px;min-height:80px;padding:16px 24px;gap:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand {font-family:"Trebuchet MS","Microsoft YaHei",sans-serif;font-size:25px;letter-spacing:-.8px;gap:9px}
.brand strong {font-weight:400;color:var(--blue)}
.brand-mark {width:33px;height:36px;color:var(--blue)}
#top-nav {gap:32px}
#top-nav a {position:relative;font-size:14px;color:var(--muted);padding:10px 0}
#top-nav a:hover,#top-nav a.active {color:var(--blue)}
#top-nav a.active:after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--blue);border-radius:2px}
.header-account {gap:12px}
.main-shell {margin-top:28px;margin-bottom:64px;min-height:60vh}
.public-content {margin-top:0;margin-bottom:64px}
.service-notice {margin-top:20px;margin-bottom:0}
.glass {background:#fff;border:1px solid var(--line);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.button {border-radius:8px;font-size:14px;padding:12px 22px;min-height:46px;box-shadow:none}
.button svg {width:18px;height:18px;flex-shrink:0}
.button:hover {box-shadow:none}
.button.small {min-height:37px;border-radius:7px;font-size:12px;padding:8px 14px}
.button.secondary {background:#fff;border-color:#d8d1e4}
.button.secondary:hover {border-color:var(--blue);background:#f7f4fc}
input,select,textarea {border-color:#d7d1e1;border-radius:8px;background:#fff}
input:hover,select:hover,textarea:hover {border-color:#a48ccf}
input::placeholder,textarea::placeholder {color:#928a9d}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible {outline-color:#a78adc}

/* A single working surface, with a quiet service sidebar. */
.certificate-studio {display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);border-radius:24px;background:#302145;overflow:hidden;box-shadow:0 16px 48px -32px #30214555}
.studio-story {color:#fff;display:flex;flex-direction:column;min-width:0;padding:48px 46px 36px;position:relative;overflow:hidden}
.studio-service {display:flex;align-items:center;gap:9px;font-size:13px;color:#d4c7e8;margin-bottom:27px}
.studio-service svg {width:18px;height:20px}
.studio-intro h1 {font-size:50px;font-weight:600;line-height:1.4;letter-spacing:-1.8px}
.studio-description {font-size:15px;line-height:1.95;color:#d6cce3;margin-top:22px}
.studio-prices {display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:26px;color:#ddd0ef;font-size:12px}
.studio-prices strong {font-family:"Trebuchet MS",sans-serif;font-size:23px;color:#fff;font-weight:600;margin:0 4px}
.studio-prices>span+span {border-left:1px solid #78638d;padding-left:23px}
.studio-guide {display:inline-flex;align-items:center;gap:12px;font-size:12px;margin-top:21px;color:#f1e6ff;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#87719e}
.studio-guide:hover {color:#fff;text-decoration-color:#fff}
.studio-guide svg {width:16px;height:16px}
.hero-visual {position:relative;margin:43px 0 28px;padding:18px 14px 24px 6px;isolation:isolate}
.connection-path {position:absolute;inset:-10px -100px 0 -100px;z-index:-1;overflow:hidden;opacity:.3}
.connection-path span {position:absolute;border:1px solid #a88dc9;border-radius:50%;width:600px;height:230px;transform:rotate(-24deg);left:0;top:45px}
.connection-path span:nth-child(2) {top:70px}
.connection-path span:nth-child(3) {top:95px}
.https-art {position:relative;transform:rotate(-5deg);padding:26px 29px 22px;border:1px solid #ae94cc;border-radius:14px;background:linear-gradient(120deg,#5f477a,#453157);box-shadow:16px 19px 0 -6px #281b3c,16px 19px 0 -5px #806297}
.art-top {display:flex;justify-content:space-between;align-items:center;color:#ecdef9;font-family:"Trebuchet MS",sans-serif;font-size:13px}
.art-top svg {width:30px;height:32px;color:#e4d3ff}
.art-protocol {font-family:"Trebuchet MS",sans-serif;font-size:58px;letter-spacing:-3px;line-height:1.2;margin-top:15px;color:#fff}
.art-domain {font-family:"Trebuchet MS",sans-serif;font-size:18px;color:#e3d5f4;margin-top:2px;letter-spacing:.5px}
.art-bottom {display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9479b4;margin-top:24px;padding-top:16px;font-size:11px;color:#e2d3f1}
.art-bottom svg {width:19px;height:22px}
.art-caption {display:block;text-align:center;font-size:10px;color:#c4b2d8;margin-top:26px}
.studio-delivery {display:flex;gap:15px;align-items:flex-start;padding-top:27px;border-top:1px solid #604a77;margin-top:auto}
.delivery-icon {color:#cbb3ed;padding-top:3px}
.delivery-icon svg {width:24px;height:24px}
.studio-delivery h2 {font-size:15px;line-height:1.7;font-weight:500;color:#f6f0ff;letter-spacing:0}
.studio-delivery p {font-size:12px;color:#cfc0e0;line-height:1.9;margin-top:6px}
.application-panel {background:#fff;padding:34px 38px;min-width:0;border:0;border-radius:0;margin:0}
.application-heading {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:0;margin-bottom:26px}
.application-heading h2 {font-size:24px;font-weight:650;line-height:1.4}
.application-heading p {font-size:12px;color:var(--muted);margin-top:6px}
.application-heading>a {font-size:11px;white-space:nowrap;padding-top:6px;text-decoration:underline;text-underline-offset:4px}
.section-head {gap:9px;margin-bottom:16px}
.section-head h3 {font-size:14px;font-weight:600}
.step-number {width:23px;height:23px;border-radius:50%;font-size:11px;border:0;background:#f0eaf9;color:#6643ac}
.segmented {gap:12px;margin-bottom:20px}
.product-choice {display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:15px 15px 12px;border-color:#ded7e9;border-radius:10px;background:#fff;font-weight:400}
.product-choice:has(input:checked) {border-color:#9475ce;box-shadow:0 0 0 1px #9475ce;background:#f8f5fd}
.product-choice input {position:absolute;left:15px;right:auto;top:14px;width:15px;height:15px;min-height:15px;margin:0}
.product-name {font-size:13px;margin-left:23px;align-self:center}
.product-cost {font-size:10px;display:flex;gap:2px;margin:0;align-items:baseline;color:var(--muted)}
.product-cost strong {font-family:"Trebuchet MS",sans-serif;font-size:22px;color:#4e3371;font-weight:600;line-height:1.3}
.product-choice .field-hint {grid-column:1/-1;font-size:10px;margin:5px 0 0;line-height:1.7}
.field label,.inline-fields label {font-size:12px;margin-bottom:7px}
.domain-input {font-family:"Trebuchet MS","Microsoft YaHei",sans-serif;font-size:21px;min-height:52px;padding:11px 14px;letter-spacing:.1px;font-weight:500;background:#fcfbfe}
.field-hint {font-size:11px;line-height:1.8;color:#71687f;margin-top:7px}
.quote-error {min-height:0;font-size:12px;margin-top:0}
.quote-error:not(:empty) {margin-top:7px}
.form-section+.form-section {padding-top:22px;margin-top:22px;border-color:var(--line)}
.inline-fields {grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px}
.inline-fields select {font-size:12px;padding:10px;min-height:42px}
.delivery-email {font-size:11px;color:var(--muted);display:flex;align-items:flex-start;gap:7px;margin-bottom:14px;overflow-wrap:anywhere}
.delivery-email strong {color:var(--ink);font-weight:500}
.delivery-email svg {width:15px;height:15px;flex-shrink:0;margin-top:2px}
.check-label {font-size:12px;gap:8px}
.check-label small {font-size:10px;line-height:1.8;margin-top:4px}
.quote-receipt {display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px dashed #cfc5de;margin-top:24px;padding-top:18px}
.quote-scope {min-width:0}
.receipt-label {display:block;font-size:10px;color:var(--muted);margin-bottom:5px}
#preview-domain {display:block;font-size:14px;overflow-wrap:anywhere;line-height:1.5}
.cert-names {display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.domain-tag {border:0;border-radius:4px;background:#f0ecf6;font-size:10px;color:#5d4d72;padding:2px 6px;overflow-wrap:anywhere;max-width:100%}
.receipt-ca {display:block;margin-top:6px;font-size:10px;color:var(--muted)}
.quote-amount {text-align:right;flex-shrink:0;display:flex;flex-direction:column;color:var(--muted);font-size:10px}
.quote-amount strong {font-family:"Trebuchet MS",sans-serif;font-size:34px;line-height:1.4;letter-spacing:-1px;color:#4e3371;font-weight:600;white-space:nowrap}
.quote-amount strong small {font-size:18px;letter-spacing:0;margin-right:3px}
.quote-amount>small {font-size:10px}
.form-bottom {margin-top:18px}
.form-bottom .button {min-height:48px}
.form-bottom p {display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;margin-top:10px;color:#71687f}
.form-bottom p svg {width:13px;height:13px;flex-shrink:0}
.home-utility {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 5px 0;font-size:12px;color:var(--muted)}
.home-utility p {display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.home-utility svg {width:16px;height:16px;margin-right:3px}
.home-utility a {text-underline-offset:4px}
.home-utility a:hover {text-decoration:underline}

/* Readable help content without repetitive panels. */
.content-section {margin-top:65px}
.section-title {display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.section-title h2,.faq-intro h2 {font-size:28px;line-height:1.5;font-weight:600}
.section-title p {font-size:13px;color:var(--muted);margin-top:8px}
.section-title>a {font-size:12px;white-space:nowrap}
.steps-strip {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-item {display:flex;gap:19px;padding:30px 28px 30px 0}
.process-item+.process-item {border-left:1px solid var(--line);padding-left:28px}
.process-item>span {font-family:"Trebuchet MS",sans-serif;font-size:22px;color:#9581b2;line-height:1.5}
.process-item h3 {font-size:15px;font-weight:600;margin-bottom:9px}
.process-item p {font-size:12px;line-height:1.9;color:var(--muted);max-width:280px}
.service-explain {display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:53px 0;margin-top:25px;border-bottom:1px solid var(--line)}
.service-explain h2 {font-size:31px;line-height:1.6;font-weight:600;letter-spacing:-.8px}
.service-explain>div>p {font-size:13px;color:var(--muted);margin-top:20px;max-width:450px;line-height:2}
.service-explain a {display:inline-block;margin-top:22px;font-size:12px}
.service-facts {display:grid;gap:24px;padding-top:7px}
.service-facts h3 {font-size:14px;font-weight:600}
.service-facts p {font-size:12px;color:var(--muted);line-height:1.9;margin-top:7px}
.faq-grid {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.faq-intro p {font-size:13px;color:var(--muted);margin-top:15px;line-height:2}
.faq-intro a {display:inline-block;font-size:12px;margin-top:20px}
.faq-list details {border-bottom:1px solid var(--line);padding:21px 0}
.faq-list details:first-child {padding-top:5px}
.faq-list summary {font-size:14px;font-weight:500;cursor:pointer;line-height:1.9;list-style:none;padding-right:28px;position:relative}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary:after {content:"+";position:absolute;right:2px;top:-2px;color:var(--blue);font-size:23px;font-weight:400}
.faq-list details[open] summary:after {content:"−"}
.faq-list details p {font-size:12px;color:var(--muted);line-height:2;margin-top:13px;padding-right:20px}
.trust-note {display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:54px;background:#e9e1f7;border-radius:14px;padding:27px 31px}
.trust-note h3 {font-size:18px;font-weight:600;color:#493360}
.trust-note p {font-size:12px;color:#665677;margin-top:6px}
.trust-note a {font-size:13px;font-weight:600;white-space:nowrap}
.site-footer {display:block;margin-top:0;padding:30px 0 25px;border-top:1px solid #dcd5e6;font-size:12px;color:var(--muted)}
.footer-main {display:flex;justify-content:space-between;gap:25px}
.footer-brand {font-family:"Trebuchet MS",sans-serif;font-size:22px;font-weight:600;color:#493360}
.footer-main p {font-size:11px;color:var(--muted);margin-top:5px}
.footer-links {display:flex;gap:25px;flex-wrap:wrap;padding-top:7px;font-size:12px}
.footer-links a {color:#62546f}
.footer-legal {display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:10px}
.footer-legal a {color:#71687f}
.footer-official {margin-left:auto}

/* Member workspaces use the exact same outer edges as navigation. */
.page-head {margin:9px 0 28px;gap:18px}
.page-head h1 {font-size:30px;font-weight:600;line-height:1.5}
.page-head p {font-size:13px}
.workspace {grid-template-columns:205px minmax(0,1fr);gap:24px}
.side-nav {padding:12px;border-radius:14px;background:#eeebf3;border-color:transparent}
.side-nav a {padding:12px 14px;font-size:13px;border-radius:7px;color:#655c70}
.side-nav a.active {background:#fff;color:#6744ad;box-shadow:0 2px 7px #3021450a}
.side-nav a:hover {background:#fff}
.content-panel {border-radius:14px;padding:28px}
.panel-top h2 {font-size:20px;font-weight:600}
.panel-top p {color:var(--muted)}
.stats-line {border-radius:14px;padding:25px 28px}
.stat strong {font-size:31px;color:#493360}
.stat+.stat {padding-left:30px}
.empty-icon {background:#f0eaf9;color:#7251c4;border-radius:13px}
.empty h3 {font-size:16px}
.empty p {font-size:12px}
.notice {color:#625176;background:#f0eaf9;border-color:#e0d5f0}
.badge {font-size:10px;border-radius:5px}
th {background:#f5f2f9;color:#756c80}
td {padding:18px 13px}
tbody tr:hover {background:#faf8fd}
.wallet-hero {background:#fff;border-color:var(--line);border-radius:14px}
.wallet-hero .balance {color:#6744ad}
.message {background:#f4f1f8;border-color:var(--line)}
.message.admin {background:#eee6fa;border-color:#dfd1f1}
.admin-metric {background:#fff;border-radius:12px;border-color:var(--line);padding:23px}
.admin-metric strong {font-size:31px;color:#6744ad}
.admin-metric:first-child {border-top:3px solid var(--blue)}
.config-stack {gap:26px}
.config-fields {margin-top:25px}
.config-actions {padding-top:24px}
.config-panel .panel-top {padding-bottom:20px;margin-bottom:0}
.login-gate {background:#fff;border-color:var(--line);box-shadow:none;max-width:580px;border-radius:16px}
.member-gate {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:65px;align-items:center;max-width:none;width:100%;margin:0;padding:55px;text-align:left;min-height:360px;border:1px solid var(--line);overflow:hidden}
.gate-visual {background:#eee7f7;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;border-radius:14px;color:#76579e}
.gate-visual>svg {width:85px;height:85px;stroke-width:1}
.gate-visual>span {font-family:"Trebuchet MS",sans-serif;font-size:14px;letter-spacing:1px}
.gate-content h2 {font-size:25px;line-height:1.6}
.gate-content p {max-width:480px;font-size:14px;line-height:2;margin:13px 0 25px}
.gate-help {display:block;font-size:12px;margin-top:18px}
dialog {background:#fff;border-color:var(--line)}
dialog::backdrop {background:#30214555;backdrop-filter:blur(4px)}
.icon-button {background:#f0eaf9}
.login-tabs {border-color:var(--line)}
.recharge-options button.selected {background:#f0eaf9;border-color:var(--blue);color:var(--blue)}
#toast {background:#493360;border-color:#705687}
#toast.error {background:#8c2538}

/* Article text has its own comfortable measure inside the common shell. */
.guide-page {max-width:940px;margin:15px auto 0}
.breadcrumbs {font-size:12px;color:var(--muted);margin-bottom:27px}
.guide-page h1 {font-size:36px;line-height:1.5;font-weight:600;margin-bottom:14px}
.guide-lead {font-size:15px;color:var(--muted);max-width:760px;margin-bottom:28px;line-height:2}
.guide-body {padding:34px 42px;background:#fff;border:1px solid var(--line);border-radius:15px}
.guide-body h2 {font-size:21px;line-height:1.6;margin:30px 0 13px}
.guide-body h2:first-child {margin-top:0}
.guide-body h3 {font-size:16px;margin:23px 0 10px}
.guide-body p,.guide-body li {font-size:14px;line-height:2;color:#655c70}
.guide-body p+p {margin-top:14px}
.guide-body ul,.guide-body ol {padding-left:23px}
.guide-body li+li {margin-top:8px}
.guide-body table {white-space:normal;margin:18px 0}
.guide-body td,.guide-body th {white-space:normal;padding:15px 12px}
.guide-body details {border-bottom:1px solid var(--line);padding:21px 0}
.guide-body summary {cursor:pointer;font-weight:600;font-size:15px}
.guide-body details p {margin-top:12px}
.guide-callout {border-left:3px solid #9475ce;background:#f4effc;padding:17px 20px;margin:24px 0;font-size:13px;color:#665079;line-height:1.9}
.guide-links {display:grid;gap:16px}
.guide-links a {display:block;border:1px solid var(--line);padding:22px;border-radius:10px}
.guide-links strong {font-size:17px}
.guide-links p {font-size:13px;margin-top:5px}
.guide-return {display:flex;align-items:center;gap:18px;margin-top:26px;font-size:13px}
.ssr-intro {padding:30px;max-width:900px}
.ssr-intro h1 {font-size:42px;margin-bottom:20px}
.ssr-intro p {font-size:15px;color:var(--muted);margin-bottom:25px}

@media(max-width:1100px) {
  .site-header {gap:16px;padding:16px 20px}
  #top-nav {gap:22px}
  #top-nav a {font-size:12px}
  .brand {font-size:23px}
  .header-account .account-name {max-width:115px}
  .studio-story {padding:38px 30px 32px}
  .studio-intro h1 {font-size:43px}
  .application-panel {padding:30px 28px}
  .studio-prices {gap:13px}
  .studio-prices>span+span {padding-left:13px}
  .hero-visual {padding-right:10px}
  .https-art {padding:22px}
  .art-protocol {font-size:48px}
  .service-explain {gap:55px}
  .faq-grid {gap:45px}
  .member-gate {gap:35px;padding:40px}
}
@media(max-width:900px) and (min-width:761px) {
  .certificate-studio {grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}
  .studio-story {padding:32px 24px}
  .studio-intro h1 {font-size:35px;letter-spacing:-1px}
  .studio-description {font-size:13px}
  .studio-prices {gap:5px;align-items:flex-start;flex-direction:column}
  .studio-prices>span+span {padding-left:0;border:0}
  .application-panel {padding:28px 23px}
  .product-choice {padding:13px 10px 11px}
  .product-choice input {left:10px;top:14px}
  .product-name {font-size:12px;margin-left:22px}
  .product-cost strong {font-size:19px}
  .product-cost>span {display:none}
  .product-choice .field-hint {font-size:9px}
  .https-art {padding:19px}
  .art-protocol {font-size:42px}
  .art-domain {font-size:13px}
  .art-bottom {font-size:9px}
  .studio-delivery {gap:10px}
  .studio-delivery h2 {font-size:13px}
  .studio-delivery p {font-size:11px}
  .workspace {grid-template-columns:165px minmax(0,1fr);gap:18px}
  .side-nav a {font-size:12px;padding:11px 10px}
}
@media(max-width:760px) {
  :root {--gutter:16px}
  html {scroll-padding-top:16px}
  .site-header {margin-top:12px;min-height:0;flex-wrap:wrap;padding:14px 16px 8px;border-radius:13px;gap:12px}
  .brand {font-size:22px;gap:7px}
  .brand-mark {width:28px;height:30px}
  .header-account {margin-left:auto;gap:7px}
  .header-account .button {font-size:11px;min-height:33px;padding:8px 11px}
  .header-account .account-name {max-width:115px;font-size:11px}
  #top-nav {justify-content:space-between;gap:8px;padding-top:5px;border-top:1px solid var(--line);width:100%}
  #top-nav a {font-size:12px;padding:8px 0}
  .main-shell {margin-top:20px;margin-bottom:42px}
  .public-content {margin-top:0;margin-bottom:42px}
  .certificate-studio {grid-template-columns:minmax(0,1fr);border-radius:17px}
  .studio-story {padding:29px 25px 26px}
  .studio-service {font-size:11px;margin-bottom:15px}
  .studio-service svg {width:15px;height:17px}
  .studio-intro h1 {font-size:35px;line-height:1.45;letter-spacing:-1px}
  .studio-description {font-size:12px;margin-top:14px;line-height:1.9}
  .studio-description br {display:initial}
  .studio-prices {margin-top:15px;gap:16px;font-size:11px}
  .studio-prices strong {font-size:20px}
  .studio-prices>span+span {padding-left:16px}
  .studio-guide {font-size:11px;margin-top:14px;gap:9px}
  .hero-visual {position:absolute;right:-24px;top:10px;width:145px;opacity:.23;padding:0;margin:0;pointer-events:none;z-index:0}
  .studio-intro {position:relative;z-index:1}
  .connection-path,.art-caption {display:none}
  .https-art {padding:16px;transform:rotate(12deg);box-shadow:none}
  .art-top {font-size:9px}
  .art-top svg {width:20px;height:22px}
  .art-protocol {font-size:34px;letter-spacing:-2px}
  .art-domain {font-size:10px;letter-spacing:0}
  .art-bottom {font-size:8px;margin-top:15px;padding-top:12px;gap:8px}
  .art-bottom svg {width:15px;height:17px;flex-shrink:0}
  .studio-delivery {display:none}
  .application-panel {padding:27px 23px}
  .application-heading {gap:8px;margin-bottom:25px}
  .application-heading h2 {font-size:21px}
  .application-heading p {font-size:11px;line-height:1.9;margin-top:5px}
  .application-heading>a {font-size:10px;padding-top:4px}
  .section-head {margin-bottom:15px}
  .section-head h3 {font-size:14px}
  .segmented {gap:11px;margin-bottom:19px}
  .product-choice {padding:13px 11px 12px;grid-template-columns:1fr;gap:4px;border-radius:9px}
  .product-choice input {left:11px;top:16px;width:14px;height:14px;min-height:14px}
  .product-name {font-size:12px;margin-left:22px}
  .product-cost {margin-top:5px}
  .product-cost strong {font-size:25px}
  .product-choice .field-hint {font-size:9px;margin-top:2px}
  .domain-input {font-size:21px;min-height:52px}
  .field-hint {font-size:10px;line-height:1.9}
  .form-section+.form-section {margin-top:23px;padding-top:23px}
  .inline-fields {grid-template-columns:minmax(0,1fr);gap:14px}
  .inline-fields select {font-size:12px;min-height:43px}
  .delivery-email {font-size:10px;line-height:1.9}
  .check-label {font-size:12px}
  .check-label small {font-size:10px}
  .quote-receipt {gap:12px;padding-top:18px;margin-top:22px;align-items:flex-start}
  .quote-amount strong {font-size:30px}
  #preview-domain {font-size:13px}
  .domain-tag {font-size:9px}
  .form-bottom .button {font-size:13px;min-height:48px;padding:12px}
  .form-bottom p {font-size:9px;align-items:flex-start;text-align:left}
  .form-bottom p svg {margin-top:2px}
  .home-utility {flex-direction:column;align-items:flex-start;padding:18px 2px 0;gap:9px;font-size:11px}
  .content-section {margin-top:43px}
  .section-title {align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}
  .section-title h2,.faq-intro h2 {font-size:24px;line-height:1.6}
  .section-title p {font-size:12px;line-height:1.9}
  .section-title>a {font-size:11px}
  .steps-strip {grid-template-columns:1fr}
  .process-item {padding:24px 0;gap:18px}
  .process-item+.process-item {border-left:0;border-top:1px solid var(--line);padding-left:0}
  .process-item>span {font-size:20px}
  .process-item h3 {font-size:14px;margin-bottom:7px}
  .process-item p {font-size:12px;max-width:none}
  .service-explain {grid-template-columns:1fr;gap:30px;padding:30px 0;margin-top:12px}
  .service-explain h2 {font-size:26px}
  .service-explain>div>p {font-size:12px;margin-top:15px}
  .service-explain a {font-size:11px;margin-top:15px}
  .service-facts {gap:21px}
  .service-facts h3 {font-size:14px}
  .service-facts p {font-size:12px}
  .faq-grid {grid-template-columns:1fr;gap:27px}
  .faq-intro p {font-size:12px;margin-top:10px}
  .faq-intro p br {display:none}
  .faq-intro a {font-size:11px;margin-top:12px}
  .faq-list summary {font-size:13px}
  .faq-list details p {font-size:12px;padding-right:10px}
  .trust-note {padding:23px;flex-direction:column;align-items:flex-start;gap:16px;margin-top:35px;border-radius:12px}
  .trust-note h3 {font-size:17px}
  .trust-note p {font-size:12px;line-height:1.9}
  .trust-note a {font-size:12px}
  .site-footer {margin-top:0;padding:26px 0 22px}
  .footer-main {flex-direction:column;gap:20px}
  .footer-brand {font-size:21px}
  .footer-links {gap:22px;font-size:11px;padding-top:0}
  .footer-main p {font-size:10px}
  .footer-legal {gap:9px 18px;margin-top:22px;font-size:9px;line-height:1.9;padding-top:16px}
  .footer-official {margin-left:0;width:100%}
  .page-head {margin-top:4px;margin-bottom:22px;gap:10px}
  .page-head h1 {font-size:26px}
  .page-head p {font-size:12px}
  .page-head .button {font-size:11px;padding:9px 11px}
  .workspace {grid-template-columns:minmax(0,1fr);gap:20px}
  .side-nav {padding:8px;border-radius:11px}
  .side-nav a {font-size:11px;padding:10px 12px}
  .content-panel {padding:21px 17px;border-radius:12px}
  .panel-top h2 {font-size:18px}
  .panel-top p {font-size:11px}
  .stats-line {padding:22px 17px;gap:10px}
  .stat strong {font-size:24px}
  .stat-label {font-size:10px}
  .stat+.stat {padding-left:14px}
  .admin-metric {padding:20px 17px}
  .admin-metric strong {font-size:27px}
  .admin-metric span {font-size:11px}
  .member-gate {grid-template-columns:minmax(0,1fr);gap:26px;padding:26px;min-height:0}
  .gate-visual {min-height:145px;gap:13px}
  .gate-visual>svg {width:57px;height:57px}
  .gate-visual>span {font-size:12px}
  .gate-content h2 {font-size:22px;line-height:1.6}
  .gate-content p {font-size:12px;line-height:2;margin:12px 0 23px}
  .gate-content .button {width:100%;font-size:13px}
  .gate-help {font-size:11px;margin-top:17px}
  .guide-page {margin-top:10px}
  .breadcrumbs {font-size:10px;margin-bottom:22px}
  .guide-page h1 {font-size:28px;line-height:1.6}
  .guide-lead {font-size:13px;margin-bottom:23px}
  .guide-body {padding:25px 19px;border-radius:12px}
  .guide-body h2 {font-size:19px}
  .guide-body h3 {font-size:15px}
  .guide-body p,.guide-body li {font-size:12px;line-height:2}
  .guide-body table {table-layout:fixed}
  .guide-body td,.guide-body th {font-size:10px;padding:12px 7px}
  .guide-body summary {font-size:13px}
  .guide-callout {font-size:12px;padding:15px 16px}
  .guide-links a {padding:18px}
  .guide-links strong {font-size:15px}
  .guide-links p {font-size:12px}
  .guide-return {font-size:12px;gap:14px}
  .ssr-intro {padding:20px 0}
  .ssr-intro h1 {font-size:31px}
  .ssr-intro p {font-size:13px}
}
@media(max-width:370px) {
  :root {--gutter:12px}
  .site-header {padding-left:12px;padding-right:12px}
  #top-nav a {font-size:11px}
  .studio-story {padding:27px 21px 25px}
  .studio-intro h1 {font-size:32px}
  .studio-prices {gap:10px;font-size:10px}
  .studio-prices>span+span {padding-left:10px}
  .application-panel {padding:25px 18px}
  .application-heading h2 {font-size:20px}
  .application-heading p {font-size:10px}
  .product-choice .field-hint {font-size:8px}
  .product-name {font-size:11px}
  .member-gate {padding:22px}
  .header-account .account-name {max-width:90px}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*:before,*:after {transition:none!important;animation:none!important}}