/* Page 55 visual language. Feature-specific behavior and account flows stay in their owners. */
/* Page59 G1: opt-in state layout, not a replacement component system. */
.p59-state{display:flex;flex-direction:column;gap:32px;min-width:0;max-width:100%;text-align:left;overflow-wrap:anywhere}
#mainContent .p59-state h1{margin:0;font:600 40px/1.2 var(--v55-font)}
.p59-state>p{margin:0;color:var(--v55-muted);font-size:15px;line-height:24px}
.p59-state-card{padding:16px;border-radius:12px;min-width:0;line-height:24px}
.p59-state-card h2{margin:0 0 12px;font:600 19px/26px var(--v55-font)}
.p59-state-card p{margin:0;white-space:normal;overflow-wrap:anywhere}
.p59-state-actions{display:flex;flex-wrap:wrap;gap:16px}
.p59-state-actions>.button{width:240px;max-width:100%;min-height:48px;white-space:normal;text-align:center}
.p59-state :focus-visible{outline:3px solid var(--v55-blue);outline-offset:3px}
.p59-state .button:disabled{cursor:not-allowed;opacity:.65}
.product-context-copy,.product-context-status{overflow-wrap:anywhere}
@media(max-width:900px){
 #mainContent .p59-state h1{font-size:28px;line-height:36px}
 .p59-state-actions{flex-direction:column;gap:12px}.p59-state-actions>.button{width:100%}
 #siteHeader .mobile-toggle,#siteHeader .mobile-close{min-width:48px;min-height:48px}
 #siteHeader .home-v5-order-cta{min-height:48px}
}
@media(max-width:600px){.p59-state{gap:24px}}
:root{
  --v55-navy:#10233f;--v55-navy-light:#18365e;--v55-orange:#f26b21;
  --v55-green:#16845b;--v55-amber:#b66a00;--v55-blue:#2468b4;--v55-red:#c53b3b;
  --v55-canvas:#f6f7f9;--v55-surface:#fff;--v55-line:#dce1e8;--v55-muted:#657083;
  --v55-orange-soft:#fff1e8;--v55-green-soft:#e8f6ef;--v55-amber-soft:#fff4dd;
  --v55-blue-soft:#eaf2fc;--v55-red-soft:#fcecec;
  --v55-radius:14px;--v55-control-radius:10px;--v55-content:1320px;
  --v55-space-1:4px;--v55-space-2:8px;--v55-space-3:12px;--v55-space-4:16px;
  --v55-space-6:24px;--v55-space-8:32px;--v55-space-10:40px;--v55-space-12:48px;
  --v55-space-16:64px;--v55-space-20:80px;
  --v55-font:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;
}

/* Shared shell, but no new signup entry while mail delivery is unavailable. */
.site-header{height:72px;border-color:var(--v55-line);background:rgba(255,255,255,.98)}
.site-header .header-inner{width:min(calc(100% - 40px),var(--v55-content));height:72px;gap:24px}
.site-header .logo{width:150px}.site-header .logo img.official-l1{height:32px}
.site-header .nav-list{gap:24px}.site-header .nav-link{padding:0;border:0;color:var(--v55-navy);font:600 12px/1.3 var(--v55-font)}
.site-header .nav-item:first-child .nav-link{color:var(--v55-navy);font-weight:600}
.site-header .nav-item:first-child .nav-link::after{display:none}
.site-header .nav-link[aria-current=page],.site-header .nav-item.active>.nav-link{color:var(--v55-orange);font-weight:700}
.site-header .header-actions{gap:20px}
.site-header .home-v5-order-cta{min-height:38px;padding:0 17px;border-radius:10px;background:var(--v55-orange);color:#fff;font:700 12px/1.2 var(--v55-font)}
.site-header .home-v5-order-cta:hover{background:#d95413;color:#fff}
.site-header .home-v5-help,.site-header .home-v5-auth{color:var(--v55-navy);font:600 12px/1.2 var(--v55-font)}
.site-header .home-v5-auth{padding:0;border:0;border-radius:0}.site-header .home-v5-auth:hover{color:var(--v55-orange);background:transparent}
.site-header .mobile-toggle{border:1px solid var(--v55-line);border-radius:10px}
.site-header .mobile-drawer{top:72px;border-top:1px solid var(--v55-line)}
.site-header .mobile-nav-heading>a{font-family:var(--v55-font);color:var(--v55-navy)}
.site-header .mobile-nav-section.active{border-left-color:var(--v55-orange)}
.site-header .mobile-actions .home-v5-order-cta{min-height:48px}
.site-header .aqx-header-current{display:none}

/* Reusable visual semantics. Existing feature classes below consume the same roles. */
.v55-card{border:1px solid var(--v55-line);border-radius:var(--v55-radius);background:var(--v55-surface)}
.v55-card.is-selected{border-color:var(--v55-orange);background:var(--v55-orange-soft)}
.v55-card.is-info{border-color:var(--v55-blue);background:var(--v55-blue-soft)}
.v55-card.is-success{border-color:var(--v55-green);background:var(--v55-green-soft)}
.v55-card.is-warning,.v55-card.is-pending{border-color:var(--v55-amber);background:var(--v55-amber-soft)}
.v55-card.is-danger{border-color:var(--v55-red);background:var(--v55-red-soft)}
.v55-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font:700 11px/1.2 var(--v55-font)}
.v55-status.is-complete{color:var(--v55-green);background:var(--v55-green-soft)}
.v55-status.is-progress,.v55-status.is-info{color:var(--v55-blue);background:var(--v55-blue-soft)}
.v55-status.is-check,.v55-status.is-estimate{color:var(--v55-amber);background:var(--v55-amber-soft)}
.v55-status.is-error{color:var(--v55-red);background:var(--v55-red-soft)}
.v55-status.is-direct{color:var(--v55-muted);background:var(--v55-canvas)}

/* Existing shared components. */
#mainContent .container{max-width:var(--v55-content)}
#mainContent .eyebrow{color:var(--v55-orange);font-family:var(--v55-font);font-size:12px;letter-spacing:.04em}
#mainContent .button{min-height:48px;border-radius:var(--v55-control-radius);font-family:var(--v55-font);font-size:13px;box-shadow:none}
#mainContent .button.primary{background:var(--v55-orange);color:#fff}
#mainContent .button.secondary{border-color:var(--v55-line);color:var(--v55-navy);background:#fff}
#mainContent .input,#mainContent input:not([type=checkbox]):not([type=radio]),#mainContent select,#mainContent textarea{border-radius:var(--v55-control-radius)}
.product-context-shell{border-color:var(--v55-line);background:var(--v55-blue-soft);color:var(--v55-navy)}
.product-context-label{color:var(--v55-blue);background:#fff}
.product-context-status{color:var(--v55-muted)}
.product-context-actions>.button{border-radius:var(--v55-control-radius)}

/* Home: add the six-tool map without replacing search, categories, or the journey. */
.home-r3{background:var(--v55-canvas);color:var(--v55-navy);font-family:var(--v55-font)}
.home-r3 .r3-shell{width:min(calc(100% - 40px),var(--v55-content))}
.home-r3 .r3-entry{padding:48px 0 64px}
.home-r3 .r3-overline{color:var(--v55-orange);font:700 12px/1.4 var(--v55-font);letter-spacing:.03em}
.home-r3 .r3-heading{margin-bottom:32px}
.home-r3 .r3-heading h1{max-width:920px;margin:8px 0 10px;color:var(--v55-navy);font:700 clamp(32px,3.5vw,54px)/1.13 var(--v55-font);letter-spacing:-.045em}
.home-r3 .r3-heading p{color:var(--v55-muted);font-size:15px;line-height:1.65}
.r3-tools{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 0 40px}
.r3-tools a{min-width:0;min-height:126px;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:12px;align-content:start;padding:18px;border:1px solid var(--v55-line);border-radius:var(--v55-radius);background:#fff;color:var(--v55-navy)}
.r3-tools a:hover,.r3-tools a:focus-visible{border-color:var(--v55-orange);background:var(--v55-orange-soft)}
.r3-tools img{grid-row:1/3;width:32px;height:32px;object-fit:none}
.r3-tools strong{font:700 16px/1.35 var(--v55-font)}.r3-tools small{grid-column:2;color:var(--v55-muted);font:400 12px/1.4 var(--v55-font)}
.r3-tools .r3-tool-order{border-color:var(--v55-orange);background:var(--v55-orange-soft)}
.home-r3 .r3-discovery-heading h2{color:var(--v55-navy);font-size:28px}
.home-r3 .r3-category-viewport{border-color:var(--v55-line)}
.home-r3 .r3-category{width:148px;padding:8px;border:1px solid transparent;border-radius:var(--v55-radius)}
.home-r3 .r3-category:hover,.home-r3 .r3-category:focus-visible{border-color:var(--v55-orange);background:#fff}
.home-r3 .r3-category-image{border-radius:10px}
.home-r3 .r3-composer{border:1px solid var(--v55-line);border-radius:var(--v55-radius);box-shadow:none;overflow:hidden}
.home-r3 .r3-composer textarea{border-color:var(--v55-line);border-radius:var(--v55-control-radius);background:#fff}
.home-r3 .r3-submit button{border-radius:var(--v55-control-radius);background:var(--v55-orange)}
.home-r3 .r3-journey{margin-top:32px;padding:20px 24px;border:0;border-radius:var(--v55-radius);background:var(--v55-navy);color:#fff}
.home-r3 .r3-journey a,.home-r3 .r3-journey strong{color:#fff}.home-r3 .r3-journey small,.home-r3 .r3-journey-label span{color:#bdc9d9}
.home-r3 .r3-journey li{border-color:rgba(255,255,255,.2)}
.home-r3 .r3-next{border-color:var(--v55-line);background:#fff}
.home-r3 .r3-next a{border-radius:var(--v55-control-radius);background:var(--v55-navy)}

/* Discovery: real product imagery remains data-driven, not a reference fixture. */
.stage07-shell{background:var(--v55-canvas);color:var(--v55-navy);font-family:var(--v55-font)}
.stage07-hero{padding:64px 0 48px;background:var(--v55-canvas)}
.stage07-hero h1{color:var(--v55-navy);font-size:clamp(32px,3vw,40px);line-height:1.2}
.stage07-hero p,.stage07-section-head p{color:var(--v55-muted)}
.stage07-card,.stage07-context-card,.stage07-empty-context,.stage07-comparison-card,.stage07-next-card,.stage07-bridge{border-color:var(--v55-line);border-radius:var(--v55-radius);box-shadow:none}
.stage07-card.selected{border-color:var(--v55-orange);background:var(--v55-orange-soft);box-shadow:none}
.stage07-card-media{min-height:190px;background:#fff1e8}
.stage07-card-media img{object-fit:contain}
.stage07-category{color:var(--v55-orange)}
.stage07-policy-card{border-radius:var(--v55-radius);background:var(--v55-navy)}

/* Trade decision: shield/certificate grammar, while the actual decision states remain intact. */
.phase-e-shell.pe-public-promoted,.phase-e-shell,.tsv2{background:var(--v55-canvas);color:var(--v55-navy);font-family:var(--v55-font)}
.pe-public-promoted .phase-e-container,.phase-e-shell .container,.tsv2-shell{max-width:var(--v55-content)}
.pe-public-promoted .pe-public-heading h1,.pe-entry-copy h1,.tsv2-header h1{color:var(--v55-navy);font-size:clamp(30px,3vw,40px)}
.pe-public-promoted .pe-public-heading>span{color:var(--v55-orange)}
.pe-public-promoted .pe-public-heading>span::before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;vertical-align:middle;background:url('/images/figma-page55/shield.svg') center/contain no-repeat}
.phase-e-shell .pe-v2-body>.pe-v2-section:nth-of-type(3) .pe-v2-section-heading h2::before{content:"";display:inline-block;width:22px;height:22px;margin-right:8px;vertical-align:middle;background:url('/images/figma-page55/certificate.svg') center/contain no-repeat}
.pe-public-promoted .pe-public-composer,.pe-search,.pe-question,.pe-result-item,.pe-summary-card,.tsv2-composer,.tsv2-processing-card{border-color:var(--v55-line);border-radius:var(--v55-radius);box-shadow:none;background:#fff}
.pe-public-promoted .pe-public-composer{border-top:3px solid var(--v55-orange)}
.pe-result-hero,.tsv2-decision{background:var(--v55-navy);border-radius:var(--v55-radius)}
.pe-difficulty,.pe-result-item,.pe-summary-card,.tsv2-product{border-color:var(--v55-line);border-radius:var(--v55-radius)}
.pe-answer:hover,.pe-answer:focus-visible{border-color:var(--v55-blue);background:var(--v55-blue-soft)}

/* Cost structure remains a working estimator, with its own flow emphasis. */
.aqx{--aqx-ink:var(--v55-navy);--aqx-muted:var(--v55-muted);--aqx-line:var(--v55-line);--aqx-orange:var(--v55-orange);background:var(--v55-canvas);max-width:none;padding:48px max(20px,calc((100vw - var(--v55-content))/2)) 80px;font-family:var(--v55-font)}
.aqx-page-heading h1{color:var(--v55-navy);font-size:clamp(30px,3vw,40px)}
.aqx-eyebrow{color:var(--v55-orange);letter-spacing:.05em}
.aqx-panel,.aqx-product,.aqx-service{border-color:var(--v55-line);border-radius:var(--v55-radius);box-shadow:none}
.aqx-primary{background:var(--v55-orange);border-color:var(--v55-orange);border-radius:var(--v55-control-radius)}
.aqx-field input,.aqx-field select{border-color:var(--v55-line);border-radius:var(--v55-control-radius)}
.aqx-linked{background:var(--v55-blue-soft)}
.aqx-simulation,.aqx-unknown{border-color:var(--v55-amber);background:var(--v55-amber-soft)}
.aqx-service:nth-child(1) .aqx-service-main h3::before,.aqx-service:nth-child(2) .aqx-service-main h3::before,.aqx-service:nth-child(3) .aqx-service-main h3::before{content:"";display:inline-block;width:24px;height:24px;margin-right:8px;vertical-align:middle;background-position:center;background-repeat:no-repeat;background-size:24px 24px}
.aqx-service:nth-child(1) .aqx-service-main h3::before{background-image:url('/images/figma-page55/order.svg')}
.aqx-service:nth-child(2) .aqx-service-main h3::before{background-image:url('/images/figma-page55/truck.svg')}
.aqx-service:nth-child(3) .aqx-service-main h3::before{background-image:url('/images/figma-page55/shield.svg')}

/* Profit is intentionally quiet: graphs and controls keep their own information hierarchy. */
.pfc{--pfc-navy:var(--v55-navy);--pfc-orange:var(--v55-orange);--pfc-line:var(--v55-line);--pfc-muted:var(--v55-muted);background:var(--v55-canvas);font-family:var(--v55-font);padding-top:48px}
.pfc-wrap{max-width:var(--v55-content);gap:16px}
.pfc h1{font-size:clamp(28px,3vw,40px)}
.pfc h2{font-size:28px}.pfc-section-heading small{color:var(--v55-orange)}
.pfc-product,.pfc-sales-type,.pfc-market,.pfc-quick,.pfc-custom,.pfc-card,.pfc-summary,.pfc-outcome,.pfc-entry{border-color:var(--v55-line);border-radius:var(--v55-radius)}
.pfc-product .pfc-preserved{background:var(--v55-blue-soft);color:var(--v55-blue)}
.pfc-primary{border-radius:var(--v55-control-radius);background:var(--v55-orange)}

/* Sample: three choices and photo-grid states are preserved. */
.sr{--sr-bg:var(--v55-canvas);--sr-text:var(--v55-navy);--sr-muted:var(--v55-muted);--sr-line:var(--v55-line);--sr-orange:var(--v55-orange);--sr-orange-soft:var(--v55-orange-soft);--sr-blue:var(--v55-blue);--sr-blue-soft:var(--v55-blue-soft);font-family:var(--v55-font);padding-top:48px}
.sr-wrap{max-width:var(--v55-content)}.sr h1{font-size:clamp(28px,3vw,40px)}.sr h2{font-size:28px}
.sr-hero small{color:var(--v55-orange)}.sr-card,.sr-mode,.sr-photo{border-color:var(--v55-line);border-radius:var(--v55-radius)}
.sr-mode{position:relative;padding-top:56px}.sr-mode::before{content:"";position:absolute;left:16px;top:16px;width:32px;height:32px;background-position:center;background-repeat:no-repeat}
.sr-mode:nth-child(1)::before,.sr-mode:nth-child(2)::before{background-image:url('/images/figma-page55/sample.svg')}
.sr-mode:nth-child(3)::before{background-image:url('/images/figma-page55/box.svg')}
.sr-mode[aria-pressed=true]{border-color:var(--v55-orange);background:var(--v55-orange-soft);box-shadow:none}
.sr-photo{background:var(--v55-blue-soft)}.sr .sr-primary{background:var(--v55-orange);border-color:var(--v55-orange);border-radius:var(--v55-control-radius)}
.sr-product-preview{border-color:var(--v55-line);background:var(--v55-orange-soft)}

/* Order: five presets keep their distinct functions and review/disabled submit remain untouched. */
.cj-shell{background:var(--v55-canvas);color:var(--v55-navy);font-family:var(--v55-font);padding-top:48px}
.cj-container{max-width:var(--v55-content);padding-inline:20px}
.cj-hero small,.cj-product small{color:var(--v55-orange)}.cj-hero h1{color:var(--v55-navy);font-size:clamp(30px,3vw,40px)}
.cj-hero h1,.sr-hero h1,.aqx-page-heading h1,.pfc h1{word-break:keep-all;overflow-wrap:normal}
.cj-card,.cj-preset,.cj-group{border-color:var(--v55-line);border-radius:var(--v55-radius)}
.cj-preset{position:relative;padding-top:56px}.cj-preset::before{content:"";position:absolute;left:16px;top:16px;width:32px;height:32px;background-position:center;background-repeat:no-repeat}
.cj-preset:nth-child(1)::before{background-image:url('/images/figma-page55/box.svg')}
.cj-preset:nth-child(2)::before{background-image:url('/images/figma-page55/truck.svg')}
.cj-preset:nth-child(3)::before{background-image:url('/images/figma-page55/label.svg')}
.cj-preset:nth-child(4)::before{background-image:url('/images/figma-page55/warehouse.svg')}
.cj-preset:nth-child(5)::before{background-image:url('/images/figma-page55/sliders.svg')}
.cj-preset.is-selected{border-color:var(--v55-orange);background:var(--v55-orange-soft)}
.cj-product-symbol{border:0;background:var(--v55-orange-soft);color:var(--v55-orange)}
.cj-primary{background:var(--v55-orange);border-color:var(--v55-orange);border-radius:var(--v55-control-radius)}
.cj-secondary,.cj-entry input,.cj-service-row select{border-color:var(--v55-line);border-radius:var(--v55-control-radius)}
.cj-warning{border-color:var(--v55-amber);background:var(--v55-amber-soft);color:var(--v55-amber)}

/* Existing login and real-data account surfaces only. */
.auth-section{background:var(--v55-canvas);padding:48px 0}
.auth-layout{max-width:1180px;border-color:var(--v55-line);border-radius:18px;box-shadow:none;grid-template-columns:minmax(300px,.42fr) minmax(0,.58fr)}
.auth-aside{background:var(--v55-navy);padding:48px}.auth-aside h1{font-size:32px;line-height:1.2}
.auth-form{padding:48px}.auth-form h2{font-size:28px}.auth-notice{border:1px solid var(--v55-amber);background:var(--v55-amber-soft)}
.w2a-shell{background:var(--v55-canvas);color:var(--v55-navy)}.w2a-sidebar{background:var(--v55-navy)}
.w2a-metrics article,.w2a-panel,.w2a-case,.w2a-form,.w2a-login,.w2a-empty,.w2a-inline-action{border-color:var(--v55-line);border-radius:var(--v55-radius);box-shadow:none}

/* Standalone product-fit page shares the shell and tokens, retaining the demo disclosure. */
body:has(#productFit){background:var(--v55-canvas);color:var(--v55-navy);font-family:var(--v55-font)}
.pf-header{border-color:var(--v55-line)}.pf-header-inner{max-width:var(--v55-content);min-height:72px;padding-inline:20px;gap:24px}
.pf-logo img{width:150px}.pf-top-nav{gap:24px}.pf-top-nav a{padding:27px 0 24px;color:var(--v55-navy);font-size:12px;font-weight:600}
.pf-top-nav a[aria-current]{border-color:var(--v55-orange);color:var(--v55-orange)}
.pf-order{min-height:38px;padding:0 17px;border-radius:var(--v55-control-radius);background:var(--v55-orange);font-size:12px}
.pf-auth{border:0;border-radius:0;padding:0;color:var(--v55-navy);font-size:12px}
#productFit{max-width:var(--v55-content)}.pf-page-head h1{color:var(--v55-navy);font-size:clamp(30px,3vw,40px)}
.pf-eyebrow{color:var(--v55-orange)!important}.pf-panel,.pf-aside-card,.pf-condition-summary,.pf-product-card,.pf-alternatives{border-color:var(--v55-line);border-radius:var(--v55-radius);box-shadow:none}
.pf-demo-image{background:var(--v55-orange-soft)}.pf-option.is-selected,.pf-chip.is-selected{border-color:var(--v55-orange);background:var(--v55-orange-soft)}
.pf-primary,.pf-card-cta{background:var(--v55-orange);border-radius:var(--v55-control-radius)}

@media(max-width:1180px){
  .site-header .desktop-nav,.site-header .home-v5-help,.site-header .home-v5-auth{display:none}
  .r3-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pf-top-nav,.pf-help,.pf-auth{display:none}
}
@media(max-width:768px){
  .r3-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .stage07-hero{padding:40px 0}.aqx,.pfc,.sr,.cj-shell{padding-top:32px}
  .auth-layout{grid-template-columns:1fr}.auth-aside,.auth-form{padding:32px}
}
@media(max-width:600px){
  .site-header,.site-header .header-inner{height:68px}.site-header .header-inner{width:calc(100% - 28px)}
  .site-header .mobile-drawer{top:68px}.site-header .header-actions{gap:8px}
  .auto-quote-page .site-header .header-actions .home-v5-order-cta{display:inline-flex}
  .home-r3 .r3-shell{width:calc(100% - 32px)}.home-r3 .r3-entry{padding:32px 0 48px}
  .home-r3 .r3-heading h1{font-size:32px}.home-r3 .r3-heading p{font-size:13px}
  .r3-tools a{min-height:100px;grid-template-columns:28px minmax(0,1fr);gap:5px 8px;padding:12px}
  .r3-tools img{width:28px;height:28px}.r3-tools strong{font-size:13px}.r3-tools small{font-size:10px}
  .home-r3 .r3-category{width:132px}.home-r3 .r3-discovery-heading h2{font-size:20px}
  .home-r3 .r3-journey{padding:16px}.home-r3 .r3-journey ol{overflow-x:auto}
  .sr h2,.pfc h2{font-size:20px}.sr-mode{padding-top:48px}.sr-mode::before{left:10px;top:10px}
  .aqx-panel-head{display:grid;gap:4px}.aqx-panel-head span,.aqx-panel-head strong{overflow-wrap:normal;word-break:keep-all}
  .cj-container{padding-inline:16px}.cj-preset{padding-top:48px}.cj-preset::before{left:10px;top:10px}
  .pf-header-inner{min-height:68px;padding-inline:16px}.pf-logo img{width:112px}
}

/* Page59 AUTH: native dialog manages focus containment and Escape. */
.p59-logout-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--v55-line);border-radius:12px;padding:32px;background:var(--v55-surface);color:var(--v55-navy)}
.p59-logout-dialog::backdrop{background:rgba(16,35,63,.4)}
.p59-logout-dialog h2{margin:0;font-size:28px;line-height:36px}
.p59-logout-dialog .button{min-height:48px}
.auth-form [aria-invalid=true]{border-color:var(--v55-red)}
.auth-notice[role=alert]{color:var(--v55-red);overflow-wrap:anywhere}
@media(max-width:600px){.p59-logout-dialog{padding:16px}}