/* Elle Liana site components — lifted from aidropsurfing.com (VIR-1582). Shell (header/footer) lives in shell.css. */
 :root{
 --navy:#1e3a2b; --navy-2:#264a36; --teal:#caa03f; --teal-deep:#8e6a20; --sand:#f7f2e7; --white:#FFFFFF;
 --coral:#caa03f; --coral-h:#b58e33; --ink:#1e3a2b; --muted:#5c5e52; --line:#dfd8c4; --hair:rgba(202,160,63,.35);
 --r:18px; --shadow:0 1px 2px rgba(18,44,29,.05),0 12px 32px rgba(18,44,29,.08);
 }
 *{box-sizing:border-box}
 html{scroll-behavior:smooth;scroll-padding-top:90px}
 body{margin:0;background:var(--white);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}
 h1,h2,h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:var(--ink);line-height:1.12;letter-spacing:-.005em;margin:0;text-wrap:balance}
 p{text-wrap:pretty}
 a{color:var(--teal-deep)}
 img{max-width:100%}
 .wrap{max-width:1160px;margin:0 auto;padding:0 22px}
 .eyebrow{display:inline-block;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--teal-deep)}
 .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;background:var(--coral);color:#1a1408;font-family:inherit;font-weight:700;font-size:18px;line-height:1;padding:19px 34px;border-radius:999px;text-decoration:none;box-shadow:0 10px 24px rgba(168,132,47,.32);transition:background .15s ease,transform .15s ease,box-shadow .15s ease}
 .btn:hover{background:var(--coral-h);transform:translateY(-1px);box-shadow:0 14px 30px rgba(168,132,47,.4)}
 .btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
 .btn[disabled]{opacity:.6;cursor:not-allowed;transform:none}
 .micro-line{font-size:14.5px;color:var(--muted);margin:12px 0 0}


 /* ===== HERO ===== */
 .hero{background:var(--navy);color:#fff;padding:44px 0 0;position:relative}
 .hero-grid{display:grid;grid-template-columns:1fr 1.08fr;grid-template-areas:"text video" "cta video";column-gap:56px;align-items:start}
 .hero-text{grid-area:text}
 .hero-video{grid-area:video;align-self:center}
 .hero-cta{grid-area:cta}
 .hero .eyebrow{color:var(--teal)}
 .hero h1{color:#fff;font-size:clamp(31px,3.4vw,47px);margin:14px 0 0}
 .hero .sub{font-size:17.5px;color:#dcdcc9;margin:18px 0 0;max-width:54ch}
 .hero .sub .ast{color:var(--teal)}
 .hero .micro-line{color:#bdbfa9}
 .hero-cta{padding-top:24px}
 .vsl{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#102b1c;box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(202,160,63,.35);cursor:pointer}
 .vsl img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
 .vsl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
 .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);border:0;cursor:pointer;transition:transform .15s ease}
 .play svg{width:30px;height:30px;margin-left:5px;fill:#1a1408}
 .vsl:hover .play{transform:translate(-50%,-50%) scale(1.06)}
 .vsl .vlabel{position:absolute;left:14px;bottom:12px;background:rgba(18,44,29,.82);color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px}
 .wave{display:block;width:100%;height:70px;margin-top:56px}

 /* ===== SECTIONS ===== */
 section{padding:88px 0}
 .sand{background:var(--sand)}
 .section-head{text-align:center;max-width:46ch;margin:0 auto 46px}
 .section-head h2{font-size:clamp(30px,4vw,44px);margin-top:10px}
 .section-head p{color:var(--muted);font-size:17px;margin:14px auto 0}
 .card{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
 /* 2 what is */
 .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
 .tile{padding:30px 26px;border-top:2px solid var(--teal)}
 .tile .ic{width:48px;height:48px;color:var(--teal-deep)}
 .tile h3{font-size:27px;margin:16px 0 8px}
 .tile p{margin:0;color:var(--muted);font-size:16.5px}
 /* 3 compare */
 .compare{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}
 .col{padding:32px 30px}
 .col h3{font-size:28px;margin:0 0 16px}
 .col ul{list-style:none;margin:0;padding:0}
 .col li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line);font-size:16.5px}
 .col li:first-child{border-top:0}
 .col li svg{width:20px;height:20px;flex:none;margin-top:4px}
 .col.guess{background:var(--sand)}
 .col.guess li{color:var(--muted)}
 .col.guess svg{color:#a3a394}
 .col.surf{background:var(--navy);border-color:var(--navy);color:#efeee2}
 .col.surf h3{color:#fff}
 .col.surf li{border-color:rgba(255,255,255,.12)}
 .col.surf svg{color:var(--teal)}
 /* 4 numbers */
 .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:0 auto}
 .stat{padding:34px 24px;text-align:center}
 .stat .v{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(44px,5.4vw,64px);line-height:1;color:var(--navy)}
 .stat .v sup{font-size:.4em;color:var(--teal-deep);vertical-align:super}
 .stat .l{margin-top:12px;font-weight:700;font-size:16.5px}
 .disc-line{max-width:860px;margin:28px auto 0;font-size:13.5px;color:var(--muted);line-height:1.7;text-align:center}
 /* 5 videos */
 .vgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
 .vcard{overflow:hidden;flex:0 1 calc(33.333% - 16px)}
 .proof-grid .proof-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;cursor:zoom-in;background:#fff}
 .vthumb{position:relative;aspect-ratio:16/9;background:#102b1c;cursor:pointer;display:block}
 .vthumb img{width:100%;height:100%;object-fit:cover;display:block}
 .vthumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
 .vthumb .play{width:60px;height:60px}
 .vthumb .play svg{width:22px;height:22px;margin-left:4px}
 .vcap{padding:14px 18px 18px;font-size:15px;color:var(--muted);margin:0}
 .vcap b{color:var(--ink);display:block;font-size:16.5px;margin-bottom:2px}
 .seeall{text-align:center;margin:30px 0 0;font-size:16px}
 .seeall a{font-weight:700}
 /* 6 inbox */
 .shots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
 .shots .proof-img{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:#fff}
 .shots .proof-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}
 #lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(12,23,17,.92);align-items:center;justify-content:center;padding:28px;cursor:zoom-out}
 #lightbox.open{display:flex}
 #lightbox img{max-width:min(1200px,94vw);max-height:90vh;width:auto;height:auto;border-radius:12px}
 /* 7 story */
 .story{display:grid;grid-template-columns:340px 1fr;gap:clamp(28px,5vw,64px);align-items:center;max-width:1020px;margin:0 auto}
 .story img.portrait{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 18%;border-radius:var(--r);box-shadow:var(--shadow)}
 .story h2{font-size:clamp(30px,4vw,44px);margin:10px 0 16px}
 .story p{margin:0 0 14px;color:var(--muted)}
 .story p b{color:var(--ink)}
 .story .more{font-weight:700;text-decoration:none}
 .team{max-width:1020px;margin:56px auto 0;border-top:1px solid var(--hair);padding-top:36px}
 .team .lab{text-align:center;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-deep);font-weight:700;margin:0 0 24px}
 .team-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
 .tm{text-align:center}
 .tm img{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 10px;border:2px solid var(--sand)}
 .tm h3{font-size:19px}
 .tm p{margin:2px 0 0;font-size:13px;color:var(--muted);line-height:1.35}
 /* 8 check us */
 .checks{list-style:none;margin:0 auto;padding:0;max-width:760px}
 .checks li{border-top:1px solid var(--line)}
 .checks li:last-child{border-bottom:1px solid var(--line)}
 .checks a{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:center;padding:20px 6px;text-decoration:none;color:var(--ink)}
 .checks a:hover h3{color:var(--teal-deep)}
 .checks .ic{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--hair);color:var(--teal-deep);display:flex;align-items:center;justify-content:center}
 .checks .ic svg{width:22px;height:22px}
 .checks h3{font-size:22px}
 .checks p{margin:2px 0 0;font-size:15.5px;color:var(--muted)}
 .checks .arr{color:var(--teal-deep);font-size:22px}
 /* 9 fit */
 .fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto}
 .fit{padding:30px 28px}
 .fit h3{font-size:26px;margin:0 0 14px}
 .fit ul{margin:0;padding:0;list-style:none}
 .fit li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;margin:0 0 12px}
 .fit li svg{width:20px;height:20px;flex:none;margin-top:4px}
 .fit.yes li svg{color:var(--teal-deep)}
 .fit.no li svg{color:#C2412D}
 /* 10 faq */
 .faq{max-width:780px;margin:0 auto}
 .faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin-bottom:12px}
 .faq summary{cursor:pointer;font-weight:700;font-size:17px;list-style:none;position:relative;padding-right:30px}
 .faq summary::-webkit-details-marker{display:none}
 .faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--teal-deep);font-size:24px;font-weight:400}
 .faq details[open] summary::after{content:"\2212"}
 .faq details p{margin:12px 0 0;font-size:16px;color:var(--muted)}
 /* 11 final */
 .final{text-align:center}
 .final h2{font-size:clamp(32px,4.4vw,50px);max-width:18ch;margin:10px auto 0}
 .final p.lead{color:var(--muted);max-width:44ch;margin:16px auto 28px}


 @media (max-width:860px){
  .hero{padding-top:22px}
  .hero-grid{grid-template-columns:1fr;grid-template-areas:"text" "video" "cta";row-gap:0}
  .hero-video{margin-top:18px}
  .hero h1{font-size:28px;margin-top:8px}
  .hero .sub{font-size:15.5px;margin-top:10px;line-height:1.55}
  .hero-cta{padding-top:16px;text-align:center}
  .hero-cta .btn{width:100%}
  .hero-cta .micro-line{margin-top:8px;font-size:13.5px}
  .gate{max-width:none}
  .play{width:66px;height:66px}
  .wave{height:40px;margin-top:36px}
  section{padding:64px 0}
  .tiles,.compare,.stats,.fit-grid{grid-template-columns:1fr}
  .vcard{flex-basis:100%}
  .proof-grid{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -22px;padding:0 22px 8px}
  .proof-grid .vcard{flex:0 0 82%;scroll-snap-align:center}
  .shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -22px;padding:0 22px 8px}
  .shots .proof-img{flex:0 0 82%;scroll-snap-align:center}
  .story{grid-template-columns:1fr}
  .story img.portrait{max-width:300px;margin:0 auto}
  .team-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}
  .checks a{grid-template-columns:40px 1fr;gap:14px}
  .checks .arr{display:none}
  .final .btn{width:100%}
 }
 .btn-ghost{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--teal-deep);color:var(--teal-deep);background:transparent;border-radius:999px;padding:17px 32px;font-weight:700;font-size:18px;line-height:1;text-decoration:none;transition:background .15s ease}
 .btn-ghost:hover{background:var(--sand)}
 .hero .btn-ghost{border-color:var(--teal);color:var(--teal)}
 .hero .btn-ghost:hover{background:rgba(202,160,63,.12)}
 .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
 .final .cta-row{justify-content:center}
 .hero-single{max-width:820px;padding-bottom:8px}
 .hero-single .sub{max-width:62ch}
 .vturb-wrap{border-radius:var(--r);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(202,160,63,.35);background:#000}
 .tile a.more,.card a.more,.more{font-weight:700;text-decoration:none}
 .tiles.four{grid-template-columns:repeat(4,1fr)}
 .tiles.two{grid-template-columns:repeat(2,1fr)}
 .tile .num{font-family:'DM Serif Display',Georgia,serif;font-size:34px;color:var(--teal-deep);line-height:1}
 .tile h3 a{color:inherit;text-decoration:none}
 .tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
 .tool{padding:30px 28px;border-top:2px solid var(--teal)}
 .tool h3{font-size:30px;margin:0 0 4px}
 .tool .kind{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--teal-deep);margin:0 0 10px}
 .tool p{color:var(--muted);font-size:16.5px;margin:0 0 18px}
 .tool .links{display:flex;flex-wrap:wrap;gap:12px 22px;font-weight:700;font-size:16px}
 .note{padding:24px 28px;background:var(--sand);max-width:860px;margin:30px auto 0;font-size:16px;color:var(--muted)}
 .note b{color:var(--ink)}
 .tbd{padding:24px 28px;border:2px dashed var(--line);border-radius:var(--r);color:var(--muted);font-size:16px;text-align:center;max-width:860px;margin:0 auto}
 .tbd b{display:block;color:var(--ink);font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:24px;margin-bottom:6px}
 .plain-list{list-style:none;margin:0 auto;padding:0;max-width:760px}
 .plain-list li{display:flex;gap:14px;align-items:flex-start;padding:16px 4px;border-top:1px solid var(--line);font-size:17px}
 .plain-list li:last-child{border-bottom:1px solid var(--line)}
 .plain-list li svg{width:22px;height:22px;flex:none;margin-top:3px;color:var(--teal-deep)}
 .plain-list li b{display:block;font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-size:22px;line-height:1.2;margin-bottom:2px}
 .plain-list li span.d{color:var(--muted);font-size:16px}
 .muted-line{color:var(--muted);font-size:15px;text-align:center;max-width:62ch;margin:26px auto 0}
 .prose{max-width:760px;margin:0 auto;color:var(--muted)}
 .prose p{margin:0 0 14px}
 @media (max-width:980px){.tiles.four{grid-template-columns:repeat(2,1fr)}}
 @media (max-width:860px){.tiles.four,.tiles.two,.tools-grid{grid-template-columns:1fr}.hero .cta-row .btn,.hero .cta-row .btn-ghost,.final .btn{width:100%}}