:root{--bg:#020304;--text:#f8f6ef;--muted:#c6ccd6;--gold:#d8b86f;--gold2:#ffe39d;--goldline:rgba(216,184,111,.32);--pink:#ff54c7;--blue:#62d7ff;--violet:#a66dff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020304;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 68% 12%,rgba(216,184,111,.22),transparent 34%),radial-gradient(circle at 16% 38%,rgba(98,215,255,.10),transparent 30%),linear-gradient(180deg,#020304,#060910 48%,#020304)}body:after{content:"";position:fixed;inset:0;z-index:-2;opacity:.15;background:radial-gradient(circle,rgba(255,255,255,.32) 1px,transparent 1.6px);background-size:92px 92px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.header{height:96px;position:fixed;inset:0 0 auto;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:0 4.6vw;background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,.10));border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.logo{height:76px;max-width:400px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,255,255,.24))}.nav{display:flex;gap:24px;font-size:13px}.nav a{color:#eee7d7;text-decoration:none;opacity:.84}.nav a:hover{color:var(--gold2);opacity:1}.header-cta{color:var(--gold2);border:1px solid var(--goldline);border-radius:999px;padding:12px 20px;text-decoration:none;background:rgba(216,184,111,.04);font-weight:760}
.section{padding:112px 4.6vw;border-top:1px solid rgba(255,255,255,.07)}.eyebrow{color:var(--gold2);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:850;margin-bottom:18px}
h1{margin:0;font-size:clamp(54px,6vw,98px);line-height:.96;letter-spacing:-.058em;font-weight:620}h2{margin:0;font-size:clamp(38px,4.6vw,76px);line-height:1.02;letter-spacing:-.055em;font-weight:560;max-width:1130px}.title-gradient{background:linear-gradient(180deg,#fff 6%,#fff4d7 42%,#d8b86f 93%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(216,184,111,.12);position:relative}.title-gradient:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0%,rgba(255,246,206,.0) 35%,rgba(255,246,206,.42) 49%,rgba(255,255,255,.0) 62%,transparent 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 11s ease-in-out infinite;pointer-events:none}@keyframes shine{0%,68%,100%{transform:translateX(-110%);opacity:0}74%{opacity:.55}86%{transform:translateX(110%);opacity:0}}
.lead,.intro{color:#cdd2da;font-size:19px;line-height:1.68;max-width:900px;margin:24px 0 0}.hero{min-height:100vh;padding:128px 4.6vw 56px;display:grid;grid-template-columns:.84fr 1.16fr;gap:44px;align-items:center}.tagline{margin-top:18px;color:#f2dc9c;font-size:20px;letter-spacing:-.02em;font-weight:650}.subline{margin-top:8px;color:#bfc6d0;font-size:15px}.actions{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border-radius:999px;font-weight:850;text-decoration:none;border:0;cursor:pointer;font-size:15px;letter-spacing:-.01em;font-family:inherit}.primary{color:#080704;background:linear-gradient(135deg,#ffe9a9,#c2933f);box-shadow:0 20px 70px rgba(216,184,111,.19)}.secondary{color:var(--gold2);background:rgba(0,0,0,.28);border:1px solid rgba(216,184,111,.32)}.quick-metrics{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;color:#dfe2e8}.quick-metrics div{border-right:1px solid rgba(255,255,255,.12);padding-right:22px}.quick-metrics strong{display:block;color:#fff}.quick-metrics small{color:#aeb6c2}
.hero-system{position:relative;min-height:735px;border-radius:38px;overflow:hidden;border:1px solid rgba(216,184,111,.24);background:radial-gradient(ellipse at center,rgba(216,184,111,.17),transparent 42%),rgba(255,255,255,.014);box-shadow:0 35px 140px rgba(0,0,0,.50),0 0 110px rgba(216,184,111,.11)}.hero-system:before{content:"";position:absolute;inset:2%;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 42px,rgba(216,184,111,.16) 43px 44px,transparent 45px 68px);opacity:.75}.lightline{position:absolute;left:8%;right:8%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(255,226,150,.96),transparent);box-shadow:0 0 36px rgba(255,216,110,.78);z-index:2}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:310px;height:310px;border-radius:50%;display:grid;place-items:center;text-align:center;z-index:5;background:radial-gradient(circle,rgba(255,225,145,.42),rgba(113,78,16,.22) 45%,rgba(0,0,0,.90) 72%);border:1px solid rgba(255,226,150,.78);box-shadow:0 0 46px rgba(255,213,103,.62),0 0 140px rgba(216,184,111,.50),inset 0 0 48px rgba(255,231,170,.22);animation:corePulse 3.9s ease-in-out infinite}@keyframes corePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}.fave-pulse{width:104px;height:104px;margin:0 auto 12px;background:linear-gradient(135deg,#ff54c7,#a66dff,#62d7ff,#ffe39d,#ff54c7);background-size:360% 360%;-webkit-mask:url('../assets/loomai-fave-mask.png') center/contain no-repeat;mask:url('../assets/loomai-fave-mask.png') center/contain no-repeat;filter:drop-shadow(0 0 25px rgba(255,216,118,.86));animation:heart 1.25s ease-in-out infinite,colorflow 5s linear infinite}@keyframes heart{0%,100%{transform:scale(1)}50%{transform:scale(1.14)}}@keyframes colorflow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.core h2{font-size:43px;margin:0;letter-spacing:-.05em}.core p{font-size:14px;line-height:1.45;color:#fff4d8;margin:8px auto 0;max-width:215px}
.hero-node{position:absolute;width:122px;min-height:76px;border-radius:20px;border:1px solid rgba(216,184,111,.34);background:radial-gradient(circle at 42% 20%,rgba(216,184,111,.24),rgba(0,0,0,.84) 72%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px;z-index:3;box-shadow:0 0 28px rgba(216,184,111,.15);animation:float 5.8s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-node b{color:#ffe8a2;font-size:12px}.hero-node span{color:#c9ced8;font-size:10px;line-height:1.22;margin-top:5px}.n1{left:48%;top:5%}.n2{right:15%;top:9%;animation-delay:.2s}.n3{right:5%;top:24%;animation-delay:.4s}.n4{right:5%;top:43%;animation-delay:.6s}.n5{right:9%;bottom:20%;animation-delay:.8s}.n6{right:22%;bottom:6%;animation-delay:1s}.n7{left:48%;bottom:3%;animation-delay:1.2s}.n8{left:27%;bottom:6%;animation-delay:1.4s}.n9{left:10%;bottom:20%;animation-delay:1.6s}.n10{left:5%;top:43%;animation-delay:1.8s}.n11{left:8%;top:24%;animation-delay:2s}.n12{left:24%;top:9%;animation-delay:2.2s}.n13{left:37%;top:12%;animation-delay:2.4s}.n14{left:15%;top:58%;animation-delay:2.6s}.n15{right:15%;top:58%;animation-delay:2.8s}.n16{left:58%;top:20%;animation-delay:3s}
.feature-strip{margin:0 4.6vw 24px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(216,184,111,.22);border-radius:22px;overflow:hidden;background:rgba(255,255,255,.035)}.feature{padding:26px;display:flex;gap:18px;border-right:1px solid rgba(255,255,255,.08)}.feature:last-child{border-right:0}.feature-icon{color:var(--gold2);font-size:28px}.feature h3{margin:0 0 8px;color:#f7d991;font-size:14px;text-transform:uppercase;letter-spacing:.05em}.feature p{margin:0;color:#c4cad3;line-height:1.5;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-top:42px}.card,.role-card,.day-card{border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:26px;min-height:168px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));transition:.35s ease}.card:hover,.role-card:hover,.day-card:hover,.module-tile:hover{transform:translateY(-4px);border-color:rgba(216,184,111,.38);box-shadow:0 22px 80px rgba(0,0,0,.26)}.card h3,.role-card h3,.day-card h3{margin:0 0 12px;color:#f1d58f;font-size:20px}.card p,.role-card p,.day-card p{margin:0;color:#aeb6c2;line-height:1.58;font-size:15px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:42px}.list-panel{border:1px solid rgba(255,255,255,.09);border-radius:30px;padding:34px;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.02))}.list-panel h3{margin:0 0 20px;color:var(--gold2);font-size:26px}.comparison{display:grid;gap:10px}.comparison span{padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.045);color:#d7dce4;border:1px solid rgba(255,255,255,.06)}.comparison .good{background:rgba(216,184,111,.12);border-color:rgba(216,184,111,.22);color:#fff1c2}
.loom-section{background:radial-gradient(circle at 25% 22%,rgba(255,90,196,.12),transparent 32%),radial-gradient(circle at 82% 75%,rgba(116,199,255,.14),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.loom-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin-top:48px}.loom-card{border:1px solid rgba(216,184,111,.25);border-radius:34px;padding:34px;background:radial-gradient(circle at 40% 24%,rgba(216,184,111,.18),rgba(0,0,0,.62));box-shadow:0 0 90px rgba(216,184,111,.08)}.loom-big{width:132px;height:132px;background:linear-gradient(135deg,#ff54c7,#a66dff,#62d7ff,#ffe39d,#ff54c7);background-size:360% 360%;-webkit-mask:url('../assets/loomai-fave-mask.png') center/contain no-repeat;mask:url('../assets/loomai-fave-mask.png') center/contain no-repeat;animation:heart 1.25s ease-in-out infinite,colorflow 5s linear infinite;filter:drop-shadow(0 0 28px rgba(255,216,118,.70))}.loom-card h3{font-size:42px;margin:24px 0 12px}.loom-words{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.loom-words div{padding:20px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04)}.loom-words strong{display:block;color:var(--gold2);font-size:20px;margin-bottom:8px}
.module-matrix-wrap{margin-top:44px;border:1px solid rgba(216,184,111,.22);border-radius:32px;padding:24px;background:rgba(255,255,255,.028)}.module-matrix{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.module-tile{min-height:126px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);color:#fff;padding:14px;cursor:pointer;transition:.25s ease}.module-tile.active{border-color:rgba(216,184,111,.62);background:linear-gradient(180deg,rgba(216,184,111,.18),rgba(255,255,255,.035))}.module-tile strong{display:block;color:#ffe4a0;font-size:13px;margin-bottom:8px}.module-tile span{display:block;color:#aeb6c2;font-size:11px;line-height:1.35}.eco-panel{margin-top:20px;border:1px solid rgba(216,184,111,.22);border-radius:26px;padding:30px;background:radial-gradient(circle at top right,rgba(216,184,111,.12),transparent 44%),rgba(0,0,0,.22)}.eco-panel h3{font-size:34px;margin:0 0 12px;color:var(--gold2)}.eco-panel p{font-size:18px;line-height:1.7;color:#d2d7df}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.detail-grid article{padding:17px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.detail-grid strong{display:block;color:#f7d991;margin-bottom:8px}.detail-grid p{font-size:13px;line-height:1.5;margin:0;color:#c7ced8}
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.timeline{display:grid;grid-template-columns:340px 1fr;gap:28px;margin-top:48px}.day-rail{position:sticky;top:120px;height:max-content;border:1px solid rgba(216,184,111,.22);border-radius:28px;padding:28px;background:radial-gradient(circle at top right,rgba(216,184,111,.14),transparent 45%),rgba(255,255,255,.035)}.day-rail strong{font-size:38px;color:var(--gold2)}.day-rail p{color:#b8c0cc;line-height:1.6}.day-flow{display:grid;gap:18px}.day-card{display:grid;grid-template-columns:112px 1fr;gap:22px;align-items:start;min-height:auto}.day-card time{font-size:25px;color:var(--gold2);font-weight:900}.equal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:34px}.integration-grid{grid-template-columns:repeat(6,1fr)}.equal-card{min-height:92px;display:grid;place-items:center;text-align:center;border:1px solid rgba(216,184,111,.22);background:rgba(255,255,255,.035);border-radius:18px;padding:15px}.equal-card h3{font-size:15px;color:#f3d891;margin:0}
.contact{margin:22px 4.6vw 64px;border:1px solid rgba(216,184,111,.22);border-radius:22px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:.9fr 2fr;overflow:hidden}.contact-intro{padding:32px;border-right:1px solid rgba(255,255,255,.08)}.contact-intro h2{margin:10px 0;font-size:32px;letter-spacing:-.04em}.contact-intro p{color:#c4cad3;line-height:1.6}.form-zone{padding:28px;display:grid;grid-template-columns:240px 1fr;gap:26px}.step-tabs{display:flex;flex-direction:column;gap:9px}.step-tab{color:#fff;background:rgba(255,255,255,.035);border:0;border-radius:12px;padding:12px;text-align:left;display:flex;gap:10px;align-items:center;cursor:pointer}.step-tab.active{background:linear-gradient(90deg,rgba(216,184,111,.30),rgba(216,184,111,.05))}.step-tab b{width:22px;height:22px;border-radius:50%;background:#2b2b2b;display:grid;place-items:center;color:#fff;font-size:12px}.step-tab.active b{background:#f3d48a;color:#111}.form-step{display:none}.form-step.active{display:block}.form-step h3{margin:0 0 18px;color:#f5d98e}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-grid.single{grid-template-columns:1fr}label{color:#f3ecda;font-size:13px}input,select,textarea{margin-top:8px;width:100%;border:1px solid rgba(216,184,111,.22);background:rgba(0,0,0,.34);color:#fff;border-radius:10px;padding:13px;font:inherit;outline:0}textarea{min-height:105px;resize:vertical}.full{display:block;margin-top:18px}.form-actions{display:flex;justify-content:space-between;margin-top:24px}.required-note{color:#d8c48b;text-align:right;margin-top:14px;font-size:13px}.progress{height:7px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-bottom:22px}.progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,#d8b86f,#ffe39d);transition:.3s}.footer{padding:36px 4.6vw;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:22px;flex-wrap:wrap;color:#aeb6c2}
@media(max-width:1300px){.module-matrix{grid-template-columns:repeat(4,1fr)}.equal-grid,.integration-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.hero,.loom-grid,.contact,.split,.timeline{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.form-zone{grid-template-columns:1fr}.nav{display:none}.detail-grid{grid-template-columns:1fr 1fr}.module-matrix{grid-template-columns:repeat(2,1fr)}.role-grid{grid-template-columns:repeat(2,1fr)}.day-rail{position:relative;top:auto}}@media(max-width:680px){.hero,.section{padding-left:22px;padding-right:22px}h1{font-size:50px}.hero-system{min-height:560px}.core{width:230px;height:230px}.hero-node{display:none}.form-grid,.loom-words,.module-matrix,.role-grid,.equal-grid,.integration-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.day-card{grid-template-columns:1fr}}


/* v7 refinement: living Hero and cinematic Day section */
.hero-system {
  isolation:isolate;
}
.hero-system::after {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,227,157,.11), transparent 24%),
    radial-gradient(circle at 50% 50%, transparent 42%, rgba(0,0,0,.38) 84%);
  pointer-events:none;
  z-index:1;
}
.core { z-index:8; }
.core::before {
  content:"";
  position:absolute;
  inset:-26px;
  border-radius:50%;
  border:1px solid rgba(255,227,157,.20);
  box-shadow:0 0 60px rgba(216,184,111,.20);
  animation:haloBreath 5.5s ease-in-out infinite;
}
.core::after {
  content:"";
  position:absolute;
  inset:-68px;
  border-radius:50%;
  background:conic-gradient(from 90deg, transparent, rgba(255,227,157,.22), transparent, rgba(98,215,255,.10), transparent);
  filter:blur(16px);
  opacity:.55;
  animation:energyTurn 18s linear infinite;
  z-index:-1;
}
@keyframes haloBreath {
  0%,100% { transform:scale(.96); opacity:.34; }
  50% { transform:scale(1.06); opacity:.82; }
}
@keyframes energyTurn { to { transform:rotate(360deg); } }

.fave-pulse {
  position:relative;
  animation:heart 1.18s cubic-bezier(.4,0,.2,1) infinite, colorflow 4.6s linear infinite, liveGlow 3.5s ease-in-out infinite;
}
@keyframes liveGlow {
  0%,100% { filter:drop-shadow(0 0 22px rgba(255,216,118,.76)); }
  50% { filter:drop-shadow(0 0 36px rgba(255,84,199,.45)) drop-shadow(0 0 28px rgba(98,215,255,.38)); }
}
.hero-node {
  will-change: transform, box-shadow, border-color;
  backdrop-filter:blur(10px);
}
.hero-node:hover {
  border-color:rgba(255,227,157,.85);
  box-shadow:0 0 34px rgba(216,184,111,.38), inset 0 0 24px rgba(216,184,111,.10);
}
.hero-node::after {
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:1px;
  height:210px;
  transform-origin:top center;
  background:linear-gradient(to bottom, rgba(255,227,157,.22), transparent);
  z-index:-2;
  opacity:.32;
}
.n1::after,.n7::after { height:260px; }
.n2::after,.n8::after { transform:rotate(35deg); }
.n3::after,.n9::after { transform:rotate(58deg); }
.n4::after,.n10::after { transform:rotate(88deg); }
.n5::after,.n11::after { transform:rotate(118deg); }
.n6::after,.n12::after { transform:rotate(150deg); }
.n13::after,.n14::after,.n15::after,.n16::after { height:170px; opacity:.22; }

.lightline {
  animation:lineBreathe 6s ease-in-out infinite;
}
@keyframes lineBreathe {
  0%,100% { opacity:.55; filter:blur(.2px); }
  50% { opacity:1; filter:blur(0); }
}

/* Cinematic day */
.timeline {
  align-items:start;
}
.day-rail {
  overflow:hidden;
}
.day-rail::before {
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(135deg, rgba(255,227,157,.20), transparent 35%, rgba(98,215,255,.10));
  opacity:.55;
  pointer-events:none;
}
.day-rail strong, .day-rail p { position:relative; z-index:1; }
.day-flow {
  position:relative;
}
.day-flow::before {
  content:"";
  position:absolute;
  left:54px;
  top:18px;
  bottom:18px;
  width:1px;
  background:linear-gradient(to bottom, transparent, rgba(216,184,111,.65), rgba(98,215,255,.30), transparent);
}
.day-card {
  position:relative;
  padding-left:18px;
  background:
    radial-gradient(circle at 10% 18%, rgba(216,184,111,.12), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
}
.day-card::before {
  content:"";
  position:absolute;
  left:46px;
  top:34px;
  width:17px;
  height:17px;
  border-radius:50%;
  background:linear-gradient(135deg,#ffe39d,#d8b86f);
  box-shadow:0 0 26px rgba(216,184,111,.55);
  z-index:2;
}
.day-card::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:24px;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.08), transparent);
  opacity:0;
  transform:translateX(-45%);
  transition:.55s ease;
}
.day-card:hover::after {
  opacity:1;
  transform:translateX(45%);
}
.day-card h3 {
  font-size:24px;
}
.day-card p {
  font-size:16px;
}
.day-card time {
  font-size:27px;
  letter-spacing:-.04em;
}

/* Better CTA typography */
.btn {
  text-transform:none;
  letter-spacing:-.015em;
  box-shadow:0 0 0 1px rgba(255,255,255,.03) inset;
}
.btn.primary:hover, .btn.secondary:hover {
  transform:translateY(-2px);
}

.particle-field {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.particle-field i {
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(255,227,157,.72);
  box-shadow:0 0 20px rgba(255,227,157,.65);
  animation:particleDrift 12s ease-in-out infinite;
}
.particle-field i:nth-child(1){left:18%;top:21%;animation-delay:0s}
.particle-field i:nth-child(2){left:78%;top:28%;animation-delay:1.5s}
.particle-field i:nth-child(3){left:66%;top:74%;animation-delay:3s}
.particle-field i:nth-child(4){left:24%;top:70%;animation-delay:4.5s}
.particle-field i:nth-child(5){left:49%;top:13%;animation-delay:6s}
.particle-field i:nth-child(6){left:52%;top:84%;animation-delay:7.5s}
@keyframes particleDrift {
  0%,100% { transform:translate3d(0,0,0) scale(.7); opacity:.28; }
  50% { transform:translate3d(14px,-18px,0) scale(1.15); opacity:.9; }
}