@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600;700&display=swap');:root{--bg:#080909;--ink:#f1eee7;--muted:#aba9a3;--orange:#ff7418;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'Inter Tight',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1320px,88%);margin:auto}header{height:76px;position:absolute;top:0;left:6%;right:6%;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff18}.vilns{font-size:14px;letter-spacing:5px}.brand{font-size:13px}.brand:before{content:'';display:inline-block;width:19px;height:19px;border:2px solid var(--orange);border-radius:3px;margin-right:12px;vertical-align:-5px}nav{display:flex;gap:32px;font-size:10px;letter-spacing:1.5px}nav .active{color:var(--orange)}.about{font-size:10px;letter-spacing:1.5px}.hero{min-height:670px;background:linear-gradient(90deg,#030404e8 0%,#030404bf 38%,#03040435 72%,#030404aa),url('/porch-assets/porch-scenes.png') 0 0/300% 200%;border-bottom:1px solid var(--line)}.hero-inner{padding-top:143px}.hero-copy{max-width:470px}.mark,.porch-lockup{font-size:0;margin:0 0 20px}.mark i,.porch-lockup i{display:inline-block;width:12px;height:35px;background:var(--ink);margin-right:8px}.mark i:nth-child(2),.porch-lockup i:nth-child(2){background:var(--orange)}h1{font-size:31px;font-weight:400;letter-spacing:12px;margin:0 0 12px}.hero h2{font:400 clamp(54px,6vw,84px)/.9 'Instrument Serif',serif;margin:0 0 20px}.hero h2 em{color:var(--orange)}em{font-family:'Instrument Serif',serif}.hero p:not(.mark){color:#d1cec7;font-size:18px;line-height:1.35}.button{display:inline-flex;gap:28px;align-items:center;background:var(--orange);color:#0b0c0b;border:0;border-radius:5px;padding:14px 22px;font-weight:700;font-size:11px;letter-spacing:1.5px}.hero small{display:block;margin-top:16px;color:#c2c0ba;font-size:11px}.feature{border-bottom:1px solid var(--line);padding:76px 0}.dark{background:#050606}.split{display:grid;grid-template-columns:38% 62%;gap:60px;align-items:center}.feature:nth-child(even) .split{grid-template-columns:62% 38%}.feature:nth-child(even) .copy{order:2}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--orange);font-weight:600}.copy h2{font:400 clamp(43px,5vw,70px)/.94 'Instrument Serif',serif;margin:22px 0}.copy>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.45;max-width:410px}.copy>em{font-size:23px;color:var(--orange)}.media{min-height:340px;position:relative;overflow:hidden}.shot-editor{background:#1c1917;border:1px solid #ffffff30;border-radius:8px;padding:20px}.fake-player{height:100%;background:#131514}.player-image{height:220px;background:url('/porch-assets/porch-scenes.png') 50% 0/300% 200%}.player-bar{height:37px;display:flex;align-items:center;gap:14px;padding:0 12px;color:var(--orange)}.player-bar span{height:3px;background:var(--orange);flex:1}.timeline{height:45px;background:repeating-linear-gradient(90deg,#202925 0 20px,#53645c 21px 22px)}.pin{position:absolute;background:var(--orange);color:#fff;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;top:78px;left:42%;font-size:12px}.phone-shot{background:linear-gradient(90deg,#0005,#0000),url('/porch-assets/porch-scenes.png') 100% 0/300% 200%;min-height:400px}.link-shot{background:url('/porch-assets/porch-scenes.png') 100% 100%/300% 200%;display:flex;align-items:center;justify-content:center;gap:25px}.phone{width:170px;height:320px;border:8px solid #121414;border-radius:22px;background:#333;box-shadow:0 10px 40px #000}.phone-screen{height:230px;margin:8px;background:url('/porch-assets/porch-scenes.png') 100% 0/300% 200% center;border-radius:9px}.phone-input{margin:10px;background:#101111;padding:10px;font-size:9px;color:#aaa;border-radius:4px}.phone-input b{float:right;color:var(--orange)}.comment-stack{display:grid;gap:12px}.comment-stack span{background:#f4f2ec;color:#1d1c1b;border-radius:8px;padding:14px;width:180px;font-size:12px}.comment-stack small{display:block;color:#555;margin-top:5px}.storage{background:linear-gradient(90deg,#050606,#12100d)}.server-shot{display:flex;align-items:center;justify-content:center;gap:30px}.server{width:170px;height:210px;border-radius:9px;background:linear-gradient(90deg,#101111,#4d3323,#111);box-shadow:10px 10px 25px #000;position:relative}.server:after{content:'▮  ▮  ▮';position:absolute;top:25px;left:20px;color:var(--orange);font-size:20px}.storage-list{display:grid;gap:12px;background:#151716e8;padding:22px;border-radius:8px;font-size:12px}.storage-list span:first-letter{color:var(--orange)}.edit-shot{background:linear-gradient(90deg,#0001,#0008),url('/porch-assets/porch-scenes.png') 50% 100%/300% 200%;min-height:380px}.tools{display:flex;gap:28px;margin-top:25px}.tools span{font-size:23px;color:#6d8bff}.tools span:nth-child(2){color:#9ce57d}.tools span:nth-child(3){color:#8f99ff}.tools small{display:block;color:var(--ink);font-size:9px;margin-top:7px}.versions{padding:65px 0;border-bottom:1px solid var(--line)}.version-row{display:grid;grid-template-columns:1fr 30px 1fr;gap:20px;align-items:center}.old-files,.latest{background:#161817;border:1px solid #ffffff15;border-radius:6px;padding:14px}.old-files span{display:block;color:#8e918c;border-bottom:1px solid #ffffff0d;padding:5px;font:12px monospace}.version-row>b{font-size:24px;text-align:center}.latest{border-left:5px solid var(--orange)}.latest strong{display:block}.latest small{float:right;background:#393c3a;padding:5px 8px;border-radius:4px;color:#aaa;font-size:9px}.latest p{color:var(--muted);font-size:13px;line-height:1.5}.signup{padding:78px 0;background:linear-gradient(90deg,#040505aa,#040505dd),url('/porch-assets/porch-scenes.png') 100% 100%/300% 200%}.signup-grid{display:grid;grid-template-columns:42% 58%;gap:80px;align-items:center}.porch-lockup{font-size:30px;letter-spacing:8px}.signup h2{font:400 38px/1 'Instrument Serif',serif;margin:14px 0}.signup p{color:var(--muted);line-height:1.45}.names{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{font-size:11px;color:#b5b5af}input{display:block;width:100%;margin:7px 0 13px;background:#111312;border:1px solid #ffffff25;border-radius:5px;padding:14px;color:var(--ink)}form .button{width:100%;justify-content:space-between}.privacy,#form-status{font-size:10px!important;text-align:center}.orange-note{color:var(--orange)!important;text-align:right;font-size:12px}.honeypot{position:absolute;left:-10000px}footer{padding:25px 0;display:flex;justify-content:space-between;color:#9b9d98;font-size:10px;letter-spacing:1px}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:var(--orange);color:#000;padding:10px}@media(max-width:800px){header{left:6%;right:6%}nav{gap:12px}nav a:nth-child(2){display:none}.hero{min-height:670px}.split,.feature:nth-child(even) .split{grid-template-columns:1fr;gap:30px}.feature:nth-child(even) .copy{order:0}.feature{padding:55px 0}.media{min-height:300px}.signup-grid{grid-template-columns:1fr;gap:30px}.version-row{grid-template-columns:1fr;gap:10px}.version-row>b{transform:rotate(90deg)}.names{grid-template-columns:1fr}}@media(max-width:520px){header{height:68px}.brand{font-size:10px}.vilns{font-size:11px}nav{font-size:8px;gap:8px}.about{font-size:8px}.hero-inner{padding-top:128px}.hero h2{font-size:57px}.hero-copy p:not(.mark){font-size:16px}.feature{padding:45px 0}.copy h2{font-size:50px}.media{min-height:245px}.shot-editor{padding:10px}.player-image{height:145px}.phone{width:135px;height:260px}.phone-screen{height:180px}.comment-stack span{width:140px;font-size:10px}.storage-list{font-size:10px;padding:14px}.server{width:120px;height:170px}footer{flex-wrap:wrap;gap:14px}}