*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--color-bg-primary);overflow-x:hidden;font-size:var(--text-base)}

.section-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-primary-light);border-radius:var(--radius-full);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}

.bg-secondary{background:var(--color-bg-secondary)}
.bg-dark{background:var(--color-bg-inverse);color:var(--color-text-inverse)}
.bg-dark h2,.bg-dark h3,.bg-dark .section-title{color:var(--color-text-inverse)}
.bg-dark p{color:rgba(255,255,255,.82)}
.bg-dark .section-label{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85)}

.section-title{font-size:var(--text-section-title);font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);line-height:1.3;letter-spacing:-0.01em}
.section-desc{font-size:var(--text-base);color:var(--color-text-secondary);max-width:640px;margin-bottom: var(--space-6);line-height:1.75}

/* ===== Hero: Report Preview Card ===== */
.hero-report-card{background:var(--card-surface-bg,#fff);border:1px solid var(--card-surface-border,#E2E7F0);border-radius:var(--radius-card-lg,18px);width:100%;max-width:min(100%,560px);box-shadow:var(--card-elevated-shadow, 0 6px 24px rgba(24,32,51,.06));overflow:hidden;position:relative}
.hero-report-card__header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-soft-brand,#EEF3FF);border-bottom:1px solid var(--card-surface-border,#E2E7F0)}
.hero-report-card__headerIcon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--brand-primary,#2454FF);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hero-report-card__headerTitle{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}
.hero-report-card__body{padding:20px 24px;position:relative;overflow:hidden}
.ReportPreview{display:flex;align-items:center;gap:16px;padding:14px;border:1px solid var(--card-surface-border,#E2E7F0);border-radius:14px;background:var(--bg-soft-brand,#F7F9FE);text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease}
.ReportPreview:hover{border-color:rgba(36,84,255,.32);box-shadow:0 10px 24px rgba(15,33,76,.08)}
.ReportPreview__page{flex:0 0 auto;width:66px;height:88px;padding:8px;display:flex;flex-direction:column;gap:5px;border-radius:8px;background:#fff;border:1px solid var(--card-surface-border,#E2E7F0);box-shadow:0 4px 12px rgba(15,33,76,.06)}
.ReportPreview__cover{height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--brand-primary,#2454FF)}
.ReportPreview__line{display:block;height:4px;border-radius:2px;background:#E3E9F4}
.ReportPreview__line--title{height:6px;background:#C9D6EE}
.ReportPreview__line--short{width:62%}
.ReportPreview__blocks{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:auto}
.ReportPreview__blocks i{display:block;height:10px;border-radius:3px;background:#EDF1F9}
.ReportPreview__meta{min-width:0;display:flex;flex-direction:column;gap:3px}
.ReportPreview__badge{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size: 14px;font-weight:var(--font-weight-medium);color:var(--brand-primary,#2454FF);background:rgba(36,84,255,.08)}
.ReportPreview__title{font-size:15px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}
.ReportPreview__desc{font-size: 15px;line-height:1.6;color:var(--color-text-secondary)}
.ReportPreview__link{margin-top:2px;display:inline-flex;align-items:center;gap:4px;font-size: 14px;font-weight:var(--font-weight-medium);color:var(--brand-primary,#2454FF)}
.ReportCapability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.ReportCapability__item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border:1px solid var(--card-surface-border,#E2E7F0);border-radius:12px;background:#fff}
.ReportCapability__value{font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:-.01em}
.ReportCapability__unit{margin-left:2px;font-size: 14px;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}
.ReportCapability__label{font-size: 14px;color:var(--color-text-secondary)}
.hero-report-card__footer{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-soft-brand,#F7F9FE);border-top:1px solid var(--card-surface-border,#E2E7F0)}
.hero-report-card__footerBadge{font-size: 14px;font-weight:var(--font-weight-medium);color:#007A4D;display:flex;align-items:center;gap:4px}
.hero-report-card__footerDate{font-size: 14px;color:var(--color-text-tertiary)}
/* ── Hero bottom smooth transition (no hard cuts) ── */
.BrandHero--report{border-bottom:none}
.BrandHero--report + .section{border-top:none;background:var(--color-bg-primary)}
@keyframes cardFloatIn{from{opacity:0;transform:translateY(16px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}

/* ===== Value Cards ===== */
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.value-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--card-surface-bg);border-radius:var(--radius-card);border:1px solid var(--card-surface-border);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard);overflow:hidden}
.value-card:hover{box-shadow:var(--card-elevated-shadow);border-color:rgba(36,84,255,.28);transform:translateY(-2px)}
.value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}
.value-card--1::before{background:linear-gradient(90deg,#0A3DFF,#1677FF)}
.value-card--2::before{background:linear-gradient(90deg,#1677FF,#00D4FF)}
.value-card--3::before{background:linear-gradient(90deg,#00A86B,#12B76A)}
.value-card--4::before{background:linear-gradient(90deg,#7B61FF,#0A3DFF)}
.value-card__icon{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.value-card__icon--1{background:rgba(10,61,255,0.1);color:#0A3DFF}
.value-card__icon--2{background:rgba(22,119,255,0.1);color:#1677FF}
.value-card__icon--3{background:rgba(0,168,107,0.1);color:#00A86B}
.value-card__icon--4{background:rgba(123,97,255,0.1);color:#7B61FF}
.value-card__title{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}
.value-card__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}
.value-card__indicator{display:flex;align-items:center;gap:8px;margin-top:var(--space-1)}
.value-card__indicatorBar{flex:1;height:4px;border-radius:2px;background:var(--color-bg-secondary);overflow:hidden}
.value-card__indicatorFill{height:100%;border-radius:2px;transition:width 1s ease}
.value-card__indicatorFill--1{background:linear-gradient(90deg,#0A3DFF,#1677FF);width:92%}
.value-card__indicatorFill--2{background:linear-gradient(90deg,#1677FF,#00D4FF);width:85%}
.value-card__indicatorFill--3{background:linear-gradient(90deg,#00A86B,#12B76A);width:88%}
.value-card__indicatorFill--4{background:linear-gradient(90deg,#7B61FF,#0A3DFF);width:90%}
.value-card__indicatorPct{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}

/* ===== Dimension Cards ===== */
.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.dimension-card{background:var(--card-surface-bg);border-radius:var(--radius-card);border:1px solid var(--card-surface-border);padding:var(--space-6);transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
.dimension-card:hover{box-shadow:var(--card-elevated-shadow);border-color:rgba(36,84,255,.28)}
.dimension-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
.dimension-card__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.dimension-card__icon--1{background:rgba(10,61,255,0.1);color:#0A3DFF}
.dimension-card__icon--2{background:rgba(22,119,255,0.1);color:#1677FF}
.dimension-card__icon--3{background:rgba(0,168,107,0.1);color:#00A86B}
.dimension-card__icon--4{background:rgba(0,212,255,0.1);color:#00D4FF}
.dimension-card__icon--5{background:rgba(255,176,32,0.1);color:#FFB020}
.dimension-card__icon--6{background:rgba(123,97,255,0.1);color:#7B61FF}
.dimension-card__name{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}
.dimension-card__score{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}
.dimension-card__scoreLabel{font-size:var(--text-xs);color:var(--color-text-tertiary)}
.dimension-card__scoreValue{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}
.dimension-card__scoreBar{height:8px;background:var(--color-bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:var(--space-3)}
.dimension-card__scoreFill{height:100%;border-radius:4px;transition:width 1s ease}
.dimension-card__scoreFill--1{background:linear-gradient(90deg,#0A3DFF,#1677FF)}
.dimension-card__scoreFill--2{background:linear-gradient(90deg,#1677FF,#00D4FF)}
.dimension-card__scoreFill--3{background:linear-gradient(90deg,#00A86B,#12B76A)}
.dimension-card__scoreFill--4{background:linear-gradient(90deg,#00D4FF,#7B61FF)}
.dimension-card__scoreFill--5{background:linear-gradient(90deg,#FFB020,#FF8C00)}
.dimension-card__scoreFill--6{background:linear-gradient(90deg,#7B61FF,#0A3DFF)}
.dimension-card__indicators{display:flex;flex-wrap:wrap;gap:6px}
.dimension-card__indicator{font-size: 14px;padding:3px 10px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium)}
.dimension-card__indicator--pass{background:var(--color-success-light);color:var(--color-success)}
.dimension-card__indicator--warn{background:var(--color-warning-light);color:var(--color-warning)}
.dimension-card__indicator--info{background:var(--color-info-light);color:var(--color-info)}

/* ===== Report Sample Section ===== */
.report-sample-section{background:var(--color-bg-primary);color:var(--color-text-primary)}
.report-sample-grid{display:grid;grid-template-columns:1.618fr 1fr;gap: var(--space-12);align-items:start}
.report-sample__preview{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-default);overflow:hidden;box-shadow:var(--shadow-md)}
.report-sample__previewHeader{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border-default)}
.report-sample__previewDot{width:10px;height:10px;border-radius:50%}
.report-sample__previewDot:nth-child(1){background:#FF5F57}
.report-sample__previewDot:nth-child(2){background:#FFBD2E}
.report-sample__previewDot:nth-child(3){background:#27C93F}
.report-sample__previewTitle{font-size: 14px;color:var(--color-text-tertiary);margin-left:var(--space-2);flex:1}
.report-sample__previewBody{padding:var(--space-6)}
.report-sample__cover{background:linear-gradient(135deg,#0A3DFF 0%,#7B61FF 100%);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;margin-bottom:var(--space-5)}
.report-sample__coverTitle{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:#fff;margin-bottom:var(--space-1)}
.report-sample__coverSub{font-size:var(--text-xs);color:rgba(255,255,255,.75);margin-bottom:var(--space-4)}
.report-sample__coverMeta{display:flex;justify-content:center;gap:var(--space-6);font-size: 14px;color:rgba(255,255,255,.65)}
.report-sample__scoreRow{display:flex;gap:var(--space-4);margin-bottom:var(--space-5)}
.report-sample__scoreCard{flex:1;background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;border:1px solid var(--color-border-default)}
.report-sample__scoreLabel{font-size: 14px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}
.report-sample__scoreValue{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-success);letter-spacing:var(--tracking-tight)}
.report-sample__scoreValue--primary{color:#0A3DFF}
.report-sample__scoreValue--warning{color:var(--color-warning)}
.report-sample__barGroup{margin-bottom:var(--space-4)}
.report-sample__barLabel{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:flex;justify-content:space-between}
.report-sample__barTrack{height:6px;border-radius:3px;background:var(--color-bg-tertiary);overflow:hidden}
.report-sample__barFill{height:100%;border-radius:3px;transition:width 1s var(--ease-enter)}
.report-sample__barFill--high{background:var(--color-success)}
.report-sample__barFill--mid{background:var(--color-warning)}
.report-sample__barFill--low{background:var(--color-error)}
.report-sample__sectionTitle{font-size: 14px;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);margin-top:var(--space-5)}
.report-sample__riskList{display:flex;flex-direction:column;gap:var(--space-2)}
.report-sample__riskItem{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-primary);border-radius:var(--radius-sm);border:1px solid var(--color-border-default);font-size:var(--text-xs);color:var(--color-text-primary)}
.report-sample__riskBadge{font-size: 14px;padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-weight-medium);flex-shrink:0}
.report-sample__riskBadge--high{background:rgba(209,67,67,.15);color:#D14343}
.report-sample__riskBadge--mid{background:rgba(255,176,32,.15);color:#B8800F}
.report-sample__riskBadge--low{background:rgba(0,168,107,.15);color:#008055}
.report-sample__info{padding:var(--space-8) 0}
.report-sample__info h3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}
.report-sample__info p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-4)}
.report-sample__infoList{display:flex;flex-direction:column;gap:var(--space-3)}
.report-sample__infoItem{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary)}
.report-sample__infoCheck{width:22px;height:22px;border-radius:50%;background:var(--color-success-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;color:var(--color-success);font-size: 14px;font-weight:var(--font-weight-bold)}

/* ===== Form Section ===== */
.form-section{background:var(--color-bg-secondary)}
.form-grid{display:grid;grid-template-columns:1.618fr 1fr;gap: var(--space-12);align-items:start}
.form-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border-default);padding:var(--space-10);box-shadow:var(--shadow-sm)}
.form-card__title{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}
.form-card__subtitle{font-size:var(--text-base);color:var(--color-text-tertiary);margin-bottom:var(--space-8);line-height:1.6}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}
.form-group{margin-bottom:var(--space-5)}
.form-group__label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}
.form-group__required{color:var(--color-error);margin-left:2px}
.form-group__input{display:block;width:100%;height:48px;padding:0 var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}
.form-group__input:hover{border-color:var(--color-border-hover)}
.form-group__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-light)}
.form-group__input::placeholder{color:var(--color-text-disabled)}
.form-group__input--error{border-color:var(--color-error)}
.form-group__input--error:focus{box-shadow:0 0 0 3px var(--color-error-light)}
.form-group select.form-group__input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238C95A3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}
.form-group textarea.form-group__input{height:auto;min-height:100px;padding-top:var(--space-3);padding-bottom:var(--space-3);resize:vertical}
.form-group__error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1);display:none}
.form-group__error--visible{display:block}
.form-checkbox-group{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-bottom:var(--space-8)}
.form-checkbox-group input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}
.form-checkbox-group__label{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}
.form-checkbox-group__label a{color:var(--color-primary);text-decoration:underline}
.form-submit-btn{width:100%;height:52px;font-size:var(--text-base);font-weight:var(--font-weight-semibold);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);position:relative;overflow:hidden;background:var(--btn-primary-bg);color:var(--btn-primary-text);display:flex;align-items:center;justify-content:center;gap:8px}
.form-submit-btn:hover:not(:disabled){background:var(--btn-primary-hover-bg);box-shadow:0 4px 14px rgba(10,61,255,.28);transform:translateY(-1px)}
.form-submit-btn:active:not(:disabled){transform:scale(.97)}
.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}
.form-submit-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:none}
.form-submit-btn--loading .spinner{display:block}
.form-submit-btn--loading .btn-text{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.form-global-error{font-size:var(--text-sm);color:var(--color-error);padding:var(--space-3);background:var(--color-error-light);border-radius:var(--radius-sm);margin-bottom:var(--space-5);display:none}
.form-global-error--visible{display:block}
.form-success{display:none;text-align:center;padding:var(--space-10)}
.form-success--visible{display:block}
.form-success__icon{width:64px;height:64px;border-radius:50%;background:var(--color-success-light);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-success);font-size:32px;font-weight:var(--font-weight-bold)}
.form-success__title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}
.form-success__desc{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-2)}
.form-success__leadId{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--font-weight-medium);margin-bottom:var(--space-6)}
.form-info h3{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}
.form-info p{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-6)}
.form-notice{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-4);text-align:center;line-height:var(--leading-relaxed)}

/* ===== Process Steps ===== */
.process-steps{display:flex;gap:var(--space-6);align-items:stretch}
.process-step{flex:1;text-align:center;position:relative}
.process-step__number{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0 auto var(--space-4);color:var(--color-primary);background:var(--color-primary-light);border:2px solid var(--color-primary);position:relative;z-index:2}
.process-step__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}
.process-step__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}
.process-step__connector{position:absolute;top:28px;left:calc(50% + 28px);width:calc(100% - 56px);height:2px;background:var(--color-border-default);z-index:1}
.process-step:last-child .process-step__connector{display:none}

/* ===== Security ===== */
.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.security-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--color-bg-primary);border-radius:var(--radius-lg);border:1px solid var(--color-border-default);transition:box-shadow var(--duration-fast) var(--ease-standard)}
.security-card:hover{box-shadow:var(--shadow-md)}
.security-card__icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-success-light);color:var(--color-success)}
.security-card__content{flex:1}
.security-card__title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-1)}
.security-card__desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}

/* ===== CTA Banner ===== */
.cta-banner{background:linear-gradient(135deg,#0A1F5C 0%,#0A3DFF 50%,#7B61FF 100%);border-radius:var(--radius-xl);padding: var(--space-10) var(--space-8);text-align:center}
.cta-banner__title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse);margin-bottom:var(--space-3)}
.cta-banner__subtitle{font-size:var(--text-base);color:rgba(255,255,255,.75);margin-bottom:var(--space-8);max-width:920px;margin-left:auto;margin-right:auto;line-height:var(--leading-loose)}
.cta-banner__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}
.btn--white{background:var(--btn-white-bg);color:var(--btn-white-text);border-color:var(--btn-white-bg)}
.btn--white:hover{background:var(--btn-white-hover-bg);color:var(--btn-white-hover-text);border-color:var(--btn-white-hover-bg);transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.08)}
.btn--white:active{transform:scale(.97)}
.btn--outline-white{background:var(--btn-outline-white-bg);color:var(--btn-outline-white-text);border-color:var(--btn-outline-white-border)}
.btn--outline-white:hover{background:var(--btn-outline-white-hover-bg);color:var(--btn-outline-white-hover-text);border-color:var(--btn-outline-white-hover-border);transform:translateY(-1px)}
.btn--outline-white:active{transform:scale(.97)}

/* ===== Footer ===== */
.footer{background:var(--color-bg-secondary);padding:clamp(40px,4vw,64px) 0 clamp(24px,2vw,40px)}
.footer__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8)}
.footer__col h5{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4);color:var(--color-text-primary)}
.footer__col ul{list-style:none;margin:0;padding:0}
.footer__col li{margin-bottom:var(--space-2)}
.footer__col a{font-size:var(--text-sm);color:var(--color-text-tertiary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}
.footer__col a:hover{color:var(--color-text-primary)}
.footer__bottom{padding-top:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--color-border-default);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}
.footer__copyright{font-size:var(--text-xs);color:var(--color-text-tertiary)}
.footer__links{display:flex;gap:var(--space-6)}
.footer__links a{font-size:var(--text-xs);color:var(--color-text-tertiary);text-decoration:none}
.footer__links a:hover{color:var(--color-text-primary)}

/* ===== Golden Ratio (>=1440px) ===== */
@media(min-width:1440px){
  .form-grid{grid-template-columns:1.618fr 1fr}
  .report-sample-grid{grid-template-columns:1.618fr 1fr}
}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .dimension-grid{grid-template-columns:repeat(2,1fr)}
  .report-sample-grid{grid-template-columns:1fr;gap:var(--space-10)}
  .form-grid{grid-template-columns:1fr;gap:var(--space-10)}
  .security-grid{grid-template-columns:1fr}
  .process-steps{flex-wrap:wrap;gap:var(--space-4)}
  .process-step{flex:1 1 calc(50% - var(--space-4))}
  .process-step__connector{display:none}
  .footer__grid{grid-template-columns:repeat(2,1fr)}
  .BrandHero__layout{grid-template-columns:1fr;gap:var(--space-8)}
  .BrandHero__visual{display:none}
}
@media(max-width:768px){
  .value-grid{grid-template-columns:1fr}
  .dimension-grid{grid-template-columns:1fr}
  .report-sample-grid{grid-template-columns:1fr;gap:var(--space-10)}
  .form-row{grid-template-columns:1fr}
  .security-grid{grid-template-columns:1fr}
  .process-steps{flex-direction:column}
  .process-step{flex:unset}
  .cta-banner{padding:var(--space-8) var(--space-6)}
  .cta-banner__title{font-size:var(--text-2xl)}
  .cta-banner__actions{flex-direction:column;align-items:stretch}
  .cta-banner__actions .btn{width:100%}
  .form-card{padding:var(--space-6)}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column;text-align:center}
}
@media(max-width:480px){}

/* ===== 报告样例页 /report/sample（公开脱敏样例） ===== */
.report-sample-mark{background:var(--color-bg-primary,#fff);border:1px solid var(--color-border-default,#E2E8F0);border-radius:16px;padding:var(--space-8,32px);box-shadow:var(--shadow-lg);text-align:center}
.report-sample-mark__num{font-size:44px;font-weight:700;line-height:1.1;background:linear-gradient(135deg,var(--color-primary,#6366F1),#1677FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.report-sample-mark__label{font-size:15px;color:var(--color-text-secondary,#475569);margin-top:var(--space-2,8px)}
.report-sample-mark__meta{font-size: 14px;color:var(--color-text-tertiary,#94A3B8);margin-top:var(--space-4,16px)}
.sample-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-3,12px)}
.sample-list li{padding-left:24px;position:relative;line-height:1.7;color:var(--color-text-secondary,#475569)}
.sample-list li::before{content:"";position:absolute;left:4px;top:0.72em;width:8px;height:8px;border-radius:50%;background:var(--color-primary,#6366F1)}
.sample-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3,12px)}
.sample-cat{border:1px solid var(--color-border-default,#E2E8F0);border-radius:12px;padding:14px 12px;text-align:center;font-size:14px;color:var(--color-text-secondary,#475569);background:var(--color-bg-primary,#fff)}
.sample-level-row{display:flex;gap:var(--space-3,12px);flex-wrap:wrap;margin-bottom:var(--space-4,16px)}
.sample-level{padding:6px 14px;border-radius:999px;font-size: 14px;font-weight:600}
.sample-level--high{background:rgba(220,38,38,0.1);color:#DC2626}
.sample-level--mid{background:rgba(234,88,12,0.1);color:#EA580C}
.sample-level--low{background:rgba(22,163,74,0.1);color:#16A34A}
.sample-pdf-wrap{border:1px solid var(--color-border-default,#E2E8F0);border-radius:16px;overflow:hidden;background:var(--color-bg-secondary,#F8FAFC);margin-bottom:var(--space-4,16px)}
.sample-pdf-frame{width:100%;height:640px;border:0;display:block}
.sample-pdf-actions{display:flex;justify-content:center}
.sample-notice{border:1px solid var(--color-border-default,#E2E8F0);border-left:3px solid var(--color-primary,#6366F1);border-radius:10px;padding:var(--space-5,20px);background:var(--color-bg-primary,#fff)}
.sample-notice p{margin:0;color:var(--color-text-secondary,#475569);font-size:14px;line-height:1.8}
.sample-cta{text-align:center;padding:var(--space-8,32px) 0}
@media(max-width:768px){.sample-cat-grid{grid-template-columns:repeat(2,1fr)}.sample-pdf-frame{height:480px}}

/* ==========================================================================
   Global Layout
   ========================================================================== */

:root {
  --xlx-page-inset: 24px; /* <=390：左右各 12px */
  --xlx-page-gutter: 12px;
  --container-wide: calc(100vw - var(--xlx-page-inset));
  --container-main: calc(100vw - var(--xlx-page-inset));
  --container-content: calc(100vw - var(--xlx-page-inset));
  --container-padding-inline: 0px;
}

@media (min-width: 391px) {
  :root {
    --xlx-page-inset: 28px;
    --xlx-page-gutter: 14px;
  }
}

@media (min-width: 431px) {
  :root {
    --xlx-page-inset: 32px;
    --xlx-page-gutter: 16px;
  }
}

@media (min-width: 768px) {
  :root {
    --xlx-page-inset: 48px;
    --xlx-page-gutter: 24px;
  }
}

@media (min-width: 1024px) {
  :root {
    --xlx-page-inset: 72px;
    --xlx-page-gutter: 36px;
  }
}

@media (min-width: 1280px) {
  :root {
    --xlx-page-inset: 96px;
    --xlx-page-gutter: 48px;
  }
}

@media (min-width: 1440px) {
  :root {
    --xlx-page-inset: 144px;
    --xlx-page-gutter: 72px;
  }
}

@media (min-width: 1600px) {
  :root {
    --xlx-page-inset: 220px;
    --xlx-page-gutter: 110px;
  }
}

@media (min-width: 1920px) {
  :root {
    --xlx-page-inset: 360px;
    --xlx-page-gutter: 180px;
  }
}

/* 主背景继续全宽；这里只控制内部内容版心 */
.container,
.site-container,
.SiteHeader__inner {
  max-width: var(--container-main);
}

/* 防止网格/双栏子项因长文本撑破版心 */
.container > *,
.site-container > *,
.SiteHeader__inner > * {
  min-width: 0;
}


/* CTA */
.cta-banner__actions .btn {
  transition: background-color .2s ease, border-color .2s ease, color .2s ease,
              box-shadow .2s ease, transform .2s ease;
}
.cta-banner__actions .btn:hover {
  background: rgba(255,255,255,.14);
  color: #FFFFFF;
  border-color: rgba(255,255,255,.55);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0,0,0,.14);
}
.cta-banner__actions .btn:focus-visible {
  outline: 2px solid rgba(255,255,255,.90);
  outline-offset: 3px;
}
.cta-banner__actions .btn:active { transform: translateY(0); }