/* Zymbla public landing — visual refresh inspired by first approved concept.
   SEO strings and indexed routes remain in original HTML untouched.
   No changes to access, subscription pricing or invitation backend. */
:root{--zy-bg:#060e24;--zy-mid:#0c1b43;--zy-card:rgba(8,20,47,.88);--zy-line:rgba(95,139,236,.35);--zy-muted:#afc2e2;--zy-lime:#aaf3df}
html{scroll-behavior:smooth;scroll-padding-top:26px}
html,body{background:#071024!important;color:#edf5ff!important}
body{background-image:radial-gradient(ellipse at 78% 3%,rgba(59,62,192,.25),transparent 35%),radial-gradient(ellipse at 15% 46%,rgba(23,60,153,.2),transparent 40%),linear-gradient(155deg,#07132d,#050b1d)!important}
.page{display:flex!important;flex-direction:column;min-height:100vh;overflow:hidden;width:100%}
.page .story{display:block!important;min-height:0!important;position:relative;width:100%;padding:0 clamp(22px,5vw,88px) 30px!important;isolation:isolate;background:
 radial-gradient(circle at 76% -12%,rgba(100,112,255,.4),transparent 30%),
 radial-gradient(ellipse at 88% 58%,rgba(28,105,233,.23),transparent 36%),
 radial-gradient(ellipse at 22% 85%,rgba(123,53,207,.13),transparent 41%),
 linear-gradient(115deg,#060d23 5%,#0a1a43 66%,#09112c)!important;
 overflow:hidden}
.story:before{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;opacity:.7;background-image:
 radial-gradient(2px 2px at 12% 20%,#8ae8ff 95%,transparent),
 radial-gradient(2px 2px at 47% 9%,#a7aaff 95%,transparent),
 radial-gradient(2px 2px at 86% 22%,#a2cdff 95%,transparent),
 radial-gradient(2px 2px at 73% 67%,#94bfff 95%,transparent),
 radial-gradient(3px 3px at 96% 77%,#d2b1ff 95%,transparent),
 radial-gradient(2px 2px at 32% 57%,#b6c4ff 95%,transparent);
 background-repeat:repeat}
.story:after{content:"";pointer-events:none;position:absolute;inset:auto -3% 0;z-index:0;height:150px;opacity:.5;background:linear-gradient(180deg,transparent,#080f25 92%),linear-gradient(135deg,rgba(56,88,175,.3),rgba(10,24,61,.5));clip-path:polygon(0 81%,6% 74%,13% 89%,24% 64%,30% 85%,42% 53%,53% 91%,66% 67%,75% 86%,83% 49%,91% 72%,100% 43%,100% 100%,0 100%)}
.story .glow,.story .glow2{opacity:.22;pointer-events:none}
.story .nav{max-width:1410px;width:100%;margin:0 auto;min-height:77px;gap:22px;border-bottom:1px solid rgba(157,177,235,.13);display:flex;align-items:center;justify-content:space-between}
.story .brand{flex:0 0 auto;color:#fff;font:800 22px "DM Sans",sans-serif;letter-spacing:-.06em}
.story .brand-mark{width:38px;height:38px;border-radius:12px}
.zy-nav-links{display:flex;gap:clamp(10px,2.3vw,34px);align-items:center;justify-content:center;flex-wrap:wrap}
.zy-nav-links a{color:#cdddf8;text-decoration:none;font-weight:600;font-size:12px;letter-spacing:.01em;white-space:nowrap;padding:10px 2px;transition:color .2s}
.zy-nav-links a:hover{color:#fff}
.zy-nav-actions{display:flex;align-items:center;gap:12px}
.zy-nav-actions .nav-note{display:none}
#navLogin,.nav-login{display:none!important;visibility:hidden!important}
.zy-nav-cta,.invite-hero-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;gap:8px;border:1px solid rgba(255,255,255,.24);color:#fff!important;background:linear-gradient(110deg,#079af5,#3c67fa 46%,#9148f7 100%);border-radius:12px;font:800 12px "DM Sans",sans-serif;padding:13px 18px;box-shadow:0 8px 23px rgba(30,92,235,.28),inset 0 0 0 1px rgba(194,219,255,.08);transition:transform .2s,box-shadow .2s;white-space:nowrap}
.zy-nav-cta:hover,.invite-hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(44,92,236,.38)}
.story .story-main{max-width:1410px;width:100%;margin:0 auto!important;padding:51px 0 13px!important;position:relative;z-index:2}
.zy-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(23px,4vw,64px);align-items:center}
.zy-hero-content,.zy-hero-visual{min-width:0}
.zy-hero-content .kicker{font-size:10px;font-weight:800;letter-spacing:.13em;border-color:rgba(124,163,246,.3);color:#b9caff;background:rgba(28,48,108,.38);padding:9px 14px}
.story h1{font-family:"DM Sans",Arial,sans-serif;font-size:clamp(44px,4.6vw,77px)!important;line-height:1.03!important;font-weight:800;letter-spacing:-.06em;max-width:780px;margin:20px 0 21px!important;text-wrap:balance}
.story h1 em{font-family:"DM Sans",Arial,sans-serif;font-style:normal;line-height:1.1;background:linear-gradient(100deg,#26cfff,#6c92ff 38%,#bc8cf3 82%,#d89cf8);background-clip:text;-webkit-background-clip:text;color:transparent}
.story .lead{color:#d0ddf2!important;line-height:1.66;font-size:clamp(15px,1.38vw,19px)!important;max-width:645px}
.invite-hero-entry{margin:24px 0 0!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 17px}
.invite-hero-entry .invite-hero-cta{font-size:14px;min-height:52px;padding:15px 21px}
.invite-hero-entry>small{font-size:11px;line-height:1.5;color:#9eb8e0;width:100%;order:2}
.zy-hero-content .proof{margin-top:20px;gap:8px}
.zy-hero-content .proof span{padding:9px 12px;border-radius:10px;background:rgba(12,29,70,.55);border-color:rgba(144,184,245,.22);font-size:11px;color:#c4d5ef}
.zy-hero-content .proof b{color:#fff}
.zy-hero-content .intelligence-orb{margin-top:18px!important;width:240px;height:92px;opacity:.8;transform:scale(.83);transform-origin:left top;margin-bottom:-12px}
.zy-hero-content .orb-copy strong{color:#f6f9ff}
.zy-hero-visual{position:relative;padding:17px;border:1px solid rgba(74,160,249,.65);border-radius:23px;background:linear-gradient(140deg,rgba(13,43,91,.95),rgba(7,15,44,.96));box-shadow:0 26px 90px rgba(0,0,0,.35),0 0 48px rgba(41,124,244,.17),inset 0 0 0 4px rgba(84,113,228,.085)}
.zy-hero-visual:before{content:"";position:absolute;z-index:-1;width:230px;height:230px;top:-90px;right:-85px;background:radial-gradient(circle,#6c73fb 0%,#2547c0 18%,#101f6b 49%,transparent 72%);filter:blur(8px);opacity:.6;pointer-events:none}
.zy-demo-heading{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:26px;margin-bottom:12px}
.zy-demo-heading .zy-demo-live{color:#85e1ff;font-size:9px;font-weight:800;letter-spacing:.1em}
.zy-demo-heading strong{font-size:13px;color:#e9f4ff;margin-right:auto}
.zy-demo-heading small{color:#8fa9ce;font-size:9px;line-height:1.5}
.zy-hero-visual .preview{width:100%!important;margin:0!important;max-width:none!important}
.zy-hero-visual .demo-shell{transform:none!important;background:rgba(9,20,54,.9)!important;border:1px solid rgba(84,118,185,.5)!important;border-radius:15px;padding:10px!important;box-shadow:none}
.zy-hero-visual .demo-chat{background:linear-gradient(160deg,#152b55,#0c1a38)!important;color:#eaf2ff!important;border:1px solid rgba(107,145,206,.34);border-radius:13px}
.zy-hero-visual .demo-user{background:rgba(65,112,200,.25)!important;color:#e9f2ff!important;border-color:rgba(106,153,225,.35)!important}
.zy-hero-visual .demo-ai{background:rgba(25,49,95,.65)!important;color:#e9f6ff!important;border-color:rgba(104,161,235,.35)!important}
.zy-hero-visual .demo-ai-copy strong{color:#fff!important}
.zy-hero-visual .demo-ai-copy span{color:#b8cde9!important}
.zy-hero-visual .demo-result-card{background:rgba(22,49,94,.94)!important;border:1px solid rgba(113,154,222,.28)!important;color:#f0f7ff!important}
.zy-hero-visual .r-title{color:#f8faff!important}
.zy-hero-visual .r-meta{color:#aec3e1!important}
.zy-hero-visual .demo-caption{color:#abc3df!important}
.zy-hero-visual .demo-caption strong{color:#dff9ff!important}
.zy-demo-activities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}
.zy-demo-activity{display:flex;gap:9px;align-items:center;min-width:0;background:linear-gradient(130deg,rgba(22,48,100,.8),rgba(9,26,66,.9));border:1px solid rgba(94,139,213,.33);border-radius:12px;padding:10px}
.zy-demo-activity .zy-activity-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#203d83;color:#90d5ff;display:grid;place-items:center;font-size:17px}
.zy-demo-activity div{min-width:0;flex:1}
.zy-demo-activity strong{font-size:10px;display:block;color:#e4f1ff;line-height:1.4}
.zy-demo-activity small{font-size:9px;display:block;color:#8faacf;line-height:1.45;margin-top:2px}
.zy-activity-arrow{font-size:12px;color:#8cd8fe}
.story .continuity-flow{width:100%;max-width:none;position:relative;z-index:2;margin:30px 0 5px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 23px;padding:13px 17px;border-radius:15px;background:rgba(10,22,53,.55);border:1px solid rgba(96,144,225,.19)}
.story .continuity-title{min-width:170px;font-size:10px}
.story .continuity-steps{flex:1;justify-content:center;gap:7px}
.story .continuity-note{max-width:260px;margin:0;line-height:1.5;color:#93abc9}
.story .story-foot{max-width:1410px;margin:0 auto;position:relative;z-index:1;color:#869dbd}
.page .auth-area{width:100%;min-width:0;display:block!important;padding:0 clamp(22px,5vw,88px) 56px!important;background:linear-gradient(180deg,#071228,#08122b 55%,#071027)!important;color:#ecf6ff}
.auth-area .auth-wrap{max-width:1410px;width:100%;margin:auto;display:flex;flex-direction:column}
.auth-area .mobile-brand{display:none!important}
.zy-capabilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;order:0;margin:15px 0 18px}
.zy-capability{display:flex;align-items:flex-start;gap:13px;border:1px solid rgba(87,128,216,.37);border-radius:17px;background:linear-gradient(150deg,rgba(12,29,67,.93),rgba(6,16,43,.95));padding:19px 17px;min-width:0;box-shadow:0 10px 27px rgba(2,7,29,.13)}
.zy-capability-icon{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:15px;font-size:26px;color:#a2efff;border:1px solid rgba(70,193,246,.55);background:radial-gradient(circle at 50% 40%,rgba(26,133,237,.43),rgba(12,39,90,.9));box-shadow:0 0 18px #1386e02b}
.zy-capability-icon.zy-violet{color:#c9a4ff;border-color:#9a78fe88;background:radial-gradient(circle at 50% 40%,rgba(118,55,223,.42),rgba(29,24,81,.9))}
.zy-capability-icon.zy-cyan{color:#86e9ee}
.zy-capability h3{font:800 14px "DM Sans",sans-serif;margin:4px 0 7px;color:#f8faff}
.zy-capability p{font-size:11px;line-height:1.65;color:#aebfda;margin:0}
.zy-sells{margin:4px 0 20px}.zy-sells-title{font:800 21px "DM Sans",sans-serif;color:#f8faff;margin:0 0 7px}.zy-sells-intro{font-size:12.5px;line-height:1.65;color:#aebfda;margin:0 0 14px;max-width:680px}.zy-sells-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media(max-width:1160px){.zy-sells-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:570px){.zy-sells-grid{grid-template-columns:1fr}}
.auth-area .invitation-request{order:1;position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);grid-template-rows:min-content min-content 1fr;column-gap:clamp(15px,4vw,55px);align-items:start;isolation:isolate;overflow:hidden;padding:clamp(22px,4vw,44px);min-height:325px;margin:0 0 31px;width:100%;max-width:none;border:1px solid rgba(97,132,226,.55);border-radius:23px;box-shadow:0 18px 50px rgba(2,5,21,.2);background:radial-gradient(circle at 26% 74%,rgba(88,62,208,.23),transparent 50%),linear-gradient(115deg,rgba(10,27,65,.96),rgba(8,25,57,.99))}
.invitation-request .zy-invite-scenery{position:absolute;z-index:-1;pointer-events:none;left:0;bottom:0;width:52%;height:100%;background:radial-gradient(ellipse at 60% 84%,rgba(203,130,232,.37),transparent 44%),radial-gradient(ellipse at 60% 53%,rgba(105,89,232,.21),transparent 55%),linear-gradient(160deg,#0f2454,#142b63 68%,#111a48);clip-path:inset(0 round 21px 0 0 21px)}
.zy-invite-scenery:before,.zy-invite-scenery:after,.zy-invite-scenery i{content:"";position:absolute;bottom:0;left:-5%;width:110%;height:52%;background:linear-gradient(180deg,#3b438b,#081b44);clip-path:polygon(0 89%,10% 69%,18% 80%,31% 41%,40% 73%,56% 31%,70% 70%,83% 49%,94% 76%,100% 59%,100% 100%,0 100%)}
.zy-invite-scenery:after{height:33%;background:linear-gradient(180deg,#172f6b,#06142c);clip-path:polygon(0 69%,8% 80%,20% 54%,35% 91%,48% 58%,60% 86%,76% 34%,88% 68%,100% 38%,100% 100%,0 100%);opacity:.95}
.zy-invite-scenery i:nth-child(1){height:58%;filter:blur(13px);opacity:.3}
.zy-invite-scenery i:nth-child(2){height:24%;background:linear-gradient(180deg,#172659,#061329);clip-path:polygon(0 49%,15% 67%,30% 40%,52% 67%,67% 34%,84% 57%,100% 41%,100% 100%,0 100%)}
.zy-invite-scenery i:nth-child(3){display:none}
.invitation-request .ir-kicker,.invitation-request h3,.invitation-request .ir-copy{grid-column:1;position:relative;z-index:1}
.invitation-request .ir-kicker{grid-row:1;margin:6px 0 10px;color:#95c4ff;font:800 10px "DM Sans",sans-serif;letter-spacing:.17em}
.invitation-request h3{grid-row:2;font:800 clamp(27px,3vw,43px) "DM Sans",sans-serif;line-height:1.15;letter-spacing:-.04em;color:#f8fbff;margin:0 0 13px}
.invitation-request .ir-copy{grid-row:3;font-size:13px;line-height:1.75;color:#c9d7ef;max-width:370px}
.invitation-request #irForm,.invitation-request .ir-success{grid-column:2;grid-row:1/span 3;z-index:2;align-self:center;background:linear-gradient(135deg,rgba(6,19,48,.96),rgba(12,28,63,.96));border:1px solid rgba(117,151,222,.4);border-radius:17px;padding:clamp(16px,2.3vw,26px);box-shadow:0 14px 35px #02081855;min-width:0}
.invitation-request #irForm{gap:15px}
.invitation-request #irForm[hidden]{display:none!important}
.invitation-request #irForm label{color:#d2e1f6;font-size:11px;font-weight:700}
.invitation-request #irForm input:not([type=checkbox]),.invitation-request #irForm select{border:1px solid rgba(115,143,197,.4);border-radius:10px;background:#12274c;color:#edf6ff;min-height:46px;font-size:12px;padding:12px 13px}
.invitation-request #irForm input::placeholder{color:#97b0d0}
.invitation-request #irForm .ir-consent{font-size:10px;line-height:1.6}
.invitation-request #irForm .ir-consent a{color:#94c9ff}
.invitation-request #irForm .ir-submit{border:1px solid #9b8afb66;border-radius:11px;font-size:13px;background:linear-gradient(110deg,#099dff,#4373ff 46%,#a44af1)}
.invitation-request #irStatus{color:#bdd8fc}
.invitation-request #irStatus[data-error=true]{color:#ffb3c5}
.invitation-request .ir-success{color:#c9f5e0;background:#0d3b3a;border-color:#6dcfb3}
.invitation-request .ir-success strong{color:#fff}
.auth-area .auth-eyebrow{order:2;font-size:10px;font-weight:800;letter-spacing:.14em;color:#8ab8f3;margin:16px 0 10px}
.auth-area .auth-title{order:2;color:#f0f6ff;font:800 clamp(24px,3vw,36px) "DM Sans",sans-serif!important;letter-spacing:-.04em;margin:0 0 6px;line-height:1.15;max-width:900px}
.auth-area .auth-sub{order:2;color:#aebfda;font-size:13px;line-height:1.7;max-width:850px;margin:0 0 18px}
.auth-area .encargate-showcase{order:3;max-width:none;width:100%;margin:0 0 28px;background:linear-gradient(150deg,rgba(17,35,72,.68),rgba(6,17,43,.45));border:1px solid rgba(99,131,215,.3);border-radius:21px;padding:24px}
.encargate-head .encargate-title{color:#f7f9ff!important}
.encargate-head .encargate-sub{color:#aabedc!important}
.encargate-showcase .encargate-example{background:rgba(16,33,74,.84)!important;border:1px solid rgba(95,130,208,.28)!important;border-radius:13px}
.encargate-example strong{color:#eef4ff!important}
.encargate-example span{color:#b0c3e2!important}
.auth-area .pricing{order:4;display:grid;grid-template-columns:minmax(230px,.73fr) minmax(0,1.8fr);gap:clamp(16px,3.2vw,45px);margin:0 0 21px;padding:15px 0 18px;border-top:1px solid rgba(112,141,208,.2)}
.pricing .pricing-head{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px;margin:0}
.pricing .pricing-head .pricing-title{font:800 clamp(24px,2.3vw,31px) "DM Sans",sans-serif;line-height:1.14;letter-spacing:-.035em;color:#f5f8ff}
.pricing .pricing-head .pricing-sub{color:#aebddb;font-size:12px;line-height:1.75;margin:0}
.pricing .pricing-badge{color:#b8c9ff;background:rgba(35,45,100,.67);border:1px solid rgba(126,120,235,.3);border-radius:999px;padding:7px 10px;font-size:10px}
.pricing .pricing-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;width:100%}
.pricing .plan{background:linear-gradient(145deg,rgba(13,32,74,.95),rgba(7,18,46,.95));border:1px solid rgba(95,141,230,.37);border-radius:17px;color:#edf5ff;padding:20px 17px;box-shadow:0 15px 35px #0209193b}
.pricing .plan.pro{border-color:rgba(165,111,246,.92);box-shadow:0 0 0 1px rgba(157,120,246,.33),0 0 32px #8749f326;background:linear-gradient(130deg,rgba(23,37,85,.95),rgba(15,24,59,.98))}
.pricing .plan-name{color:#f9fbff!important;font-weight:800!important}
.pricing .plan-position{color:#ebf4ff!important}
.pricing .plan-note,.pricing .plan-features li{color:#b0c5e1!important}
.pricing .plan-link{color:#d7e9ff!important;border-color:rgba(123,151,224,.4)!important;background:rgba(41,65,124,.32)!important}
.pricing .pricing-testing{grid-column:1/-1;color:#829dbe;font-size:10px;margin-top:-5px}
.auth-area .trust-strip{order:5;margin:0 0 14px;width:100%;max-width:none;border:1px solid rgba(97,139,220,.25);background:rgba(7,21,51,.85);border-radius:15px;padding:17px}
.auth-area .benefits{order:6;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:4px 0 19px}
.benefits .benefit{font-size:11px;line-height:1.6;color:#b7c7e1}
.auth-area .legal{order:7;font-size:11px;color:#8297b9;margin-top:6px}
.auth-area .legal-links{order:8;display:flex;gap:18px;flex-wrap:wrap;padding-top:16px;border-top:1px solid rgba(121,154,220,.2);margin:12px 0;color:#a3b8d5}
.auth-area .legal-links a{color:#b9c9e8;text-decoration:none}
.auth-area .legal-links a:hover,.zy-nav-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1160px){.zy-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.story h1{font-size:clamp(43px,5vw,65px)!important}.zy-demo-activities{grid-template-columns:1fr;gap:7px}.zy-demo-activity{padding:8px}.zy-demo-heading small{display:none}.zy-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-area .pricing{grid-template-columns:1fr;gap:15px}.pricing .pricing-head{max-width:650px}}
@media(max-width:820px){.story .nav{min-height:70px}.zy-nav-links{display:none}.zy-nav-cta{font-size:11px;padding:11px 13px}.story .story-main{padding:34px 0 15px!important}.zy-hero-layout{grid-template-columns:1fr;max-width:640px;margin:0 auto}.zy-hero-content .intelligence-orb{display:none}.zy-demo-activities{grid-template-columns:repeat(3,minmax(0,1fr))}.story .continuity-flow{max-width:640px;margin:22px auto 10px}.zy-hero-visual:before{width:150px;height:150px}.auth-area .invitation-request{grid-template-columns:1fr;grid-template-rows:auto;min-height:0;gap:0}.invitation-request .ir-kicker,.invitation-request h3,.invitation-request .ir-copy,.invitation-request #irForm,.invitation-request .ir-success{grid-column:1;grid-row:auto}.invitation-request .ir-copy{max-width:650px}.invitation-request .zy-invite-scenery{width:100%;opacity:.38}.invitation-request #irForm,.invitation-request .ir-success{margin-top:10px}.story .story-foot{text-align:center}}
@media(max-width:570px){.page .story{padding:0 17px 18px!important}.page .auth-area{padding:0 17px 38px!important}.story .nav{min-height:66px}.story .brand{font-size:20px}.story .brand-mark{width:34px;height:34px}.zy-nav-cta{padding:10px 12px;font-size:10px}.story .story-main{padding:23px 0 9px!important}.story h1{font-size:clamp(40px,10vw,56px)!important;margin:17px 0!important}.story .lead{font-size:15px!important}.zy-hero-layout{gap:24px}.zy-hero-visual{padding:12px;border-radius:17px}.zy-demo-heading{gap:6px}.zy-demo-activities{grid-template-columns:1fr;gap:7px}.zy-capabilities{grid-template-columns:1fr 1fr;gap:9px;margin:5px 0 17px}.zy-capability{padding:14px 11px;gap:9px;display:block}.zy-capability-icon{width:37px;height:37px;font-size:20px;margin-bottom:7px}.zy-capability h3{font-size:12px}.zy-capability p{font-size:10px}.auth-area .invitation-request{padding:19px 15px;border-radius:18px;margin-bottom:22px}.invitation-request h3{font-size:29px}.invitation-request .ir-copy{font-size:12px}.invitation-request #irForm,.invitation-request .ir-success{padding:15px}.invitation-request #irForm .ir-pair{grid-template-columns:1fr}.auth-area .encargate-showcase{padding:16px;border-radius:16px}.auth-area .pricing{padding-top:15px}.pricing .pricing-plans{grid-template-columns:1fr;gap:10px}.pricing .plan{padding:16px}.auth-area .benefits{grid-template-columns:1fr}.story .continuity-steps{justify-content:flex-start}.story .continuity-note{max-width:none}.invite-hero-entry .invite-hero-cta{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story .glow,.story .glow2,.zy-hero-visual .demo-pulse{animation:none!important}.zy-nav-cta,.zy-nav-links a,.invite-hero-cta{transition:none!important}}

/* Locale switch is part of the public landing only. No authentication links. */
.zy-lang-switch{display:flex;align-items:center;gap:3px;padding:4px;border:1px solid rgba(133,170,235,.38);background:rgba(8,22,54,.6);border-radius:10px;flex:0 0 auto}
.zy-lang-switch button{font:800 10px "DM Sans",sans-serif;letter-spacing:.035em;color:#a9bfdc;padding:7px 9px;border:0;border-radius:7px;min-width:30px;background:transparent;cursor:pointer}
.zy-lang-switch button[aria-pressed="true"]{background:linear-gradient(125deg,#1b75e0,#6744bf);color:#fff;box-shadow:0 1px 9px rgba(77,107,241,.22)}
.zy-lang-switch button:hover{color:#fff}
.zy-lang-switch button:focus-visible{outline:2px solid #7ce3ff;outline-offset:2px}
@media(max-width:570px){.zy-nav-actions{gap:7px}.zy-lang-switch{padding:2px;gap:1px}.zy-lang-switch button{min-width:26px;padding:6px 6px;font-size:9px}.zy-nav-cta{font-size:10px;padding:9px 10px}.story .brand{font-size:19px}}
@media(max-width:355px){.zy-nav-cta{font-size:9px;padding:8px}.story .brand-mark{width:29px;height:29px}.story .brand{font-size:17px}}
/* Secciones públicas: testimonios y FAQ, integradas en el orden narrativo de la landing. */
.auth-area .zy-testimonials{order:4;width:100%;max-width:none;margin:5px 0 28px;padding:clamp(22px,3.2vw,38px);text-align:left;border:1px solid rgba(112,141,224,.33);border-radius:23px;background:radial-gradient(ellipse at 100% 0%,rgba(115,69,223,.17),transparent 50%),linear-gradient(140deg,rgba(13,30,70,.84),rgba(7,20,49,.95));box-shadow:0 18px 48px rgba(2,7,29,.14)}
.auth-area .pricing{order:5}
.auth-area .trust-strip{order:6}
.auth-area .benefits{order:7}
.auth-area .zy-faq{order:8}
.auth-area .legal{order:9}
.auth-area .legal-links{order:10}
.tm-kicker{font-size:10px;letter-spacing:.16em;color:#8fd8ff;font-weight:800;margin-bottom:11px;text-transform:uppercase}
.tm-title{font:800 clamp(25px,2.7vw,36px)/1.18 "DM Sans",sans-serif;color:#f6faff;letter-spacing:-.04em;margin:0 0 10px}
.tm-intro,.faq-intro{font-size:13px;line-height:1.75;color:#aec3df;margin:0 0 25px;max-width:700px}
.tm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;text-align:left}
.tm-card{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(22,45,93,.87),rgba(10,25,60,.91));border:1px solid rgba(122,149,228,.34);border-radius:17px;padding:24px 22px;min-width:0;display:flex;flex-direction:column;justify-content:space-between}
.tm-card:before{content:"“";position:absolute;top:-29px;right:14px;color:rgba(150,139,255,.15);font-family:Georgia,serif;font-size:130px;line-height:1;pointer-events:none}
.tm-quote{position:relative;color:#eff5ff;font-size:clamp(14px,1.25vw,17px);line-height:1.7;margin:0 0 22px;font-weight:500}
.tm-author{position:relative;color:#a8c7f8;font-size:12px;font-weight:800;margin:0;padding-top:14px;border-top:1px solid rgba(138,167,232,.19)}
.tm-author::before{content:"— "}
.trust-strip.trust-expanded{display:block;width:min(860px,100%);margin:0 auto;text-align:center;padding:52px 24px;background:none;border:none;border-radius:0}
.trust-heading{font-size:clamp(26px,4vw,38px);color:#fff;letter-spacing:-.02em;margin:0 0 28px}
.trust-points{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px;text-align:left}
.trust-points li{background:var(--zy-card);border:1px solid var(--zy-line);border-radius:14px;padding:14px 18px;color:#edf5ff;font-size:15px}
.trust-points li::before{content:"✓ ";color:var(--zy-lime);font-weight:700}
.trust-link{color:var(--zy-lime);font-size:15px}
.auth-area .zy-faq{max-width:1100px;width:100%;margin:12px auto 26px;padding:30px 0 18px;text-align:left}
.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start;text-align:left}
.faq-item{background:linear-gradient(145deg,rgba(14,32,71,.9),rgba(8,22,53,.94));border:1px solid rgba(103,142,216,.32);border-radius:15px;padding:2px 17px;transition:border-color .15s,background .15s}
.faq-item[open]{border-color:rgba(133,155,254,.68);background:linear-gradient(145deg,rgba(23,42,91,.97),rgba(10,24,61,.97))}
.faq-item summary{position:relative;cursor:pointer;color:#f0f6ff;font-size:14px;font-weight:700;line-height:1.5;padding:16px 26px 16px 0;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:0;top:13px;color:#8fd8ff;font-size:20px;font-weight:500}
.faq-item[open] summary::after{content:"−"}
.faq-item summary:focus-visible{outline:2px solid #90ceff;outline-offset:3px;border-radius:3px}
.faq-item p{color:#b4c7e1;font-size:12px;line-height:1.8;margin:0 0 17px}
@media(max-width:760px){.tm-grid,.faq-list{grid-template-columns:1fr}.auth-area .zy-testimonials{margin-bottom:22px;padding:23px 18px;border-radius:18px}.tm-card{padding:21px 18px}.auth-area .zy-faq{padding:26px 0 12px}.tm-intro,.faq-intro{margin-bottom:18px}.trust-strip.trust-expanded{padding:42px 12px}}
@media(max-width:420px){.tm-quote{font-size:14px}.faq-item summary{font-size:13px}.faq-item p{font-size:12px}}