:root{--ink:#0d0f0c;--panel:#151813;--panel2:#1b1f19;--bone:#e9e2d3;--muted:#9b9d91;--line:#34382f;--orange:#d66b2b;--orange2:#f08a43;--green:#82955d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--bone);font-family:Inter,Arial,sans-serif}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav{height:82px;position:absolute;z-index:5;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand{display:flex;align-items:center;gap:10px;color:var(--bone);text-decoration:none;font:800 22px/1 "Barlow Condensed",sans-serif;letter-spacing:1.5px}.brand span span{color:var(--orange2)}.brand svg{width:32px;height:38px;fill:none;stroke:currentColor;stroke-width:2}.nav-link{color:#d2d1ca;font:600 12px Inter;text-transform:uppercase;letter-spacing:1.6px;text-decoration:none}.hero{height:min(900px,100svh);min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background:url("assets/tine-tracer-hero.png") 58% center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,7,.98) 0%,rgba(7,9,7,.83) 36%,rgba(7,9,7,.12) 70%),linear-gradient(0deg,#0d0f0c 0,transparent 26%)}.hero-content{position:relative;padding-top:75px}.eyebrow{font:600 11px Inter;text-transform:uppercase;letter-spacing:2.3px;color:#b2b5a7;display:flex;align-items:center;gap:11px}.eyebrow span{display:block;width:30px;height:2px;background:var(--orange)}h1,h2,h3{font-family:"Barlow Condensed",sans-serif;margin:0}h1{font-size:clamp(64px,8.4vw,112px);line-height:.81;letter-spacing:-2px;max-width:730px;margin:26px 0}h1 em,h2 em{font-style:normal;color:var(--orange2)}.lede{font-size:17px;line-height:1.7;color:#babcb4;max-width:540px}.button{border:0;text-decoration:none;color:#fff;background:var(--orange);font:700 13px Inter;letter-spacing:1.3px;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:space-between;gap:50px;padding:19px 22px;cursor:pointer;transition:.2s}.button:hover{background:var(--orange2);transform:translateY(-1px)}.button span:last-child{font-size:19px}.hero .button{margin-top:22px}.hero-proof{display:flex;gap:0;margin-top:54px;border-top:1px solid #ffffff1f;width:max-content}.hero-proof div{padding:18px 38px 0 0;margin-right:38px;border-right:1px solid #ffffff1f;display:flex;align-items:center;gap:10px}.hero-proof div:last-child{border:0}.hero-proof strong{font:700 28px "Barlow Condensed";color:var(--orange2)}.hero-proof span{font-size:11px;color:#979b90;max-width:60px;line-height:1.25}.scroll-cue{position:absolute;bottom:28px;right:30px;font-size:9px;letter-spacing:2px;color:#85897f;writing-mode:vertical-rl}.scroll-cue span{margin-top:14px;color:var(--orange2)}.trace-section{padding:115px 0;background:radial-gradient(circle at 10% 30%,#1d211a 0,transparent 30%),var(--ink)}.trace-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.section-copy{position:sticky;top:40px}.section-copy h2,.how h2{font-size:clamp(46px,5vw,70px);line-height:.9;margin:25px 0}.section-copy>p:not(.eyebrow),.how .shell>p:last-child{color:var(--muted);line-height:1.7;max-width:500px;font-size:14px}.photo-tips{list-style:none;padding:20px 0 0;margin:25px 0 0;border-top:1px solid var(--line)}.photo-tips li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.photo-tips b{font:600 12px "Barlow Condensed";color:var(--orange2)}.photo-tips span{font-size:12px;color:#85897d;line-height:1.4}.photo-tips strong{display:block;color:var(--bone);font-size:13px;margin-bottom:4px}.upload-card{background:var(--panel);border:1px solid var(--line);padding:32px;box-shadow:0 24px 80px #0005}.upload-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.upload-heading h3{font-size:26px;margin-top:3px}.step-label,.upload-heading>span{font-size:9px;letter-spacing:1.8px;color:#858a7e}.upload-heading>span{border:1px solid var(--line);padding:7px 9px}.dropzone{min-height:245px;border:1px dashed #596052;background:#11140f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.dropzone.dragging,.dropzone:hover{border-color:var(--orange);background:#1b1b14}.dropzone input{display:none}.upload-icon{border:1px solid #4a5045;width:45px;height:45px;display:grid;place-items:center;color:var(--orange2);font-size:24px;margin-bottom:14px}.dropzone strong{font:600 17px "Barlow Condensed";letter-spacing:.4px}.dropzone small{color:#898d83;font-size:11px;margin-top:6px}.file-types{font-size:8px;letter-spacing:1.3px;color:#62675e;margin-top:24px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.preview{height:110px;position:relative;background:#090a08}.preview img{width:100%;height:100%;object-fit:cover}.preview button{position:absolute;right:5px;top:5px;border:0;background:#090a08cc;color:white;width:24px;height:24px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.field-row label>span{display:block;font-size:9px;letter-spacing:1.3px;color:#b4b5ae;margin-bottom:8px}.field-row small{color:#656a60;margin-left:5px}.field-row input,.field-row select{appearance:none;width:100%;border:1px solid var(--line);background:#10130f;color:#d7d4ca;padding:14px;font:12px Inter}.form-error{color:#ee9365;font-size:11px;min-height:16px}.analyze{width:100%}.analyze:disabled{background:#33372f;color:#777b71;cursor:not-allowed;transform:none}.privacy{text-align:center;color:#64685f;font-size:9px;margin:12px 0 0}.loading-section{text-align:center;padding:150px 20px;background:#121510}.loading-mark{width:90px;height:90px;margin:auto;display:grid;place-items:center;position:relative}.loading-mark span{position:absolute;inset:0;border:1px solid #3b4135;border-top-color:var(--orange);border-radius:50%;animation:spin 1.3s linear infinite}.loading-mark svg{width:35px;fill:none;stroke:var(--bone);stroke-width:2}.loading-section .eyebrow{justify-content:center;margin-top:25px}.loading-section h2{font-size:42px}.loading-section>p:last-child{color:var(--muted);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.results-section{padding:110px 0;background:#10120f}.results-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.results-top h2{font-size:52px}.text-button{background:none;border:0;color:var(--orange2);cursor:pointer;font:600 11px Inter;letter-spacing:1px;text-transform:uppercase}.verdict-card{display:grid;grid-template-columns:300px 1fr;border:1px solid #3e4339;background:linear-gradient(135deg,#1d211a,#141712);margin-bottom:16px}.score-block{padding:38px;border-right:1px solid #3e4339;display:flex;flex-direction:column}.score-block>span,.score-block small{font-size:9px;letter-spacing:1.7px;color:#909489}.score-block strong{font:800 67px/1 "Barlow Condensed";color:var(--orange2);margin:8px 0}.verdict-copy{padding:36px 42px}.verdict-copy>span{font-size:9px;color:var(--green);letter-spacing:1.5px}.verdict-copy blockquote{font:600 25px/1.25 "Barlow Condensed";margin:12px 0}.verdict-copy p{font-size:11px;color:#8f9388}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.result-card{border:1px solid var(--line);background:var(--panel);padding:28px;min-height:260px}.result-card header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}.result-card header span{font:600 10px Inter;color:var(--orange2)}.result-card h3{font-size:20px;letter-spacing:.5px}.measurements{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:22px}.measurement{background:var(--panel);padding:15px}.measurement span{display:block;font-size:9px;color:#81867c;letter-spacing:1px}.measurement strong{font:600 22px "Barlow Condensed"}.age-value{display:flex;align-items:center;gap:15px;margin:24px 0}.age-value strong{font:700 53px "Barlow Condensed";color:var(--orange2)}.age-value span{font-size:8px;color:#898e82;letter-spacing:1px}.result-card>p{font-size:12px;color:#9ca095;line-height:1.7}.potential-heading{display:flex;align-items:center;gap:20px;margin:28px 0}.potential-heading strong{font:700 32px "Barlow Condensed"}.potential-heading span{height:4px;background:#34382f;flex:1}.potential-heading i{display:block;width:70%;height:100%;background:var(--orange)}.evidence-list{list-style:none;padding:14px 0 0;margin:0}.evidence-list li{padding:10px 0;border-bottom:1px solid #2b2f29;font-size:11px;color:#a9aca3}.evidence-list li::before{content:'◆';font-size:6px;color:var(--orange);margin-right:10px}.disclaimer{font-size:9px;color:#62665e;line-height:1.5;margin-top:20px}.how{min-height:480px;display:flex;align-items:center;background:linear-gradient(90deg,#10130fee,#10130f99),url("assets/tine-tracer-hero.png") center 54%/cover}.how .shell{padding-left:50%}footer{height:100px;display:flex;align-items:center;justify-content:space-between;color:#676b62;font-size:9px;letter-spacing:1.5px}footer .brand{font-size:15px;color:#999d92}footer .brand svg{width:22px;height:25px}
@media(max-width:800px){.shell{width:min(100% - 28px,1180px)}.nav{height:65px}.hero{min-height:730px;align-items:flex-end;padding-bottom:76px}.hero-image{background-position:64% center}.hero-shade{background:linear-gradient(0deg,#0d0f0c 6%,rgba(7,9,7,.88) 48%,rgba(7,9,7,.18) 100%)}.hero-content{padding-top:180px}h1{font-size:60px}.lede{font-size:14px;max-width:95%}.hero-proof{width:100%;margin-top:35px}.hero-proof div{padding-right:12px;margin-right:12px}.scroll-cue{display:none}.trace-section{padding:78px 0}.trace-grid{grid-template-columns:1fr;gap:45px}.section-copy{position:static}.upload-card{padding:20px}.field-row{grid-template-columns:1fr}.verdict-card{grid-template-columns:1fr}.score-block{border-right:0;border-bottom:1px solid var(--line)}.result-grid{grid-template-columns:1fr}.results-top{align-items:start;gap:20px}.results-top h2{font-size:39px}.how .shell{padding-left:0}.how{background:linear-gradient(90deg,#10130fe8,#10130fe8),url("assets/tine-tracer-hero.png") center/cover}.preview{height:85px}}
@media(max-width:430px){.nav-link{display:none}.hero-proof span{display:none}.hero-proof div{min-width:27%}.button{gap:30px}.dropzone{min-height:210px}.verdict-copy{padding:28px}.section-copy h2,.how h2{font-size:46px}}

/* Streamlined trace area */
.trace-section{padding:90px 0;background:radial-gradient(circle at 50% 20%,#1d211a 0,transparent 38%),var(--ink)}
.trace-wrap{max-width:800px}
.trace-wrap .file-types{margin-top:16px}
@media(max-width:800px){.trace-section{padding:58px 0}}

/* Modern buck photo gallery */
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0}
.preview-grid.dragging .photo-slot{border-color:var(--orange2);background:#201b14}
.photo-slot{aspect-ratio:4/5;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#11140f,#191c17);border:1px solid #3a3f36;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
.photo-slot:hover,.photo-slot:focus-visible{outline:none;border-color:var(--orange2);background:#1d2019;transform:translateY(-2px)}
.photo-slot::after{content:'';position:absolute;inset:7px;border:1px solid #ffffff08;pointer-events:none}
.photo-slot .slot-number{position:absolute;top:15px;left:16px;font:600 9px Inter;letter-spacing:1.5px;color:#696e64;z-index:2}
.slot-plus{width:46px;height:46px;border:1px solid #4a5145;display:grid;place-items:center;color:var(--orange2);font:300 28px/1 Inter;margin-bottom:14px;transition:.2s}
.photo-slot:hover .slot-plus{border-color:var(--orange2);background:#d66b2b12}
.photo-slot strong{font:600 10px Inter;letter-spacing:1.35px;color:#b9bcb2;text-align:center;padding:0 10px}
.photo-slot.filled{cursor:default;border-color:#555b50}
.photo-slot.filled:hover{transform:none}
.photo-slot img{width:100%;height:100%;object-fit:cover;display:block}
.photo-slot.filled::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 25%,transparent 70%,#0007);z-index:1;pointer-events:none}
.photo-slot.filled .slot-number{color:#fff}
.photo-slot button{position:absolute;z-index:3;right:12px;top:12px;border:1px solid #ffffff38;background:#0d0f0ccc;color:#fff;width:31px;height:31px;font-size:18px;cursor:pointer;transition:.2s}
.photo-slot button:hover{background:var(--orange);border-color:var(--orange)}
.photo-meta{display:flex;align-items:center;justify-content:space-between;margin:13px 2px 24px;color:#656a60;font:500 8px Inter;letter-spacing:1.2px}
@media(max-width:600px){.preview-grid{gap:7px}.photo-slot{aspect-ratio:3/4}.photo-slot .slot-number{top:10px;left:10px}.slot-plus{width:38px;height:38px;font-size:23px}.photo-slot strong{font-size:8px;letter-spacing:.8px}.photo-meta{align-items:flex-start;gap:8px;line-height:1.5}.photo-meta span:last-child{text-align:right}.photo-slot button{right:7px;top:7px;width:27px;height:27px}}

/* Single multi-photo picker */
.photo-picker{min-height:138px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:24px 26px;background:linear-gradient(135deg,#11140f,#1a1d17);border:1px solid #3b4137;cursor:pointer;transition:.2s}
.photo-picker:hover,.photo-picker.dragging{border-color:var(--orange2);background:linear-gradient(135deg,#171912,#201d16);transform:translateY(-1px)}
.picker-plus{width:54px;height:54px;display:grid;place-items:center;border:1px solid #555c50;color:var(--orange2);font:300 31px/1 Inter}
.picker-copy{display:flex;flex-direction:column;gap:6px}
.picker-copy strong{font:700 15px "Barlow Condensed";letter-spacing:1.25px;color:var(--bone)}
.picker-copy small{font:400 10px Inter;color:#777c72}
.picker-action{display:flex;align-items:center;gap:17px;color:#bfc2b8;font:600 9px Inter;letter-spacing:1.3px}
.picker-action b{color:var(--orange2);font-size:17px}
.preview-grid{display:none;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}
.preview-grid.has-photos{display:grid}
.preview-grid .photo-slot{aspect-ratio:4/3}
@media(max-width:600px){.photo-picker{min-height:150px;grid-template-columns:auto 1fr;padding:20px;gap:15px}.picker-action{grid-column:1/-1;justify-content:space-between;padding-top:13px;border-top:1px solid #30342d}.picker-plus{width:46px;height:46px}.preview-grid .photo-slot{aspect-ratio:3/4}}

/* Tighter section rhythm */
.trace-section{padding:68px 0}
.loading-section{padding:105px 20px}
.results-section{padding:80px 0}
.how{min-height:400px}
footer{height:82px}
@media(max-width:800px){.trace-section{padding:44px 0}.loading-section{padding:82px 20px}.results-section{padding:64px 0}.how{min-height:360px}footer{height:72px}}