*{box-sizing:border-box}body{margin:0;background:#0d0d0d;color:#eee;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:#fff}.wrap{padding:0 20px}.wrap,header.nav{max-width:1100px;margin:0 auto}header.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.logo{font-weight:800;letter-spacing:.04em;font-size:20px}.btn,.logo{text-decoration:none}.btn{display:inline-block;background:#fff;color:#000;border:0;padding:12px 22px;border-radius:999px;font-weight:700;cursor:pointer;font-size:15px}.btn.ghost{color:#fff;border:1px solid #555}.btn:disabled{opacity:.4;cursor:not-allowed}h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:40px 0 16px;font-style:italic}h1,h2{font-family:Georgia,serif;font-weight:400}h2{font-size:32px;margin:64px 0 16px}.muted{color:#9a9a9a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.card{background:#171717;border:1px solid #262626;border-radius:14px;padding:18px}.card img{width:100%;border-radius:8px;display:block}input,select,textarea{width:100%;background:#151515;color:#eee;border:1px solid #333;border-radius:10px;padding:12px;font:inherit}label{display:block;margin:16px 0 6px;font-weight:600}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1;min-width:200px}.tag{display:inline-block;font-size:12px;border:1px solid #444;border-radius:999px;padding:2px 10px;margin:2px;color:#bbb}details{margin-top:10px}summary{cursor:pointer;font-weight:600}.notice{border:1px dashed #555;padding:12px;border-radius:10px;color:#ccc}.price{opacity:.55}.price .btn{pointer-events:none}footer{margin:80px 0 40px;color:#777;font-size:14px}.reel{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#000}.reel img,.reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(40%) contrast(1.1)}.reel .ov{position:absolute;left:8%;right:8%;bottom:14%;font-family:Georgia,serif;font-style:italic;font-size:22px;text-shadow:0 2px 12px #000}.kb{animation:kb 20s ease-in-out infinite alternate}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.18) translate(-3%,-3%)}}.grid5{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}@media(min-width:1000px){.grid5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:520px){.grid5{grid-template-columns:1fr}}.grid5 .card{min-width:0;font-size:14px}.grid5 img,.grid5 video{width:100%;height:auto}.wide{max-width:1400px}.grid7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}@media(min-width:760px){.grid7{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.grid7{grid-template-columns:repeat(7,minmax(0,1fr))}}.grid7 .card{min-width:0;padding:10px;font-size:13px}.grid7 video{width:100%;height:auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:28px;gap:28px;margin:8px 0 24px}.step{display:flex;gap:14px;align-items:flex-start}.step .icon{flex:none;color:#e9e8e2;opacity:.9}.step b{font-size:18px}.step p{margin:4px 0 0}@media(max-width:760px){.steps{grid-template-columns:1fr;gap:18px}}.drop{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:22px;border:2px dashed #555;border-radius:10px;cursor:pointer;background:#141414}.drop.over,.drop:hover{border-color:#e9e8e2;background:#1b1b1b}.drop b{font-size:17px}.cliplist{list-style:none;padding:0;margin:0;display:grid;grid-gap:6px;gap:6px}.cliplist li{display:flex;gap:10px;align-items:center;background:#161616;border:1px solid #2a2a2a;border-radius:8px;padding:6px 10px}.cliplist li span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cliplist button{background:none;border:0;color:#ccc;font-size:20px;cursor:pointer;line-height:1;padding:0 4px}.phase{border:0;padding:0;margin:14px 0 4px}.phase legend{font-weight:600;margin-bottom:6px}.phase label{display:flex;gap:10px;align-items:center;border:1px solid #333;border-radius:8px;padding:10px 12px;margin:6px 0;cursor:pointer;font-weight:400}.phase label.on{border-color:#e9e8e2;background:#1a1a1a}.phase input{width:auto;margin:0}.flow{display:flex;align-items:center;justify-content:flex-start;gap:18px;margin:8px 0 22px}.flow figure{margin:0;text-align:center}.flow img{width:180px;height:180px;border-radius:12px;display:block}.flow figcaption{margin-top:8px;font-weight:600}.flow .arrow{font-size:30px;color:#888}@media(max-width:640px){.flow{flex-direction:column}.flow .arrow{transform:rotate(90deg)}}:root{--base:#0d0d0d;--sup:#243936;--sup-1:#1a2a28;--sup-2:#2f4a46;--hi:#3fbf9f}a{color:#e9f5f1}a:hover{color:var(--hi)}.btn{background:var(--hi);color:#06110e}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:#eee;border:1px solid var(--sup-2)}.card,.cliplist li,.drop,.phase label,details.card{background:var(--sup-1);border-color:var(--sup)}input,select,textarea{background:#111a19;border-color:var(--sup-2)}:focus-visible{outline:2px solid var(--hi);outline-offset:2px}input:focus,select:focus,textarea:focus{border-color:var(--hi);outline:none}.drop{border-color:var(--sup-2)}.drop.over,.drop:hover,.phase label.on{border-color:var(--hi);background:var(--sup)}.flow .arrow,.step .icon{color:var(--hi)}.tag{color:#c9d6d3}.notice,.tag{border-color:var(--sup-2)}.notice{background:#111a19}footer{border-top:1px solid var(--sup);padding-top:18px;color:#8fa39f}input[type=checkbox],input[type=radio]{accent-color:var(--hi)}.phones{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin:8px 0 20px}.phones figure{margin:0;text-align:center}.phone{position:relative;width:100%;max-width:240px;margin:0 auto;aspect-ratio:9/16;border-radius:26px;overflow:hidden;border:6px solid #1f2b29;box-shadow:0 10px 30px #0008;background:#000}.phone img{width:100%;height:100%;object-fit:cover;display:block}.phone:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,#000c);pointer-events:none}.rail{position:absolute;right:3px;bottom:62px;gap:9px;z-index:2}.pi,.rail{display:flex;flex-direction:column;align-items:center}.pi{font-size:11px;color:#fff;text-shadow:0 1px 2px #000}.av{width:24px;height:24px;border-radius:50%;background:var(--hi);border:2px solid #fff}.pcap{position:absolute;left:12px;right:52px;bottom:12px;z-index:2;text-align:left;font-size:12px;color:#fff;display:flex;flex-direction:column;gap:2px;text-shadow:0 1px 2px #000}.pcap .mus{opacity:.85}.phones figcaption{margin-top:10px;font-weight:600}@media(max-width:900px){.phones{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.phones{grid-template-columns:1fr}}.btn.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;width:auto}.btn.cta:after{content:"→";transition:transform .15s ease}.btn.cta:hover:after{transform:translateX(4px)}@media(max-width:480px){.btn.cta{display:flex;width:100%}}.howgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:48px;gap:48px;margin:8px 0 28px}.howcol{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.howcol img{width:180px;height:180px;border-radius:12px}.howcap{font-weight:600;margin:8px 0 14px;color:#c9d6d3}.howcol .icon{color:var(--hi);margin-bottom:6px}.howcol b{font-size:18px}.howcol p.muted{margin:4px 0 0}.howcol .arrow{position:absolute;right:-36px;top:72px;font-size:30px;color:var(--hi)}@media(max-width:760px){.howgrid{grid-template-columns:1fr;gap:40px}.howcol .arrow{right:auto;top:auto;bottom:-38px;left:50%;transform:translateX(-50%) rotate(90deg)}}.phone video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.phone .pcap,.phone .rail{pointer-events:none}.phone .snd{position:absolute;top:10px;left:10px;z-index:3;background:#000a;color:#fff;border:0;border-radius:14px;padding:4px 9px;font-size:11px;cursor:pointer}