:root{--aya-primary:#4F46E5;--aya-secondary:#7C3AED;--aya-gold:#F59E0B;--aya-soft:#F8FAFC;--aya-teal:#14B8A6;--aya-sky:#38BDF8;--aya-peach:#FDBA74;--aya-ice:#E0F2FE;--ink:#0f172a;--muted:#475569;--stroke: rgba(148,163,184,.26);--card: rgba(255,255,255,.84);--shadow: 0 18px 60px rgba(15,23,42,.1);--r:22px;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:radial-gradient(900px 520px at 12% 12%,rgba(20,184,166,.16),transparent 62%),radial-gradient(820px 520px at 88% 18%,rgba(56,189,248,.14),transparent 62%),radial-gradient(900px 520px at 50% 92%,rgba(253,186,116,.12),transparent 62%),radial-gradient(820px 520px at 55% 28%,rgba(79,70,229,.1),transparent 60%),linear-gradient(180deg,var(--aya-soft),#ffffff);overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:0 auto;padding:0 18px}.grain{pointer-events:none;position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.10'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.16}.g-text{background:linear-gradient(135deg,var(--aya-teal),var(--aya-sky),var(--aya-primary),var(--aya-peach));-webkit-background-clip:text;background-clip:text;color:transparent}.g-border{position:relative;border-radius:var(--r)}.g-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,#14b8a68c,#38bdf873,#4f46e566,#fdba7461);z-index:0}.g-border>*{position:relative;z-index:1}.card{background:var(--card);border:1px solid rgba(148,163,184,.18);border-radius:var(--r);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:16px;font-weight:900;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--aya-primary),var(--aya-secondary));box-shadow:0 14px 36px #4f46e538}.btn-primary:hover{filter:brightness(.98)}.btn-aura{color:#0b1220;background:linear-gradient(135deg,#ffffffeb,#e0f2fef2);border:1px solid rgba(148,163,184,.22);box-shadow:0 14px 34px #0f172a14;position:relative;overflow:hidden}.btn-aura:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#14b8a638,#38bdf82e,#4f46e524,#fdba7429);filter:blur(12px);opacity:.95;z-index:0}.btn-aura span{position:relative;z-index:1}.btn-ghost{background:#ffffffb8;border:1px solid rgba(148,163,184,.26);color:var(--ink)}.btn-ghost:hover{background:#fff}.pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;background:#ffffffad;border:1px solid rgba(148,163,184,.2);color:#0f172ac7;font-size:12px;font-weight:900;letter-spacing:.2px;position:relative;overflow:hidden}.pill:before{content:"";position:absolute;inset:-40px;background:linear-gradient(135deg,#14b8a629,#38bdf81f,#4f46e51a,#fdba741a);filter:blur(14px);opacity:.95}.pill>*{position:relative;z-index:1}.dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--aya-teal),var(--aya-sky));box-shadow:0 0 0 6px #38bdf81a}header{position:sticky;top:0;z-index:10;background:#ffffffbd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(148,163,184,.18)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:.2px}.brand small{display:block;font-weight:700;color:#64748b;margin-top:2px;letter-spacing:.2px}nav{display:flex;align-items:center;gap:12px;color:#475569;font-size:14px}nav a,nav button{padding:8px 10px;border-radius:12px;transition:background .15s ease,color .15s ease,transform .15s ease}nav a:hover,nav button:hover{background:#14b8a61a;color:var(--ink)}nav button{background:transparent;border:0;font:inherit;cursor:pointer}.hero{padding:110px 0 44px;position:relative}.hero:before{content:"";position:absolute;inset:-260px -220px auto;height:660px;background:radial-gradient(circle at 18% 42%,rgba(20,184,166,.22),transparent 60%),radial-gradient(circle at 48% 18%,rgba(56,189,248,.18),transparent 62%),radial-gradient(circle at 78% 46%,rgba(253,186,116,.14),transparent 62%),radial-gradient(circle at 58% 58%,rgba(79,70,229,.12),transparent 62%);pointer-events:none}h1{margin:14px 0 0;font-size:clamp(44px,6vw,74px);line-height:1.02;letter-spacing:-.9px}.subtitle{margin:14px 0 0;font-size:18px;line-height:1.95;color:var(--muted);max-width:900px}.divider{margin-top:18px;color:#0f172a8c;letter-spacing:2px}.hero-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}main{padding:18px 0 64px}.about{padding:22px;position:relative;overflow:hidden}.about:before{content:"";position:absolute;inset:auto -160px -170px auto;width:460px;height:460px;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.18),transparent 62%),radial-gradient(circle at 70% 55%,rgba(56,189,248,.14),transparent 64%),radial-gradient(circle at 40% 80%,rgba(253,186,116,.12),transparent 64%);pointer-events:none}.about h2{margin:0;font-size:16px;letter-spacing:.35px;color:#0f172adb;display:flex;align-items:center;gap:10px}.about h2 .mark{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--aya-teal),var(--aya-sky),var(--aya-primary));box-shadow:0 0 0 6px #38bdf81a}.about p{margin:10px 0 0;color:var(--muted);line-height:2}.grid{margin-top:16px;display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.mini{grid-column:span 12;padding:18px;position:relative;overflow:hidden;min-width:0}.mini:before{content:"";position:absolute;inset:-90px -90px auto auto;width:300px;height:300px;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.16),transparent 60%),radial-gradient(circle at 65% 65%,rgba(56,189,248,.12),transparent 62%);pointer-events:none}.mini:nth-child(2):before{background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.16),transparent 60%),radial-gradient(circle at 70% 60%,rgba(79,70,229,.12),transparent 62%)}.mini:nth-child(3):before{background:radial-gradient(circle at 30% 30%,rgba(253,186,116,.14),transparent 62%),radial-gradient(circle at 65% 65%,rgba(20,184,166,.12),transparent 62%)}.mini h3{margin:0;font-size:16px;font-weight:950;letter-spacing:.2px}.mini p{margin:10px 0 0;color:#64748b;line-height:1.95}.tag{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(148,163,184,.24);background:linear-gradient(135deg,#14b8a614,#38bdf80f,#fdba740f),#f8fafcf2;color:#0f172ab3;font-size:12px;font-weight:900}.cta{margin-top:16px;padding:26px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:-120px -120px auto auto;width:520px;height:520px;background:radial-gradient(circle at 30% 30%,rgba(253,186,116,.18),transparent 60%),radial-gradient(circle at 65% 65%,rgba(56,189,248,.14),transparent 62%),radial-gradient(circle at 45% 80%,rgba(20,184,166,.14),transparent 62%);pointer-events:none}.cta h2{margin:0;font-size:22px;letter-spacing:-.2px;color:#0f172aeb}.cta p{margin:10px 0 0;color:#475569;line-height:1.9;max-width:820px}.cta-actions{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hint{margin-top:10px;font-size:12px;color:#0f172a99;line-height:1.7;max-width:860px}footer{border-top:1px solid rgba(148,163,184,.26);background:#ffffffbf}.footer-inner{padding:18px 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#64748b;font-size:12px}@media(min-width:860px){.mini{grid-column:span 4}.hero{padding:120px 0 48px}}@media(max-width:860px){nav{display:none}}.blobs{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.95}.blob{position:absolute;border-radius:999px;filter:blur(28px);mix-blend-mode:multiply;opacity:.55;animation:float 14s ease-in-out infinite;transform:translateZ(0)}.b1{width:560px;height:560px;left:-260px;top:170px;background:radial-gradient(circle at 30% 30%,#14b8a6bf,#14b8a600 62%)}.b2{width:620px;height:620px;right:-300px;top:70px;background:radial-gradient(circle at 30% 30%,#38bdf8a6,#38bdf800 62%);animation-delay:-4s}.b3{width:540px;height:540px;left:42%;bottom:-280px;background:radial-gradient(circle at 30% 30%,#fdba748c,#fdba7400 62%);animation-delay:-8s}.b4{width:440px;height:440px;left:6%;bottom:-210px;background:radial-gradient(circle at 30% 30%,#4f46e573,#4f46e500 62%);animation-delay:-6s}@keyframes float{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.02)}}@media(prefers-reduced-motion:reduce){.blob{animation:none}}.sticky-cta{position:fixed;left:12px;right:12px;bottom:12px;z-index:50;display:none}.sticky-cta button{width:100%}@media(max-width:860px){.sticky-cta{display:block}body{padding-bottom:74px}}.modal{position:fixed;inset:0;display:none;z-index:200}.modal.is-open{display:block}.modal-backdrop{position:absolute;inset:0;background:#0f172a6b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-shell{position:relative;min-height:100%;display:flex;align-items:center;justify-content:center;padding:18px}.modal-panel{width:min(860px,100%);border-radius:22px;border:1px solid rgba(148,163,184,.24);background:#ffffffeb;box-shadow:0 28px 90px #0f172a33;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;position:relative}.modal-panel:before{content:"";position:absolute;inset:-120px -120px auto auto;width:520px;height:520px;background:radial-gradient(circle at 30% 30%,rgba(20,184,166,.18),transparent 60%),radial-gradient(circle at 65% 65%,rgba(56,189,248,.14),transparent 62%),radial-gradient(circle at 45% 80%,rgba(253,186,116,.12),transparent 62%),radial-gradient(circle at 25% 80%,rgba(79,70,229,.1),transparent 62%);pointer-events:none}.modal-head{position:relative;z-index:1;padding:16px 16px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(148,163,184,.18)}.modal-title{font-weight:950;letter-spacing:.2px;color:#0f172aeb;margin:0;font-size:16px}.modal-sub{margin:6px 0 0;color:#0f172a99;font-size:12px;line-height:1.7;max-width:64ch}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#ffffffbf;color:#0f172ac7;cursor:pointer}.icon-btn:hover{background:#fff}.tabs{display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.18);background:#f8fafcb8;position:relative;z-index:1}.tab-btn{padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#fffc;color:#0f172ab8;font-weight:900;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.tab-btn:hover{background:#fff}.tab-btn.is-active{border-color:#14b8a666;background:#14b8a61a;color:#0f172ae6}.modal-body{position:relative;z-index:1;padding:16px;overflow:auto;max-height:calc(90vh - 140px);min-width:0}.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;width:100%;min-width:0}.field{grid-column:span 12;min-width:0}.field.half{grid-column:span 12}.field label{display:block;font-size:12px;font-weight:900;color:#0f172ab8;margin-bottom:6px;letter-spacing:.2px}.field input,.field textarea,.field select{width:100%;max-width:100%;min-width:0;padding:12px;border-radius:14px;border:1px solid rgba(148,163,184,.26);background:#ffffffeb;color:#0f172ae6;outline:none;display:block}.field textarea{min-height:96px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#0f172a59}.modal-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.result{margin-top:10px;padding:12px;border-radius:14px;border:1px solid rgba(34,197,94,.25);background:#22c55e1a;color:#0f172acc;display:none}@media(min-width:860px){.field.half{grid-column:span 6}}.brand{display:flex;align-items:center;gap:12px}.brandLogo{width:38px;height:38px;object-fit:contain;border-radius:999px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.22))}
