/* ATHRTY X-4120 / flagship hero and commercial customer journey.
   First-party Genesis public home only. Does not touch tenant previews, provider
   checkout, permissions, pricing, entitlements, or canonical business writes. */
:root body .x5-home .x5-hero.x1114-hero.x4120-hero{
 --x4120-bg:var(--genesis-ground,var(--athrty-brand-bg,#0C1217));--x4120-card:var(--genesis-panel,var(--athrty-brand-surface,#162028));--x4120-border:var(--genesis-line,rgba(143,168,181,.20));
 --x4120-ink:var(--genesis-ink,var(--athrty-brand-ink,#F1F3F2));--x4120-muted:var(--genesis-muted,var(--athrty-brand-muted,#AAB8BE));--x4120-accent:var(--genesis-blue-deep,var(--athrty-brand-primary,#506C7D));
 display:grid!important;grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr)!important;
 gap:clamp(24px,4vw,75px);align-items:center;position:relative;isolation:isolate;
 min-height:650px!important;padding:clamp(61px,6vw,94px) clamp(22px,5vw,92px) 40px!important;
 color:var(--x4120-ink)!important;background:radial-gradient(ellipse at 71% 22%,rgba(80,108,125,.28),transparent 48%),radial-gradient(ellipse at 10% 88%,rgba(55,80,111,.16),transparent 38%),linear-gradient(120deg,var(--x4120-bg) 5%,var(--x4120-card) 100%)!important;
 border-bottom:1px solid var(--x4120-border);overflow:hidden;
}
.x5-home .x4120-hero::before{content:"";position:absolute;z-index:-1;width:min(66vw,1060px);height:min(66vw,1060px);
 border:1px solid rgba(203,238,232,.055);border-radius:50%;right:-20%;top:-64%;pointer-events:none}
.x5-home .x4120-hero::after{content:"";position:absolute;z-index:-1;width:48vw;height:48vw;
 border:1px solid rgba(203,238,232,.045);border-radius:50%;right:-12%;top:-47%;pointer-events:none}
.x5-home .x4120-hero .x1114-hero-grain{pointer-events:none;opacity:.19}
:root body .x5-home .x4120-hero .x1114-hero-content{width:100%;max-width:790px;position:relative;z-index:2;container-type:inline-size}
:root body .x5-home .x4120-hero .x1114-hero-content::before{display:none!important}
.x5-home .x4120-kicker{display:flex;align-items:center;gap:9px;white-space:nowrap;
 font:760 12px/1.5 var(--athrty-ui-font,Manrope,system-ui,sans-serif);letter-spacing:.11em;
 color:var(--x4120-accent);margin:0 0 clamp(25px,4vw,51px)}
.x5-home .x4120-kicker span{width:7px;height:7px;border-radius:50%;background:#D5F3EE;box-shadow:0 0 0 6px rgba(202,239,232,.08)}
:root body .x5-home .x4120-hero #x1114-title{
 display:block;font-family:var(--athrty-ui-font,Manrope,system-ui,sans-serif)!important;
 font-size:min(clamp(50px,5.8vw,93px),10.6cqi)!important;line-height:1.055!important;
 font-weight:690!important;letter-spacing:-.075em!important;white-space:normal!important;
 max-width:none!important;margin:0 0 26px!important;color:var(--x4120-ink)!important;
 text-wrap:nowrap!important;
}
:root body .x5-home .x4120-hero #x1114-title em{
 display:inline;color:var(--x4120-accent)!important;font:inherit!important;
 letter-spacing:inherit!important;font-style:normal!important}
:root body .x5-home .x4120-hero .x1114-hero-lead{
 color:var(--x4120-muted)!important;max-width:45ch!important;
 font:480 clamp(15px,1.2vw,18px)/1.68 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:-.015em;margin:0 0 27px!important}
.x5-home .x4120-hero-actions{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:0 0 15px}
:root body .x5-home .x4120-hero-actions :is(button,a){
 box-sizing:border-box;display:inline-flex;justify-content:center;align-items:center;min-height:49px;
 padding:13px 23px;border-radius:999px!important;font:760 12px/1.35 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:.01em;text-decoration:none!important;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
:root body .x5-home .x4120-hero-actions .x4120-primary{
 background:var(--x4120-accent)!important;color:#132320!important;border:1px solid var(--x4120-accent)!important}
:root body .x5-home .x4120-hero-actions .x4120-secondary{
 color:var(--x4120-ink)!important;border:1px solid rgba(199,230,224,.33)!important;background:rgba(18,31,45,.44)!important}
.x5-home .x4120-hero-actions :is(button,a):hover{transform:translateY(-2px)}
:root body .x5-home .x4120-hero-actions .x4120-secondary:hover{background:rgba(202,239,232,.1)!important}
.x5-home .x4120-join-line{font:540 13px/1.65 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 color:var(--x4120-muted)!important;margin:0 0 22px!important}
.x5-home .x4120-join-line a{font-weight:760;color:var(--x4120-accent)!important;text-underline-offset:4px}
.x5-home .x4120-brief-disclosure{margin-top:13px;border-top:1px solid var(--x4120-border);padding-top:15px;max-width:550px}
.x5-home .x4120-brief-disclosure summary{list-style:none;display:flex;gap:7px;align-items:center;flex-wrap:wrap;
 min-height:44px;cursor:pointer;font:530 13px/1.5 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 color:#A8BCB8;padding:5px 0}
.x5-home .x4120-brief-disclosure summary::-webkit-details-marker{display:none}
.x5-home .x4120-brief-disclosure summary strong{color:var(--x4120-accent);font-weight:720}
.x5-home .x4120-brief-disclosure summary::after{content:"+";margin-left:auto;color:var(--x4120-accent);font-size:20px}
.x5-home .x4120-brief-disclosure[open] summary::after{content:"−"}
.x5-home .x4120-brief-disclosure .x9004-public-brief{margin:10px 0 0;padding:14px;
 border:1px solid var(--x4120-border);background:rgba(9,17,27,.40);border-radius:14px;
 max-width:none}
.x5-home .x4120-brief-disclosure .x9004-public-brief label{display:block;color:var(--x4120-ink);font-weight:720;font-size:12px;margin-bottom:8px}
.x5-home .x4120-brief-disclosure .x9004-public-brief textarea{background:#101B28!important;
 color:#eef6ef!important;border:1px solid rgba(208,238,233,.28)!important;min-height:76px;border-radius:12px}
.x5-home .x4120-brief-disclosure .x9004-public-brief button{min-height:44px;border-radius:999px!important;
 color:#10201D!important;background:var(--x4120-accent)!important;border:1px solid var(--x4120-accent)!important}
.x5-home .x4120-brief-disclosure .x9004-public-brief p{color:#ADBFBA!important;font-size:12px;line-height:1.6}
/* The visualization is an explanation, not a simulated production dashboard. */
.x5-home .x4120-system-visual{position:relative;min-width:0;align-self:center;display:flex;flex-direction:column;
 border:1px solid rgba(198,229,223,.24);border-radius:21px;overflow:hidden;
 background:linear-gradient(140deg,rgba(30,48,65,.87),rgba(12,22,32,.97));
 box-shadow:0 28px 75px rgba(1,8,4,.36),inset 0 1px rgba(237,255,252,.04)}
.x5-home .x4120-visual-top{display:flex;align-items:center;gap:10px;min-height:64px;padding:12px clamp(15px,2vw,25px);
 border-bottom:1px solid var(--x4120-border);font:730 9px/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:.13em;color:#D9E9E6}
.x5-home .x4120-visual-monogram{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;
 background:rgba(206,241,235,.12);border:1px solid rgba(209,241,235,.21);color:var(--x4120-accent);
 font-weight:820;font-size:14px;letter-spacing:-.05em}
.x5-home .x4120-visual-top small{margin-left:auto;font-size:9px;color:#A5C3BE;white-space:nowrap}
.x5-home .x4120-visual-body{position:relative;min-height:420px;padding:clamp(23px,3.2vw,43px);
 background:radial-gradient(circle at 70% 37%,rgba(86,126,164,.18),transparent 53%),
 linear-gradient(150deg,#203447,#101B28)}
.x5-home .x4120-visual-body::before{content:"";position:absolute;inset:0;opacity:.27;
 background-image:linear-gradient(rgba(205,240,234,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(205,240,234,.1) 1px,transparent 1px);
 background-size:34px 34px;mask-image:linear-gradient(to bottom,transparent,black 26%,black 85%,transparent);pointer-events:none}
.x5-home .x4120-visual-caption{position:relative;z-index:1;display:grid;gap:10px;margin-bottom:26px}
.x5-home .x4120-visual-caption span{font:760 9px/1.5 var(--athrty-ui-font,Manrope,system-ui,sans-serif);letter-spacing:.16em;color:#B4D7D1}
:root body .x5-home .x4120-visual-caption strong{color:#f1f7ef!important;
 font:650 clamp(27px,3vw,41px)/1.15 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:-.057em;max-width:17ch}
.x5-home .x4120-visual-nodes{position:relative;z-index:1;display:grid;gap:10px;margin-left:10px}
.x5-home .x4120-visual-track{position:absolute;z-index:0;left:calc(clamp(23px,3.2vw,43px) + 11px);
 top:175px;bottom:58px;width:1px;background:linear-gradient(transparent,#A4D3CB 16%,#A4D3CB 76%,transparent)}
.x5-home .x4120-visual-track i{position:absolute;left:-3px;width:7px;height:7px;border-radius:50%;background:#CAEFE8;
 box-shadow:0 0 0 4px rgba(202,239,232,.14)}
.x5-home .x4120-visual-track i:nth-child(1){top:12%}
.x5-home .x4120-visual-track i:nth-child(2){top:50%}
.x5-home .x4120-visual-track i:nth-child(3){top:88%}
.x5-home .x4120-visual-node{display:grid;grid-template-columns:31px minmax(0,1fr) 24px;align-items:center;
 gap:13px;padding:18px 17px;min-height:95px;color:#ecf4ed!important;text-decoration:none!important;
 background:linear-gradient(115deg,rgba(18,31,45,.9),rgba(24,43,62,.78));
 border:1px solid rgba(198,229,223,.22);border-radius:14px;
 transition:border-color .17s ease,transform .17s ease,background-color .17s ease}
.x5-home .x4120-visual-node:hover{border-color:rgba(202,239,232,.67);transform:translateX(3px)}
.x5-home .x4120-node-number{font:750 12px/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);color:var(--x4120-accent)}
.x5-home .x4120-visual-node>span:nth-child(2){display:grid;gap:5px;min-width:0}
.x5-home .x4120-visual-node small{font:720 9px/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);letter-spacing:.11em;color:#AAC7C2}
.x5-home .x4120-visual-node strong{font:640 clamp(13px,1.25vw,16px)/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:-.027em;color:#eff7f0}
.x5-home .x4120-node-icon{color:var(--x4120-accent);font-size:18px}
.x5-home .x4120-visual-foot{display:flex;justify-content:space-between;gap:11px;flex-wrap:wrap;
 border-top:1px solid var(--x4120-border);padding:16px clamp(15px,2vw,25px);
 color:#ACC1BD;font:740 8px/1.55 var(--athrty-ui-font,Manrope,system-ui,sans-serif);letter-spacing:.08em}
:root body .x5-home .x1114-hero-footer.x4120-hero-footer{position:relative!important;inset:auto!important;
 grid-column:1/-1;display:flex!important;gap:clamp(12px,2vw,28px);align-items:center;flex-wrap:wrap;
 width:100%;margin:clamp(22px,4vw,43px) 0 0;padding:18px 0 0;
 border-top:1px solid var(--x4120-border);color:#9BB6B1;font:730 9px/1.5 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:.13em}
.x5-home .x4120-hero-footer a{margin-left:auto;color:var(--x4120-accent)!important;text-decoration:none!important;
 font-size:9px;font-weight:760;min-height:30px;display:inline-flex;align-items:center;gap:6px}
/* Commercial path — X4150 editorial readability repair.
   Two generous columns on laptops, one column on phones. No transaction changes. */
.x5-home .x4120-commercial-path{
 font-family:var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 color:#EDF6F4;background:var(--x4120-card);border-bottom:1px solid rgba(202,239,232,.14);
 padding:clamp(64px,7vw,105px) clamp(20px,5vw,92px);
 scroll-margin-top:80px;
}
/* X4121: retain the stages but keep the default funnel compact. */
.x5-home .x4120-path-disclosure{
 max-width:1340px;margin:0 auto 12px;
 border:1px solid rgba(85,232,219,.24);border-radius:16px;
 background:linear-gradient(135deg,#172729,#101b1e);overflow:hidden;
}
.x5-home .x4120-path-disclosure > summary{
 position:relative;display:flex;align-items:center;justify-content:space-between;
 gap:16px;min-height:54px;padding:15px clamp(18px,2.4vw,27px);
 cursor:pointer;list-style:none;color:#e9f6f4;
 font:700 14px/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
}
.x5-home .x4120-path-disclosure > summary::-webkit-details-marker{display:none}
.x5-home .x4120-path-disclosure > summary span{
 display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;
 border:1px solid rgba(85,232,219,.42);border-radius:50%;
 color:var(--athrty-brand-bright,#55e8db);font-size:18px;transition:transform .18s ease;
}
.x5-home .x4120-path-disclosure[open] > summary span{transform:rotate(45deg)}
.x5-home .x4120-path-disclosure > summary:hover{background:rgba(39,211,195,.07)}
.x5-home .x4120-path-disclosure > summary:focus-visible{
 outline:3px solid var(--athrty-brand-bright,#55e8db);outline-offset:-3px;
}
.x5-home .x4120-path-disclosure > .x4120-path-steps{
 padding:0 clamp(12px,2vw,22px) clamp(15px,2vw,22px);
}
@media(prefers-reduced-motion:reduce){
 .x5-home .x4120-path-disclosure > summary span{transition:none!important}
}
.x5-home .x4120-commercial-path > :is(.x4120-path-head,.x4120-path-steps,.x4120-path-choices,.x4120-commercial-disclaimer){
 max-width:1340px;margin-left:auto;margin-right:auto;
}
.x5-home .x4120-path-head{
 display:grid;grid-template-columns:minmax(0,1fr);
 gap:clamp(14px,2vw,24px);margin-bottom:clamp(28px,4vw,48px);
}
.x5-home .x4120-path-head>span{
 display:block;font:760 11px/1.55 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 color:#C3E4DE;letter-spacing:.12em;
}
.x5-home .x4120-path-head>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.7fr);align-items:end;gap:clamp(24px,4vw,65px)}
:root body .x5-home .x4120-path-head h2{
 font:660 clamp(40px,4.6vw,66px)/1.08 var(--athrty-ui-font,Manrope,system-ui,sans-serif)!important;
 letter-spacing:-.059em;color:#f3f8f2!important;max-width:21ch;margin:0;
 text-wrap:balance;
}
.x5-home .x4120-path-head p{
 max-width:46ch;color:#C0D1CE!important;font-size:clamp(15px,1.14vw,17px);
 line-height:1.7;margin:0;
}
.x5-home .x4120-path-steps{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
 background:transparent;border:0;border-radius:0;overflow:visible;
}
.x5-home .x4120-path-steps article{
 box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;
 min-width:0;min-height:205px;background:linear-gradient(144deg,#1B302C,#172522);
 border:1px solid rgba(202,239,232,.21);border-radius:17px;
 padding:clamp(24px,2.6vw,36px);
}
.x5-home .x4120-path-steps small{
 display:block;color:#C1DDD8;
 font:740 11px/1.5 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:.1em;margin:0 0 auto;
}
:root body .x5-home .x4120-path-steps h3{
 color:#f1f8f2!important;
 font:660 clamp(22px,2vw,27px)/1.2 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 letter-spacing:-.04em;margin:20px 0 8px;
}
.x5-home .x4120-path-steps p{
 font-size:15px;line-height:1.62;color:#C0D0CD!important;margin:0;max-width:55ch;
}
.x5-home .x4120-path-choices{
 display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;
}
.x5-home .x4120-path-choices a{
 display:inline-flex;min-height:50px;align-items:center;justify-content:center;
 font:710 14px/1.4 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 border:1px solid rgba(202,239,232,.34);border-radius:999px;
 padding:13px 22px;color:#EEF7F5!important;text-decoration:none!important;
 transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
.x5-home .x4120-path-choices a:first-child{
 background:#CBEEE8;color:#142824!important;border-color:#CBEEE8;
}
.x5-home .x4120-path-choices a:hover{
 background:rgba(202,239,232,.14);border-color:#A8D9D0;
}
.x5-home .x4120-path-choices a:first-child:hover{
 background:#EDF9F7!important;color:#112521!important;border-color:#EDF9F7;
}
.x5-home .x4120-commercial-disclaimer{
 font-size:12px;line-height:1.6;color:#B1C6C2!important;
 max-width:90ch;margin-top:20px;
}
.x5-home .x4120-hero :is(a,button,summary,textarea):focus-visible,
.x5-home .x4120-commercial-path a:focus-visible{outline:2px solid #D1F4EE!important;outline-offset:4px!important}
@media(max-width:1180px){
 :root body .x5-home .x5-hero.x1114-hero.x4120-hero{grid-template-columns:minmax(0,1fr)!important;gap:30px;
 min-height:0!important;padding:62px clamp(20px,5vw,62px) 36px!important}
 :root body .x5-home .x4120-hero .x1114-hero-content{max-width:720px}
 .x5-home .x4120-system-visual{max-width:790px;width:100%}
 :root body .x5-home .x4120-hero #x1114-title{font-size:min(8.5vw,75px)!important}
 .x5-home .x4120-visual-body{min-height:375px}
 .x5-home .x4120-visual-track{display:none}
}
@media(max-width:820px){
 .x5-home .x4120-visual-body{min-height:0;padding:24px}
 .x5-home .x4120-visual-caption{margin-bottom:16px}
 .x5-home .x4120-visual-node{min-height:80px;padding:13px 15px}
 .x5-home .x4120-path-head{grid-template-columns:1fr;gap:17px}
 .x5-home .x4120-path-head>div{grid-template-columns:minmax(0,1fr);gap:16px}
 .x5-home .x4120-path-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
 :root body .x5-home .x4120-hero #x1114-title{font-size:min(9.8vw,66px)!important}
}
@media(max-width:560px){
 :root body .x5-home .x5-hero.x1114-hero.x4120-hero{padding:48px 18px 26px!important;gap:24px}
 .x5-home .x4120-kicker{font-size:12px;letter-spacing:.09em;margin-bottom:25px}
 :root body .x5-home .x4120-hero #x1114-title{font-size:min(10.15vw,51px)!important;letter-spacing:-.071em!important;
 text-wrap:nowrap!important;line-height:1.09!important;margin-bottom:17px!important}
 .x5-home .x4120-hero-actions :is(button,a){flex:1 1 140px;padding-inline:15px}
 .x5-home .x4120-join-line{font-size:13px}
 .x5-home .x4120-visual-top{font-size:8px;min-height:43px;padding:8px 12px}
 .x5-home .x4120-visual-top small{display:none}
 .x5-home .x4120-visual-body{min-height:0;padding:13px 12px}
 .x5-home .x4120-visual-caption{display:none}
 .x5-home .x4120-visual-nodes{margin-left:0;gap:7px}
 .x5-home .x4120-visual-node{min-height:64px;padding:9px 11px;gap:8px;grid-template-columns:25px minmax(0,1fr) 18px}
 .x5-home .x4120-visual-node strong{font-size:13px}
 .x5-home .x4120-visual-foot{font-size:8px;padding:10px 12px}
 .x5-home .x4120-visual-foot span:last-child{display:none}
 .x5-home .x4120-hero-footer{gap:11px!important;font-size:8px!important}
 .x5-home .x4120-hero-footer a{flex-basis:100%;margin-left:0;margin-top:6px}
 .x5-home .x4120-commercial-path{padding:51px 18px 58px}
 .x5-home .x4120-path-steps{grid-template-columns:1fr}
 .x5-home .x4120-path-steps article{padding:20px}
 .x5-home .x4120-path-steps small{margin-bottom:10px}
 .x5-home .x4120-path-choices a{width:100%}
 .x5-home .x4120-brief-disclosure .x9004-brief-compose{display:grid;grid-template-columns:1fr}
 .x5-home .x4120-brief-disclosure .x9004-public-brief button{width:100%}
}
/* X882: customer journey and top-level conversion must remain real 44px touch targets. */
.x5-home .x4120-hero-footer a{display:inline-flex;align-items:center;min-height:44px;line-height:1.4}
.x5-home .x4120-hero-footer a:focus-visible{outline:2px solid var(--athrty-focus,#C9EFE8);outline-offset:3px}
/* One clear signed-out conversion route in the global header. Authenticated tools remain primary. */
body .global-header .global-actions .x4120-global-join{
 display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 padding:10px 17px;border:1px solid rgba(199,229,224,.35);
 border-radius:999px;text-decoration:none!important;white-space:nowrap;
 font:730 11px/1.3 var(--athrty-ui-font,Manrope,system-ui,sans-serif);
 color:var(--athrty-ui-ink,#ecf4ef);background:var(--athrty-ui-soft,rgba(188,220,214,.09));
 transition:background-color .15s ease,border-color .15s ease;
}
body .global-header .global-actions .x4120-global-join:hover{background:rgba(183,223,216,.19);border-color:rgba(199,229,224,.55)}
body.authenticated .global-header .global-actions .x4120-global-join{display:none!important}
body .global-header .global-actions .x4120-global-join:focus-visible{outline:2px solid var(--athrty-focus,#C9EFE8);outline-offset:3px}
@media(max-width:480px){
 body .global-header .global-actions .x4120-global-join{padding:9px 12px;min-height:44px;font-size:10px}
}
/* At compact widths the canonical primary project action remains in the hero and /start.html.
   Keep the four 44px header controls and menu fully within the viewport. */
@media(max-width:430px){
 body .global-header .global-actions .x4120-global-join{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .x5-home .x4120-hero :is(a,button),.x5-home .x4120-hero :is(a,button)::before{
 transition:none!important;animation:none!important;transform:none!important}
}