@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');

:root{--ink:#071513;--paper:#f2f0e9;--lime:#c8ff49;--mint:#88e6c8;--muted:#66716e;--line:rgba(7,21,19,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
button,a{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:700 19px Manrope}.brand-mark{width:31px;height:31px;background:var(--ink);border-radius:50%;display:grid;place-items:center}.brand-mark span{width:12px;height:12px;border:2px solid var(--lime);border-radius:3px;transform:rotate(45deg)}nav{display:flex;align-items:center;gap:32px}nav a,footer a{color:inherit;text-decoration:none;font-size:14px}.button{border:0;background:var(--lime);color:var(--ink);border-radius:99px;font-weight:600;cursor:pointer;transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(64,98,26,.18)}.button-small{padding:12px 20px}
.hero{min-height:700px;display:grid;grid-template-columns:1fr 480px;gap:82px;align-items:center;padding:76px 0 88px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:9px}.eyebrow i{width:8px;height:8px;border-radius:50%;background:#55a968;box-shadow:0 0 0 4px rgba(85,169,104,.14)}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(54px,6.7vw,92px)/.96 Manrope;letter-spacing:-.065em;margin:30px 0 30px}.hero h1 em,.cta h2 em{font-family:Georgia,serif;font-weight:400;color:#3e6e62}.lead{font-size:19px;line-height:1.6;max-width:570px;color:#53605d}.trust-row{display:flex;gap:30px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:#66716e}.trust-row b{display:block;color:var(--ink);font-size:18px;margin-bottom:4px}
.upload-wrap{position:relative}.upload-wrap:before{content:"";position:absolute;inset:-24px 36px 38px -24px;background:var(--mint);border-radius:32px;transform:rotate(-3deg)}.upload-card{position:relative;min-height:410px;border-radius:28px;background:var(--ink);color:white;padding:56px 42px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-shadow:0 30px 70px rgba(7,21,19,.18);outline:none;transition:.3s transform,.3s background}.upload-card:hover,.upload-card.dragging,.upload-card:focus-visible{transform:translateY(-5px);background:#0b201d}.upload-card.dragging{box-shadow:0 0 0 4px var(--lime),0 30px 70px rgba(7,21,19,.25)}.upload-icon{width:82px;height:82px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;margin-bottom:28px;background:rgba(255,255,255,.04)}.upload-icon svg{width:37px;fill:none;stroke:var(--lime);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.upload-card h2{font:600 24px Manrope;margin-bottom:10px}.upload-card p{color:#9eaaa7;margin-bottom:24px}.upload-card p span{color:var(--lime);border-bottom:1px solid var(--lime)}.upload-card small{color:#71807c}.selected{display:none;margin-top:22px;width:100%;padding:13px 16px;border-radius:12px;background:rgba(200,255,73,.09);color:var(--lime);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected.show{display:block}.upload-foot{position:relative;display:flex;justify-content:space-between;padding:18px 6px 0;font-size:12px;color:#53605d}.status-dot{display:inline-block;width:7px;height:7px;background:#44a66b;border-radius:50%;margin-right:5px}
.ticker{overflow:hidden;border-block:1px solid var(--line);padding:21px 0;background:#ebe8df}.ticker div{display:flex;width:max-content;gap:54px;animation:marquee 22s linear infinite}.ticker span{font:600 12px Manrope;letter-spacing:.18em;color:#78817e}.ticker span:after{content:"✦";margin-left:54px;color:#9aaba6}@keyframes marquee{to{transform:translateX(-50%)}}
.steps{padding:130px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:68px}.section-head>span,.security-copy>span{font-size:12px;letter-spacing:.14em;color:#68736f}.section-head h2,.security h2{font:500 clamp(43px,5vw,66px)/1.05 Manrope;letter-spacing:-.05em;margin:0;width:58%}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step-grid article{padding:32px 40px 12px 0;position:relative;border-right:1px solid var(--line);min-height:280px}.step-grid article+article{padding-left:40px}.step-grid article:last-child{border:0}.number{font:500 12px Manrope;color:#7d8884}.step-icon{margin:48px 0 28px;width:46px;height:46px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:22px}.step-grid h3{font:600 22px Manrope;margin-bottom:14px}.step-grid p{line-height:1.65;color:#67726f;max-width:280px}
.security{background:var(--ink);color:white;padding:125px 0}.security-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.orb{width:430px;height:430px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:grid;place-items:center;position:relative}.orb:before,.orb:after{content:"";position:absolute;border:1px solid rgba(136,230,200,.22);border-radius:50%;inset:38px}.orb:after{inset:92px}.orb div{width:170px;height:210px;background:linear-gradient(135deg,var(--lime),var(--mint));clip-path:polygon(50% 0,92% 18%,85% 76%,50% 100%,15% 76%,8% 18%)}.orb span{position:absolute;font:600 28px Manrope;color:var(--ink)}.security h2{width:auto;margin:22px 0 28px}.security-copy>p{color:#aab5b2;font-size:17px;line-height:1.7;max-width:540px}.security ul{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:17px;color:#d4dcd9}.security li i{font-style:normal;color:var(--lime);margin-right:12px}
.cta{text-align:center;padding:140px 0}.cta>p{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:#68736f}.cta h2{font:500 clamp(58px,8vw,108px)/.91 Manrope;letter-spacing:-.06em;margin:22px 0 46px}.button-large{padding:18px 25px 18px 30px;font-size:16px}.button-large span{display:inline-grid;place-items:center;background:var(--ink);color:white;width:32px;height:32px;border-radius:50%;margin-left:22px}footer{height:108px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:#5d6966}footer p{margin:0;font-size:12px}footer>div{display:flex;gap:24px}
@media(max-width:900px){nav a{display:none}.hero{grid-template-columns:1fr;padding-top:50px;gap:70px}.hero-copy{max-width:700px}.upload-wrap{max-width:560px;margin:auto;width:100%}.section-head{display:block}.section-head h2{width:100%;margin-top:25px}.security-inner{grid-template-columns:1fr}.orb{width:min(430px,88vw);height:min(430px,88vw);margin:auto}.security-copy{max-width:600px}.step-grid{grid-template-columns:1fr}.step-grid article,.step-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.step-icon{margin:28px 0 20px}}
@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.nav{height:74px}.hero{min-height:auto;padding:48px 0 70px}.hero h1{font-size:50px}.lead{font-size:16px}.trust-row{gap:15px}.trust-row b{font-size:16px}.upload-card{min-height:350px;padding:45px 22px}.upload-wrap:before{inset:-13px 20px 30px -10px}.upload-foot{display:none}.steps,.cta{padding:90px 0}.security{padding:90px 0}.orb div{width:120px;height:150px}.section-head h2,.security h2{font-size:42px}footer{height:auto;padding:35px 0;gap:25px;flex-wrap:wrap}footer>p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button,.upload-card{transition:none}}
