@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--ink:#18202b;--muted:#69727e;--paper:#f6f3ed;--line:#ddd9d1;--dark:#151a20;--accent:#d9ff45;--white:#fff;--soft:#f0eee8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#f6f3edeb;justify-content:space-between;align-items:center;height:76px;padding:0 6vw;display:flex;position:sticky;top:0}.logo{letter-spacing:-.04em;align-items:center;gap:9px;font:700 22px Space Grotesk;display:flex}.logo-mark{border:2px solid var(--ink);border-radius:50%;place-items:center;width:29px;height:29px;display:grid}nav{color:var(--muted);gap:30px;font-size:14px;display:flex}.navbtn,.btn{background:var(--ink);color:#fff;border-radius:4px;padding:14px 20px;font-weight:600}.hero{grid-template-columns:1fr .9fr;align-items:center;gap:70px;max-width:1280px;min-height:650px;margin:auto;padding:90px 6vw;display:grid}.hero small,section>small,footer strong{letter-spacing:.1em;color:#747b75;font:10px DM Mono}.hero h1{letter-spacing:-.065em;margin:20px 0 28px;font:600 clamp(46px,5.5vw,76px)/.98 Space Grotesk}.hero h1 i{color:#70766f;font-style:normal}.hero p,.section>p{color:var(--muted);max-width:620px;font-size:17px;line-height:1.7}.actions{align-items:center;gap:25px;margin:32px 0;display:flex}.actions>a:last-child{color:var(--muted)}.visual{background:#dfe1dc;padding:14px;transform:rotate(1.4deg);box-shadow:20px 25px 60px #1e23251f}.visual>span{color:#777;font:9px DM Mono}.paper{background:#fff;min-height:410px;margin-top:12px;padding:35px;box-shadow:0 18px 35px #7d817c55}.paper h3{margin:30px 0;font:700 22px Space Grotesk}.paper div{background:#e6e7e3;border-radius:5px;height:7px;margin:14px 0}.paper em{color:#69726e;margin:30px 0;font:9px DM Mono;display:block}.visual>b{background:var(--ink);color:var(--accent);margin-top:12px;padding:12px;font:9px DM Mono;display:block}.strip{border-block:1px solid var(--line);color:#777;justify-content:space-between;gap:35px;padding:25px 6vw;font:10px DM Mono;display:flex}.section{max-width:1280px;margin:auto;padding:110px 6vw}.section h2,.dark h2,.faq h2{letter-spacing:-.06em;margin:16px 0 55px;font:600 clamp(38px,5vw,60px)/1 Space Grotesk}.cards{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}article{border-right:1px solid var(--line);margin-right:30px;padding:28px 30px 30px 0}article:last-child{border:0}article h3{margin:65px 0 15px;font:600 27px Space Grotesk}article p{color:var(--muted);min-height:80px;line-height:1.65}.dark{background:var(--dark);color:#fff;padding:105px 6vw}.dark h2{max-width:750px}.dark>small{color:#9ca39d}.steps{border-top:1px solid #fff2;grid-template-columns:repeat(4,1fr);max-width:1280px;margin:auto;display:grid}.steps div{border-right:1px solid #fff2;padding:27px 25px 20px 0}.steps div:last-child{border:0}.steps small{color:var(--accent);font:10px DM Mono}.steps h3{margin-top:50px;font:23px Space Grotesk}.steps p{color:#9ca19e}.faq{max-width:900px;margin:auto;padding:115px 6vw}.faq h2{text-align:center;margin-bottom:45px}.faq>small{text-align:center;display:block}.faqitem{border-top:1px solid var(--line)}.faqitem:last-child{border-bottom:1px solid var(--line)}.faqitem button{text-align:left;background:0 0;border:0;justify-content:space-between;gap:25px;width:100%;padding:23px 5px;font:500 16px Space Grotesk;display:flex}.faqitem b{color:#747b75;font:400 22px DM Mono}.faqitem p{color:var(--muted);margin:0;padding:0 45px 25px 5px;line-height:1.7}.cta{color:#fff;text-align:center;background:linear-gradient(120deg,#151a20,#26333c 50%,#506020);padding:120px 6vw}.cta small{color:#b9c1bb}.cta h2{letter-spacing:-.06em;margin:18px 0;font:600 clamp(42px,5vw,68px) Space Grotesk}.cta p{color:#c1c8c3;max-width:600px;margin:0 auto 30px;line-height:1.7}.lightbtn{background:var(--accent);color:var(--ink);border-radius:4px;padding:17px 25px;font-weight:700;display:inline-block}footer{background:var(--dark);color:#fff;grid-template-columns:2fr minmax(130px,180px) minmax(240px,300px);align-items:start;gap:55px;padding:70px 6vw 25px;display:grid}.footerbrand{min-width:0}.footerlinks,.footercompany{flex-direction:column;justify-self:end;gap:13px;width:100%;display:flex}.footerlinks strong,.footercompany strong{color:var(--accent);margin-bottom:5px;display:block}.footerlinks a,.footercompany a,.footercompany span{color:#c2c7c4;font-size:13px}.footercompany a{align-items:center;gap:9px;display:flex}.footercompany svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.footercompany span{color:#fff;margin-bottom:1px;font:600 14px Space Grotesk}.footercompany a:hover,.footerlinks a:hover,.footerbrand .logo{color:#fff}.footerbrand .logo-mark{border-color:#fff}footer p{color:#9ca19e;max-width:300px;font-size:13px;line-height:1.6}.copy{color:#737b76;border-top:1px solid #ffffff1c;grid-column:1/-1;padding-top:22px;font:10px DM Mono}footer>a{color:#fff}.app{background:var(--paper);min-height:100vh}.app>header{border-bottom:1px solid var(--line);background:#f6f3edeb;height:84px;padding:0 max(24px,6vw);position:relative}.app>header small{letter-spacing:.13em;color:#7c827c;font:10px DM Mono}.app .workspace{max-width:1180px;margin:auto;padding:70px 6vw 110px}.workspace>small{letter-spacing:.12em;color:#747b75;align-items:center;gap:9px;font:10px DM Mono;display:inline-flex}.workspace>small:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #d9ff4533}.workspace h1{letter-spacing:-.065em;margin:18px 0 15px;font:600 clamp(48px,6vw,72px)/1 Space Grotesk}.workspace>p{max-width:720px;color:var(--muted);margin:0 0 42px;font-size:16px;line-height:1.75}.upload{cursor:pointer;background:#ffffffb8;border:1px dashed #a8aaa4;justify-content:space-between;align-items:center;gap:25px;min-height:118px;margin:0 0 18px;padding:25px 30px;transition:all .2s;display:flex;position:relative}.upload:hover{border-color:var(--ink);background:#fff;transform:translateY(-1px)}.upload:before{content:"↑";border:1px solid var(--line);background:var(--paper);order:2;place-items:center;width:48px;height:48px;font:22px DM Mono;display:grid}.upload b{margin-bottom:6px;font:600 18px Space Grotesk;display:block}.upload small{color:var(--muted);font-size:12px;display:block}.upload input{display:none}.tabs{background:var(--ink);border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;margin-top:28px;display:grid;overflow:hidden}.tabs button{color:#aeb5b0;text-align:left;background:#20262d;border:0;border-right:1px solid #fff2;padding:21px 24px;font:600 14px Space Grotesk;transition:all .2s;position:relative}.tabs button:last-child{border-right:0}.tabs button:hover{color:#fff;background:#282f37}.tabs .active{background:var(--accent);color:var(--ink);box-shadow:none}.tabs .active:after{content:"ACTIVE";letter-spacing:.08em;font:9px DM Mono;position:absolute;top:20px;right:20px}.panel{border:1px solid var(--line);background:#fff;border-top:0;padding:0;position:relative;overflow:hidden;box-shadow:0 25px 60px #191f2412}.panelhead{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fff 0%,#faf9f5 100%);padding:42px 44px 34px}.panelhead small{letter-spacing:.12em;color:#7b827c;font:10px DM Mono}.panelhead h2{letter-spacing:-.045em;max-width:760px;margin:15px 0 12px;font:600 clamp(28px,3vw,38px)/1.08 Space Grotesk}.panelhead p{color:var(--muted);max-width:760px;margin:0;font-size:14px;line-height:1.7}.panel>.field,.panel>.two,.panel>.permissiongrid,.panel>.btn,.panel>.hint{margin-left:44px;margin-right:44px}.field{margin-top:28px;display:block}.field>span{margin-bottom:9px;font:600 12px Space Grotesk;display:block}.field input,.field textarea,.field select{width:100%;color:var(--ink);background:#fafaf8;border:1px solid #cfcec8;border-radius:3px;outline:none;padding:13px 14px;font:14px DM Sans;transition:all .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ink);background:#fff;box-shadow:0 0 0 3px #d9ff4533}.field textarea{resize:vertical;min-height:160px;line-height:1.6}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two .field{margin-top:28px}.permissiongrid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin-top:36px;padding:26px 0 4px;display:grid}.permissiongrid>div:first-child{grid-column:1/-1;margin-bottom:6px}.permissiongrid>div:first-child small{letter-spacing:.1em;color:#7b827c;font:10px DM Mono}.permissiongrid>div:first-child h3{margin:8px 0 4px;font:600 20px Space Grotesk}.check{cursor:pointer;background:#faf9f6;border:1px solid #e1dfd8;align-items:flex-start;gap:12px;padding:15px;transition:all .2s;display:flex}.check:hover{background:#f4f8e9;border-color:#cdd4bb}.check input{appearance:none;background:#fff;border:1px solid #a8aaa4;border-radius:3px;width:18px;min-width:18px;height:18px;margin:1px 0 0;position:relative}.check input:checked{background:var(--ink);border-color:var(--ink)}.check input:checked:after{content:"✓";color:var(--accent);font:700 13px/18px DM Sans;position:absolute;top:0;left:3px}.check b{margin-bottom:3px;font:600 13px Space Grotesk;display:block}.check small{color:var(--muted);font-size:11px;line-height:1.35;display:block}.hint{color:#858b85!important;font:11px/1.6 DM Mono!important}.permissiongrid>.hint{grid-column:1/-1;margin:5px 0 0}.panel>.btn{border:0;width:max-content;margin-top:34px;margin-bottom:36px;padding:15px 22px;transition:all .2s;display:block}.panel>.btn:hover{background:#2a333c;transform:translateY(-1px)}.panel>.btn:disabled{opacity:.55;cursor:wait;transform:none}.message{color:#303a24;background:#f3fbdc;border:1px solid #cbd7a8;margin:0 44px 36px;padding:18px 20px;font-size:13px}.message.error{color:#7b2f25;background:#fff0ed;border-color:#e3bdb4}.message.success>b{font:600 15px Space Grotesk}.resultlinks{align-items:center;gap:12px;margin-top:15px;display:flex}.resultlinks .btn{margin:0;padding:11px 15px;font-size:12px;display:inline-block}.resultlinks>a:not(.btn){color:var(--muted);font-size:12px;text-decoration:underline}.message small{color:#68705e;margin-top:12px;font:10px DM Mono;display:block}.app footer{justify-content:space-between;align-items:center;gap:20px;padding:28px max(24px,6vw);display:flex}.app footer>div:first-child{align-items:center;gap:25px;display:flex}.app footer p{margin:0}.app footer>a{color:#fff;font-size:12px;text-decoration:underline}@media (width<=850px){nav{display:none}.hero,.cards,.steps,.tabs{grid-template-columns:1fr}.strip{flex-wrap:wrap}.hero h1{font-size:48px}.two,.permissiongrid{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.panel>.field,.panel>.two,.panel>.permissiongrid,.panel>.btn,.panel>.hint{margin-left:25px;margin-right:25px}.panelhead{padding:32px 25px}.message{margin-left:25px;margin-right:25px}.tabs button{border-bottom:1px solid #fff2;border-right:0}.tabs button:last-child{border-bottom:0}.tabs .active:after{right:18px}.footerlinks,.footercompany{justify-self:start}}@media (width<=550px){header{padding:0 20px}.hero,.section,.dark,.cta{padding-left:20px;padding-right:20px}.actions{flex-direction:column;align-items:flex-start}.faq{padding:80px 20px}footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.copy{grid-column:auto}.app .workspace{padding:50px 20px 75px}.workspace h1{font-size:48px}.upload{min-height:105px;padding:20px}.upload:before{width:40px;height:40px}.panelhead{padding:28px 20px}.panel>.field,.panel>.two,.panel>.permissiongrid,.panel>.btn,.panel>.hint,.message{margin-left:20px;margin-right:20px}.app footer{flex-direction:column;align-items:flex-start}.app footer>div:first-child{flex-direction:column;align-items:flex-start;gap:12px}.resultlinks{flex-direction:column;align-items:flex-start}}
