/* Native CSS adaptations of Motion Primitives and Magic UI. Licenses: /visual-licenses.txt */
:root{--accent:#bf94ff;--bg:#09070d;--panel:#14101c;--line:#30263c;--muted:#b6aabe}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:radial-gradient(ellipse 65% 520px at 70% 0,#29153d70,transparent),var(--bg);overflow-x:hidden}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(#ae83d31c .6px,transparent .6px);background-size:24px 24px;mask-image:linear-gradient(#000,transparent 80%)}header{max-width:1280px;padding:20px 40px;background:#09070de8;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}header nav{gap:24px}.brand-logo{width:44px;height:44px}.brand{letter-spacing:1.2px}.brand small{font-size:10px}nav a{transition:color .2s}nav a:hover{color:#d6b6ff}main{max-width:1280px}.intro{grid-template-columns:1.1fr 1fr;gap:65px;padding:78px 0 58px}.intro h1{font-size:clamp(40px,4.3vw,66px);letter-spacing:-.05em}.intro .lead{max-width:540px;font-size:17px}.eyebrow{font-size:11px;letter-spacing:2.5px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px #bb8fff}.intro h1 span,.auth h1 span{background:linear-gradient(100deg,#e2ccff,#bf94ff,#9270d9);background-clip:text;color:transparent}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.hero-footnote{font-size:12px;color:#9f90ab}.hero-footnote span{margin:0 8px;color:#77538e}.button{min-height:46px;padding:12px 20px;border-radius:10px;box-shadow:inset 0 1px 0 #f4e9ff55;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 26px #ab77eb25}.button:active{transform:translateY(0)}.button.secondary{box-shadow:none;background:#ffffff04}.button.secondary:hover{background:#bf94ff0c}.button[disabled]{opacity:.6;cursor:wait;transform:none}.shine-action{position:relative;isolation:isolate;overflow:hidden}.shine-action:after{content:'';position:absolute;top:0;bottom:0;width:40px;left:-80px;background:linear-gradient(90deg,transparent,#ffffff50,transparent);transform:skewX(-20deg);animation:shimmer 7s ease-in-out infinite;pointer-events:none}.flow-demo{position:relative;border:1px solid #604077;background:linear-gradient(140deg,#21142f,#100d18 65%);border-radius:22px;padding:30px;box-shadow:0 28px 85px #0008;isolation:isolate}.flow-demo:before{content:'';position:absolute;inset:-14px;z-index:-2;background:conic-gradient(from 20deg,#c08aff26,#493b7920,#d7adff33,#c08aff26);filter:blur(24px);animation:glow-breathe 7s ease-in-out infinite}.border-trail{pointer-events:none;position:absolute;inset:-1px;border:1px solid transparent;border-radius:inherit;mask:linear-gradient(transparent,transparent) padding-box,linear-gradient(#000,#000) border-box;mask-composite:intersect;overflow:hidden}.border-trail:after{content:'';position:absolute;width:100px;aspect-ratio:1;background:radial-gradient(#e5ceff,#ba7aff66 35%,transparent 70%);offset-path:rect(0 auto auto 0 round 22px);animation:border-trail 10s linear infinite}.flow-demo .demo-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:12px;color:#ae9bbb}.demo-top strong{color:#e7dcf0;letter-spacing:1px}.demo-top .live-dot{display:flex;align-items:center;gap:7px}.live-dot:before{content:'';width:6px;height:6px;background:#c29aff;border-radius:100%;box-shadow:0 0 10px #c29aff}.demo-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}.demo-inputs label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#c9b7d9;margin:0}.demo-inputs input{font-size:28px;font-weight:650;text-align:center;border-color:#493354;background:#0c081180;margin-top:10px;padding:13px 5px;color:#f5eaff}.demo-connector{height:34px;border-left:1px solid #7b5394;width:1px;margin:auto;position:relative}.demo-connector:after{content:'↓';color:#caa2e6;position:absolute;left:-5px;bottom:0;font-size:15px}.demo-result{display:flex;justify-content:space-between;align-items:center;background:#bb8cff0d;border:1px solid #62417b;border-radius:14px;padding:17px 22px}.demo-result strong{font-size:54px;letter-spacing:-3px;line-height:1;color:#d4b2ff}.demo-result span{font-size:12px;color:#bba6cc}.demo-result b{display:block;font-size:15px;color:#ede3f5}.demo-caption{font-size:11px;color:#9e8baa;text-align:center;margin:17px 0 0}.section-heading{margin:35px 0 22px}.section-heading h2{font-size:29px}.cards{gap:24px}.card{position:relative;isolation:isolate;border-radius:20px;background:linear-gradient(145deg,#1a1223,#110e18);padding:32px;transition:transform .25s,border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:#806097;box-shadow:0 14px 45px #0005}.card:before{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(350px circle at var(--mx,50%) var(--my,0%),#b584e914,transparent 70%);pointer-events:none}.card.shine-border:after,.auth-panel:after{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(transparent,transparent,#d7b1ff66,#9561d933,transparent,transparent);background-size:300% 300%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:shine-border 12s ease-in-out infinite;pointer-events:none}.card h3{font-size:27px;margin-bottom:15px}.card p{font-size:15px;max-width:470px}.product-icon{width:68px;height:68px}.tool-icon{width:64px;height:64px;background:linear-gradient(140deg,#352144,#21142d);border-color:#634477}.card-top{margin-bottom:24px}.badge{font-size:11px;letter-spacing:.2px;background:#bf94ff15;border:1px solid #bf94ff30;color:#d9baff}.badge.soon{color:#c7b5d7;background:#30223e;border-color:#4d365f}.card-link{font-size:14px}.card-link span{transition:transform .2s}.card:hover .card-link span{transform:translate(3px,-3px)}.steps{grid-template-columns:1fr 1fr 1fr 1fr;margin-top:36px;padding:35px 0;border-top:1px solid var(--line);gap:35px}.steps b{color:#dbc2ef}.steps p{font-size:13px}.steps h2{font-size:23px}.auth{padding:62px 0;grid-template-columns:1fr 470px;min-height:70vh}.auth-panel{position:relative;background:linear-gradient(145deg,#21152d,#120e19);padding:34px;border-radius:22px}.auth-panel h2{font-size:28px}.auth-aside h1{font-size:clamp(38px,4.4vw,64px)}.auth-aside .mini-brand{width:72px;height:72px;margin-bottom:25px}.auth-panel>p{font-size:14px}.auth-panel label{font-size:13px}.auth-panel input:not([type=checkbox]){background:#0d0912;border-color:#493353;min-height:47px}.password-wrap{position:relative}.password-wrap input{padding-right:74px!important}.password-toggle{position:absolute;right:6px;top:8px;bottom:1px;border:0;background:none;color:#c8b1d9;font-size:11px;padding:0 12px}.password-toggle:hover{color:#fff}.auth-panel .check{font-size:12px;line-height:1.5}.auth-panel .form-links{font-size:12px}.panel{background:linear-gradient(145deg,#18111f,#120e18);border-color:#392b45}.page-heading{padding:42px 0 25px}.page-heading h1{font-size:44px}.page-heading p{max-width:700px}.notice{background:#251732;border-color:#64417c;font-size:14px;box-shadow:0 8px 26px #0002}.notice.error{border-color:#824646;background:#291617}.account-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #64477a;border-radius:50px;padding:8px 14px;color:#ccb0e0;font-size:12px;margin-bottom:22px}.account-pill:before{content:'✓';color:#d4a9f3}.library-card{min-height:240px}.library-card .badge{margin-bottom:20px}.library-card .button{margin-top:auto}.library-intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.product{padding-top:18px}.product .product-icon{width:88px;height:88px;margin-bottom:24px}.product h1{font-size:48px}.product aside{align-self:start;position:sticky;top:116px}.product .features{font-size:14px}.product .eyebrow{margin-bottom:18px}.planner-inputs textarea{min-height:180px;background:#0b0811;line-height:1.7}.planner-inputs label{font-size:16px}.planner-inputs label small{font-size:12px}.table-wrap{background:#0e0a14}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;background:#24172f}tr:last-child td{border-bottom:0}tbody tr:hover{background:#c090ff06}.metrics>div{background:linear-gradient(130deg,#251631,#110d17);border-color:#453051}.metrics b{font-size:38px}.metrics span{font-size:12px}details.panel[open] summary{padding-bottom:22px;border-bottom:1px solid var(--line)}details summary{font-size:18px}.admin-search{display:flex;align-items:end;gap:15px;margin-bottom:24px}.admin-search label{flex:1;margin:0}.admin-search input{margin-top:6px}.admin-actions{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.license-heading{display:flex;gap:24px;align-items:center}.license-heading .product-icon{width:86px;height:86px}.license-key{padding:18px;border:1px solid #755092;border-radius:12px;background:#0c0813;font-size:14px;line-height:1.8;user-select:all;overflow-wrap:anywhere}.copy-key{margin-top:8px}.device-row{border-top:1px solid var(--line);padding-top:22px}.device-row strong{font-size:16px}.device-row p{margin-bottom:0}.license-steps .panel{position:relative;overflow:hidden}.license-steps h2{font-size:22px}.license-steps p{font-size:14px}.legal{padding-top:42px}.legal h1{font-size:44px}.legal h2{font-size:23px}.legal p{font-size:15px;line-height:1.85}.empty{background:#b784f805;padding:52px 25px}.empty h2{max-width:420px;margin-left:auto;margin-right:auto}.empty p{font-size:14px}footer{max-width:1200px;margin-top:20px;padding-top:28px;font-size:12px}footer .brand{font-size:11px}footer p,footer nav{font-size:12px}.route-link{font-size:13px;color:#c4a1db}.fade-in{animation:appear .65s ease both}.route-catalogo .intro>div:first-child{animation:appear .65s ease both}.route-catalogo .flow-demo{animation:appear .8s ease both}.feedback-note{font-size:12px;color:#ccb2df;margin-top:12px;min-height:18px}.flash-status{outline:none}.error-page{max-width:640px;margin:65px auto;padding:40px;text-align:center}.error-page h1{font-size:34px}.error-page .product-icon{margin-bottom:24px}
@keyframes border-trail{to{offset-distance:100%}}@keyframes glow-breathe{50%{opacity:.5;transform:scale(1.05)}}@keyframes shine-border{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes shimmer{0%,65%{left:-80px}90%,100%{left:130%}}@keyframes appear{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.intro{gap:30px;grid-template-columns:1fr 1fr}.flow-demo{padding:22px}.intro h1{font-size:49px}.auth{gap:35px;grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.product{gap:30px}.auth-panel{padding:25px}}
@media(max-width:700px){header{padding:15px 22px;gap:16px;position:relative}.brand-logo{width:36px;height:36px}.intro{grid-template-columns:1fr;padding:38px 0 35px;gap:24px}.intro h1{font-size:45px}.intro .lead{font-size:16px}.flow-demo{max-width:500px;width:100%;padding:22px}.hero-actions .button{font-size:13px}.hero-footnote{font-size:11px}.demo-inputs{margin-top:22px}.demo-result strong{font-size:44px}.demo-result{padding:15px 18px}.section-heading h2{font-size:25px}.section-heading{margin-top:25px}.cards{gap:18px}.card{padding:24px}.card h3{font-size:25px}.steps{margin-top:28px;gap:25px}.auth{grid-template-columns:1fr;padding-top:28px;gap:20px;min-height:auto}.auth-aside h1{font-size:37px}.auth-aside .mini-brand{display:none}.auth-aside .eyebrow{margin-bottom:15px}.auth-aside h1 br{display:none}.auth-aside p{display:none}.auth-panel{padding:26px}.product{grid-template-columns:1fr}.product aside{position:static}.product h1{font-size:38px}.page-heading h1{font-size:37px}.library-intro{align-items:start;flex-direction:column}.admin-search{flex-wrap:wrap}.admin-search label{flex-basis:100%}.license-heading{align-items:start;gap:15px}.license-heading .product-icon{width:56px;height:56px}.license-heading h1{font-size:32px}.license-steps{grid-template-columns:1fr}.section-heading.device-row{align-items:start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr 1fr;gap:10px}.metrics>div{padding:18px 12px}.metrics b{font-size:29px}.metrics span{font-size:10px}.legal h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.flow-demo:before{opacity:.4}}
@media(max-width:400px){.demo-inputs{gap:8px}.demo-inputs label{font-size:9px;letter-spacing:.3px;overflow-wrap:anywhere}.demo-top{font-size:10px}.demo-result strong{font-size:40px}.hero-footnote span{margin:0 3px}.license-heading{display:block}}