/* FIRST PIN public pages only (home, service, guide, pricing, about) · 2026-09-23 refresh.
   Authenticated portal screens keep styles.css; account, routing and business states are unaffected.
   System: white / neutral grey / charcoal, yellow only for customer chat bubbles.
   Motif: the pin — a needle ending in a dot on actions; a filled dot for done, a ring for open or customer-side. */

.public-site{--fp-bg:#fff;--fp-surface:#f4f4f5;--fp-chat:#b2c7d9;--fp-ink:#1d1d1f;--fp-body:#48484a;--fp-muted:#6e6e73;--fp-line:#e3e3e6;--fp-line-strong:#c7c7cc;--fp-outgoing:#fee500;--fp-on-dark:#f5f5f7;--fp-on-dark-muted:#a1a1a6;--fp-pad:48px;--fp-max:1240px;--fp-font:"Pretendard","Pretendard Variable","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;--fp-latin:Arial,"Helvetica Neue",sans-serif;margin:0;background:var(--fp-bg);color:var(--fp-ink);font:400 16px/1.75 var(--fp-font);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}

/* ---------- Base ---------- */
.public-site *,.public-site *::before,.public-site *::after{box-sizing:border-box}
.public-site [hidden]{display:none!important}
.public-site h1,.public-site h2,.public-site h3,.public-site p,.public-site figure,.public-site dl,.public-site dd{margin:0}
.public-site h1,.public-site h2,.public-site h3{color:var(--fp-ink);font-weight:600;line-height:1.3;letter-spacing:-.035em;text-wrap:balance}
.public-site h1{font-size:52px;line-height:1.22;letter-spacing:-.045em}
.public-site h2{font-size:40px}
.public-site h3{font-size:20px;letter-spacing:-.025em}
.public-site p,.public-site li{color:var(--fp-body)}
.public-site a{color:inherit;text-underline-offset:4px}
.public-site button{font:inherit;color:inherit;cursor:pointer}
.public-site :focus-visible{outline:2px solid var(--fp-ink);outline-offset:3px}
.public-site .container{width:100%;max-width:calc(var(--fp-max) + var(--fp-pad) * 2);margin-inline:auto;padding-inline:var(--fp-pad)}
.public-site .skip{position:absolute;left:16px;top:-80px;z-index:20;padding:10px 14px;border-radius:4px;background:var(--fp-ink);color:#fff;text-decoration:none}
.public-site .skip:focus{top:12px}
.public-site .note{font-size:13px;line-height:1.65;color:var(--fp-muted)}
.public-site .eyebrow{margin-bottom:18px;font-size:14px;font-weight:600;line-height:1.5;color:var(--fp-muted);letter-spacing:-.01em}
.public-site .lead{font-size:18px;line-height:1.75;color:var(--fp-body)}

/* ---------- Actions: one pin glyph for every forward action ---------- */
.public-site .button-link{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 22px;border-radius:4px;font-size:15px;font-weight:600;line-height:1.3;text-decoration:none;white-space:nowrap;transition:background-color .18s ease}
.public-site .primary{background:var(--fp-ink);color:#fff}
.public-site .primary:hover{background:#000;text-decoration:none}
.public-site .text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:600;color:var(--fp-ink);text-decoration:none}
.public-site .text-link:hover{text-decoration:underline;text-decoration-thickness:1px}
.public-site .primary:not([data-compact])::after,.public-site .text-link::after{content:"";flex:none;width:22px;height:9px;background:radial-gradient(circle closest-side,currentColor 88%,transparent) right center/9px 9px no-repeat,linear-gradient(currentColor,currentColor) left center/calc(100% - 4px) 1.5px no-repeat;transition:transform .2s ease}
.public-site .primary:hover::after,.public-site .text-link:hover::after{transform:translateX(4px)}
.public-site .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:40px}

/* ---------- Status marks and example labels ---------- */
.public-site .dot{display:inline-block;flex:none;width:9px;height:9px;border-radius:50%;background:var(--fp-ink)}
.public-site .dot.ring{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fp-muted)}
.public-site .dot.now{background:radial-gradient(circle,var(--fp-ink) 0 2.5px,transparent 3px);box-shadow:inset 0 0 0 1.5px var(--fp-ink)}
.public-site .example-tag,.public-site .demo-label{display:inline-flex;align-items:center;flex:none;min-height:22px;padding:0 8px;border:1px solid var(--fp-line-strong);border-radius:3px;background:#fff;font-size:12px;font-weight:500;line-height:1.2;letter-spacing:0;color:var(--fp-body);white-space:nowrap}
.public-site .sheet{background:#fff;border:1px solid var(--fp-line-strong);border-top:2px solid var(--fp-ink);border-radius:2px}
.public-site .sheet-brand{font:700 17px/1 var(--fp-latin);letter-spacing:-.06em;color:var(--fp-ink)}

/* ---------- Review strip, header, menus ---------- */
.public-site .review-strip{padding:6px 20px;border-bottom:1px solid var(--fp-line);background:var(--fp-surface);color:var(--fp-muted);font-size:12px;line-height:1.5;text-align:center}
.public-site .home-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid var(--fp-line)}
.public-site .home-nav-inner{display:flex;align-items:center;gap:32px;min-height:76px}
.public-site .home-wordmark{font:700 25px/1 var(--fp-latin);letter-spacing:-.06em;color:var(--fp-ink);text-decoration:none;white-space:nowrap}
/* Header identity uses the supplied Selona lockup. */
.public-site .home-header .home-wordmark{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 21px/1 var(--fp-font);letter-spacing:-.04em}
.public-site .brand-mark{flex:none;width:28px;height:28px;padding:5px;border-radius:10px;background:var(--fp-ink);color:#fff}
.public-site .brand-service{margin-left:4px;padding-left:13px;border-left:1px solid var(--fp-line-strong);font:600 11px/14px var(--fp-latin);letter-spacing:.14em;color:var(--fp-muted)}
.public-site .desktop-nav{display:flex;align-items:center;gap:32px;margin-left:auto}
.public-site .desktop-nav a{padding-block:10px;font-size:14px;font-weight:500;color:var(--fp-body);text-decoration:none}
.public-site .desktop-nav a:hover{color:var(--fp-ink)}
.public-site .desktop-nav a[aria-current=page]{color:var(--fp-ink);font-weight:600;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}
.public-site .home-header .button-link{min-height:40px;padding:0 16px;font-size:14px}
.public-site .menu-toggle{display:none;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--fp-line-strong);border-radius:4px;background:#fff;font-size:14px;font-weight:500;color:var(--fp-ink)}
.public-site .menu-toggle::before{content:"";width:14px;height:8px;border-block:1.5px solid currentColor}
.public-site .menu-toggle[aria-expanded=true]::before{height:1.5px;border-bottom:0}
.public-site #mobile-menu,.public-site .fallback-nav{padding-block:4px 16px;border-top:1px solid var(--fp-line)}
.public-site #mobile-menu a,.public-site .fallback-nav a{display:flex;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid var(--fp-line);font-size:17px;font-weight:500;text-decoration:none}
.public-site #mobile-menu a:last-child,.public-site .fallback-nav a:last-child{border-bottom:0}
.public-site #mobile-menu a[aria-current=page],.public-site .fallback-nav a[aria-current=page]{font-weight:700}
.public-site #mobile-menu a[aria-current=page]::after,.public-site .fallback-nav a[aria-current=page]::after{content:"";width:7px;height:7px;border-radius:50%;background:var(--fp-ink)}

/* ---------- Home hero: one-line promise on white, one daily result message on a grey stage that bleeds right ---------- */
.public-site .hero-band{overflow:hidden}
.public-site .fp-hero{display:grid;grid-template-columns:minmax(0,1fr) 420px;column-gap:64px;align-items:stretch}
.public-site .hero-copy{align-self:center;padding-block:96px 104px}
.public-site .fp-hero h1{font-size:58px;line-height:1.2;letter-spacing:-.05em}
/* Each phrase stays whole; narrow screens break only after the comma. */
.public-site .fp-hero h1 span,.public-site .hero-copy .lead span{display:inline-block}
.public-site .hero-copy .lead{max-width:34em;margin-top:24px}
.public-site .hero-footnote{margin-top:20px;font-size:13px;color:var(--fp-muted)}
.public-site .step-no{font:500 12px/1 var(--fp-latin);letter-spacing:.02em;color:var(--fp-muted);font-variant-numeric:tabular-nums}
.public-site .hero-chat{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-width:0;padding:64px 0 56px 60px}
.public-site .hero-chat::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:-100vw;background:var(--fp-surface)}
.public-site .chat-phone{width:100%;max-width:380px;overflow:hidden;border:1px solid var(--fp-line-strong);border-radius:24px;background:var(--fp-chat)}
.public-site .chat-phone-bar{display:flex;align-items:center;gap:14px;min-height:56px;padding:0 16px 0 20px;border-bottom:1px solid #a4b9cb;background:var(--fp-chat)}
.public-site .chat-phone-bar strong{font-size:16px;font-weight:600;line-height:1.3;color:var(--fp-ink)}
.public-site .chat-phone-bar .example-tag{margin-left:auto}
.public-site .chat-back{flex:none;width:10px;height:10px;border-left:2px solid var(--fp-ink);border-bottom:2px solid var(--fp-ink);transform:rotate(45deg)}
.public-site .chat-phone-body{display:flex;flex-direction:column;justify-content:flex-end;min-height:280px;padding:24px 16px 22px}
.public-site .chat-message{display:flex;align-items:flex-start;gap:10px}
.public-site .chat-avatar{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff}
.public-site .chat-avatar img{display:block;width:24px;height:24px;object-fit:contain}
.public-site .chat-message-main{min-width:0}
.public-site .chat-sender{display:block;margin:1px 0 6px;font-size:13px;line-height:1.3;color:var(--fp-body)}
.public-site .chat-line{display:flex;align-items:flex-end;gap:5px;min-width:0}
.public-site .chat-bubble{position:relative;min-width:0;padding:10px 12px;border-radius:4px 12px 12px;background:#fff;font-size:14px;line-height:1.6;color:var(--fp-ink);word-break:keep-all;overflow-wrap:anywhere}
.public-site .chat-bubble::before{content:"";position:absolute;top:0;left:-6px;width:8px;height:10px;background:#fff;clip-path:polygon(0 0,100% 0,100% 100%)}
.public-site .chat-time{flex:none;font-size:11px;line-height:1.4;color:var(--fp-muted);white-space:nowrap}
.public-site .outgoing{align-self:flex-end;max-width:calc(100% - 28px)}
.public-site .outgoing .chat-line{flex-direction:row-reverse}
.public-site .outgoing .chat-bubble{border-radius:12px 4px 12px 12px;background:var(--fp-outgoing)}
.public-site .outgoing .chat-bubble::before{left:auto;right:-6px;background:var(--fp-outgoing);transform:scaleX(-1)}
.public-site .chat-send{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--fp-outgoing);color:var(--fp-ink);font-size:20px;line-height:1}
.public-site .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.public-site .chat-phone-input{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--fp-line);background:#fff}
.public-site .chat-plus{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(var(--fp-muted),var(--fp-muted)) center/12px 1.5px no-repeat,linear-gradient(var(--fp-muted),var(--fp-muted)) center/1.5px 12px no-repeat,var(--fp-surface)}
.public-site .chat-field{flex:1;min-height:36px;padding:0 14px;border-radius:18px;background:var(--fp-surface);font-size:13px;line-height:36px;color:var(--fp-muted)}
.public-site .hero-chat figcaption{margin-top:16px;font-size:13px;line-height:1.65;color:var(--fp-muted)}

/* ---------- Sections ---------- */
.public-site .section{padding-block:112px}
.public-site .section-heading{max-width:640px}
.public-site .section-heading h2{line-height:1.3}
.public-site .section-heading>p{margin-top:20px;font-size:17px}
.public-site .section-heading>p+p{margin-top:12px}
.public-site .section-heading>.note{margin-top:20px;font-size:13px}
.public-site .section-heading>.text-link{margin-top:24px}
.public-site .section-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px}

/* Home: the daily checks that leave the customer's day (crossed off), and the only moments we reach out */
.public-site .relief-heading{max-width:640px}
.public-site .relief-heading>p{margin-top:20px;font-size:17px}
.public-site .relief-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:96px;margin-top:56px}
.public-site .relief-board>div{border-top:1px solid var(--fp-ink)}
.public-site .relief-board h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding-block:20px 16px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em}
.public-site .relief-board h3 small{font-size:13px;font-weight:500;color:var(--fp-muted)}
.public-site .relief-board ul{margin:0;padding:0;list-style:none}
.public-site .relief-board li{margin:0;border-top:1px solid var(--fp-line)}
.public-site .relief-off li{padding-block:17px;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:-.03em;color:var(--fp-muted);text-decoration:line-through 1.5px var(--fp-muted)}
.public-site .relief-on li{display:flex;gap:16px;padding-block:20px}
.public-site .relief-on .dot{margin-top:10px}
.public-site .relief-on strong{display:block;font-size:18px;font-weight:600;line-height:1.6;color:var(--fp-ink)}
.public-site .relief-on li p{margin-top:4px;font-size:15px}
.public-site .relief-control{padding-top:18px;border-top:1px solid var(--fp-line);font-size:14px}

/* Chat demonstrations */
.public-site .home-conversation{background:var(--fp-surface)}
.public-site .use-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.public-site .home-conversation .use-section{padding-block:112px}
.public-site .chat-demo{min-width:0}
.public-site .scene-buttons{display:flex;margin-bottom:16px;border-bottom:1px solid var(--fp-line-strong)}
.public-site .scene-buttons button{flex:1;min-height:48px;margin-bottom:-1px;padding:8px 6px;border:0;border-bottom:2px solid transparent;background:none;font-size:14px;font-weight:500;color:var(--fp-muted)}
.public-site .scene-buttons button:hover{color:var(--fp-ink)}
.public-site .scene-buttons button[aria-pressed=true]{border-bottom-color:var(--fp-ink);font-weight:600;color:var(--fp-ink)}
.public-site .chat-window{width:100%;max-width:380px;overflow:hidden;border:1px solid var(--fp-line-strong);border-radius:24px;background:var(--fp-chat)}
.public-site .chat-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #a4b9cb;background:var(--fp-chat)}
.public-site .chat-header strong{display:block;font-size:15px;line-height:1.3}
.public-site .chat-header p{font-size:13px;line-height:1.4;color:var(--fp-muted)}
.public-site .chat-header .example-tag{margin-left:auto}
/* The sender profile uses the supplied Selona symbol. */
.public-site .pin-icon{position:relative;flex:none;width:34px;height:34px;border-radius:4px;background:var(--fp-ink)}
.public-site .pin-icon::after{content:"";position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:#fff}
.public-site .chat-scene{padding:24px 14px 20px}
.public-site .bubbles{display:flex;flex-direction:column;gap:14px}
.public-site .scene-caption{margin-top:18px;font-size:12px;line-height:1.6;color:var(--fp-body)}
.public-site .bubble{align-self:flex-start;width:fit-content;max-width:86%;padding:11px 15px;border-radius:14px;background:#fff}
.public-site .bubble.pin{border-top-left-radius:4px}
.public-site .bubble.user{align-self:flex-end;border-top-right-radius:4px;background:var(--fp-outgoing)}
.public-site .bubble>span{display:block;margin-bottom:3px;font-size:12px;font-weight:600;line-height:1.4;color:var(--fp-body)}
.public-site .bubble p{font-size:15px;line-height:1.65;color:var(--fp-ink)}
.public-site .scene-caption{margin-top:20px;font-size:13px;line-height:1.65;color:var(--fp-body)}
.public-site .chat-demo>.note{margin-top:16px}

/* Closing call to action */
.public-site .final-band{padding-block:104px 112px}
.public-site .final-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px 64px;padding-top:48px;border-top:1px solid var(--fp-ink)}
.public-site .final-section h2{font-size:44px;line-height:1.3}
.public-site .final-section .hero-actions{margin:0}
.public-site .faq-section+.final-band{padding-top:0}
.public-site .editorial+.final-band{padding-top:24px}
/* Home closing: one action on the left, the start terms as three short rows on the right */
.public-site .close-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:96px;align-items:start;padding-top:48px;border-top:1px solid var(--fp-ink)}
.public-site .close-main>p:not(.note){max-width:30em;margin-top:20px;font-size:17px}
.public-site .close-main .button-link{margin-top:36px}
.public-site .close-main .note{margin-top:14px}
.public-site .close-terms h3{padding-bottom:14px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.01em}
.public-site .close-terms dl>div{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:baseline;gap:2px 24px;padding-block:18px;border-top:1px solid var(--fp-line)}
.public-site .close-terms dt{font-size:14px;color:var(--fp-muted)}
.public-site .close-terms dd strong{display:block;font-size:17px;font-weight:600;line-height:1.6;color:var(--fp-ink)}
.public-site .close-terms dd span{display:block;margin-top:2px;font-size:14px;line-height:1.65;color:var(--fp-body)}
.public-site .close-terms .note{padding-top:16px;border-top:1px solid var(--fp-line)}
.public-site .close-terms .text-link{margin-top:8px}

/* Footer: the header lockup inverted and policy links, then the operator's business details under a hairline.
   Oplat is the legal operator; FIRST PIN stays a provisional service name. An unconfirmed item carries the open ring. */
.public-site .site-footer{--fp-on-dark-soft:#d2d2d7;--fp-dark-line:#3a3a3c;background:var(--fp-ink);color:var(--fp-on-dark)}
.public-site .home-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:40px 48px;padding-block:56px 48px}
.public-site .site-footer .home-wordmark{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:700 19px/1 var(--fp-font);letter-spacing:-.04em;color:#fff}
.public-site .site-footer .brand-mark{width:26px;height:26px;padding:4.5px;border-radius:9px;background:#fff;color:var(--fp-ink)}
.public-site .site-footer .brand-service{display:inline;border-left-color:#48484a;color:var(--fp-on-dark-muted)}
.public-site .site-footer p{font-size:13px;line-height:1.7;color:var(--fp-on-dark-muted)}
.public-site .footer-brand p{margin-top:10px}
.public-site .site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 28px;padding-top:10px}
.public-site .site-footer nav a{font-size:14px;color:var(--fp-on-dark);text-decoration:none}
.public-site .site-footer nav a:hover,.public-site .footer-facts a:hover{text-decoration:underline}
.public-site .site-footer :focus-visible{outline-color:#fff}
.public-site .footer-business{grid-column:1/-1;padding-top:28px;border-top:1px solid var(--fp-dark-line)}
.public-site .footer-facts{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:13px;line-height:1.7}
.public-site .footer-facts+.footer-facts{margin-top:4px}
.public-site .footer-facts>div{display:flex;gap:8px;min-width:0}
.public-site .footer-facts dt{flex:none;color:var(--fp-on-dark-muted)}
.public-site .footer-facts dd{min-width:0;color:var(--fp-on-dark-soft);font-variant-numeric:tabular-nums}
.public-site .footer-facts a{color:inherit;text-decoration:none}
.public-site .footer-facts .footer-pending{display:inline-flex;align-items:center;gap:7px;color:var(--fp-on-dark-muted)}
.public-site .footer-pending::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.25px currentColor}
.public-site .footer-business>p{margin-top:18px;font-size:12px}
.public-site a[href^="tel:"],.public-site a[href^="mailto:"]{white-space:nowrap}

/* ---------- Sub-page intro: report header with a charcoal rule ---------- */
.public-site .page-intro{padding-top:96px}
/* The rule is drawn inside the padding so it lines up with the text column like every other section rule. */
.public-site .intro-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:80px;align-items:end;padding-bottom:64px;background:linear-gradient(var(--fp-ink),var(--fp-ink)) 50% 100%/calc(100% - var(--fp-pad) * 2) 1px no-repeat}
.public-site .intro-grid .eyebrow{grid-column:1/-1}
.public-site .page-intro .lead{max-width:34em;font-size:17px}
.public-site .intro-grid .lead{padding-bottom:6px}

/* Service: order scene */
.public-site .detail-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:96px;align-items:center;padding-block:96px 112px}
.public-site .order-scene{padding:32px;border-radius:2px;background:var(--fp-surface)}
.public-site .order-scene figcaption{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-size:14px;color:var(--fp-body)}
.public-site .order-sources{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.public-site .order-sources span{padding:8px 14px;border:1px solid var(--fp-line-strong);border-radius:2px;background:#fff;font-size:14px;color:var(--fp-ink)}
.public-site .connector{position:relative;height:40px}
.public-site .connector::before{content:"";position:absolute;top:6px;bottom:8px;left:50%;border-left:1px solid var(--fp-ink)}
.public-site .connector::after{content:"";position:absolute;bottom:4px;left:50%;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--fp-ink)}
.public-site .flow-engine{padding:18px 24px 6px;border:1px solid var(--fp-line-strong);border-top:2px solid var(--fp-ink);border-radius:2px;background:#fff}
.public-site .engine-heading{display:flex;align-items:center;gap:12px}
.public-site .engine-heading strong{display:block;font-size:15px;line-height:1.3}
.public-site .engine-heading p{font-size:13px;line-height:1.4;color:var(--fp-muted)}
.public-site .scene-status{margin-left:auto;font-size:13px;color:var(--fp-muted)}
.public-site .flow-list{margin:18px 0 0;padding:0;list-style:none}
.public-site .flow-list li{display:flex;align-items:flex-start;gap:14px;margin:0;padding:14px 0;border-top:1px solid var(--fp-line)}
.public-site .flow-list .dot,.public-site .completion-note .dot{margin-top:9px}
.public-site .flow-list strong{display:block;font-size:15px;font-weight:600;color:var(--fp-ink)}
.public-site .flow-list small{display:block;font-size:13px;color:var(--fp-muted)}
.public-site .completion-note{display:flex;gap:14px;padding:2px 0 20px}
.public-site .completion-note strong{font-size:16px;font-weight:600;color:var(--fp-ink)}
.public-site .completion-note p{font-size:14px}

/* Service: comparison table — ring for manual, filled for FIRST PIN */
.public-site .comparison-section{background:var(--fp-surface)}
.public-site .comparison{position:relative;margin-top:56px;border-top:1px solid var(--fp-ink)}
.public-site .compare-head,.public-site .compare-row{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:32px}
.public-site .compare-head{padding-block:18px;font-size:14px;font-weight:600;color:var(--fp-ink)}
.public-site .compare-head small{display:block;font-size:13px;font-weight:400;color:var(--fp-muted)}
.public-site .compare-row{align-items:start;padding-block:24px;border-top:1px solid var(--fp-line-strong)}
.public-site .compare-row>strong{font-size:17px;font-weight:600;line-height:1.6}
.public-site .compare-row>p{display:grid;grid-template-columns:9px minmax(0,1fr);column-gap:12px;font-size:15px}
.public-site .compare-row>p::before{content:"";width:9px;height:9px;margin-top:9px;border-radius:50%}
.public-site .compare-row .before{color:var(--fp-muted)}
.public-site .compare-row .before::before{box-shadow:inset 0 0 0 1.5px var(--fp-muted)}
.public-site .compare-row .after{font-weight:500;color:var(--fp-ink)}
.public-site .compare-row .after::before{background:var(--fp-ink)}
.public-site .mobile-label{display:none}
.public-site .scope-note{margin-top:32px;font-size:14px;color:var(--fp-muted)}

/* Service: responsibilities */
.public-site .responsibilities{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:56px}
.public-site .responsibilities>div{padding-top:24px;border-top:1px solid var(--fp-ink)}
.public-site .responsibilities ul,.public-site .price-card ul{margin:16px 0 0;padding:0;list-style:none}
.public-site .responsibilities li,.public-site .price-card li{position:relative;margin:0;padding:12px 0 12px 22px;border-top:1px solid var(--fp-line);font-size:15px}
.public-site .responsibilities li::before,.public-site .price-card li::before{content:"";position:absolute;top:22px;left:0;width:7px;height:7px;border-radius:50%;background:var(--fp-ink)}
.public-site .responsibilities .customer-side li::before{background:transparent;box-shadow:inset 0 0 0 1.5px var(--fp-ink)}

/* FAQ */
.public-site .faq-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:64px;align-items:start;padding-top:0}
.public-site .faq-list{border-top:1px solid var(--fp-ink)}
.public-site details{border-bottom:1px solid var(--fp-line-strong)}
.public-site summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding-block:18px;font-size:17px;font-weight:600;line-height:1.5;color:var(--fp-ink);list-style:none;cursor:pointer}
.public-site summary::-webkit-details-marker{display:none}
.public-site summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 14px no-repeat}
.public-site details[open]>summary::after{background:linear-gradient(currentColor,currentColor) center/14px 1.5px no-repeat}
.public-site details p{padding:0 48px 24px 0;font-size:15px;line-height:1.8}

/* Guide: dashboard and preparation sheets */
.public-site .dashboard-section{background:var(--fp-surface)}
.public-site .dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:center}
.public-site .dashboard-stage figcaption{margin-top:16px;font-size:13px;line-height:1.65;color:var(--fp-muted)}
.public-site .dashboard-top{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--fp-line);font-size:13px;color:var(--fp-muted)}
.public-site .dashboard-top .example-tag{margin-left:auto}
.public-site .dashboard-heading>p:first-child,.public-site .dashboard-heading>span{font-size:13px;color:var(--fp-muted)}
.public-site .dashboard-heading h3{display:flex;align-items:center;gap:10px;margin:6px 0 4px;font-size:24px}
.public-site .dashboard-heading h3 .dot{width:10px;height:10px}
.public-site .dashboard-heading p{font-size:14px}
.public-site .operation-preview .dashboard-heading{padding:24px 24px 20px}
.public-site .customer-next{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:16px;border-block:1px solid var(--fp-ink)}
.public-site .operation-preview .customer-next{margin-inline:24px}
.public-site .customer-next span{font-size:14px;color:var(--fp-body)}
.public-site .customer-next strong{font-size:18px;font-weight:600;color:var(--fp-ink)}
.public-site .operation-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px}
.public-site .operation-facts div{display:flex;flex-direction:column;gap:4px}
.public-site .operation-facts span,.public-site .operation-facts small{font-size:13px;color:var(--fp-muted)}
.public-site .operation-facts strong{font-size:17px;font-weight:600;color:var(--fp-ink)}
.public-site .operation-trail{display:flex;flex-wrap:wrap;gap:6px 20px;padding:14px 24px;border-top:1px solid var(--fp-line);font-size:13px;color:var(--fp-body)}
.public-site .operation-trail span{display:inline-flex;align-items:center;gap:8px}
.public-site .operation-trail span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fp-ink)}
.public-site .setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:start;margin-top:56px}
.public-site .setup-steps{margin:0;padding:0;border-top:1px solid var(--fp-ink);list-style:none}
.public-site .setup-steps li{display:grid;grid-template-columns:56px minmax(0,1fr);margin:0;padding-block:28px;border-bottom:1px solid var(--fp-line)}
.public-site .setup-steps .step-no{padding-top:6px;font-size:14px}
.public-site .setup-steps small{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border:1px solid var(--fp-line-strong);border-radius:3px;font-size:12px;font-weight:500;color:var(--fp-body)}
.public-site .setup-steps h3{margin:12px 0 8px;font-size:20px}
.public-site .setup-steps p{font-size:15px}
.public-site .setup-preview{padding:24px 28px 28px}
.public-site .setup-preview .dashboard-heading{padding:20px 0}
.public-site .dashboard-checks{margin:0 0 24px;padding:0;list-style:none}
.public-site .dashboard-checks li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:52px;margin:0;padding-block:10px;border-top:1px solid var(--fp-line);font-size:15px;color:var(--fp-body)}
.public-site .dashboard-checks .dot{width:11px;height:11px}
.public-site .dashboard-checks small{font-size:13px;color:var(--fp-muted);text-align:right}
.public-site .dashboard-checks .current{font-weight:600;color:var(--fp-ink)}
.public-site .setup-preview>.note{margin-top:20px}
.public-site .setup-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 32px;margin-top:40px;padding-top:24px;border-top:1px solid var(--fp-line)}
.public-site .setup-bottom p{font-size:15px}

/* Pricing */
.public-site .pricing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:96px;align-items:start;padding-block:80px 112px}
.public-site .price-card{padding:36px 40px 32px;border:1px solid var(--fp-line-strong);border-top:3px solid var(--fp-ink);border-radius:2px;background:#fff}
.public-site .price-label{font-size:15px;font-weight:600;color:var(--fp-ink)}
.public-site .price{display:flex;align-items:baseline;gap:8px;margin-top:22px;font:400 80px/1 var(--fp-latin);letter-spacing:-.045em;color:var(--fp-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.public-site .price span{font:600 20px/1 var(--fp-font);letter-spacing:-.01em;color:var(--fp-ink)}
.public-site .price-duration{margin-top:18px;font-size:15px;color:var(--fp-ink)}
.public-site .price-card ul{margin-top:28px;border-bottom:1px solid var(--fp-line)}
.public-site .price-card .button-link{width:100%;margin-top:28px}
.public-site .price-card>.note{margin-top:14px}
.public-site .pricing-conditions{border-top:1px solid var(--fp-ink)}
.public-site .pricing-conditions section{padding-block:28px;border-bottom:1px solid var(--fp-line)}
.public-site .pricing-conditions .eyebrow{margin-bottom:8px;font-size:14px}
.public-site .pricing-conditions h2{margin-bottom:12px;font-size:26px}
.public-site .pricing-conditions p{font-size:15px}
.public-site .pricing-conditions section p+p{margin-top:10px}
.public-site .condition-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-block:18px;border-bottom:1px solid var(--fp-line)}
.public-site .condition-rows dt{font-size:15px;color:var(--fp-body)}
.public-site .condition-rows dd{font-size:17px;font-weight:600;color:var(--fp-ink)}
.public-site .pricing-conditions>.condition-line{padding-block:18px;border-bottom:1px solid var(--fp-line)}
.public-site .review-condition{margin-top:28px;padding:20px 22px;background:var(--fp-surface)}
.public-site .review-condition strong{font-size:15px;color:var(--fp-ink)}
.public-site .review-condition p{margin-top:6px;font-size:14px}

/* About: editorial rows */
.public-site .editorial-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px 80px;padding-block:56px;border-bottom:1px solid var(--fp-line)}
.public-site .editorial-section:last-child{border-bottom:0}
.public-site .editorial-section h2{font-size:30px}
.public-site .editorial-body p{font-size:17px;line-height:1.85}
.public-site .editorial-body p+p{margin-top:16px}
.public-site .editorial-body .note{font-size:13px}
.public-site .editorial-body .text-link{margin-top:16px}

/* ---------- Responsive ---------- */
@media(min-width:1024px){.public-site .fallback-nav{display:none}}
@media(max-width:1180px){
.public-site{--fp-pad:40px}
.public-site .fp-hero{grid-template-columns:minmax(0,1fr) 380px;column-gap:48px}
.public-site .fp-hero h1{font-size:54px}
.public-site .hero-chat{padding-left:40px}
.public-site .use-section,.public-site .detail-flow,.public-site .dashboard-grid,.public-site .pricing-grid{gap:64px}
.public-site .setup-grid{gap:56px}
.public-site .relief-board,.public-site .close-grid{column-gap:64px}
.public-site .intro-grid{grid-template-columns:1fr}
.public-site .intro-grid .lead{margin-top:24px;padding-bottom:0}
.public-site .price{font-size:68px}
}
@media(max-width:1023px){
.public-site{--fp-pad:32px}
.public-site .desktop-nav{display:none}
.public-site .home-nav-inner>.button-link{margin-left:auto}
.public-site .home-nav-inner{gap:12px}
.public-site .menu-toggle:not([hidden]){display:inline-flex}
.public-site .fp-hero{grid-template-columns:1fr}
.public-site .hero-copy{padding-block:72px 56px}
.public-site .fp-hero h1{font-size:56px}
.public-site .hero-chat{align-items:center;margin-inline:calc(var(--fp-pad) * -1);padding:48px var(--fp-pad)}
.public-site .hero-chat::before{right:0}
.public-site .hero-chat>*{width:100%;max-width:380px}
.public-site .section{padding-block:88px}
.public-site .home-conversation .use-section{padding-block:88px}
.public-site .use-section,.public-site .detail-flow,.public-site .dashboard-grid,.public-site .setup-grid,.public-site .pricing-grid,.public-site .faq-section{grid-template-columns:1fr;gap:48px}
.public-site .faq-section{padding-top:0}
.public-site .chat-demo,.public-site .order-scene,.public-site .dashboard-stage,.public-site .setup-preview,.public-site .price-card{width:100%;max-width:620px}
.public-site .relief-board{grid-template-columns:1fr;row-gap:40px;max-width:620px}
.public-site .final-band{padding-block:88px}
.public-site .close-grid{grid-template-columns:1fr;row-gap:48px}
.public-site .close-terms{max-width:620px}
.public-site .final-section{grid-template-columns:1fr;align-items:start}
.public-site .final-section h2{font-size:38px}
.public-site .home-footer{grid-template-columns:1fr;gap:28px}
.public-site .site-footer nav{justify-content:flex-start;padding-top:0}
.public-site .page-intro{padding-top:72px}
.public-site .intro-grid{padding-bottom:48px}
.public-site .detail-flow{padding-block:72px 88px}
.public-site .pricing-grid{padding-block:64px 88px}
.public-site .editorial-section{grid-template-columns:1fr}
}
@media(max-width:700px){
.public-site{--fp-pad:20px}
.public-site h1{font-size:clamp(30px,8.6vw,38px);line-height:1.28}
.public-site h2{font-size:28px}
.public-site h3{font-size:18px}
.public-site .lead{font-size:16px}
.public-site .review-strip{padding:5px 14px;font-size:11px}
.public-site .home-nav-inner{min-height:64px;gap:8px}
.public-site .home-wordmark{font-size:22px}
.public-site .home-header .home-wordmark{gap:8px;font-size:19px}
.public-site .brand-mark{width:26px;height:26px;padding:4.5px;border-radius:9px}
.public-site .brand-service{display:none}
.public-site .home-header .button-link{min-height:38px;padding:0 12px;font-size:13px}
.public-site .menu-toggle{min-height:38px;padding:0 10px;font-size:13px}
.public-site .hero-copy{padding-block:48px 44px}
.public-site .fp-hero h1{font-size:clamp(32px,9.3vw,40px);line-height:1.25;letter-spacing:-.045em}
.public-site .hero-copy .lead{margin-top:16px}
.public-site .hero-actions{gap:10px 22px;margin-top:28px}
.public-site .button-link{min-height:50px;padding:0 20px}
.public-site .hero-chat{padding:32px var(--fp-pad) 28px}
.public-site .chat-phone{border-radius:20px}
/* Short chat body so the one result message stays inside a 360x780 first screen. */
.public-site .chat-phone-body{min-height:156px;padding:20px 14px 18px}
.public-site .section{padding-block:72px}
.public-site .section-heading>p{font-size:16px}
.public-site .section-top{flex-direction:column;align-items:flex-start;gap:12px}
.public-site .relief-heading>p{font-size:16px}
.public-site .relief-board{row-gap:36px;margin-top:40px}
.public-site .relief-board h3{padding-block:16px 12px}
.public-site .relief-off li{padding-block:13px;font-size:18px}
.public-site .relief-on li{gap:14px;padding-block:16px}
.public-site .relief-on .dot{margin-top:9px}
.public-site .relief-on strong{font-size:17px}
.public-site .home-conversation .use-section{padding-block:72px;gap:36px}
.public-site .use-section{gap:36px}
.public-site .chat-header{padding:14px 16px}
.public-site .chat-scene{padding:20px 14px 16px}
.public-site .bubble{max-width:90%;padding:10px 14px}
.public-site .scene-buttons button{font-size:13px}
.public-site .final-band{padding-block:72px 80px}
.public-site .final-section{gap:24px;padding-top:36px}
.public-site .final-section h2{font-size:30px}
.public-site .close-grid{row-gap:44px;padding-top:36px}
.public-site .close-main>p:not(.note){margin-top:16px;font-size:16px}
.public-site .close-main .button-link{margin-top:28px}
.public-site .close-terms dl>div{grid-template-columns:1fr;padding-block:15px}
.public-site .close-terms dd strong{font-size:16px}
.public-site .home-footer{padding-block:44px 40px}
.public-site .site-footer nav{gap:10px 20px}
.public-site .site-footer nav a{font-size:13px}
.public-site .footer-business{padding-top:22px}
/* Business details read as a two-column register on phones: label, then value. */
.public-site .footer-facts{display:grid;gap:4px}
.public-site .footer-facts>div{display:grid;grid-template-columns:124px minmax(0,1fr);gap:12px}
.public-site .page-intro{padding-top:48px}
.public-site .page-intro h1{font-size:clamp(30px,8.6vw,38px)}
.public-site .intro-grid{padding-bottom:40px}
.public-site .intro-grid .lead{margin-top:18px}
.public-site .detail-flow{padding-block:56px 72px;gap:36px}
.public-site .order-scene{padding:20px}
.public-site .flow-engine{padding:16px 16px 4px}
.public-site .scene-status{display:none}
.public-site .comparison{margin-top:40px}
.public-site .compare-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.public-site .compare-row{grid-template-columns:1fr;gap:12px;padding-block:22px}
.public-site .mobile-label{display:block;grid-column:2;font-size:13px;font-weight:500;color:var(--fp-muted)}
.public-site .compare-row>p>span:last-child{grid-column:2}
.public-site .compare-row>p::before{grid-row:2}
.public-site .scope-note{margin-top:24px}
.public-site .responsibilities{grid-template-columns:1fr;gap:36px;margin-top:40px}
.public-site .faq-section{gap:28px}
.public-site summary{min-height:64px;padding-block:16px;font-size:16px}
.public-site details p{padding-right:0;font-size:15px}
.public-site .dashboard-grid{gap:36px}
.public-site .dashboard-top{padding:14px 16px}
.public-site .operation-preview .dashboard-heading{padding:20px 16px 16px}
.public-site .dashboard-heading h3{font-size:21px}
.public-site .operation-preview .customer-next{margin-inline:16px}
.public-site .customer-next strong{font-size:17px}
.public-site .operation-facts{grid-template-columns:1fr;gap:16px;padding:18px 16px}
.public-site .operation-trail{padding:12px 16px}
.public-site .setup-grid{gap:36px;margin-top:40px}
.public-site .setup-steps li{grid-template-columns:40px minmax(0,1fr);padding-block:22px}
.public-site .setup-steps h3{font-size:18px}
.public-site .setup-preview{padding:18px 18px 22px}
.public-site .dashboard-checks li{grid-template-columns:12px minmax(0,1fr);gap:2px 14px}
.public-site .dashboard-checks small{grid-column:2;text-align:left}
.public-site .setup-bottom{margin-top:32px}
.public-site .pricing-grid{padding-block:48px 72px;gap:48px}
.public-site .price-card{padding:28px 20px 24px}
.public-site .price{font-size:clamp(50px,15vw,64px)}
.public-site .price span{font-size:17px}
.public-site .pricing-conditions h2{font-size:22px}
.public-site .condition-rows>div{flex-direction:column;gap:2px}
.public-site .editorial-section{padding-block:40px;gap:16px}
.public-site .editorial-section h2{font-size:24px}
.public-site .editorial-body p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.public-site *,.public-site *::before,.public-site *::after{transition:none!important}}
/* A-package v2.1: two plan cards and the shared features/conditions. */
.public-site .plan-section{padding-block:72px 0}
.public-site .plan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.public-site .plan-scope{margin-top:6px;font-size:15px;color:var(--fp-ink)}
.public-site .plan-intro{margin-top:22px;font-size:15px;font-weight:600;color:var(--fp-ink)}
.public-site .plan-cards .price{margin-top:8px;font-size:64px}
.public-site .plan-after{margin-top:14px;font-size:19px;color:var(--fp-ink)}
.public-site .plan-common{margin-top:24px;font-size:16px;color:var(--fp-ink)}
.public-site .plan-features ul{margin:20px 0 0;padding:0;list-style:none}
.public-site .plan-features li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--fp-line);font-size:15px}
.public-site .plan-features li::before{content:"";position:absolute;top:22px;left:0;width:7px;height:7px;border-radius:50%;background:var(--fp-ink)}
.public-site .home-close .close-terms dd strong{display:block}
@media (max-width:760px){.public-site .plan-cards{grid-template-columns:1fr}.public-site .plan-cards .price{font-size:clamp(46px,13vw,60px)}.public-site .plan-section{padding-block:48px 0}}
/* ---------- 2026-09-28 policy documents, payment schedule, support scope, static sign-up flow ----------
   Same palette and type as above. .pending-slot marks a value not decided yet; .doc-status marks a document before its effective date. */
.public-site .nowrap{white-space:nowrap}
.public-site .pending-slot{display:inline;padding:1px 6px;border:1px dashed var(--fp-line-strong);border-radius:3px;background:var(--fp-surface);color:var(--fp-body);font-size:.92em;font-weight:600;white-space:nowrap}
.public-site .footer-facts .pending-slot{background:transparent;color:var(--fp-on-dark-soft);border-color:var(--fp-dark-line)}
.public-site .doc-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-bottom:28px;font-size:14px;color:var(--fp-muted)}
.public-site .doc-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding-block:56px 96px}
.public-site .doc-toc{position:sticky;top:24px;align-self:start;display:grid;font-size:14px}
.public-site .doc-toc a{padding:7px 0;border-bottom:1px solid var(--fp-line);color:var(--fp-body);text-decoration:none}
.public-site .doc-toc a:hover{color:var(--fp-ink);text-decoration:underline}
.public-site .doc-body{max-width:800px}
.public-site .doc-body section{padding-block:28px;border-bottom:1px solid var(--fp-line);scroll-margin-top:16px}
.public-site .doc-body section:last-child{border-bottom:0}
.public-site .doc-body h2{margin-bottom:14px;font-size:24px}
.public-site .doc-body h3{margin:22px 0 4px;font-size:17px}
.public-site .doc-body p,.public-site .doc-body li{font-size:15.5px;line-height:1.8}
.public-site .doc-body p+p{margin-top:10px}
.public-site .doc-body ol,.public-site .doc-body ul{margin:8px 0 0;padding-left:22px}
.public-site .doc-body li+li{margin-top:6px}
.public-site .doc-body li>ul{margin-top:6px}
.public-site .doc-body .note{margin-top:10px}
.public-site .table-scroll{max-width:100%;overflow-x:auto}
.public-site .doc-table{width:100%;margin-top:14px;border-collapse:collapse;font-size:14.5px}
.public-site .doc-table th,.public-site .doc-table td{padding:12px 10px;border-top:1px solid var(--fp-line);text-align:left;vertical-align:top;line-height:1.65}
.public-site .doc-table thead th{border-top:2px solid var(--fp-ink);background:var(--fp-surface);font-weight:600;color:var(--fp-ink)}
.public-site .doc-table tbody th{font-weight:600;color:var(--fp-ink)}
.public-site .doc-table td{color:var(--fp-body)}
.public-site .scope-table tbody th{white-space:nowrap}
.public-site .doc-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--fp-ink)}
.public-site .schedule-section .table-scroll,.public-site .scope-env-section .table-scroll{max-width:960px;margin-top:32px}
.public-site .schedule-section>.note,.public-site .scope-env-section>.scope-note{max-width:960px;margin-top:16px}
.public-site .plan-note{margin-top:8px;font-size:14px;color:var(--fp-muted)}
.public-site .plan-links{margin-top:12px}
.public-site .pg-slot{margin-top:18px;padding:18px;border:1px dashed var(--fp-line-strong);border-radius:3px;background:var(--fp-surface);font-size:14px;line-height:1.6;color:var(--fp-muted);text-align:center}
.public-site .setup-preview .condition-rows{margin-top:8px}
.public-site .editorial-body .condition-rows{margin-bottom:18px}
.public-site .editorial-body .text-link+.text-link{margin-left:28px}
@media(max-width:1023px){.public-site .doc-layout{grid-template-columns:1fr;gap:28px;padding-block:40px 72px}.public-site .doc-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}}
@media(max-width:700px){.public-site .doc-toc{grid-template-columns:1fr}.public-site .doc-body h2{font-size:21px}.public-site .doc-table{font-size:13.5px}.public-site .doc-table th,.public-site .doc-table td{padding:10px 6px}.public-site .pending-slot{white-space:normal}.public-site .editorial-body .text-link+.text-link{margin-left:0}.public-site .editorial-body .text-link{display:flex}}
.public-site .doc-status{margin:0 0 32px;padding:16px 18px;border:1px solid var(--fp-line);border-left:3px solid var(--fp-ink);background:var(--fp-surface)}
.public-site .doc-status strong{display:block;font-size:15px;color:var(--fp-ink)}
.public-site .doc-status p{margin-top:6px;font-size:14px;color:var(--fp-body)}

/* Ordered setup and dated website notices. Native lists keep each step readable. */
.public-site .customer-order{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 24px;margin-block:24px 32px;padding-block:20px;list-style:decimal inside;border-block:1px solid var(--fp-line);font-size:15px;line-height:1.6}
.public-site .customer-order li{min-width:0;padding:8px 12px;background:var(--fp-surface)}
.public-site .change-notice{margin-block:24px;padding-block:24px;border-block:1px solid var(--fp-line);scroll-margin-top:24px}
.public-site .change-notice h2{margin-bottom:12px;font-size:24px}
.public-site .change-notice p{max-width:960px;font-size:15px;line-height:1.8}
.public-site .change-notice p+p{margin-top:10px}
.public-site .change-notice .archive-status{font-weight:600;color:var(--fp-ink)}
.public-site .legal-change-line{margin-block:16px 24px;font-size:14px;line-height:1.8;color:var(--fp-body)}
@media(max-width:1023px){.public-site .customer-order{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.public-site .customer-order{grid-template-columns:1fr;gap:8px;margin-block:16px 24px}.public-site .change-notice h2{font-size:21px}}

/* Owner-supplied lockups retain their original aspect ratio on both backgrounds. */
.public-site .brand-lockup{display:block;width:160px;height:auto}
.public-site .rename-notice{margin-block:16px 24px;font-size:14px;line-height:1.8;color:var(--fp-body)}
@media(max-width:700px){.public-site .home-header .brand-lockup{width:120px}}