

:root{
	--ink:        #16181d;
	--ink-soft:   #393d47;
	--ink-mute:   #6a7080;
	--paper:      #f4f6f8;
	--surface:    #ffffff;
	--line:       rgba(22,24,29,.10);
	--line-2:     rgba(22,24,29,.16);
	--accent:     #d6275e;
	--accent-ink: #aa1648;
	--accent-wash:#fdeef3;
	--page-max: 1180px;
	--article-max: 900px;
	--measure: 40em;
	--radius: 10px;
}

html, body{ background:var(--paper); }
body{
	color:var(--ink-soft);
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	font-size:18px;
	line-height:1.76;
}
body, input, select, textarea{
	font-family:"Hanken Grotesk","PingFang SC","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
	letter-spacing:0;
}
a{ color:var(--accent-ink); }
a:hover{ color:var(--accent); }

h1,h2,h3,h4,h5,h6{
	font-family:"Spectral","Noto Serif SC",Georgia,"Songti SC",serif;
	color:var(--ink);
	text-transform:none !important;
	letter-spacing:0 !important;
	font-weight:700;
	text-wrap:balance;
}
p{ text-wrap:pretty; }

#main .post > p{
	font-size:1.12rem;
	line-height:1.88;
	color:var(--ink-soft);
	max-width:40em;
}

#header{
	background:var(--surface);
	border-bottom:1px solid var(--line-2);
	box-shadow:0 1px 0 var(--line);
	padding:0 clamp(1rem,3vw,2rem);
	min-height:72px;
}

#header h1, #header .site-id{ margin:0; height:inherit; line-height:inherit; padding:0 0 0 1.5em; white-space:nowrap; }
#header h1 a, #header .site-id a{
	color:var(--ink);
	font-weight:700;
	font-size:1.7rem;
	letter-spacing:0 !important;
	display:inline-flex;
	align-items:baseline;
	gap:.5rem;
}
#header h1 a:hover, #header .site-id a:hover{ color:var(--ink); }
#header h1 .latin, #header .site-id .latin{
	font-family:"Spectral",serif;
	font-style:italic;
	font-weight:500;
	font-size:.92rem;
	color:var(--accent);
	letter-spacing:.02em;
}

#header nav.links a{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	font-weight:600;
	font-size:1.1rem !important;
	color:var(--ink);
}
#header nav.links a:hover{ color:var(--accent); }
#header nav.main a:hover{ color:var(--accent); }

.promise{
	background:var(--ink);
	color:#eef0f4;
	text-align:center;
	font-size:1rem;
	letter-spacing:.01em;
	padding:.6rem 1.25rem;
}
.promise b{ color:#fff; font-weight:600; }
.promise .dot{ color:var(--accent); margin:0 .55rem; }

#main{ padding-top:2.25rem; }
.post{ border-bottom:1px solid var(--line); padding-bottom:2.5rem; margin-bottom:2.5rem; }
.post:last-of-type{ border-bottom:0; }

.kicker{
	display:inline-block;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-weight:700;
	font-size:.88rem;
	color:var(--accent-ink);
	margin-bottom:.5rem;
}

#main .post > header .title h2{ font-size:clamp(1.55rem,2.1vw,1.95rem); line-height:1.25; font-weight:700; }
.post .title h2 a{ color:var(--ink); }
.post .title h2 a:hover{ color:var(--accent-ink); }
#main .post > header .title > p{ color:var(--ink-mute); font-size:1.1rem; line-height:1.68; }

.post .meta .published, .mini-post .published, .posts .published{
	color:var(--ink-mute);
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	letter-spacing:0;
}
.post .meta .author .name{ color:var(--ink); font-weight:600; }

#main .image.featured img,
.mini-post .image img,
.posts .image img{
	border-radius:8px;
}
#main .image.featured{ border-radius:8px; overflow:hidden; }
#main .image.featured img{ transition:transform .5s cubic-bezier(.16,1,.3,1); }
#main .image.featured:hover img{ transform:scale(1.025); }

.post footer .stats a{ color:var(--ink-mute); }
.post footer .stats a:hover{ color:var(--accent); }

.post--lead{ border-bottom:1px solid var(--line-2); }
.post--lead .image.featured img{ width:100%; max-height:460px; object-fit:cover; }
#main .post--lead > header .title h2{ font-size:clamp(2.1rem,3.4vw,2.95rem); line-height:1.14; font-weight:700; }
#main .post--lead > header .title > p{ font-size:1.22rem; line-height:1.66; color:var(--ink-soft); }

input[type="submit"], input[type="reset"], input[type="button"],
button,
.button{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif !important;
	text-transform:none !important;
	letter-spacing:0 !important;
	font-weight:700;
	font-size:1.14rem !important;
	border-radius:6px;
	color:var(--ink) !important;
	box-shadow:inset 0 0 0 1px var(--line-2);
	min-height:44px;
	height:auto;
	line-height:1.2;
	padding:.85rem 1.25rem;
	text-indent:0;
	white-space:normal;
	transition:transform .15s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease;
}
.button:hover{ box-shadow:inset 0 0 0 1px var(--accent); color:var(--accent-ink) !important; }
.button.primary, .button.large{
	background:var(--accent);
	color:#fff !important;
	box-shadow:none;
}
.button.large{ font-size:1.14rem !important; padding:1.05rem 1.45rem; }
.button.primary:hover, .button.large:hover{
	background:var(--accent-ink);
	color:#fff !important;
}
.button:active{ transform:translateY(1px); }

@media screen and (min-width:1281px){
	#main{ border-left:1px solid var(--line); padding-left:2.5rem; }
}
#intro{ border-bottom:1px solid var(--line); padding-bottom:1.75rem; margin-bottom:.5rem; }
.brandmark{
	display:flex; align-items:center; gap:.7rem; margin-bottom:.4rem;
}
.brandmark .glyph{
	width:42px;height:42px;border-radius:9px;flex:0 0 42px;
	background:var(--accent);color:#fff;
	display:flex;align-items:center;justify-content:center;
	font-family:"Spectral",serif;font-weight:700;font-size:1.25rem;
}
.brandmark header{ margin:0; padding:0; }
#intro h2{ font-size:1.38rem; margin:0; line-height:1.12; }
#intro > p{ color:var(--ink-mute); font-size:1.04rem; line-height:1.68; margin-top:.65rem; }

#sidebar > section > h2,
#sidebar .blurb h2,
.side-title{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-size:.94rem; font-weight:700; color:var(--ink);
	letter-spacing:.02em; text-transform:none;
	padding-bottom:.5rem; margin-bottom:1rem;
	border-bottom:2px solid var(--ink);
	display:inline-block;
}
.mini-post header h3 a, .posts header h3 a{ color:var(--ink); font-weight:600; }
.mini-post header h3 a:hover, .posts header h3 a:hover{ color:var(--accent-ink); }

.feature-note{
	background:var(--surface);
	border:1px solid var(--line-2);
	border-radius:10px;
	padding:1.15rem 1.15rem 1.25rem;
}
.feature-note .kicker{ margin-bottom:.35rem; }
.feature-note h3{ font-size:1.25rem; margin:0 0 .55rem; line-height:1.32; }
.feature-note p{ color:var(--ink-soft); font-size:1.04rem; line-height:1.7; margin-bottom:.9rem; }
.feature-note a.more{ font-weight:700; font-family:"Hanken Grotesk","PingFang SC",sans-serif; }
.feature-note a.more::after{ content:" \2192"; }
.feature-note .fn-note{ font-size:.88rem; color:var(--ink-mute); line-height:1.58; margin:.85rem 0 0; }

.precheck{ border:1px solid var(--line-2); border-radius:12px; padding:1.1rem 1.2rem 1.25rem; background:var(--surface); }
.precheck .side-title{ border-bottom:0 !important; padding-bottom:0 !important; margin-bottom:.4rem; }
.precheck .side-title::before{ content:"\2713"; font-weight:900; font-size:.85em; color:#fff; background:var(--accent); width:1.15rem; height:1.15rem; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; margin-right:.4rem; vertical-align:middle; }
.precheck .intro{ font-size:1rem; color:var(--ink-mute); line-height:1.68; margin:0 0 .9rem; }
.precheck .row{ display:flex; justify-content:space-between; align-items:baseline; gap:.8rem; padding:.58rem 0; border-bottom:1px solid var(--line); font-size:1rem; }
.precheck .row:first-of-type{ border-top:1px solid var(--line); }
.precheck .k{ color:var(--ink-mute); flex:0 0 auto; white-space:nowrap; }
.precheck .v{ color:var(--ink); text-align:right; font-weight:600; }
.precheck .v.code{ color:var(--accent-ink); letter-spacing:.04em; background:var(--accent-wash); padding:.06rem .42rem; border-radius:5px; }
.precheck .disclosure{ font-size:.9rem; color:var(--ink-mute); line-height:1.65; margin:.9rem 0 1rem; }
.precheck .precheck-cta{ display:block; text-align:center; width:100%; background:var(--accent); color:#fff !important; box-shadow:none; }
.precheck .precheck-cta:hover{ background:var(--accent-ink); color:#fff !important; }

#sidebar #footer{ border-top:1px solid var(--line); padding-top:1.5rem; }
#footer .icons a{ color:var(--ink-mute); }
#footer .icons a:hover{ color:var(--accent); }
#footer .copyright{ color:var(--ink-mute); font-size:.92rem; line-height:1.75; }
#footer .copyright a{ color:var(--ink-mute); }
#footer .copyright a:hover{ color:var(--accent); }

#menu{ background:var(--ink); }
#menu .links a{ border-color:rgba(255,255,255,.12); }
#menu h3{ color:#fff; font-family:"Spectral","Noto Serif SC",serif; }
#menu .links a p{ color:rgba(255,255,255,.6); }

@media screen and (max-width:480px){
	#header{ padding:0 1rem; min-height:60px; }
	#header h1 a, #header .site-id a{ font-size:1.38rem; }
	#header h1 .latin, #header .site-id .latin{ display:none; }
	#header h1, #header .site-id{ padding-left:1rem; }
	.promise{ font-size:.94rem; padding:.6rem 1rem; }
	#main .post--lead > header .title h2{ font-size:1.9rem; }
	#main .post > header .title h2{ font-size:1.58rem; }
	#main .post > p{ font-size:1.1rem; line-height:1.84; }
	#main{ border-left:0; padding-left:0; }
}

body.single #main{
	max-width:var(--article-max);
	margin:0 auto;
	border-left:0 !important;
	padding:clamp(2rem,4vw,3rem) clamp(1.1rem,3vw,2rem) 0 !important;
}
.breadcrumb{ font-size:1.04rem; color:var(--ink-mute); padding:0 0 1.15rem; }
.breadcrumb a{ color:var(--ink-mute); }
.breadcrumb a:hover{ color:var(--accent); }
.breadcrumb .sep{ margin:0 .45rem; opacity:.5; }

body.single .post{
	border:1px solid var(--line);
	border-radius:var(--radius);
	border-bottom:1px solid var(--line);
	box-shadow:0 22px 70px rgba(22,24,29,.05);
	overflow:hidden;
}
body.single .post > *{ margin-left:auto; margin-right:auto; }
body.single .post > header{
	background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
	border-bottom:1px solid var(--line);
	left:auto;
	margin:-3em -3em 2.75rem;
	position:relative;
	width:auto;
	display:block;
}
body.single .post > header .title{
	padding:clamp(2.4rem,6vw,4.25rem) clamp(1.5rem,6vw,4rem) clamp(2rem,5vw,3.25rem);
}
body.single .post > header .title h1{
	font-size:clamp(2.35rem,4.8vw,3.9rem); line-height:1.07; font-weight:700;
	color:var(--ink); margin:.3rem 0 .55rem; text-wrap:balance;
}
body.single .post .title .dek{
	font-size:clamp(1.22rem,1.95vw,1.46rem);
	color:var(--ink-soft);
	line-height:1.78;
	letter-spacing:0 !important;
	max-width:38em;
	margin:1.05rem 0 0;
}

body.single .post p{
	font-size:1.24rem;
	line-height:1.95;
	color:var(--ink-soft);
	max-width:var(--measure);
	margin-bottom:1.45rem;
}
body.single .post > h2{
	font-size:clamp(1.78rem,2.55vw,2.22rem);
	margin-top:3.2rem;
	margin-bottom:1.05rem;
	line-height:1.28;
	color:var(--ink);
	max-width:var(--measure);
}
body.single .post > h3{
	font-size:clamp(1.4rem,1.95vw,1.68rem);
	margin-top:2.25rem;
	margin-bottom:.8rem;
	color:var(--ink);
	max-width:var(--measure);
}
body.single .post p a,
body.single .post li a{
	color:var(--accent-ink); text-decoration:underline;
	text-underline-offset:2px; text-decoration-thickness:1px;
}
body.single .post ul,
body.single .post ol{ max-width:var(--measure); }
body.single .post ul li, body.single .post ol li{ line-height:1.88; color:var(--ink-soft); font-size:1.16rem; margin:.25rem 0; }

.toc{ background:var(--surface); border:1px solid var(--line-2); border-radius:var(--radius); padding:1.25rem 1.45rem 1.35rem; margin:1.8rem auto 2.35rem; max-width:var(--measure); }
.toc .toc-h{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
		font-size:.9rem; font-weight:700; letter-spacing:.04em; color:var(--ink);
	margin:0 0 .7rem; display:block;
}
.toc ol{ margin:0; padding-left:1.3rem; }
.toc li{ margin:.45rem 0; font-size:1.14rem; line-height:1.62; }
.toc a{ color:var(--ink-soft); text-decoration:none; }
.toc a:hover{ color:var(--accent); }

body.single blockquote{
	border-left:0 !important; margin:2rem 0; padding:1.1rem 0;
	border-top:1px solid var(--line-2); border-bottom:1px solid var(--line-2);
	font-family:"Spectral","Noto Serif SC",Georgia,serif;
	font-size:1.42rem; line-height:1.58; color:var(--ink); font-style:normal;
}

.callout{ background:var(--accent-wash); border:1px solid #f4c9d6; border-radius:var(--radius); padding:1.25rem 1.45rem; margin:2rem auto; max-width:var(--measure); }
.callout p{ margin:0; color:#83133c; font-size:1.2rem; line-height:1.86; max-width:none; }

.reg-panel{ background:var(--ink); border-radius:14px; padding:clamp(1.45rem,3vw,2rem); margin:2.8rem auto; max-width:var(--measure); }
.reg-panel h3{ color:#fff; font-size:1.6rem; margin:0 0 .75rem; }
.reg-panel p{ color:#d7dbe4; font-size:1.16rem; line-height:1.8; max-width:none; margin:0 0 1.15rem; }
.reg-panel .button.primary{ background:var(--accent); color:#fff !important; box-shadow:none; }
.reg-panel .button.primary:hover{ background:#e84876; }
.reg-panel .fine{ font-size:.92rem; color:#888f9d; line-height:1.65; margin:.9rem 0 0; }
.reg-panel .reg-code{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin:0 0 1.05rem; }
.reg-panel .reg-code .lbl{ font-size:.96rem; color:#c7ccd6; }
.reg-panel .reg-code code{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-weight:700; font-size:1.22rem; letter-spacing:.05em; color:#fff; background:rgba(255,255,255,.1); padding:.3rem .78rem; border-radius:6px; }
.reg-panel .copy-btn{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:.95rem; font-weight:600; color:#fff; background:transparent; border:1px solid rgba(255,255,255,.3); border-radius:6px; padding:.45rem .85rem; cursor:pointer; transition:background .2s, border-color .2s, color .2s; }
.reg-panel .copy-btn:hover{ background:rgba(255,255,255,.12); }
.reg-panel .copy-btn.done{ border-color:var(--accent); color:#fff; background:var(--accent); }

.author-bio{ display:flex; gap:1rem; align-items:flex-start; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:1.5rem 0; margin:2.6rem auto 1.6rem; max-width:var(--measure); }
.author-bio img{ width:54px; height:54px; border-radius:50%; flex:0 0 54px; }
.author-bio .who{ font-family:"Spectral","Noto Serif SC",serif; font-weight:700; color:var(--ink); font-size:1.16rem; margin-bottom:.15rem; }
.author-bio p{ font-size:1.04rem; color:var(--ink-mute); line-height:1.68; margin:0; max-width:none; }

.related{ margin:2.4rem auto 0; max-width:var(--measure); }
.related .side-title{ margin-bottom:1.1rem; }
.related ul{ list-style:none; padding:0; margin:0; }
.related li{ border-bottom:1px solid var(--line); padding:.85rem 0; }
.related li:last-child{ border-bottom:0; }
.related .kicker{ display:block; margin-bottom:.15rem; font-size:.86rem; }
.related a.t{ color:var(--ink); text-decoration:none; font-family:"Spectral","Noto Serif SC",serif; font-weight:600; font-size:1.18rem; line-height:1.4; }
.related a.t:hover{ color:var(--accent-ink); }

@media screen and (max-width:480px){
	body.single #main{ padding:1.25rem .9rem 0 !important; }
	body.single .post{ border-radius:9px; margin-bottom:1.5rem; padding:1.3rem 1.1rem .9rem; }
	body.single .post > header{ margin:-1.3rem -1.1rem 1.65rem; }
	body.single .post > header .title{ padding:2rem 1.25rem 1.55rem; }
	body.single .post > header .title h1{ font-size:2.18rem; line-height:1.1; }
	body.single .post .title .dek{ font-size:1.18rem; line-height:1.78; }
	body.single .post p{ font-size:1.16rem; line-height:1.9; }
	body.single .post > h2{ font-size:1.62rem; margin-top:2.55rem; }
	body.single .post > h3{ font-size:1.35rem; }
	.reg-panel{ padding:1.3rem; }
}

body.single .post .lede{ font-size:1.3rem; line-height:1.86; color:var(--ink-soft); border-left:0; max-width:var(--measure); }

body.single #main .post > header .title > p.dek{
	font-size:clamp(1.24rem,2vw,1.48rem);
	line-height:1.78;
}
body.single #main .post > p{
	font-size:1.24rem;
	line-height:1.95;
	max-width:var(--measure);
}
body.single #main .post > p.lede{
	font-size:1.3rem;
	line-height:1.86;
}

@media screen and (max-width:480px){
	body.single #main .post > header .title > p.dek{ font-size:1.18rem; line-height:1.78; }
	body.single #main .post > p{ font-size:1.18rem; line-height:1.92; }
	body.single #main .post > p.lede{ font-size:1.2rem; line-height:1.9; }
}

body.single .post .table-wrapper{ margin:1.9rem 0; overflow-x:auto; }
body.single .post table{ width:100%; font-size:1.12rem; border-collapse:collapse; }
body.single .post table th{ background:var(--ink); color:#fff; font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-weight:600; text-align:left; }
body.single .post table th, body.single .post table td{ padding:.7em .9em; border:1px solid var(--line-2); vertical-align:top; line-height:1.6; }
body.single .post table tbody tr:nth-child(even){ background:#eef1f4; }
body.single .post table td strong{ color:var(--ink); }

.audience{ display:grid; grid-template-columns:1fr 1fr; gap:1rem; margin:1.9rem 0; }
.audience .col{ border:1px solid var(--line-2); border-radius:10px; padding:1.1rem 1.25rem; background:var(--surface); }
.audience .col h3{ font-size:1.12rem; margin:0 0 .55rem; font-family:"Hanken Grotesk","PingFang SC",sans-serif; }
.audience .yes h3{ color:var(--accent-ink); }
.audience .no h3{ color:var(--ink-mute); }
.audience ul{ margin:0; padding-left:1.1rem; }
.audience li{ font-size:1.12rem; line-height:1.8; margin:.25rem 0; }
@media (max-width:640px){ .audience{ grid-template-columns:1fr; } }

.checklist{ list-style:none; padding:0; margin:1.5rem 0; }
.checklist li{ position:relative; padding:.7rem 0 .7rem 2rem; border-bottom:1px solid var(--line); line-height:1.8; font-size:1.16rem; }
.checklist li:last-child{ border-bottom:0; }
.checklist li::before{ content:"\2713"; position:absolute; left:0; top:.6rem; width:1.35rem; height:1.35rem; background:var(--accent-wash); color:var(--accent-ink); border-radius:5px; font-size:.85rem; font-weight:700; display:flex; align-items:center; justify-content:center; }

.myth{ margin:1.6rem 0; }
.myth .m{ border:1px solid var(--line-2); border-radius:10px; padding:1rem 1.2rem; margin:.8rem 0; background:var(--surface); }
.myth .m .x{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-weight:700; color:var(--ink); display:block; margin-bottom:.3rem; }
.myth .m .x::before{ content:"误解："; color:var(--accent-ink); }
.myth .m p{ margin:0; font-size:1.14rem; line-height:1.82; }
.myth .m p::before{ content:"其实："; font-weight:700; color:var(--ink); }

.faq{ margin:1.7rem 0; }
.faq details{ border-bottom:1px solid var(--line-2); }
.faq summary{ cursor:pointer; padding:1.15rem 0; font-family:"Spectral","Noto Serif SC",serif; font-weight:600; font-size:1.28rem; color:var(--ink); list-style:none; position:relative; padding-right:1.8rem; min-height:46px; }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; position:absolute; right:.2rem; top:.75rem; color:var(--accent); font-size:1.4rem; line-height:1; }
.faq details[open] summary::after{ content:"\2013"; }
.faq details > p{ margin:0 0 1rem; color:var(--ink-soft); font-size:1.16rem; line-height:1.9; max-width:42em; }

.sources{ background:var(--surface); border:1px solid var(--line-2); border-radius:10px; padding:1.1rem 1.35rem 1.25rem; margin:2rem 0; }
.sources h2{ font-size:.94rem !important; border:0 !important; margin:0 0 .6rem !important; padding:0 !important; font-family:"Hanken Grotesk","PingFang SC",sans-serif; letter-spacing:.04em; color:var(--ink); }
.sources ul{ margin:0; padding-left:1.15rem; }
.sources li{ font-size:1.08rem; line-height:1.82; margin:.25rem 0; }

.updated{ font-size:.96rem; color:var(--ink-mute); border-top:1px solid var(--line); padding-top:1rem; margin-top:2.2rem; line-height:1.7; }
.updated strong{ color:var(--ink); }

.tools-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1rem; margin:1.8rem 0 0; }
.tool-card{ display:block; border:1px solid var(--line-2); border-radius:12px; padding:1.2rem 1.3rem 1.3rem; background:var(--surface); transition:border-color .2s, transform .15s, box-shadow .2s; }
.tool-card:hover{ border-color:var(--accent); transform:translateY(-2px); box-shadow:0 6px 22px rgba(22,24,29,.07); }
.tool-card .kicker{ margin-bottom:.4rem; }
.tool-card h2{ font-size:1.3rem; margin:0 0 .5rem; line-height:1.3; color:var(--ink); }
.tool-card p{ font-size:1.06rem; line-height:1.72; color:var(--ink-soft); margin:0 0 .9rem; max-width:none; }
.tool-card .go{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-weight:700; color:var(--accent-ink); font-size:1.02rem; }
.tool-card:hover .go{ color:var(--accent); }

.tool-list{ list-style:none; padding:0; margin:0; }
.tool-list li{ border-bottom:1px solid var(--line); }
.tool-list li:last-child{ border-bottom:0; }
.tool-list a{ display:block; padding:.72rem 0; }
.tool-list strong{ display:block; font-family:"Spectral","Noto Serif SC",serif; font-weight:600; color:var(--ink); font-size:1.12rem; line-height:1.35; }
.tool-list a:hover strong{ color:var(--accent-ink); }
.tool-list span{ display:block; font-size:.94rem; color:var(--ink-mute); margin-top:.12rem; }

.tool{ margin:1.6rem 0 0; }
.tool input[type="number"],
.tool input[type="text"],
.tool select,
.tool-box input[type="number"],
.tool-box input[type="text"],
.tool-box select{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif !important;
	font-size:1.22rem !important;
	min-height:52px !important;
	padding:.7rem .9rem !important;
	border-radius:8px !important;
}
.tool .q{ border-bottom:1px solid var(--line); padding:1.05rem 0; }
.tool .q:first-of-type{ border-top:1px solid var(--line-2); }
.tool .qt{ display:block; font-family:"Spectral","Noto Serif SC",serif; font-weight:600; color:var(--ink); font-size:1.3rem; line-height:1.48; margin-bottom:.8rem; }
.tool .qt .n{ color:var(--accent-ink); margin-right:.4rem; }
.tool .opts{ display:flex; gap:.5rem; flex-wrap:wrap; }
.tool .opts label{ cursor:pointer; line-height:1; }
.tool .opts input{ position:absolute; opacity:0; width:0; height:0; }
.tool .opts span{ display:inline-flex; align-items:center; min-height:50px; padding:.66rem 1.12rem; border:1px solid var(--line-2); border-radius:999px; font-size:1.16rem; color:var(--ink-soft); transition:background-color .15s, color .15s, border-color .15s; }
.tool .opts input:checked + span{ background:var(--ink); color:#fff; border-color:var(--ink); }
.tool .opts label:focus-within span{ box-shadow:0 0 0 2px var(--accent-wash); }
.tool-actions{ display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin:1.6rem 0 0; }
.tool-actions .hint{ font-size:1.04rem; color:var(--ink-mute); }
.tool-result{ display:none; border-radius:12px; padding:1.3rem 1.4rem 1.4rem; margin-top:1.6rem; border:1px solid var(--line-2); background:var(--surface); }
.tool-result.show{ display:block; }
.tool-result .verdict{ font-family:"Spectral","Noto Serif SC",serif; font-weight:700; font-size:1.48rem; line-height:1.3; margin:0 0 .5rem; color:var(--ink); }
.tool-result .sub{ color:var(--ink-soft); font-size:1.16rem; line-height:1.8; margin:0; }
.tool-result.warn{ background:var(--accent-wash); border-color:#f4c9d6; }
.tool-result.warn .verdict{ color:var(--accent-ink); }
.tool-result .flags{ list-style:none; padding:0; margin:1rem 0 0; }
.tool-result .flags li{ font-size:1.1rem; line-height:1.75; padding:.46rem 0 .46rem 1.6rem; position:relative; color:var(--ink-soft); border-top:1px solid var(--line); }
.tool-result .flags li::before{ position:absolute; left:0; top:.32rem; font-weight:700; }
.tool-result .flags li.red::before{ content:"\26A0"; color:var(--accent-ink); }
.tool-result .flags li.ask::before{ content:"?"; color:var(--ink-mute); }
.tool-result .flags li.ok::before{ content:"\2713"; color:#1f7a4d; }
.tool-result .more{ margin:1.1rem 0 0; font-size:1.1rem; }

.tool-box{ margin:1.6rem 0 0; }
.tool-box fieldset{ border:0; border-top:1px solid var(--line); padding:1.05rem 0; margin:0; }
.tool-box fieldset:first-of-type{ border-top:1px solid var(--line-2); }
.tool-box legend{ display:block; float:none; width:100%; padding:0; margin:0 0 .8rem; font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:600; color:var(--ink); font-size:1.3rem; line-height:1.48; }
.tool-box label{ display:inline-block; cursor:pointer; margin:0 .45rem .5rem 0; line-height:1; }
.tool-box label input{ position:absolute; opacity:0; width:0; height:0; }
.tool-box label span{ display:inline-flex; align-items:center; min-height:50px; padding:.66rem 1.12rem; border:1px solid var(--line-2); border-radius:999px; font-size:1.16rem; color:var(--ink-soft); transition:background-color .15s, color .15s, border-color .15s; }
.tool-box label:hover span{ border-color:var(--ink-mute); }
.tool-box label:focus-within span{ box-shadow:0 0 0 2px var(--accent-wash); }
.tool-box input:checked + span{ background:var(--ink); color:#fff; border-color:var(--ink); }
.tool-box .actions{ margin-top:1.4rem; }
.tool-box .tool-hint{ font-size:1.04rem; color:var(--ink-mute); line-height:1.7; margin:.9rem 0 0; }

@media (prefers-reduced-motion:reduce){
	*{ animation:none !important; transition:none !important; }
	#main .image.featured:hover img{ transform:none; }
}

html[lang="en"] .myth .m .x::before{ content:"Myth: "; }
html[lang="en"] .myth .m p::before{ content:"Reality: "; }

#header nav.main .lang{ position:relative; }
#header nav.main .lang .langsel{ height:inherit; }
#header nav.main .lang summary{
	list-style:none; cursor:pointer; outline:none;
	display:inline-flex; align-items:center; gap:.42em;
	height:inherit; line-height:1;
	padding:0 1rem; margin:0; float:none;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-weight:600; font-size:.96rem; color:var(--ink-mute);
	white-space:nowrap; text-indent:0; width:auto; overflow:visible;
}
#header nav.main .lang summary::-webkit-details-marker{ display:none; }
#header nav.main .lang summary::after{
	content:""; width:.42em; height:.42em; margin-top:-.2em;
	border-right:1.7px solid currentColor; border-bottom:1.7px solid currentColor;
	transform:rotate(45deg); transition:transform .18s ease; opacity:.75;
}
#header nav.main .lang summary:hover,
#header nav.main .lang .langsel[open] summary{ color:var(--accent); }
#header nav.main .lang .langsel[open] summary::after{ transform:rotate(225deg); margin-top:.12em; }
#header nav.main .lang .langmenu{
	position:absolute; top:calc(100% - 8px); right:.5rem; z-index:80;
	margin:0; padding:.3rem; min-width:9em; list-style:none;
	background:var(--surface); border:1px solid var(--line-2);
	border-radius:11px; box-shadow:0 12px 30px rgba(20,22,28,.16);
	text-align:left;
}
#header nav.main .lang .langmenu li{
	border:0; height:auto; line-height:1.2; float:none; white-space:nowrap; margin:0;
}
#header nav.main .lang .langmenu li > *{ float:none; display:block; }
#header nav.main .lang .langmenu a{
	display:flex; align-items:center; justify-content:space-between; gap:1.2em;
	padding:.5rem .7rem; border-radius:7px;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-weight:600; font-size:1rem; color:var(--ink);
	text-indent:0; width:auto; overflow:visible;
}
#header nav.main .lang .langmenu a:hover{ background:var(--paper); color:var(--accent); }
#header nav.main .lang .langmenu a.on{ color:var(--accent); cursor:default; }
#header nav.main .lang .langmenu a.on::after{ content:"\2713"; font-size:.85em; opacity:.9; }

.figure-hero{ margin:0 0 2.25rem; }
.figure-hero svg{ width:100%; height:auto; display:block; border:1px solid var(--line-2); border-radius:12px; background:var(--surface); }
.figure-hero figcaption{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:.96rem; color:var(--ink-mute); margin:.7rem 0 0; line-height:1.58; }

.consent-bar{
	position:fixed; left:0; right:0; bottom:0; z-index:200;
	display:flex; flex-wrap:wrap; align-items:center; gap:.85rem 1.4rem;
	padding:.95rem 1.4rem; background:var(--surface);
	border-top:1px solid var(--line-2); box-shadow:0 -6px 24px rgba(20,22,28,.10);
}
.consent-bar p{
	margin:0; flex:1 1 320px;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-size:1rem; line-height:1.6; color:var(--ink-soft);
}
.consent-bar p a{ color:var(--accent-ink); }
.consent-actions{ display:flex; gap:.6rem; flex:0 0 auto; }
.consent-bar button{
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-weight:700; font-size:1rem; border-radius:7px;
	padding:.5rem 1.15rem; cursor:pointer;
	border:1px solid var(--line-2); background:#fff; color:var(--ink);
	transition:background-color .15s ease, border-color .15s ease, color .15s ease;
}
.consent-bar .c-accept{ background:var(--accent); color:#fff; border-color:var(--accent); }
.consent-bar .c-accept:hover{ background:var(--accent-ink); border-color:var(--accent-ink); }
.consent-bar .c-decline:hover{ border-color:var(--ink-mute); color:var(--ink); }
body.home .consent-bar{
	left:auto;
	right:1rem;
	bottom:1rem;
	max-width:560px;
	padding:.75rem .85rem;
	border:1px solid var(--line-2);
	border-radius:8px;
}
body.home .consent-bar p{
	flex:1 1 260px;
	font-size:.92rem;
	line-height:1.45;
}
body.home .consent-bar button{
	min-height:42px;
	padding:.42rem .95rem;
}
@media (max-width:540px){
	.consent-bar{ gap:.5rem .8rem; padding:.55rem .85rem; }
	.consent-bar p{ flex:1 1 100%; font-size:.94rem; line-height:1.5; }
	.consent-actions{ flex:1 1 100%; gap:.5rem; }
	.consent-bar button{ flex:1; padding:.48rem .8rem; font-size:.95rem; }
	body.home .consent-bar{
		left:.75rem;
		right:.75rem;
		bottom:.75rem;
		max-width:none;
		padding:.5rem .65rem;
	}
	body.home .consent-bar p{
		font-size:.84rem;
		line-height:1.35;
	}
	body.home .consent-bar button{
		min-height:40px;
		padding:.4rem .7rem;
		font-size:.92rem;
	}
}

img{ max-width:100%; height:auto; }

.intro-cta{ margin:1.3rem 0 0 !important; padding:1.25rem 1.3rem 1.35rem !important; }
.intro-cta h3{ font-size:1.28rem; margin:0 0 .55rem; }
.intro-cta p{ font-size:1.04rem; line-height:1.68; margin:0 0 .9rem; }
.intro-cta .fine{ font-size:.9rem; line-height:1.6; }
.intro-cta sup{ color:var(--accent); font-weight:700; }

.reg-cta{ background:var(--ink); border-radius:14px; padding:clamp(1.45rem,3vw,2rem); margin:2.8rem 0 1.5rem; }
.reg-cta h3{ color:#fff; font-size:1.6rem; margin:0 0 .7rem; line-height:1.25; }
.reg-cta p{ color:#d7dbe4; font-size:1.16rem; line-height:1.8; margin:0 0 1.1rem; max-width:none; }
.reg-cta .reg-code{ display:flex; align-items:center; gap:.6rem; flex-wrap:wrap; margin:0 0 1.05rem; }
.reg-cta .reg-code .lbl{ font-size:1rem; color:#c7ccd6; }
.reg-cta .rc-code{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-weight:700; font-size:1.3rem; letter-spacing:.04em; color:#fff; background:rgba(255,255,255,.08); padding:.46rem .88rem; border-radius:6px; }
.reg-cta .rc-copy{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:1rem !important; font-weight:700; color:#fff !important; background:transparent; border:1px solid rgba(255,255,255,.28); border-radius:6px; padding:.62rem 1rem; min-height:48px; height:auto; line-height:1.2; text-indent:0; width:auto; overflow:visible; cursor:pointer; box-shadow:none; }
.reg-cta .rc-copy:hover{ background:rgba(255,255,255,.12); }
.reg-cta .rc-copy.done{ border-color:var(--accent); background:var(--accent); }
.reg-cta .button.large.primary{ background:var(--accent); color:#fff !important; box-shadow:none; }
.reg-cta .button.large.primary:hover{ background:#e84876; }
.reg-cta .fine{ font-size:.98rem; color:#a8afbd; line-height:1.7; margin:.9rem 0 0; }
.reg-cta sup{ color:var(--accent); font-weight:700; }

@media (prefers-reduced-motion:no-preference){ html{ scroll-behavior:smooth; } }
.topic[id]{ scroll-margin-top:88px; }
body.home #main{ max-width:var(--page-max); padding-left:clamp(1rem,3vw,2rem); padding-right:clamp(1rem,3vw,2rem); }
.home-section{ margin:0 0 clamp(3rem,5vw,4.25rem); }
.home-h2{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:1.72rem; font-weight:700; color:var(--ink); letter-spacing:0; padding-bottom:.7rem; margin:0 0 2rem; border-bottom:2px solid var(--ink); display:inline-block; }

.home-hero{ display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); gap:clamp(2.25rem,4vw,3.75rem); align-items:center; padding:clamp(1.25rem,3vw,2rem) 0 clamp(3rem,5vw,4rem); margin-bottom:clamp(2.75rem,5vw,3.75rem); border-bottom:1px solid var(--line-2); }
.hh-kicker{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:1.04rem; font-weight:700; letter-spacing:0; color:var(--accent-ink); margin:0 0 1rem; }
.hh-title{ font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:700; font-size:clamp(2.45rem,5vw,4.35rem); line-height:1.04; color:var(--ink); margin:0; text-wrap:balance; }
.hh-sub{ font-size:clamp(1.24rem,1.8vw,1.42rem); line-height:1.78; color:var(--ink-mute); margin:1.25rem 0 0; max-width:31em; }
.hh-links{ display:flex; flex-wrap:wrap; align-items:baseline; gap:.5rem 1.1rem; margin-top:1.6rem; }
.hh-links .lbl{ font-size:.95rem; font-weight:700; color:var(--ink); }
.hh-links a{ font-size:1.04rem; color:var(--ink-soft); border-bottom:1px solid var(--line-2); padding-bottom:2px; box-shadow:none; }
.hh-links a:hover{ color:var(--accent-ink); border-color:var(--accent); }
.hh-cta{ margin:0; }
@media (max-width:900px){
	.home-hero{ grid-template-columns:1fr; gap:1.55rem; padding-top:.8rem; padding-bottom:2.4rem; margin-bottom:2.4rem; }
	.home-hero .hh-lead{ order:0; }
	.home-hero .hh-cta{ order:1; }
	.hh-title{ font-size:clamp(2.15rem,10vw,3rem); line-height:1.08; }
	.hh-sub{ font-size:1.18rem; line-height:1.76; }
}

.starts{ display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.15rem; }
.start-card{ display:block; border:1px solid var(--line-2); border-radius:var(--radius); padding:1.45rem 1.5rem; background:var(--surface); box-shadow:none; transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease; }
.start-card:hover{ transform:translateY(-2px); border-color:var(--accent); box-shadow:0 14px 30px -22px rgba(214,39,94,.5); }
.start-card .sc-k{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:1rem; letter-spacing:0; text-transform:none; font-weight:700; color:var(--accent-ink); }
.start-card .sc-t{ display:block; font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:700; font-size:1.62rem; color:var(--ink); margin:.55rem 0 .45rem; line-height:1.25; }
.start-card:hover .sc-t{ color:var(--accent-ink); }
.start-card .sc-d{ display:block; font-size:1.18rem; color:var(--ink-soft); line-height:1.62; }

.cat{ margin:0 0 clamp(2.5rem,5vw,3.75rem); }
.cat-head{ display:flex; align-items:baseline; justify-content:space-between; gap:1rem; margin:0 0 1.45rem; padding-bottom:.7rem; border-bottom:2px solid var(--ink); }
.cat-head h2{ font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:700; font-size:clamp(1.85rem,2.8vw,2.3rem); color:var(--ink); margin:0; letter-spacing:0; }
.cat-head .cat-all{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:1.1rem; font-weight:700; color:var(--accent-ink); white-space:nowrap; border:0; box-shadow:none; }
.cat-head .cat-all:hover{ color:var(--accent); }
.cat-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(310px,1fr)); gap:1.45rem; }
.gcard{ display:flex; flex-direction:column; border:1px solid var(--line-2); border-radius:var(--radius); overflow:hidden; background:var(--surface); box-shadow:none; transition:transform .15s ease, box-shadow .15s ease; }
.gcard:hover{ transform:translateY(-3px); box-shadow:0 18px 36px -24px rgba(214,39,94,.5); }
.gcard .thumb{ aspect-ratio:16/9; width:100%; object-fit:cover; background:var(--accent-wash); display:block; }
.gcard .gc-body{ padding:1.2rem 1.25rem 1.35rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }
.gcard .gc-tag{ font-family:"Hanken Grotesk","PingFang SC",sans-serif; font-size:.96rem; letter-spacing:0; text-transform:none; font-weight:700; color:var(--accent-ink); }
.gcard .gc-t{ font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:700; font-size:1.58rem; color:var(--ink); line-height:1.3; }
.gcard:hover .gc-t{ color:var(--accent-ink); }
.gcard .gc-d{ font-size:1.18rem; color:var(--ink-soft); line-height:1.62; }
.gcard.corner{ border-top:3px solid var(--accent); }

.toolgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.15rem; }
.tcard{ display:block; border:1px solid var(--line-2); border-left:4px solid var(--accent); border-radius:var(--radius); padding:1.35rem 1.45rem; background:var(--surface); box-shadow:none; transition:transform .15s ease, box-shadow .15s ease; }
.tcard:hover{ transform:translateY(-2px); box-shadow:0 14px 30px -24px rgba(214,39,94,.5); }
.tcard .tc-t{ display:block; font-family:"Spectral","Noto Serif SC",Georgia,serif; font-weight:700; font-size:1.48rem; color:var(--ink); line-height:1.3; }
.tcard:hover .tc-t{ color:var(--accent-ink); }
.tcard .tc-d{ display:block; font-size:1.16rem; color:var(--ink-soft); line-height:1.62; margin-top:.45rem; }

.home-about p{ max-width:44em; color:var(--ink-soft); font-size:1.22rem; line-height:1.9; margin:0; }
.home-about .actions{ margin-top:1.2rem; }

body.home{
	background:
		linear-gradient(90deg, rgba(22,24,29,.055) 1px, transparent 1px) 0 0/96px 96px,
		var(--paper);
}
body.home #main{
	max-width:1240px;
}
body.home .home-hero{
	position:relative;
	grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
	align-items:stretch;
	gap:clamp(2rem,5vw,5rem);
	min-height:clamp(560px,68vh,720px);
	padding:clamp(2.8rem,6vw,5.6rem) 0 clamp(3rem,6vw,5.8rem);
	border-top:2px solid var(--ink);
	border-bottom:2px solid var(--ink);
}
body.home .home-hero::before{
	content:"FUTURELENS FIELD NOTE";
	position:absolute;
	right:0;
	top:.9rem;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-size:.82rem;
	font-weight:700;
	color:var(--ink-mute);
	letter-spacing:0;
}
body.home .hh-lead{
	align-self:center;
}
body.home .hh-kicker{
	margin-bottom:1.1rem;
	font-size:1.08rem;
}
body.home .hh-title{
	max-width:8.6em;
	font-size:clamp(4.1rem,8.2vw,7.25rem);
	line-height:.94;
}
body.home .hh-sub{
	max-width:27em;
	font-size:clamp(1.32rem,2vw,1.72rem);
	line-height:1.62;
	color:#3d424d;
}
body.home .hh-path{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	max-width:680px;
	margin-top:2rem;
	border-top:2px solid var(--ink);
	border-bottom:1px solid var(--line-2);
	background:rgba(255,255,255,.34);
}
body.home .hh-path span{
	display:block;
	min-height:52px;
	padding:.85rem .8rem .8rem .85rem;
	border-right:1px solid var(--line-2);
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-size:1.02rem;
	font-weight:700;
	color:var(--ink);
	font-variant-numeric:tabular-nums;
}
body.home .hh-path span:last-child{
	border-right:0;
}
body.home .hh-cta.reg-cta{
	align-self:stretch;
	display:flex;
	flex-direction:column;
	overflow:hidden;
	margin:0;
	padding:0;
	border:1px solid rgba(255,255,255,.12);
	border-radius:8px;
	background:var(--ink);
	box-shadow:18px 18px 0 rgba(214,39,94,.10);
}
body.home .hh-visual{
	position:relative;
	aspect-ratio:16/9;
	min-height:0;
	margin:0;
	border-bottom:1px solid rgba(255,255,255,.12);
	background:#0e1015;
}
body.home .hh-visual img{
	width:100%;
	height:100%;
	min-height:0;
	object-fit:cover;
	display:block;
	filter:saturate(1.08) contrast(1.04);
}
body.home .hh-visual::after{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(180deg, rgba(14,16,21,0) 45%, rgba(14,16,21,.78) 100%);
	pointer-events:none;
}
body.home .hh-cta-body{
	padding:clamp(1.2rem,2.3vw,1.65rem);
}
body.home .hh-cta-body h3{
	font-size:clamp(1.7rem,2.5vw,2.15rem);
	line-height:1.08;
	margin-bottom:.55rem;
}
body.home .hh-cta-body p{
	max-width:16em;
	line-height:1.58;
	margin-bottom:.75rem;
}
body.home .hh-cta-body .reg-code{
	margin-top:.35rem;
	margin-bottom:.85rem;
}
body.home .hh-cta-body .actions{
	margin:.85rem 0 0;
	padding-left:0;
}
body.home .hh-cta-body .actions li{
	width:100%;
	padding-left:0;
}
body.home .hh-cta-body .button.large{
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	min-height:52px;
	padding:.55rem 1.35rem;
	line-height:1.2;
	font-size:1.02rem;
}
body.home .hh-cta-body .fine{
	font-size:.9rem;
	line-height:1.55;
	margin:.65rem 0 0;
}
body.home .starts{
	grid-template-columns:1.25fr 1fr 1fr;
	align-items:stretch;
}
body.home .start-card{
	position:relative;
	min-height:220px;
	border-radius:8px;
	overflow:hidden;
}
body.home .start-card:first-child{
	background:var(--ink);
	border-color:var(--ink);
}
body.home .start-card:first-child .sc-k,
body.home .start-card:first-child .sc-t,
body.home .start-card:first-child .sc-d{
	color:#fff;
}
body.home .start-card:first-child .sc-k{
	color:#ff7aa2;
}
body.home .start-card:first-child::after{
	content:"重点";
	position:absolute;
	right:1rem;
	bottom:.9rem;
	font-family:"Hanken Grotesk","PingFang SC",sans-serif;
	font-size:.92rem;
	font-weight:700;
	color:rgba(255,255,255,.5);
}

@media (max-width:900px){
	body.home .home-hero{
		grid-template-columns:1fr;
		min-height:0;
		padding-top:2.4rem;
		gap:1.5rem;
	}
	body.home .home-hero::before{
		display:none;
	}
	body.home .hh-title{
		font-size:clamp(3.15rem,14vw,4.15rem);
		line-height:.98;
	}
	body.home .hh-sub{
		font-size:1.22rem;
		line-height:1.68;
	}
	body.home .hh-path{
		display:none;
	}
	body.home .hh-cta.reg-cta{
		flex-direction:column-reverse;
	}
	body.home .hh-visual,
	body.home .hh-visual img{
		min-height:126px;
	}
	body.home .hh-cta-body{
		padding:1rem;
		display:flex;
		flex-direction:column;
	}
	body.home .hh-cta-body h3{
		font-size:1.55rem;
	}
	body.home .hh-cta-body p{
		font-size:1rem;
		line-height:1.58;
	}
	body.home .hh-cta-body .reg-code{
		order:3;
		margin-top:.65rem;
		margin-bottom:.7rem;
	}
	body.home .hh-cta-body .actions{
		order:2;
		margin-top:.7rem;
	}
	body.home .hh-cta-body .button.large{
		min-height:48px;
		font-size:.98rem;
	}
	body.home .hh-cta-body .fine{
		order:4;
		font-size:.82rem;
		line-height:1.45;
	}
	body.home .starts{
		grid-template-columns:1fr;
	}
	body.home .start-card{
		min-height:0;
	}
}
