
:root{--cyan:#40e8ef;--pink:#ff4e9d;--gold:#f7ce57;--purple:#a881ff;--ink:#070a15}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#f7f9ff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(ellipse at 10% 18%,#0b304080,transparent 34%),radial-gradient(ellipse at 92% 45%,#32134288,transparent 35%),#070a15;overflow-x:hidden}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0;gap:15px}.brand{font-weight:900;letter-spacing:.03em}.brand b{color:var(--cyan)}.nav{display:flex;gap:22px;color:#b7c2d8;font-size:14px}.nav a:hover{color:var(--cyan)}.hero{position:relative;min-height:610px;display:grid;place-items:center;isolation:isolate;overflow:hidden;border:1px solid #ffffff20;border-radius:30px;background:radial-gradient(ellipse at 50% 30%,#0e637052,transparent 54%),linear-gradient(140deg,#0c1427,#0b1021 65%,#180e2c);box-shadow:0 24px 85px #0009}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff09 50%,transparent 50.2%),linear-gradient(#ffffff07 1px,transparent 1px);background-size:100% 100%,100% 70px;opacity:.25}.hero-content{position:relative;z-index:3;text-align:center;max-width:720px;padding:45px 15px}.eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:900;color:var(--cyan)}h1{font-size:clamp(53px,9vw,108px);line-height:.92;letter-spacing:-.07em;margin:20px 0;text-shadow:0 0 45px #3ce7ef44}h1 span{display:block;color:var(--cyan)}.hero p{font-size:clamp(16px,2vw,20px);color:#d1d8e8}.pill{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:99px;border:1px solid #5deaf06e;background:#102f3bb3;font-weight:750;font-size:12px;letter-spacing:.08em}.dot{width:9px;height:9px;background:#ff4e76;border-radius:50%;box-shadow:0 0 13px #ff4e76;animation:blink 1.3s infinite}@keyframes blink{50%{opacity:.25}}.phone{position:absolute;width:176px;height:330px;border:5px solid #2a3c55;border-radius:31px;background:linear-gradient(150deg,#163649,#14182d 48%,#361a4c);box-shadow:0 0 0 2px #71f3ff40,0 25px 70px #000b;overflow:hidden;z-index:2}.phone:before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:53px;height:12px;border-radius:10px;background:#060913}.phone .screen{position:absolute;inset:29px 10px 10px;border-radius:17px;background:radial-gradient(circle at 50% 28%,#e76fa688,transparent 28%),linear-gradient(160deg,#244866,#21112d)}.screen .play{position:absolute;top:42%;left:43%;font-size:38px;color:white;text-shadow:0 0 25px var(--cyan)}.screen .reactions{position:absolute;right:8px;bottom:50px;display:grid;gap:14px;font-size:19px}.screen .bars{position:absolute;bottom:15px;left:12px;right:12px;display:grid;gap:5px}.screen .bars i{display:block;background:#ffffffa1;height:5px;border-radius:4px}.screen .bars i:last-child{width:60%;opacity:.6}.phone.left{left:5%;top:19%;transform:rotate(-12deg);animation:float1 7s ease-in-out infinite}.phone.right{right:5%;top:15%;transform:rotate(12deg) scale(.91);animation:float2 8s ease-in-out infinite}.phone.right .screen{background:radial-gradient(circle at 50% 25%,#60d7e3a8,transparent 30%),linear-gradient(160deg,#16344e,#34214a)}@keyframes float1{50%{transform:translateY(-13px) rotate(-9deg)}}@keyframes float2{50%{transform:translateY(12px) rotate(9deg) scale(.91)}}.float-icon{position:absolute;z-index:2;display:grid;place-items:center;border:1px solid #ffffff38;background:#111b35b8;backdrop-filter:blur(9px);border-radius:18px;box-shadow:0 0 26px #48e9f037;font-size:29px;width:70px;height:70px}.fi1{top:12%;left:28%;transform:rotate(-15deg)}.fi2{bottom:15%;right:24%;transform:rotate(12deg)}.fi3{bottom:14%;left:25%;transform:rotate(-10deg)}.splash{position:absolute;pointer-events:none;z-index:1;width:175px;height:130px;filter:blur(.4px);opacity:.75;background:var(--s);clip-path:polygon(49% 0,56% 31%,74% 8%,69% 39%,100% 28%,76% 54%,96% 82%,62% 68%,52% 100%,41% 68%,8% 88%,28% 54%,0 29%,37% 39%,24% 9%,45% 31%)}.hero .splash.one{--s:#ff3f98;top:2%;right:19%;transform:rotate(30deg) scale(.9)}.hero .splash.two{--s:#ffd35c;bottom:3%;left:12%;transform:rotate(10deg) scale(.75)}.hero .splash.three{--s:#36dce8;bottom:4%;right:9%;transform:rotate(-12deg) scale(.6)}section{position:relative;padding:88px 0}.section-head{margin-bottom:25px}.kicker{font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan)}h2{font-size:clamp(30px,4vw,49px);letter-spacing:-.045em;line-height:1.08;margin:13px 0 18px}h3{margin:0 0 13px;font-size:21px;letter-spacing:-.02em}p{line-height:1.8;color:#c3ccde;font-size:16px}.lead{max-width:850px}.glass{background:linear-gradient(140deg,#1c2541d9,#0e152bd9);border:1px solid #ffffff23;border-radius:23px;padding:31px;box-shadow:0 18px 50px #0005;backdrop-filter:blur(10px);transition:transform .25s,border-color .25s,box-shadow .25s}.glass:hover{transform:translateY(-5px);border-color:#48e9ef8c;box-shadow:0 20px 50px #30d9e61c}.intro{display:grid;grid-template-columns:1fr 1fr;gap:20px}.intro .glass:nth-child(2){border-top:3px solid var(--pink)}.intro .glass:first-child{border-top:3px solid var(--cyan)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.grid.three{grid-template-columns:repeat(3,1fr)}.iconbox{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#37e5ec1c;border:1px solid #48e9ef45;font-size:26px;margin-bottom:18px}.grid .glass:nth-child(2n) .iconbox{background:#ff4e9d1c;border-color:#ff4e9d45}.grid .glass:nth-child(3n) .iconbox{background:#a881ff1c;border-color:#a881ff45}.feature{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center}.feature-art{min-height:270px;border:1px solid #ffffff20;border-radius:25px;background:radial-gradient(circle at 50% 40%,#18dbe94a,transparent 43%),linear-gradient(130deg,#162b45,#2a183f);display:grid;place-items:center;overflow:hidden;position:relative}.feature-art .ring{width:190px;height:190px;border-radius:40px;border:3px solid #70f9ff6e;display:grid;place-items:center;transform:rotate(-9deg);font-size:76px;box-shadow:0 0 50px #20deec48}.feature-art .ring:after{content:'REC  •  CREATE  •  CONNECT';position:absolute;bottom:23px;font-size:11px;font-weight:900;letter-spacing:.22em;color:#c5eff6;transform:rotate(9deg)}.decor{position:absolute;z-index:-1;opacity:.28}.decor.pink{--s:#ff4e9d;top:20px;right:-40px;transform:rotate(24deg)}.decor.cyan{--s:#35e9f0;bottom:0;left:-65px}.decor.yellow{--s:#f7ce57;top:8px;left:-70px}.activities .glass{position:relative;overflow:hidden}.activities .glass:after{content:'';position:absolute;inset:auto -40px -65px auto;width:130px;height:130px;background:radial-gradient(circle,#32e9ef26,transparent 65%)}.number{font-size:11px;color:var(--cyan);font-weight:900;letter-spacing:.16em;margin-bottom:16px}.media{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.placeholder{border-radius:23px;min-height:245px;background:linear-gradient(145deg,#1d3b54,#1e1536);border:1px dashed #6ee8ef6a;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}.placeholder .big{font-size:55px}.action{display:inline-flex;margin-top:20px;border-radius:12px;padding:12px 19px;background:#41e9ef;color:#07131b;font-weight:900;font-size:13px}.action.alt{background:#261e3e;color:white;border:1px solid #ffffff42}.links{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0 50px}footer{border-top:1px solid #ffffff1b;padding:28px 0 45px;color:#a8b6ca;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.caption{font-size:12px;color:#8ea0b9;margin-top:8px}.banner{border:1px solid #ffc85b4f;background:#f4b63a12;color:#f9d98d;padding:12px 20px;text-align:center;font-size:12px}.recording{display:flex;gap:5px;justify-content:center;align-items:end;height:38px;margin-top:23px}.recording i{display:block;width:6px;border-radius:6px;background:linear-gradient(var(--pink),var(--cyan));animation:eq 1s ease-in-out infinite alternate}.recording i:nth-child(1){height:12px}.recording i:nth-child(2){height:28px;animation-delay:.2s}.recording i:nth-child(3){height:18px;animation-delay:.4s}.recording i:nth-child(4){height:34px;animation-delay:.1s}.recording i:nth-child(5){height:17px;animation-delay:.35s}.recording i:nth-child(6){height:26px;animation-delay:.5s}@keyframes eq{to{height:8px}}@media(max-width:850px){.phone{opacity:.5;transform:scale(.75)}.phone.left{left:-60px}.phone.right{right:-65px}.fi1{left:10%}.fi2{right:8%}.fi3{left:8%}.hero{min-height:540px}.intro,.feature,.media{grid-template-columns:1fr}.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.nav{gap:12px;font-size:11px}.hero{min-height:520px}.phone{opacity:.2}.float-icon{width:47px;height:47px;font-size:22px}.hero-content{padding:30px 12px}.grid,.grid.three{grid-template-columns:1fr}.glass{padding:23px}section{padding:60px 0}.fi1{top:10%}.fi2{bottom:10%}}

/* WordPress integration refinements */
html{scroll-padding-top:30px} .rcwd-original-content{width:min(1120px,92%);margin:45px auto 85px;padding:28px;border:1px solid #ffffff33;border-radius:22px;background:#ffffff08;color:#eee;overflow-wrap:anywhere} .rcwd-original-content summary{cursor:pointer;font-weight:750;color:#fff;font-size:1.1rem;padding:10px 0}.rcwd-original-content .wp-block-image img,.rcwd-original-content img{max-width:100%;height:auto}.rcwd-original-content a{color:#7cecff}.rcwd-original-content iframe{max-width:100%}.rcwd-original-content details[open] summary{margin-bottom:20px}.rcwd-original-content .entry-content{max-width:100%} .rcwd-original-content h1,.rcwd-original-content h2,.rcwd-original-content h3{font-size:revert;letter-spacing:normal;line-height:1.25} .rcwd-footer-standard{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;max-width:1120px;margin:auto;padding:24px 4%;color:#c8c4d7;border-top:1px solid #ffffff25}.rcwd-footer-standard a{color:#f2eaff} .rcwd-footer-standard a:hover{text-decoration:underline} @media(max-width:650px){.rcwd-footer-standard{justify-content:center;text-align:center}}
