:root{--ink:#16241f;--green:#0f4a3b;--lime:#d9ff78;--mint:#edf7f0;--paper:#fbfaf5;--line:#d9dfd9;--muted:#65716c;--white:#fff;--shadow:0 20px 60px rgba(19,55,44,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% 5%,rgba(217,255,120,.28),transparent 24rem),var(--paper)}button,input,select{font:inherit}button{cursor:pointer}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid rgba(15,74,59,.12);background:rgba(251,250,245,.82);backdrop-filter:blur(12px);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:-.02em}.brand strong{color:var(--green)}.brand-mark{width:32px;height:38px;border:2px solid var(--green);border-radius:50% 50% 45% 45%;display:grid;place-items:center;position:relative}.brand-mark:before{content:"";position:absolute;width:18px;height:1.5px;background:var(--green);top:16px}.brand-mark i{width:7px;height:7px;background:var(--lime);border:1.5px solid var(--green);border-radius:50%;margin-top:-9px}.header-actions{display:flex;align-items:center;gap:12px}.privacy-pill{display:flex;align-items:center;gap:8px;border:1px solid #cbd8cf;border-radius:99px;padding:8px 13px;font-size:12px;color:#41544c;background:#fff}.privacy-pill span{width:7px;height:7px;border-radius:50%;background:#3bb56f;box-shadow:0 0 0 4px #e4f7eb}.icon-button{border:0;background:var(--green);color:white;padding:9px 14px;border-radius:99px}.hero{text-align:center;padding:86px 20px 62px;max-width:880px;margin:auto}.eyebrow,.card-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--green)}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:19px 0 25px;font-weight:500}.hero h1 em{font-weight:400;color:var(--green)}.hero>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:660px;margin:0 auto}.trust-row{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:28px;font-size:13px;font-weight:650}.trust-row b{color:var(--green);background:var(--lime);border-radius:50%;display:inline-grid;place-items:center;width:18px;height:18px;margin-right:5px}.maker{max-width:1120px;margin:0 auto 110px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.maker-topline{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.maker-topline>div,.section-heading{display:flex;align-items:center;gap:14px}.maker h2,.section-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:30px;margin:0;font-weight:500;letter-spacing:-.03em}.maker-topline p,.section-heading p{color:var(--muted);font-size:13px;margin:0}.step{width:30px;height:30px;background:var(--lime);color:var(--green);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.upload-zone{border:1.5px dashed #a6bbb0;border-radius:18px;background:linear-gradient(135deg,#f8fbf8,#f4f8ed);padding:58px 24px;text-align:center;outline:none;transition:.2s}.upload-zone:hover,.upload-zone:focus,.upload-zone.dragging{border-color:var(--green);background:#f1f8ec;transform:translateY(-2px)}.upload-icon{width:58px;height:58px;margin:auto;background:var(--lime);border-radius:50%;display:grid;place-items:center}.upload-icon svg{width:26px;fill:none;stroke:var(--green);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.upload-zone h3{font-family:Georgia,serif;font-size:27px;margin:17px 0 5px}.upload-zone>p{color:var(--muted);font-size:13px}.upload-actions{display:flex;justify-content:center;gap:10px;margin-top:22px}.button{border:0;border-radius:10px;padding:13px 19px;font-weight:750;font-size:13px;transition:.18s;display:inline-flex;align-items:center;justify-content:center}.button:hover{transform:translateY(-1px);filter:brightness(.97)}.button-primary{background:var(--green);color:#fff}.button-secondary{background:#fff;color:var(--ink);border:1px solid #cfd8d2}.button-dark{background:var(--ink);color:#fff;width:100%;margin-top:16px}.editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.preview-panel{background:#eef1ec;padding:24px;min-width:0}.panel-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em;color:#53605b;margin-bottom:15px}.canvas-wrap{position:relative;max-width:380px;margin:auto;background:#ddd;box-shadow:0 14px 38px rgba(15,35,29,.16);line-height:0;overflow:hidden}.canvas-wrap canvas{width:100%;display:block;aspect-ratio:35/45;object-fit:contain}.guide{position:absolute;inset:8%;border:1px dashed rgba(15,74,59,.65);border-radius:50% 50% 45% 45%;pointer-events:none}.eye-line{position:absolute;top:55%;left:-8%;right:-8%;height:1px;border-top:1px dashed rgba(15,74,59,.85);font-size:8px;line-height:1;color:var(--green);text-align:right;padding-right:3px}.processing{position:absolute;inset:0;background:rgba(250,250,247,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;line-height:1.3;text-align:center;padding:20px}.processing small{color:var(--muted)}.spinner{width:36px;height:36px;border:3px solid #dce5df;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.text-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--green);font-weight:700;font-size:12px}.controls-panel{padding:28px;background:#fff}.control-group{padding-bottom:22px;margin-bottom:20px;border-bottom:1px solid #edf0ed}.control-group label{font-size:12px;font-weight:750;display:block;margin-bottom:9px}.control-group select{width:100%;padding:12px;border:1px solid #ccd5cf;border-radius:9px;background:white;color:var(--ink)}.label-row,.range-legend{display:flex;justify-content:space-between}.label-row output{font-size:12px;font-weight:800;color:var(--green)}input[type=range]{width:100%;accent-color:var(--green)}.range-legend{font-size:9px;color:#84908a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;cursor:pointer}.switch-row span{display:flex;flex-direction:column}.switch-row b{font-size:12px}.switch-row small{font-size:10px;color:var(--muted);margin-top:2px}.switch-row input{position:absolute;opacity:0}.switch-row i{width:38px;height:22px;border-radius:20px;background:#cad3cd;position:relative;transition:.2s}.switch-row i:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:3px;left:3px;transition:.2s;box-shadow:0 1px 4px #777}.switch-row input:checked+i{background:var(--green)}.switch-row input:checked+i:after{transform:translateX(16px)}.status-card{display:flex;gap:10px;align-items:center;background:#eef8ef;border:1px solid #d5ead9;border-radius:10px;padding:12px;margin-top:15px}.status-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#c9f3d6;color:#17633c;font-weight:800}.status-card div{display:flex;flex-direction:column}.status-card b{font-size:11px}.status-card small{font-size:9px;color:#597064}.export-section{max-width:1120px;margin:0 auto 110px;padding:0 20px}.section-heading{margin-bottom:28px}.section-heading>div{display:flex;flex-direction:column;gap:4px}.export-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.export-card{background:#fff;border:1px solid var(--line);padding:25px;border-radius:16px;display:flex;flex-direction:column;min-height:295px;position:relative}.export-card.featured{border-color:#9ebba9;box-shadow:0 12px 34px rgba(19,55,44,.08)}.export-card h3{font-family:Georgia,serif;font-size:24px;margin:12px 0 7px}.export-card>p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 16px}.spec{display:flex;gap:7px;margin-bottom:22px}.spec span{background:#f1f5f1;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:750}.export-card>.button{margin-top:auto;width:100%}.size-buttons{display:flex;gap:6px;margin-bottom:17px}.size-buttons button{flex:1;border:1px solid #d6ddd8;background:#fff;border-radius:7px;padding:8px 2px;font-size:10px;font-weight:700}.size-buttons button.active{background:var(--lime);border-color:#b7d463;color:#26442f}.sheet-preview{background:#f3f1e9;border:1px solid #ddd9cb;padding:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:15px}.sheet-preview i{aspect-ratio:35/45;background:linear-gradient(#d8e4dc 25%,#adbfb4 26% 44%,#eef2ec 45%)}.fine-print{text-align:center;color:#7a847f;font-size:10px;margin-top:22px}.how-it-works{padding:80px max(20px,5vw);background:var(--green);color:#fff}.section-heading.centered{display:flex;flex-direction:column;text-align:center;max-width:600px;margin:0 auto 48px}.section-heading.centered .eyebrow{color:var(--lime)}.section-heading.centered h2{font-size:38px}.steps-grid{max-width:1000px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps-grid article{border-top:1px solid rgba(255,255,255,.25);padding-top:22px}.steps-grid article>span{color:var(--lime);font-family:Georgia,serif;font-size:28px}.steps-grid h3{font-family:Georgia,serif;font-size:24px;margin:18px 0 7px}.steps-grid p{font-size:12px;line-height:1.7;color:#bfd0c8}footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:35px max(20px,5vw);font-size:11px;color:var(--muted)}footer .brand{font-size:15px}footer .brand-mark{transform:scale(.75)}.camera-dialog{width:min(620px,calc(100vw - 24px));border:0;border-radius:18px;padding:20px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.35)}.camera-dialog::backdrop{background:rgba(6,23,18,.82);backdrop-filter:blur(4px)}.camera-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:14px}.camera-head h2{font-family:Georgia,serif;margin:5px 0 0;font-weight:500}.camera-head>button{border:0;background:#e8ece8;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1}.video-frame{position:relative;background:#0b1713;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.video-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.video-frame.environment video{transform:none}.camera-oval{position:absolute;left:50%;top:50%;width:38%;height:66%;transform:translate(-50%,-50%);border:2px dashed rgba(217,255,120,.85);border-radius:50% 50% 45% 45%;box-shadow:0 0 0 100vmax rgba(0,0,0,.18)}.camera-dialog>p{text-align:center;font-size:11px;color:var(--muted)}.camera-actions{display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;gap:14px}.shutter{width:66px;height:66px;border-radius:50%;border:3px solid var(--green);background:transparent;padding:5px;margin:auto}.shutter span{display:block;width:100%;height:100%;border-radius:50%;background:var(--green)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,30px);background:var(--ink);color:white;border-radius:9px;padding:11px 17px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:800px){.site-header{height:65px}.privacy-pill{display:none}.hero{padding-top:60px}.maker{margin-left:12px;margin-right:12px;padding:17px}.maker-topline{align-items:start;gap:15px}.maker-topline>p{max-width:180px}.editor{grid-template-columns:1fr}.export-grid,.steps-grid{grid-template-columns:1fr}.export-card{min-height:260px}.steps-grid{gap:25px}footer{grid-template-columns:1fr;text-align:center;justify-items:center}.export-section{margin-bottom:70px}}@media(max-width:480px){.hero h1{font-size:48px}.hero>p{font-size:15px}.trust-row{gap:12px}.maker-topline{display:block}.maker-topline>p{margin:10px 0 0 44px}.upload-zone{padding:42px 12px}.upload-actions{flex-direction:column}.upload-actions .button{width:100%}.preview-panel,.controls-panel{padding:18px}.section-heading.centered h2{font-size:31px}.camera-dialog{padding:14px}.camera-actions .button{font-size:10px;padding:10px 6px}}