.ylven-page{background:radial-gradient(circle at 68% 10%,rgba(113,48,252,.17),transparent 30rem),radial-gradient(circle at 84% 36%,rgba(0,217,232,.07),transparent 28rem),#0b0b12;color:#f8f9ff}
.ylven-header{position:sticky;top:0;z-index:40;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(11,11,18,.78);backdrop-filter:blur(20px)}.ylven-header-inner{width:min(calc(100% - 48px),1240px);height:78px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.ylven-nav{display:flex;gap:28px;color:#a6a3b2;font-size:13px}.ylven-nav a:hover{color:#fff}.ylven-status{justify-self:end;display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#a5a3b1}.ylven-status i{width:7px;height:7px;border-radius:50%;background:#00d9e8;box-shadow:0 0 14px rgba(0,217,232,.75)}
.ylven-hero{width:min(calc(100% - 48px),1240px);min-height:calc(100vh - 78px);margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center;padding:80px 0 100px}.ylven-product-label{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.14em;color:#9c83ff}.ylven-page-logo{width:min(100%,360px);margin:30px 0 20px}.ylven-hero h1{font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.055em;max-width:690px}.ylven-hero-copy>p{max-width:620px;margin:28px 0 0;color:#aaa7b6;font-size:18px;line-height:1.7}.ylven-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.ylven-hero-foot{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.ylven-hero-foot span{padding:8px 10px;border-radius:999px;border:1px solid rgba(151,82,252,.18);background:rgba(151,82,252,.06);color:#a9a4b8;font-size:10px}
.ylven-device-stage{position:relative;height:680px;border:1px solid rgba(151,82,252,.17);border-radius:28px;background:linear-gradient(145deg,rgba(19,16,37,.72),rgba(10,12,21,.7));overflow:hidden}.ylven-device-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:44px 44px}.ylven-halo{position:absolute;width:560px;height:560px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(151,82,252,.23),rgba(0,217,232,.045) 43%,transparent 70%)}.ylven-page-phone{position:absolute;overflow:hidden;background:#090a10;border:1px solid rgba(255,255,255,.12);border-radius:34px;box-shadow:0 36px 90px rgba(0,0,0,.5)}.ylven-page-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-primary{width:320px;height:632px;left:15%;top:30px;z-index:3;transform:rotate(-2deg)}.phone-secondary{width:276px;height:555px;right:5%;top:78px;z-index:2;transform:rotate(8deg);opacity:.62}.product-chip{position:absolute;z-index:5;right:7%;bottom:44px;width:230px;padding:16px 18px;border:1px solid rgba(255,255,255,.12);background:rgba(12,12,24,.76);backdrop-filter:blur(14px);border-radius:16px}.product-chip span{display:block;color:#a78bfa;font:9px "DM Mono",monospace;letter-spacing:.15em;margin-bottom:6px}.product-chip strong{font-size:14px;line-height:1.45}
.ylven-proof{width:min(calc(100% - 48px),1240px);margin:0 auto;padding:120px 0}.ylven-section-heading{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;align-items:start}.ylven-section-heading>span{font:10px "DM Mono",monospace;color:#8f73ff;letter-spacing:.13em}.ylven-section-heading h2{font-size:clamp(38px,4.5vw,62px);line-height:1.06;letter-spacing:-.045em}.ylven-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:58px}.ylven-feature-grid article{min-height:285px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(151,82,252,.025))}.ylven-feature-grid b{font:10px "DM Mono",monospace;color:#8f73ff;letter-spacing:.11em}.ylven-feature-grid h3{margin-top:36px;font-size:24px;line-height:1.15}.ylven-feature-grid p{color:#9895a6;line-height:1.7;font-size:14px}
.ylven-creators{padding:20px 0 120px}.creator-panel{width:min(calc(100% - 48px),1240px);margin:0 auto;padding:58px;border-radius:24px;border:1px solid rgba(151,82,252,.16);background:radial-gradient(circle at 12% 50%,rgba(113,48,252,.11),transparent 32%),rgba(255,255,255,.018);display:grid;grid-template-columns:1.08fr .92fr;gap:80px;align-items:center}.creator-panel h2{font-size:clamp(36px,4.6vw,60px);line-height:1.05;letter-spacing:-.045em;margin-top:14px}.creator-panel p{color:#9f9bab;line-height:1.7}.creator-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.08)}.creator-list span{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#d6d2df;font-size:14px}.creator-list span::before{content:"↗";color:#00d9e8;margin-right:10px}.ylven-cta-section{padding:0 0 120px}.ylven-cta-box{width:min(calc(100% - 48px),1240px);margin:0 auto;text-align:center;padding:80px 24px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(140deg,rgba(113,48,252,.09),rgba(0,217,232,.035))}.ylven-cta-box>span{font:10px "DM Mono",monospace;color:#9a82ff;letter-spacing:.14em}.ylven-cta-box h2{font-size:clamp(38px,5vw,64px);margin:18px auto 0;max-width:850px}.ylven-cta-box p{color:#9d99aa;max-width:660px;margin:20px auto 30px;line-height:1.7}.ylven-page-footer{border-top:1px solid rgba(255,255,255,.08)}.ylven-page-footer>div{width:min(calc(100% - 48px),1240px);min-height:100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;color:#777485;font-size:12px}.ylven-page-footer nav{display:flex;gap:18px}.ylven-page-footer a:hover{color:#bba8ff}
@media(max-width:980px){.ylven-header-inner{grid-template-columns:1fr auto}.ylven-nav{display:none}.ylven-hero{grid-template-columns:1fr;padding-top:56px}.ylven-device-stage{height:620px}.ylven-section-heading,.creator-panel{grid-template-columns:1fr}.ylven-feature-grid{grid-template-columns:1fr}.creator-panel{gap:30px}}
@media(max-width:680px){.ylven-header-inner,.ylven-hero,.ylven-proof,.creator-panel,.ylven-cta-box,.ylven-page-footer>div{width:min(calc(100% - 28px),1240px)}.ylven-status{font-size:0}.ylven-status i{display:block}.ylven-hero{padding:48px 0 74px}.ylven-page-logo{width:280px}.ylven-hero-copy>p{font-size:16px}.ylven-device-stage{height:500px}.phone-primary{width:232px;height:458px;left:5%;top:25px}.phone-secondary{width:196px;height:396px;right:-6%;top:55px}.product-chip{right:4%;bottom:26px;width:190px}.ylven-proof{padding:88px 0}.ylven-section-heading{gap:20px}.creator-panel{padding:32px 24px}.ylven-page-footer>div{padding:28px 0;align-items:flex-start;flex-direction:column;gap:16px}.ylven-page-footer nav{flex-wrap:wrap}}