:root{--ink:#14201b;--muted:#627067;--green:#147638;--line:#dce3dc;--soft:#f4f7f3;--paper:#fafbf9;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #47a56a}h1,h2,h3,p{margin:0}button svg,a svg{flex-shrink:0}img{max-width:100%}h1:focus{outline:none}.wrap{width:min(1200px,100% - 96px);margin-inline:auto}.skip-link{z-index:20;background:#fff;padding:15px;position:fixed;top:0;left:20px;transform:translateY(-110%)}.skip-link:focus{transform:translateY(0)}.demo-banner{color:#edf6ec;text-align:center;letter-spacing:.055em;background:#164429;padding:9px 15px;font-size:11px}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffce;position:relative}.nav{justify-content:space-between;align-items:center;gap:20px;height:80px;display:flex}.logo{letter-spacing:-1.2px;white-space:nowrap;font-size:26px;font-weight:800}.logo span{color:var(--green)}.logo i{vertical-align:top;letter-spacing:0;margin-left:3px;font-size:11px;font-style:normal}.nav-links{align-items:center;gap:34px;font-size:14px;display:flex}.nav-about:hover{color:var(--green)}.nav-toggle,.mobile-navigation{display:none}section[id]{scroll-margin-top:24px}.button{border:1px solid var(--green);color:#fff;background:var(--green);border-radius:8px;justify-content:center;align-items:center;gap:26px;padding:17px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#116830;transform:translateY(-1px)}.button.small{gap:18px;padding:12px 16px;font-size:13px}.button.wide{justify-content:space-between;width:100%}.hero{grid-template-columns:1.16fr 1fr;align-items:center;gap:45px;min-height:750px;padding-block:72px 90px;display:grid}.hero-eyebrow{align-items:center;gap:18px;height:58px;margin-bottom:17px;display:flex}.hero-eyebrow img{object-fit:contain;object-position:bottom;width:45px;height:58px}.hero-eyebrow span,.eyebrow{letter-spacing:.14em;color:var(--green);font-size:10px;font-weight:700}.hero h1{letter-spacing:-.058em;max-width:650px;font-size:clamp(48px,4.9vw,70px);font-weight:750;line-height:1.07}.hero h1 span{background:var(--green);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .1em}.hero-lead{color:#5a665e;max-width:495px;margin-top:26px;font-size:17px;line-height:1.8}.check-list{gap:10px;margin:25px 0 30px;padding:0;font-size:14px;list-style:none;display:grid}.check-list li{align-items:center;gap:9px;display:flex}.check-list svg{width:18px;height:18px;color:var(--green)}.hero-note{color:var(--muted);margin-top:13px;font-size:11px}.hero-art{isolation:isolate;justify-content:center;align-items:center;height:640px;display:flex;position:relative}.hero-orbit{z-index:-1;background:#eaf0e5;border-radius:50%;width:450px;max-width:105%;height:450px;position:absolute}.case-phone{aspect-ratio:896/1831;isolation:isolate;filter:drop-shadow(0 18px 18px #19281c26);border-radius:16%/7.6%;flex-shrink:0;width:260px;position:relative;overflow:hidden}.case-photo{background:var(--case-color);z-index:-1;border-radius:14%/7%;position:absolute;inset:1% 2.5%;overflow:hidden}.case-photo img{max-width:none;transition:transform .15s}.case-frame{pointer-events:none;z-index:2}.case-rim{border:5px solid var(--case-color);z-index:3;pointer-events:none;border-radius:16%/7.6%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff6,0 0 0 1px #52625733}.case-texture{mix-blend-mode:soft-light;background-image:radial-gradient(#ffffff45 .7px,#0000 .7px);background-size:4px 4px;position:absolute;inset:0}.hero-phone{width:265px;transform:rotate(9deg)}.photo-note{z-index:4;font-family:Georgia,serif;font-size:18px;font-style:italic;line-height:1.3;position:absolute;top:30px;right:-5px;transform:rotate(8deg)}.mini-photo{z-index:4;background:#fff;border:8px solid #fff;border-bottom-width:28px;width:133px;height:150px;padding:8px;position:absolute;bottom:35px;left:-4%;transform:rotate(-10deg);box-shadow:0 10px 30px #1a351b21}.mini-photo img{object-fit:cover}.mini-photo span{text-align:center;font-family:Georgia,serif;font-size:10px;font-style:italic;position:absolute;bottom:-21px;left:0;right:0}.sketch-line{position:absolute;bottom:90px;right:5px;transform:rotate(-15deg)}.art-caption{letter-spacing:.16em;color:#47634a;font-size:9px;position:absolute;bottom:8px;right:50px}.promise-strip{border-block:1px solid var(--line);background:#f0f4ed}.promise-strip .wrap{justify-content:center;align-items:center;gap:55px;padding-block:26px;display:flex}.promise-strip span{align-items:center;gap:11px;font-size:14px;display:flex}.promise-strip svg{color:var(--green)}.promise-strip i{color:#889b87;font-size:20px;font-style:normal}.how{padding-block:100px}.section-heading{max-width:670px}.section-heading h2,.last-call h2{letter-spacing:-.045em;margin-block:18px;font-size:clamp(36px,4vw,54px);font-weight:650;line-height:1.13}.section-heading h2 span,.last-call h2 span{color:var(--green)}.section-heading>p:last-child{color:var(--muted);max-width:470px;font-size:16px;line-height:1.8}.steps-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:52px;display:grid}.steps-grid article{border-top:1px solid #c6d3c3;padding-top:22px}.step-top{color:var(--green);justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.step-top span{letter-spacing:.1em;font-size:12px}.steps-grid h3{letter-spacing:-.02em;margin-bottom:14px;font-size:22px;font-weight:600}.steps-grid p{color:var(--muted);max-width:300px;font-size:14px;line-height:1.8}.gallery-section{background:#eff3ed;padding:75px 0 85px}.center{text-align:center;margin:auto}.center>img{object-fit:contain;margin-bottom:12px}.center>p:last-child{margin:auto}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px;display:grid}.gallery-card{border-radius:14px;flex-direction:column;align-items:center;padding:35px 22px 25px;display:flex;overflow:hidden}.gallery-card .case-phone{width:190px;max-width:72%;transition:transform .3s}.gallery-card:first-child .case-phone{transform:rotate(-7deg)}.gallery-card:nth-child(3) .case-phone{transform:rotate(7deg)}.gallery-card:hover .case-phone{transform:rotate(0)translateY(-4px)}.gallery-card>span{justify-content:space-between;align-items:center;width:100%;margin-top:37px;font-size:14px;font-weight:600;display:flex}.last-call{grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:100px;display:grid}.last-call p:not(.eyebrow){color:var(--muted);margin-bottom:28px;font-size:17px}.before-after{justify-content:center;align-items:center;gap:22px;display:flex}.before-after>img{object-fit:cover;border:7px solid #fff;border-radius:5px;width:43%;height:220px;transform:rotate(-7deg);box-shadow:0 12px 22px #0002}.before-after .case-phone{width:170px;max-width:38%;transform:rotate(6deg)}.before-after>svg{color:var(--green);flex-shrink:0}.faq{max-width:790px;padding-bottom:100px}.faq>h2{letter-spacing:-.04em;margin-bottom:30px;font-size:36px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.faq summary{justify-content:space-between;align-items:center;gap:20px;font-size:16px;font-weight:600;display:flex}.faq summary span{color:var(--green);font-size:20px;font-weight:400}details[open]>summary>span{transform:rotate(45deg)}.faq details p{color:var(--muted);max-width:690px;padding-top:18px;font-size:14px;line-height:1.9}.footer{border-top:1px solid var(--line);justify-content:space-between;gap:35px;padding-block:42px;display:flex}.footer p{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.8}.footer a:not(.logo){color:var(--ink);text-underline-offset:3px;text-decoration:underline}.fine{color:var(--muted);font-size:11px;line-height:1.7}.editor{min-height:75vh;padding-block:26px 65px}.editor-top{justify-content:space-between;align-items:center;display:flex}.back-link,.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:12px;display:inline-flex}.back-link:hover,.text-button:hover{color:var(--green)}.editor-demo{letter-spacing:.12em;color:var(--green);background:#e9f1e4;border-radius:5px;padding:6px 10px;font-size:9px}.progress-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin:32px 0 42px;padding:0;list-style:none;display:grid}.progress-steps li{border-bottom:2px solid var(--line);padding-bottom:17px}.progress-steps button{color:var(--muted);background:0 0;border:0;align-items:center;gap:10px;padding:0;font-size:13px;display:flex}.progress-steps button>span{border:1px solid #b8c7b8;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.progress-steps .active{border-color:var(--green)}.progress-steps .active button{color:var(--green);font-weight:600}.progress-steps .active button>span,.progress-steps .complete button>span{background:var(--green);color:#fff;border-color:var(--green)}.editor h1{letter-spacing:-.045em;margin:12px 0 15px;font-size:clamp(30px,3.2vw,42px);font-weight:650;line-height:1.12}.upload-section{text-align:center;max-width:850px;margin:auto}.upload-section>p:not(.eyebrow){color:var(--muted);font-size:15px}.upload-zone{background:#f0f5ed;border:1.5px dashed #a9bfa9;border-radius:15px;flex-direction:column;align-items:center;margin-top:30px;padding:44px 25px;display:flex;position:relative}.upload-zone>svg{color:var(--green)}.upload-zone h2{letter-spacing:-.025em;margin-top:20px;font-size:20px}.upload-zone>p{color:var(--muted);margin-top:10px;font-size:13px}.upload-zone .button{cursor:pointer;gap:10px;margin-top:24px}.upload-zone small{color:var(--muted);align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.upload-zone:focus-within{outline-offset:3px;outline:3px solid #47a56a}.upload-zone.drag-active{border-color:var(--green);background:#dcead8}.file-input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.busy{opacity:.6;pointer-events:none}.error{min-height:22px;padding-top:10px;color:#a7352d!important;font-size:13px!important}.example-heading{margin-top:28px}.example-heading h2{letter-spacing:-.02em;font-size:18px}.example-heading p{color:var(--muted);margin-top:9px;font-size:12px}.example-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px;display:grid}.example-grid button{aspect-ratio:1;background:#e6ece2;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.example-grid img{object-fit:cover;transition:transform .25s}.example-grid button:hover img{transform:scale(1.05)}.example-grid span{color:#fff;background:linear-gradient(#0000,#0009);justify-content:space-between;padding:15px 9px 9px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.design-grid,.review-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:75px;display:grid}.preview-panel{background:radial-gradient(at 50% 48%,#fafcf8,#e5ebdf);border:1px solid #dde5d7;border-radius:14px;flex-direction:column;justify-content:space-between;align-items:center;gap:30px;min-height:725px;padding:28px 25px;display:flex;position:sticky;top:22px}.preview-caption{letter-spacing:.16em;color:#63775b;font-size:9px}.preview-panel .case-phone{width:260px;max-width:85%}.preview-model{color:#5c7054;font-size:12px}.design-options,.order-summary{min-width:0;padding-top:12px}.option-intro{color:var(--muted);margin-bottom:30px;font-size:14px;line-height:1.7}.model-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}label{font-size:13px;font-weight:600}select{width:100%;color:var(--ink);background:#fff;border:1px solid #cbd6c9;border-radius:6px;min-height:45px;margin-top:10px;padding:13px 9px;font-size:13px;display:block}fieldset{border:0;margin:27px 0 0;padding:0}legend{margin-bottom:13px;font-size:13px;font-weight:600}legend>span{color:var(--muted);margin-left:9px;font-weight:400}.color-options{gap:12px;display:flex}.color-options button{border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 0 0 1px #0001}.color-options button.selected{outline-offset:3px;outline:2px solid #697c5d}.choice-options{gap:9px;display:grid}.choice-options button{text-align:left;background:#fff;border:1px solid #cad6c7;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;padding:14px 15px;font-size:13px;display:flex}.choice-options small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:400;display:block}.choice-options button>span:last-child{white-space:nowrap;font-size:11px}.choice-options [aria-pressed=true],.finish-options [aria-pressed=true]{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);background:#edf5e9}.finish-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.finish-options button{text-align:left;background:#fff;border:1px solid #cad6c7;border-radius:7px;padding:13px;font-size:13px}.finish-options small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.image-settings{border-block:1px solid var(--line);margin-top:28px;padding:18px 0}.image-settings summary{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.image-settings label{color:var(--muted);margin-top:18px;font-size:11px;font-weight:400;display:block}.image-settings .range-value{float:right}.image-settings input{width:100%;accent-color:var(--green);height:15px;margin:11px 0 0;display:block}.image-actions{justify-content:space-between;margin-top:21px;display:flex}.image-actions button{color:var(--green);background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;display:flex}.price-row{justify-content:space-between;align-items:center;gap:15px;margin:25px 0 20px;font-size:13px;display:flex}.price-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.price-row strong{letter-spacing:-.03em;font-size:27px}.design-options>.fine,.order-summary>.fine{text-align:center;margin-top:12px}.order-details{margin-top:28px}.order-details>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;font-size:13px;display:flex}.order-details dt{color:var(--muted)}.order-details dd{text-align:right;align-items:center;gap:7px;min-width:0;margin:0;display:flex}.order-details dd i{border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0001}.photo-name{text-overflow:ellipsis;white-space:nowrap;max-width:70%;overflow:hidden;display:block!important}.quantity{color:var(--muted);justify-content:space-between;align-items:center;padding-top:15px;font-weight:400;display:flex}.quantity select{width:75px;margin:0}.order-prices{border-top:1px solid var(--line);margin-top:27px;padding-top:18px}.order-prices>p{color:var(--muted);justify-content:space-between;gap:20px;margin-bottom:14px;font-size:12px;display:flex}.order-summary>.text-button{justify-content:center;width:100%;margin-top:22px}.confirmation{background:#e9f2e4;border:1px solid #c3d6b9;border-radius:9px;align-items:start;gap:15px;margin-top:25px;padding:20px;display:flex}.confirmation>svg{color:var(--green);flex-shrink:0}.confirmation h2{margin-bottom:9px;font-size:16px}.confirmation p{color:#4c6044;font-size:13px;line-height:1.8}.editor-bottom{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:36px;padding-top:24px;display:flex}.editor-bottom>p{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.notice{color:#685019;background:#fff4d8;border-radius:7px;margin-bottom:20px;padding:15px;font-size:12px}.editor-loading{min-height:65vh;color:var(--muted);padding:100px 0}@media (max-width:1050px){.nav-links{gap:18px}.wrap{width:calc(100% - 64px)}.hero{gap:25px;min-height:690px;padding-block:50px 65px}.hero h1{font-size:55px}.hero-art{height:550px}.hero-phone{width:220px}.photo-note{font-size:15px;top:0;right:0}.mini-photo{width:100px;height:120px;bottom:35px;left:0}.sketch-line{width:60px;height:auto;bottom:50px;right:-5px}.hero-lead{font-size:15px}.hero-orbit{width:320px;height:320px}.hero-note{font-size:10px}.art-caption{font-size:8px;right:0}.steps-grid{gap:25px}.design-grid,.review-grid{gap:38px}.preview-panel{min-height:640px}.preview-panel .case-phone{width:230px}.promise-strip .wrap{gap:25px}.gallery-card .case-phone{width:155px}.gallery-card>span{font-size:12px}.last-call{gap:30px}.before-after{gap:10px}.before-after>img{height:170px}.before-after .case-phone{width:140px}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.nav{gap:10px;height:70px}.logo{font-size:23px}.nav-links{gap:6px}.nav-about{display:none}.button.small{gap:10px;padding:11px 12px;font-size:11px}.nav .button.small{padding-inline:10px}.nav .button.small svg{display:none}.nav-toggle{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:40px;height:40px;padding:0;display:grid}.mobile-navigation:not([hidden]){padding-block:0 14px;display:grid}.mobile-navigation a{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:48px;font-size:14px;display:flex}.demo-banner{letter-spacing:.015em;padding:8px 10px;font-size:9px}.hero{text-align:center;grid-template-columns:1fr;gap:0;min-height:0;padding-block:24px 35px}.hero-eyebrow{justify-content:center;gap:10px;height:45px;margin-bottom:18px}.hero-eyebrow img{width:35px;height:45px}.hero-eyebrow span{font-size:9px}.hero h1{letter-spacing:-.055em;max-width:480px;margin:auto;font-size:clamp(41px,10.7vw,61px);line-height:1.07}.hero-lead{max-width:390px;margin:20px auto;font-size:14px;line-height:1.7}.desktop-break{display:none}.check-list{text-align:left;align-items:start;gap:8px;width:fit-content;margin:22px auto 24px;font-size:12px}.check-list svg{width:16px;height:16px}.hero .button{padding:14px 21px;font-size:12px}.hero-note{margin-top:12px}.hero-art{margin-top:15px;width:100%;max-width:420px;height:455px;margin-inline:auto}.hero-phone{width:185px;transform:rotate(8deg)}.hero-orbit{width:280px;height:280px}.photo-note{font-size:12px;top:20px;right:0}.mini-photo{border-width:6px 6px 24px;width:85px;height:105px;bottom:45px;left:5%}.mini-photo span{font-size:8px;bottom:-18px}.sketch-line{width:50px;bottom:70px;right:5%}.art-caption{white-space:nowrap;font-size:8px;bottom:8px;right:50%;transform:translate(50%)}.promise-strip .wrap{flex-wrap:wrap;gap:15px;padding-block:20px}.promise-strip span{gap:7px;font-size:11px}.promise-strip span:last-child{justify-content:center;width:100%}.promise-strip i:nth-of-type(2){display:none}.promise-strip svg{width:16px}.how{padding-block:65px}.section-heading h2,.last-call h2{font-size:37px}.section-heading>p:last-child{font-size:14px}.steps-grid{grid-template-columns:1fr;gap:27px;margin-top:34px}.steps-grid article{padding-top:19px}.step-top{margin-bottom:17px}.steps-grid h3{font-size:21px}.steps-grid p{max-width:none;font-size:13px}.gallery-section{padding:50px 0}.gallery-grid{margin-inline:auto;grid-template-columns:1fr;gap:17px;max-width:440px;margin-top:32px}.gallery-card{padding:27px 24px 22px}.gallery-card .case-phone{width:180px}.gallery-card>span{margin-top:30px;font-size:14px}.last-call{text-align:center;grid-template-columns:1fr;gap:35px;padding-block:65px}.last-call .button{font-size:12px}.before-after{gap:20px;max-width:420px;margin:auto}.before-after>img{height:190px}.before-after .case-phone{width:140px}.faq{padding-bottom:65px}.faq>h2{font-size:29px}.faq summary{font-size:14px}.faq details p{font-size:13px}.footer{flex-direction:column;gap:17px;padding-block:30px}.footer p{font-size:11px}.editor{padding-top:18px;padding-bottom:40px}.editor-demo{padding:5px 7px;font-size:7px}.back-link{font-size:11px}.progress-steps{gap:5px;margin:25px 0 32px}.progress-steps li{padding-bottom:12px}.progress-steps button{text-align:left;flex-direction:column;align-items:flex-start;gap:9px;font-size:10px;line-height:1.4}.progress-steps button>span{width:23px;height:23px;font-size:10px}.editor h1{font-size:32px}.upload-section>.eyebrow{font-size:8px}.upload-section>p:not(.eyebrow){font-size:13px}.upload-zone{margin-top:24px;padding:32px 12px}.upload-zone h2{font-size:17px}.upload-zone>p{font-size:11px}.upload-zone small{gap:4px;max-width:250px;font-size:9px;line-height:1.5}.upload-zone small svg{flex-shrink:0}.upload-zone .button{padding:14px 18px;font-size:12px}.example-heading h2{font-size:16px}.example-grid{grid-template-columns:repeat(3,1fr);gap:10px}.design-grid,.review-grid{grid-template-columns:1fr;gap:30px}.preview-panel{gap:20px;min-height:0;padding:22px 20px;position:relative;top:auto}.preview-panel .case-phone{width:180px;max-width:60%}.preview-caption{font-size:8px}.preview-model{font-size:11px}.design-options,.order-summary{padding-top:0}.design-options>.eyebrow,.order-summary>.eyebrow{font-size:9px}.option-intro{margin-bottom:24px;font-size:13px}.model-row{gap:12px}.design-options .fine,.order-summary .fine{font-size:10px}.editor-bottom{flex-direction:column;gap:15px;margin-top:30px}.editor-bottom>p{font-size:9px;line-height:1.6}.editor-bottom>p svg{flex-shrink:0}.confirmation{gap:10px;padding:17px 14px}.confirmation p{font-size:12px}.confirmation h2{font-size:15px}.order-prices>p{font-size:11px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
