@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
.landing-layout{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.shapes-layer{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.landing-topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:#00000080;border-bottom:1px solid #ffffff0f;flex-shrink:0;height:72px;position:relative}.topbar-inner{justify-content:space-between;align-items:center;max-width:1100px;height:100%;margin:0 auto;padding:0 40px;display:flex}.topbar-logo{color:#fff;letter-spacing:-.01em;align-items:center;gap:8px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.topbar-logo svg{color:#10b981;flex-shrink:0}.topbar-actions{align-items:center;gap:8px;display:flex}.landing-hero{z-index:1;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:relative}.hero-content{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:680px;display:flex}.hero-badge{color:#34d399;letter-spacing:.04em;text-transform:uppercase;background:#10b98114;border:1px solid #10b98140;border-radius:999px;align-items:center;gap:7px;padding:5px 14px;font-size:.78rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #10b981}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero-heading{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:1.05}.hero-heading-sub{color:#ffffff8c;font-weight:300}.rotating-word-wrap{vertical-align:bottom;display:inline-block;position:relative}.rotating-word-sizer{visibility:hidden;background:linear-gradient(135deg,#34d399,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.rotating-word{text-align:center;background:linear-gradient(135deg,#34d399,#10b981);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:block;position:absolute;inset:0}.hero-subtitle{color:#ffffff80;max-width:520px;font-size:1.1rem;font-weight:400;line-height:1.7}.mode-cards{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:600px;margin-top:8px;display:grid}.mode-card{color:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:all .22s;display:flex;position:relative;overflow:hidden}.mode-card:before{content:"";opacity:0;border-radius:inherit;transition:opacity .22s;position:absolute;inset:0}.mode-card:hover{background:#ffffff12;border-color:#ffffff24;transform:translateY(-2px)}.mode-card:hover .mode-card-arrow{transform:translate(4px)}.mode-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mode-card-icon.behavioral{color:#10b981;background:#10b98126;border:1px solid #10b98133}.mode-card-icon.technical{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f633}.mode-card-text{text-align:left;flex:1}.mode-card-title{color:#fff;margin-bottom:2px;font-size:.95rem;font-weight:700}.mode-card-desc{color:#ffffff73;font-size:.8rem;line-height:1.4}.mode-card-arrow{color:#ffffff4d;flex-shrink:0;transition:transform .22s,color .22s}.mode-card:hover .mode-card-arrow{color:#ffffffb3}@media (max-width:600px){.landing-layout{height:auto;overflow:auto}.landing-hero{padding:24px 16px 32px}.topbar-inner{padding:0 16px}.hero-heading{font-size:clamp(2.4rem,10vw,3.5rem)}.mode-cards{grid-template-columns:1fr;max-width:100%}}