/* Shared A visual system. Presentation only: no content, visibility, entitlement or flow changes. */
body [hidden]{display:none!important}
body button.text-link{border:0;background:transparent;color:#d7bd86;font:inherit;font-size:13px;line-height:1.7;min-height:44px;padding:10px 0;text-align:left;text-underline-offset:4px;cursor:pointer}body #free-question-consent{width:18px;height:18px;min-height:0;display:inline-block;vertical-align:middle;margin:0 9px 0 0;accent-color:#d2b375}body label:has(#free-question-consent){display:flex;align-items:flex-start;gap:8px;color:#c4d0de;font-size:13px;line-height:1.8}body label:has(#free-question-consent) input{flex:0 0 18px;margin-top:3px}
:root:root{--ink:#050b14;--frame:#101c2d;--wine:#142338;--wine-light:#20364b;--gold:#d7b776;--gold-soft:#eed6a4;--ivory:#f5f0e7;--muted:#b6c1d1;--line:rgba(181,199,220,.17);--midnight-shadow:0 24px 70px #0006;color-scheme:dark;font-family:Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html{scroll-padding-top:90px}body:has(.site-header),body:has(.sai-result),body:has(#saved-list){background:radial-gradient(ellipse at 20% 0,#1c304c80,transparent 700px),#050b14;color:var(--ivory)}
body .site-header{background:#07101ce8;border-bottom:1px solid #bcc7d219;gap:20px;backdrop-filter:blur(20px);box-shadow:0 4px 28px #0002}
body .brand{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;letter-spacing:.12em}body .brand-mark{display:inline;color:#e2c58c}body .nav{gap:12px 22px}body .nav a,body .footer a{font-size:13px;color:#b8c4d4;text-underline-offset:5px}body .nav a:hover{color:#f4dfb6}
body .button,body .result-offer{min-height:48px;border:1px solid #d8b97980;border-radius:999px;background:linear-gradient(115deg,#e5ca91,#c39a52);color:#13171e;box-shadow:0 5px 22px #d7b77614;font-weight:650;letter-spacing:.02em;transition:filter .18s,transform .18s;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1.5;white-space:normal}
body .button:hover,body .result-offer:hover{filter:brightness(1.08);transform:translateY(-1px)}body .button:disabled{filter:grayscale(.6);transform:none;opacity:.45;cursor:not-allowed}body .button-secondary,body .result-offer:last-child:not(:only-of-type){background:#142338;color:#efdbb4;border-color:#d8b97959;box-shadow:none}
body :is(button,a,input,textarea,select):focus-visible{outline:3px solid #f0d39a;outline-offset:4px}body button,body input,body textarea,body select{font-family:inherit}body input:not([type=checkbox]),body textarea,body select{background:#091321;color:#f5f0e7;border:1px solid #a8bad136;border-radius:12px;min-height:48px;padding:12px 14px;max-width:100%;font-size:16px}body textarea{line-height:1.75}body input::placeholder,body textarea::placeholder{color:#8494aa}body label{color:#d0d9e4;font-size:14px}
body main{min-width:0}body .page-hero{padding-top:60px;padding-bottom:32px}body .page-hero h1,body .section h2,body .hero h1{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;letter-spacing:-.035em}body .page-hero p{color:#b6c1d1}body .eyebrow{color:#d0b178;font-size:11px;letter-spacing:.2em}
body .content-panel,body .card,body .link-card{background:linear-gradient(145deg,#122036ee,#0b1525f5);border:1px solid #b7c5d51c;border-radius:20px;box-shadow:0 18px 50px #0002}body .notice{background:#0e1c2d;border:0;border-left:2px solid #d6b678;border-radius:0 16px 16px 0}body .content-panel{padding:clamp(22px,4vw,42px)}body .content-panel h2{color:#f5eddf;font-weight:500}body .prose{color:#ced6e2;line-height:1.9}body .meta,body .prose .meta{color:#9dacbf}
body .checkout-grid{gap:28px;align-items:start}body .checkout-grid .content-panel{min-width:0}body .checkout-grid aside{background:#0c1727;border-color:#b7c5d51a}body #guest-question-step h2{font-size:clamp(24px,4vw,33px);font-family:Georgia,'Noto Serif KR',serif;margin:12px 0 28px}body #guest-question-step .button{margin-top:24px;width:100%}body #guest-question-step label{margin-top:20px;display:block}body .guest-reveal-step{background:transparent}body .revealed-cards img{box-shadow:0 12px 32px #0007;border-color:#cab07a7a}body .revealed-cards figure{min-width:0}
body .preview-heading{background:linear-gradient(135deg,#e8dcc5,#d7c9af);color:#192735;border:0;border-radius:16px;padding:24px}body .preview-heading h3{color:#172637;font-family:Georgia,'Noto Serif KR',serif;font-size:23px}body .preview-heading p{color:#435161}body .preview-card-links{padding:0;counter-reset:preview-card}body .preview-card-links li{background:transparent;border:0;border-bottom:1px solid #b7c5d524;border-radius:0;padding:22px 0;box-shadow:none}body .preview-card-links li strong{color:#e6cb91}body .preview-card-links li span{color:#d0d9e5;line-height:1.85}body .preview-synthesis{background:#16273b;border:0;border-radius:14px;color:#e1e7ef;padding:22px}body .preview-next{border:0;border-top:1px solid #b7c5d52b;background:transparent;border-radius:0;padding:24px 0 0}body .preview-next strong{color:#ecd6ac}body .preview-boundary{color:#9facc0;font-size:12px}
body .purchase-stage{border-top-color:#b7c5d52b;padding-top:28px;margin-top:28px}body .purchase-stage h3{color:#ecd6ac;font-size:19px}body .purchase-stage .button{width:100%}body #trial-record-controls{background:#091321;border:1px solid #b7c5d524;border-radius:16px;padding:22px;margin-top:30px}body #trial-record-controls .text-link{min-height:44px;padding:10px 0;margin-right:16px;display:inline-block;white-space:normal;background:transparent;color:#dfc58f;border:0;font:inherit;font-size:13px;text-align:left}body #trial-record-controls select{width:100%}body .checkout-status{overflow-wrap:anywhere;color:#dfc895;font-size:14px;line-height:1.8}
body .sai-result{color:#dce4ee;max-width:800px;line-height:1.95;font-family:Pretendard,'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}body .sai-result .result-heading{padding-top:24px}body .sai-result .result-question{color:#f6f0e5;font-size:clamp(29px,4vw,40px);font-weight:500}body .result-situation{color:#afbdd0;font-size:14px;border-left:2px solid #64768b;padding-left:16px;margin:20px 0}body .result-core{background:linear-gradient(125deg,#e8dcc4,#d6c9b0);color:#1c2a3a;border:0;border-radius:16px;padding:26px 28px;box-shadow:0 14px 40px #0003}body .result-core h3{color:#65502f}body .result-core p{font-size:18px;line-height:1.85}body .result-synthesis{background:#15273c;border:0;border-radius:16px;color:#e7edf5;padding:26px 28px}body .result-synthesis h3{color:#ddc38c}body .result-cards-section{margin:36px 0}body .result-card-text{border-color:#b7c5d528;padding:27px 0}body .result-card-text h3{color:#e6cb98;font-weight:500}body .result-card-text p{font-size:16px;line-height:1.95}body .result-card-caption{color:#c9b081}body .result-number{border-color:#bfa57465;color:#d8bf8a;background:#0b1626}body .result-cards .result-number{background:#0b1626}body .result-card-zoom{background:#0c1727;border-color:#cbb17b66;box-shadow:0 16px 40px #0005}body .result-cards figcaption span{color:#9fafc5}body .result-guidance{border-color:#b7c5d528}body .result-caution,body .result-zoom-hint{color:#9fafc5}body .result-card-dialog{background:#0c1829;border-color:#b7c5d54a;color:#f3ebdf}body .result-followups{border-color:#b7c5d52b}body .result-followups h3{font-weight:500;color:#e8d5b0}body .result-offer{display:block;text-align:left;padding:19px 24px;border-radius:14px}
body #saved-list{display:grid;gap:14px}body #saved-list>div{padding:20px;background:#0a1524;border:1px solid #b7c5d51c;border-radius:14px}body #saved-list p{margin:0 0 15px;color:#cad6e4}body #saved-list .button{font-size:13px;min-height:44px;margin:4px 8px 4px 0;padding:9px 17px;background:#17283e;color:#e8d1a6;border-color:#d0b37a47;box-shadow:none}body:has(#saved-list) main{max-width:1080px;margin:auto;padding:24px 20px 60px}body:has(#saved-list) .content-panel{margin-bottom:32px}body:has(#saved-list) #paid-reading{background:#091322;border-radius:20px;padding:clamp(16px,3vw,40px)}
body .footer{background:#030912;border-color:#bcc7d219;color:#9eadbf;margin-top:60px}body .footer strong{color:#dfc798;font-family:Georgia,serif;letter-spacing:.08em}body .footer .business-info{font-size:11px;line-height:1.8}
body:has(.site-header),body:has(.sai-result),body:has(#saved-list){background-repeat:no-repeat;background-color:#050b14}body #extra-card-product:not([hidden]){background:#0c1727;border:1px solid #b7c5d51c;border-radius:20px;min-height:0;max-width:920px;padding:32px clamp(18px,4vw,38px)}body #extra-card-product>p{color:#b5c2d4}body .guest-reveal-active #guest-reading-form{background:#0b1728}body.midnight-home .hero-symbol{width:auto;height:auto;min-height:0;border:0;border-radius:0;box-shadow:none;background:none;display:block}body.midnight-home .hero h1{word-break:keep-all;overflow-wrap:normal}
body .preview-card-links li{padding-left:46px;position:relative}body .preview-card-links li::before{left:0;top:23px}
/* Rich velvet is kept at the edge of short exploration screens, not under long prose. */
body.midnight-home{background:#050b14}body.midnight-home .hero{position:relative;max-width:none;min-height:720px;padding:100px max(28px,calc((100vw - 1120px)/2)) 80px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;isolation:isolate;background:linear-gradient(90deg,#040a13b0,#040a1320),url('/velvet-assets/table.webp') center 44%/cover}
body.midnight-home main{max-width:none;padding:0}body.midnight-home main>.section,body.midnight-home main>.notice{max-width:1120px;margin-left:auto;margin-right:auto}body.midnight-home .hero-copy{font-size:16px;max-width:490px;color:#c2cede;line-height:1.9}body.midnight-home .hero h1{font-size:clamp(38px,4.5vw,63px);line-height:1.35;margin:22px 0}body.midnight-home .hero .actions{align-items:flex-start;flex-direction:column;gap:12px;margin-top:28px}body.midnight-home .hero .actions .button{min-width:290px}body.midnight-home .hero-symbol{position:static;text-align:left;color:#e5c386;font-size:20px;margin:0 0 18px}
.midnight-tableau{height:470px;position:relative;display:flex;align-items:center;justify-content:center;perspective:1000px}.midnight-tableau::before{content:'';position:absolute;inset:12% -10%;border-radius:50%;background:radial-gradient(ellipse,#b6945840,transparent 66%);filter:blur(25px)}.midnight-tableau img{position:absolute;width:clamp(130px,14vw,200px);height:auto;border-radius:13px;box-shadow:0 25px 60px #000a}.midnight-tableau img:nth-child(1){transform:translate(-65%,20px) rotate(-16deg);opacity:.86}.midnight-tableau img:nth-child(2){transform:translate(65%,20px) rotate(16deg);opacity:.86}.midnight-tableau img:nth-child(3){transform:translateY(-15px);box-shadow:0 0 30px #f0c77b25,0 30px 70px #0009}.midnight-tableau figcaption{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:#d1bc93;font-size:12px;letter-spacing:.18em}
#sai-midnight-app{background:#050b14!important}#sai-midnight-app>div{background:transparent!important}#sai-midnight-app [data-midnight-surface]{background:#0c1727}#sai-midnight-app:has([data-testid=sai-member-home]){background:linear-gradient(#050b1440,#050b14e8 1000px),url('/velvet-assets/table.webp') center top/cover fixed!important}#sai-midnight-app [data-testid=sai-member-home]{background:transparent!important}#sai-midnight-app [role=button]{min-height:44px}#sai-midnight-app textarea,#sai-midnight-app input{font-size:16px!important;line-height:1.8!important}#sai-midnight-app [role=button]:focus-visible{outline:3px solid #e8cc93;outline-offset:3px}#sai-midnight-app iframe{max-width:100%}
@media(min-width:1000px){body.midnight-home main>.section,body.midnight-home main>.notice{margin-top:90px;margin-bottom:90px}body:has(#saved-list) #saved-list{grid-template-columns:1fr 1fr}body #guest-question-step .button{max-width:420px}}
@media(max-width:700px){body .site-header{padding:12px 18px;gap:12px;flex-wrap:wrap}body .site-header .nav{order:3;width:100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding:5px 0 3px;gap:20px}body .site-header .nav a{white-space:nowrap;flex-shrink:0}body .checkout-header .nav{order:0;width:auto;max-width:45%;padding:0}body .brand{font-size:17px}body .site-header>.button-small{font-size:12px;padding:8px 14px;min-height:40px}body .page-hero{padding-top:36px;padding-bottom:24px}body .checkout-grid{gap:22px}body .content-panel{padding:23px 20px}body .preview-heading,body .preview-synthesis{padding:21px 18px}body .result-core,body .result-synthesis{padding:22px 19px}body .result-core p{font-size:17px}body .sai-result .result-question{font-size:29px}body .result-offer{padding:17px 20px}body.midnight-home .hero{min-height:0;grid-template-columns:1fr;padding:44px 24px 48px;gap:20px;background-position:center top}body.midnight-home .hero h1{font-size:37px}body.midnight-home .hero-copy{font-size:14px}body.midnight-home .hero .actions .button{width:100%;min-width:0}body.midnight-home .hero .actions{width:100%}body.midnight-home .hero-symbol{margin-bottom:12px}body.midnight-home .hero .eyebrow{font-size:9px}body.midnight-home .midnight-tableau{height:310px;margin:12px 0 0}.midnight-tableau img{width:145px}body.midnight-home main>.section,body.midnight-home main>.notice{margin:52px 22px}body.midnight-home .section .card-grid{gap:12px}body .footer{margin-top:40px}body .preview-card-links li span{font-size:15px}body:has(#saved-list) main{padding:16px 12px 40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body .button,body .result-offer{transition:none}}
@media(max-width:700px){body.midnight-home .hero{display:flex;flex-direction:column;gap:0;padding-top:26px}body.midnight-home .midnight-hero-copy{display:contents}body.midnight-home .hero .hero-symbol{order:0;font-size:15px;margin:0}body.midnight-home .hero .eyebrow{order:1;margin:10px 0}body.midnight-home .hero h1{order:2;font-size:32px;margin:8px 0;line-height:1.45}body.midnight-home .hero .hero-copy{order:4;margin:16px 0 6px;font-size:13px;line-height:1.8}body.midnight-home .hero .actions{order:5;margin-top:16px}body.midnight-home .midnight-tableau{order:3;flex-shrink:0;width:100%;height:278px;margin:10px 0}.midnight-tableau figcaption{font-size:10px;letter-spacing:.1em}.midnight-tableau img{width:137px}body.midnight-home .hero .actions .button{min-height:48px}body .brand-mark{font-size:13px}}
