@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;600;700&display=swap');
:root{--ink:#193631;--muted:#73817a;--green:#c3ed70;--line:#e0e6dd;--paper:#f7f9f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:96px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 30px}.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.dot{color:#83ad3c}nav{display:flex;gap:30px;align-items:center;font-size:13px}button{border:0}.plain{background:none;color:inherit}.login{background:transparent;border:1px solid #bcc7bc;border-radius:8px;padding:12px 20px}main{max-width:1180px;margin:auto;padding:0 25px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:420px;gap:40px}.eyebrow,.step,.smallcaps{font-size:10px;letter-spacing:1.8px;font-weight:700}.eyebrow{display:flex;align-items:center;gap:9px}i{display:inline-block;width:6px;height:6px;background:#7eaa3f;border-radius:50%}h1{font:600 58px/1.13 'Manrope',sans-serif;letter-spacing:-3px;margin:24px 0 18px}h1 span{color:#7a8d78}.intro>p{max-width:510px;color:var(--muted);line-height:1.8;font-size:15px}.pills{display:flex;gap:20px;font-size:11px;margin-top:27px}.decoration{width:310px;height:270px;position:relative;margin-right:35px}.viewfinder{position:relative;width:270px;height:245px;border:1px solid #dae3cd;border-radius:20px;background:repeating-linear-gradient(0deg,transparent,transparent 24px,#e6ebdf 25px),repeating-linear-gradient(90deg,transparent,transparent 24px,#e6ebdf 25px);overflow:hidden}.orb{height:170px;width:170px;margin:28px auto;border-radius:50%;background:repeating-radial-gradient(ellipse at 30% 20%,#b4d58b 0px,#bdd89b 3px,#244c3a 5px,#5c8154 7px);box-shadow:inset -20px -20px 40px #193c2b90,20px 15px 35px #728c5c30;transform:rotate(-25deg)}.scanline{position:absolute;top:49%;left:15px;right:15px;background:#b4ef5c;height:2px;box-shadow:0 0 18px #b4ef5c}.viewfinder small{position:absolute;top:13px;left:15px;font-size:8px;letter-spacing:2px}.viewfinder b{position:absolute;bottom:12px;left:15px;font:10px monospace}.viewfinder em{color:#9ec85b}.float{position:absolute;bottom:0;right:-20px;background:white;border:1px solid var(--line);box-shadow:0 10px 40px #233c3610;padding:16px;border-radius:9px;font-size:12px}.workspace{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 45px #19363105;padding:30px}.sectiontop{display:flex;justify-content:space-between;align-items:center}.step{color:#84927d}h2{font:600 29px/1.3 'Manrope',sans-serif;letter-spacing:-1px;margin:10px 0 25px}.sectiontop h2{margin-bottom:18px}.local{font-size:11px;color:var(--muted)}.tabs{display:flex;border-bottom:1px solid var(--line);gap:28px;margin-bottom:24px}.tabs button{background:none;color:#839081;padding:14px 0;font-size:13px}.tabs .active{color:var(--ink);border-bottom:2px solid var(--ink)}.grid{display:grid;grid-template-columns:1.65fr 1fr;gap:35px}.drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1.5px dashed #cbd7c3;background:#fafcf7;border-radius:10px;min-height:230px;cursor:pointer}.drop:hover,.drop.drag{background:#f0f8e5;border-color:#86aa54}.drop input{position:absolute;opacity:0;width:1px;height:1px}.drop:focus-within{outline:2px solid #5b8236}.upload{font-size:28px;border:1px solid #dbe5ce;border-radius:13px;background:#edf4e4;padding:5px 16px;margin-bottom:6px}.drop>span:not(.upload){font-size:12px;color:var(--muted)}.drop small{font-size:10px;color:#8d978b;margin-top:10px}.primary{width:100%;display:flex;justify-content:space-between;background:var(--ink);color:white;border-radius:8px;padding:16px 20px;margin-top:18px;font-weight:600}.primary:disabled{opacity:.5;cursor:wait}.fine{font-size:10px;text-align:center;color:var(--muted);line-height:1.6}.smallcaps{color:#8b9785}.check{display:flex;gap:15px;margin:24px 0}.check>b{font:11px monospace;color:#8d9f7e;border:1px solid var(--line);border-radius:7px;height:30px;padding:8px}.check strong{font-size:13px;font-weight:600}.check p{font-size:12px;color:var(--muted);margin:7px 0;line-height:1.6}.note{background:#f4f7ef;padding:14px;border-radius:8px;color:#7c8974;font-size:11px;line-height:1.6}.how{padding:75px 0 55px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.three article{border-top:1px solid var(--line);padding-top:22px}.three article>span{font:12px monospace;color:#7e9864}h3{font-size:17px}.three p,.muted{color:var(--muted);font-size:13px;line-height:1.8}#pricing{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;padding:40px 0 60px;border-top:1px solid var(--line)}.price{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.price>span{font-size:10px;letter-spacing:1px}.price h3{font:600 44px 'Manrope';margin:20px 0 0;letter-spacing:-2px}.price h3 small{font:12px 'DM Sans';letter-spacing:0;color:var(--muted)}.price p{font-size:11px;color:var(--muted)}.price ul{list-style:none;padding:15px 0;font-size:11px;line-height:2.5}.price li:before{content:'✓ ';color:#60813b}.plan{width:100%;padding:13px;border:1px solid #c9d4be;background:none;border-radius:7px;color:var(--ink)}.featured{background:#edf5e0;border-color:#cfdfb6}.featured .plan{background:var(--green);border-color:var(--green)}.faq{padding-bottom:60px;max-width:800px}details{border-bottom:1px solid var(--line);padding:20px 0;font-size:13px}summary{cursor:pointer}details p{color:var(--muted);line-height:1.8}footer{border-top:1px solid var(--line);max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 25px;font-size:10px;color:var(--muted)}footer .brand{font-size:20px;color:var(--ink)}dialog{border:1px solid var(--line);border-radius:18px;padding:35px;max-width:480px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 30px 120px #173b3230}dialog::backdrop{background:#19363166;backdrop-filter:blur(4px)}#close{position:absolute;right:15px;top:15px;background:none;color:var(--muted)}dialog p{color:var(--muted);font-size:13px;line-height:1.8}dialog button.plan{margin:6px 0}input[type=url]{width:100%;padding:15px;border:1px solid var(--line);border-radius:8px;margin:15px 0}.linklabel{font-size:13px}video{width:100%;max-height:230px;border-radius:8px;background:#132b25}.selected{margin-top:12px}#status{font-size:12px;line-height:1.6;margin-top:12px;color:#58753e}progress{width:100%;height:5px;accent-color:#83ae49}#result{padding:30px;margin-top:24px;background:#edf5e0;border:1px solid #cfdfb6;border-radius:15px}#result p{font-size:13px;line-height:1.7}#result .primary{max-width:300px}.metric{display:flex;gap:20px;flex-wrap:wrap}.metric>div{background:white;padding:15px;border-radius:8px;flex:1}.metric strong{display:block;font-size:23px}.metric small{font-size:11px}.events{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.events button{background:white;border:1px solid var(--line);padding:10px;border-radius:6px;color:var(--ink)}[hidden]{display:none!important}@media(max-width:800px){header{height:75px;padding:0 20px}nav{display:none}.hero{min-height:360px}.decoration{display:none}h1{font-size:44px}.pills{gap:12px;font-size:10px}.grid{grid-template-columns:1fr}.workspace{padding:22px}.local{display:none}.three{gap:20px}#pricing{grid-template-columns:1fr 1fr}#pricing>div:first-child{grid-column:1/-1}footer{flex-wrap:wrap}footer>span{display:none}}@media(max-width:480px){main{padding:0 15px}h1{font-size:38px}.pills{flex-wrap:wrap}.three,#pricing{grid-template-columns:1fr}h2{font-size:25px}.workspace{padding:18px}.hero{min-height:390px}.three{gap:15px}}
/* Visual direction: dark utility workspace, violet outlines, Source Sans Pro. */

:root{--ink:#eee;--muted:#9999a7;--green:#7960c9;--line:#2a2a35;--paper:#17171e}body{font-family:'Source Sans Pro',Arial,sans-serif;padding-left:80px}header{max-width:none;height:80px;border:0;padding:0 35px}.brand{font-size:20px;font-weight:600;letter-spacing:0}.dot{color:#9b81ec}nav{font-size:14px;gap:28px}.login{border-color:#45414f;border-radius:24px;font-size:14px}.rail{position:fixed;inset:0 auto 0 0;width:80px;background:#1d1d27;border-right:1px solid #292933;z-index:5;display:flex;align-items:stretch;flex-direction:column}.rail>a,.rail>button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-height:78px;font-size:12px;color:#9494a1;background:none;border:0}.rail b{font-size:27px;font-weight:400}.rail .rail-logo{font-size:31px;margin-bottom:24px;color:#eee}.rail .rail-active{border-right:2px solid #8062cb;background:#181820;color:#eee}.rail-bottom{margin-top:auto;text-align:center;padding:26px 0;color:#999;font-size:12px}main{max-width:1040px}.hero{min-height:270px;justify-content:center;text-align:center;padding-top:55px}.intro>p{max-width:none;font-size:22px;color:#cccbd5;line-height:1.5;margin-top:24px}.eyebrow,.pills,.decoration{display:none}h1{font:600 46px/1.2 'Source Sans Pro',Arial,sans-serif;letter-spacing:0;margin:0}h2{font-family:'Source Sans Pro',Arial,sans-serif;letter-spacing:0;font-weight:600}.workspace{background:transparent;border:0;box-shadow:none;max-width:660px;margin:0 auto;padding:10px 15px 60px}.sectiontop,.grid aside{display:none}.grid{display:block}.tabs{justify-content:center;gap:30px;border-bottom:0;margin-bottom:22px}.tabs button{font-size:14px;color:#93929f;padding:10px}.tabs .active{border-bottom:2px solid #8062cb;color:#eee}.drop{background:transparent;border:1px dashed #363440;min-height:150px;border-radius:12px}.drop:hover,.drop.drag{background:#202029;border-color:#8062cb}.drop .upload{display:none}.drop strong{border:2px solid #7960c9;padding:10px 24px;border-radius:30px;font-weight:400;margin-top:15px}.drop>span:not(.upload){color:#a3a1ae}.drop small{color:#777582;margin-bottom:12px}.drop u{text-decoration:none}.primary{background:#7960c9;border-radius:24px;justify-content:center;gap:18px;font-weight:400}.primary:disabled{background:#494151;opacity:.65;cursor:not-allowed}.fine{color:#8e8b9a;font-size:12px}.how{border-top:1px solid var(--line);padding:55px 0}.step,.smallcaps{color:#aaa0c0}.three article>span{color:#a58bdf}.three p,.muted{font-size:15px}.price{background:#1d1d27;border-color:#32303e}.featured{background:#23202e;border-color:#7960c9}.price h3{font-family:'Source Sans Pro',sans-serif}.price p,.price ul{font-size:13px}.price li:before{color:#b19ae9}.plan{border-color:#65538f;color:#eee;border-radius:24px}.featured .plan{background:#7960c9;border-color:#7960c9}.faq{margin:auto}details{font-size:15px}footer{margin:0 auto;color:#999;max-width:1040px}dialog{background:#202029;color:#eee;border:1px solid #3a3547;padding:38px;border-radius:14px}dialog::backdrop{background:#0009}.note{background:#292534;color:#b9afc9}.flowsteps{display:flex;justify-content:space-between;font-size:12px;color:#777383;margin:4px 0 30px}.flowsteps b{color:#bda2ff}.google{width:100%;padding:14px;background:#292934;border:1px solid #45404e;border-radius:25px;color:#8c8797;margin-bottom:20px;cursor:not-allowed}.plan-summary{display:flex;justify-content:space-between;margin:25px 0;color:#bbb3cb;font-size:14px}.plan-summary strong{color:#eee}#result{background:#201e29;border-color:#49405e;text-align:center;max-width:630px;margin:0 auto 45px}#result .primary{margin:20px auto}#status{color:#b59be9}.score{font-size:78px;color:#aa89fa;font-weight:600}input[type=url]{background:#202029;color:white;border-color:#3f384e}.local{color:#aaa}.selected video{background:black}progress{accent-color:#9475db}@media(max-width:800px){body{padding-left:64px}.rail{width:64px}.hero{min-height:250px;padding-top:40px}h1{font-size:40px}.intro>p{font-size:19px}header{padding:0 20px}.workspace{padding-bottom:40px}.how h2{font-size:25px}}@media(max-width:480px){body{padding-left:54px}.rail{width:54px}.rail>a,.rail>button{font-size:10px;min-height:70px}.rail b{font-size:24px}header{padding:0 14px}.brand{font-size:17px}.login{padding:8px 11px;font-size:12px}.hero{min-height:230px}.intro>p{font-size:17px}h1{font-size:36px}.tabs{gap:8px}.tabs button{font-size:12px}.drop strong{font-size:14px}.drop small{font-size:9px}.flowsteps{font-size:10px}dialog{padding:30px 22px}}
.login{color:#fff}.rail-indicator{position:absolute;right:0;top:0;width:2px;height:78px;background:#8062cb;pointer-events:none;transition:transform .22s ease,height .22s ease}.rail .rail-active{border-right:0}section[id]{scroll-margin-top:24px}.auth-link{display:block;text-align:center;text-decoration:none;color:#fff;cursor:pointer}.account-email{overflow-wrap:anywhere}.account-actions{display:flex;gap:12px;flex-wrap:wrap}.account-actions a{font-size:13px;color:#b59be9}.plain:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #aa89fa;outline-offset:4px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rail-indicator{transition:none}}
