:root{color-scheme:dark;--bg: #0a0a0a;--overlay: #141414;--line: #2a2a2a;--line-strong: #3b4261;--text: #ededed;--muted: #8b8b8b;--quiet: #6b6b6b;--blue: #7aa2f7;--green: #9ece6a;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);background:var(--bg);font-family:var(--sans)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}:where(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}::selection{color:var(--bg);background:var(--blue)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}main{width:min(1080px,calc(100% - 40px));margin:0 auto}.top-nav,footer{box-sizing:border-box;width:100%;padding-inline:max(20px,calc((100% - 1080px)/2))}.top-nav{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.top-nav nav{display:flex;align-items:center;justify-content:center;gap:14px}.loopr-logo{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-size:.9rem;font-weight:600;letter-spacing:-.02em}.loopr-logo svg{width:20px;height:20px;overflow:visible}.loopr-logo-compact{font-size:.78rem}.loopr-logo-compact svg{width:16px;height:16px}.loopr-mark-outer,.loopr-mark-inner{stroke-width:2.4;stroke-linecap:round}.loopr-mark-outer{stroke:#6b6b6b}.loopr-mark-inner{stroke:var(--blue)}.nav-link{padding:9px 2px;color:var(--muted);font-size:.8rem}.nav-link:hover{color:var(--text)}.button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:7px;padding:0 18px;color:var(--text);background:var(--overlay);border-color:var(--line);font-size:.82rem;font-weight:600;letter-spacing:.01em;transition:border-color .14s ease,color .14s ease,filter .14s ease}.button:hover{border-color:var(--line-strong)}.button-small{min-height:34px;padding:0 14px;color:#08101f;background:var(--blue);border-color:var(--blue)}.button-primary{color:#08101f;background:var(--blue);border-color:var(--blue)}.button-primary:hover,.button-small:hover{filter:brightness(1.08)}.button-ghost{border:none;background:transparent;color:var(--muted);padding:0 6px}.button-ghost:hover{color:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:center;gap:48px;padding:clamp(64px,9vw,108px) 0}h1,h2,p{text-wrap:pretty}.hero-eyebrow{margin:0 0 16px;color:var(--muted);font-size:.9rem}h1{margin:0;color:var(--text);font-size:clamp(2.4rem,4.6vw,3.8rem);font-weight:600;line-height:1.05;letter-spacing:-.035em}h1 span{color:var(--blue)}.hero-copy{max-width:440px;margin:20px 0 0;color:var(--muted);font-size:.95rem;line-height:1.65}.cta-row{display:flex;align-items:center;gap:16px;margin-top:28px}.mark-frame{position:relative;aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:var(--overlay)}.mark-frame svg{width:100%;height:100%;display:block}.mark-line{fill:none;stroke:var(--line);stroke-width:1.3}.mark-node{fill:var(--bg);stroke:var(--quiet);stroke-width:1.4}.mark-node.is-active{stroke:var(--blue);fill:var(--blue)}.mark-node.is-closed{stroke:var(--green);fill:var(--green)}.mark-draw{stroke-dasharray:240;stroke-dashoffset:240;animation:mark-draw-in 1.4s ease forwards}.mark-draw-1{animation-delay:.15s}.mark-draw-2{animation-delay:.32s}.mark-draw-3{animation-delay:.48s}@keyframes mark-draw-in{to{stroke-dashoffset:0}}.mark-pop{opacity:0;animation:mark-pop-in .5s ease forwards}.mark-pop-1{animation-delay:.5s}.mark-pop-2{animation-delay:.7s}.mark-pop-3{animation-delay:.9s}.mark-pop-4{animation-delay:1.1s}.mark-pop-5{animation-delay:1.3s}.mark-pop-6{animation-delay:1.5s}@keyframes mark-pop-in{to{opacity:1}}.product-proof{padding:8px 0 88px}.product-frame{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--overlay)}.product-frame img{width:100%;height:100%;object-fit:cover;object-position:top}.final-cta h2{margin:0;color:var(--text);font-size:clamp(1.7rem,3.6vw,2.5rem);font-weight:600;letter-spacing:-.03em}.final-cta{border-top:1px solid var(--line);padding:72px 0 92px;text-align:center}.final-cta .button{margin-top:26px}footer{display:flex;min-height:74px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem}@media(max-width:760px){main{width:min(100% - 24px,1080px)}.top-nav,footer{padding-inline:12px}.hero{grid-template-columns:1fr;padding-top:72px;gap:40px}.mark-frame{max-width:300px;margin:0 auto}.product-proof{padding-bottom:70px}.final-cta{padding-top:60px;padding-bottom:64px}}@media(max-width:460px){.nav-link{display:none}.hero{padding-top:64px}.hero-copy{font-size:.88rem}.button{width:100%}footer{min-height:68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mark-draw{animation:none;stroke-dashoffset:0}.mark-pop{animation:none;opacity:1}}