@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#1c302d;--muted:#72817b;--green:#244a3e;--lime:#d9f193;--paper:#f5f6f1;--line:#e4e9e0;--white:#fff;--soft:#f3f6ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,label,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #83b452;outline-offset:4px}label:has(input:focus-visible){outline:3px solid #83b452;outline-offset:3px}[hidden]{display:none!important}.trial{background:#e8eddf;color:#58664d;text-align:center;font-size:11px;font-weight:600;letter-spacing:.03em;padding:8px 15px}.trial span{margin:0 9px}.header{max-width:1170px;margin:0 auto;padding:30px 38px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,Arial,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px;line-height:1.1}.brand-sub{display:block;font-size:8px;letter-spacing:1.8px;font-weight:700;margin-top:7px}.mark{position:relative;display:inline-block;background:var(--green);color:white;width:44px;height:44px;border-radius:13px;font-size:33px;line-height:38px;padding-left:8px;letter-spacing:-9px}.mark span{color:var(--lime)}.mark i{position:absolute;right:7px;top:7px;width:5px;height:5px;background:var(--lime);border-radius:50%}.edition{font-size:9px;font-weight:700;letter-spacing:2px;color:#748078}.edition i{font-style:normal;font-size:18px;margin-left:10px}.layout{max-width:1094px;padding:24px 0 65px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);gap:65px;align-items:start}.intro{padding:35px 0 0 10px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#677761;display:flex;align-items:center;gap:8px}.eyebrow>span{height:7px;width:7px;background:#769156;border-radius:50%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:53px;line-height:1.14;letter-spacing:-2.6px;font-weight:800;margin:19px 0 19px}h1 em{font-style:normal;color:#718553}.intro>p{color:var(--muted);font-size:16px;line-height:1.8}.photo-stack{height:266px;position:relative;margin:25px 0 20px 8px;max-width:330px}.sample-card{position:absolute;left:28px;top:18px;width:214px;background:#fff;border:1px solid #e4e6da;transform:rotate(-7deg);padding:16px 18px 9px;box-shadow:0 14px 28px #2134200d}.sample-card>span{display:block;font-size:7px;color:#778477;letter-spacing:1.5px;text-align:center;margin-top:10px}.back-card{position:absolute;left:54px;top:20px;width:210px;height:229px;border-radius:3px;background:#e6ebdb;transform:rotate(8deg)}.sample-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sample{position:relative;background:#5398d2;aspect-ratio:7/10;overflow:hidden}.sample:before{content:'';position:absolute;left:34%;top:18%;width:32%;height:31%;background:#e8c1a1;border-radius:45% 45% 42% 42%;box-shadow:0 -5px 0 2px #263b35}.sample:after{content:'';position:absolute;width:82%;height:52%;bottom:-8%;left:9%;background:linear-gradient(70deg,transparent 43%,#fff 44% 55%,transparent 56%),#273e39;border-radius:48% 48% 0 0}.photo-sticker{position:absolute;right:7px;bottom:38px;border:1px solid #cadcad;border-radius:12px;background:var(--lime);font-size:12px;line-height:1.4;font-weight:700;padding:12px 18px;transform:rotate(5deg);box-shadow:0 4px 12px #344a2120}.how{display:grid;gap:13px;padding-top:6px}.how>div{display:flex;gap:12px;align-items:center;font-size:12px;color:#51645b}.how b{font-size:9px;border:1px solid #d8e0d1;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#687f57}.intro>small{display:block;max-width:325px;color:#8d968b;font-size:10px;line-height:1.7;margin-top:27px}.workspace{min-width:0;background:#fff;border:1px solid #e2e7dc;border-radius:22px;box-shadow:0 9px 36px #23362405;overflow:hidden}.mobile-heading{display:none}.steps{display:flex;gap:8px;align-items:center;padding:24px 32px 20px;border-bottom:1px solid var(--line);background:#fafbf7}.steps>span{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a9487;white-space:nowrap}.steps b{height:22px;width:22px;border:1px solid #dce3d5;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600}.steps>i{height:1px;background:#e0e6d9;flex:1;min-width:3px}.steps>span[aria-current]{color:var(--green);font-weight:700}.steps>span[aria-current] b{background:var(--green);border-color:var(--green);color:white}.steps>span.complete{color:#526d40}.steps>span.complete b{background:#e7f0d6;border-color:#e7f0d6}.panel{padding:30px 32px 25px}.section-label{font-size:9px;font-weight:700;letter-spacing:2px;color:#94a28d;margin-bottom:9px}h2{font-size:25px;line-height:1.3;letter-spacing:-.8px;font-weight:800}.subtitle{font-size:12px;color:var(--muted);margin-top:8px;margin-bottom:25px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:290px;border:1.5px dashed #bfcdb2;border-radius:14px;background:linear-gradient(#f8faf3,#f1f6e9);cursor:pointer;padding:20px;text-align:center}.upload-zone.dragover{border-color:var(--green);background:#eaf4d4}.upload-icon{width:62px;height:62px;display:grid;place-items:center;background:#e5eed7;border-radius:18px;margin-bottom:16px}.upload-icon svg{width:35px;fill:none;stroke:var(--green);stroke-width:1.5}.upload-zone strong{font-size:16px;letter-spacing:-.3px}.upload-zone>span:not(.upload-icon){font-size:12px;color:var(--muted);margin-top:5px}.upload-button{font-size:12px;background:white;border:1px solid #d3ddc8;border-radius:8px;padding:9px 17px;margin-top:18px;box-shadow:0 2px 3px #2e451008}.upload-zone>small{font-size:10px;color:#899482;margin-top:17px}.tips{display:flex;gap:11px;margin-top:21px}.tip-icon{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:#e9efde;display:grid;place-items:center;font-size:11px;color:#64804c;margin-top:1px}.tips strong{font-size:11px;font-weight:600}.tips p{font-size:11px;color:var(--muted);line-height:1.7;margin-top:4px}.form-footer{padding:20px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff}.price small{font-size:8px;font-weight:700;letter-spacing:1.4px;display:block;color:#8c9883}.price strong{font-size:12px;display:block;margin-top:4px}.actions{display:flex;gap:8px}.primary{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:9px;padding:13px 19px;display:flex;justify-content:center;align-items:center;gap:20px;font-size:12px;font-weight:600;min-height:45px}.primary span{color:var(--lime);font-size:17px}.primary:hover{background:#183e30}.back{border:1px solid var(--line);color:var(--green);background:white;border-radius:9px;min-width:39px}.site-footer{max-width:1094px;margin:auto;padding:15px 10px 25px;border-top:1px solid #e0e6da;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#8c9787}.site-footer>span:first-child{font-weight:700;letter-spacing:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.preview-image{height:270px;background:#edf1e7;border-radius:14px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:12px 12px 35px}.preview-image img{height:100%;max-width:100%;object-fit:contain}.preview-image>span{position:absolute;bottom:10px;font-size:8px;letter-spacing:1px;color:#67775d}.file-row{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 0}.file-row>span{font-size:11px;color:#708067;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-button{padding:6px 0;background:none;border:0;font-size:11px;font-weight:600;text-decoration:underline;text-underline-offset:4px;color:var(--green);white-space:nowrap}fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}legend{font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px;padding:0;margin-bottom:14px}.tag{font-size:7px;color:#8d9b82;letter-spacing:1px;font-weight:500}.backgrounds{display:flex;gap:16px;justify-content:space-between}.colour-choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;cursor:pointer}.colour-choice input,.choice-card input,.head-choice input,.quantities input,.wide-choice input{position:absolute;opacity:0;width:1px;height:1px}.swatch{width:43px;height:43px;border-radius:50%;box-shadow:0 0 0 1px #d4ddce;display:grid;place-items:center;font-size:22px;color:#809274}.blue{background:#3c87d2}.white{background:white}.gray{background:#bfc3c5}.red{background:#b54843}.custom{background:#f7f9f2}.colour-choice:has(input:checked) .swatch{outline:2px solid var(--green);outline-offset:4px}.colour-choice:has(input:checked){font-weight:700;color:var(--green)}.field{display:block;font-size:12px;font-weight:600;margin-top:18px}.field input,.field textarea,.field select{display:block;width:100%;border:1px solid #dfe6d8;border-radius:9px;background:#fff;color:var(--ink);margin-top:8px;padding:12px;font-size:14px;font-weight:400;outline-offset:2px}.field input::placeholder,.field textarea::placeholder{color:#9ba593}.field textarea{resize:vertical}.field .optional{font-size:10px;color:#94a08b;font-weight:400;margin-left:6px}.outfits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-card{position:relative;border:1px solid #e0e6d8;border-radius:10px;text-align:center;padding:11px 5px 13px;cursor:pointer}.choice-card:has(input:checked),.head-choice:has(input:checked),.quantities label:has(input:checked),.wide-choice:has(input:checked){border-color:var(--green);background:#f1f6e8;box-shadow:0 0 0 .5px var(--green)}.outfit-art{display:block;height:69px;margin-bottom:7px}.outfit-art svg{width:84px;max-width:100%;height:68px}.choice-card strong{font-size:11px;display:block}.choice-card small{display:block;color:#8a967f;font-size:8px;margin-top:4px}.selected-tick{position:absolute;right:6px;top:6px;border-radius:50%;background:var(--green);color:white;height:15px;width:15px;display:none;place-items:center;font-size:9px}.choice-card:has(input:checked) .selected-tick{display:grid}.tie-option{display:flex;gap:11px;align-items:center;margin-top:11px;padding:10px 12px;border-radius:10px;background:#f8faf4;border:1px solid #e6ebdf;cursor:pointer}.tie-option>input{position:absolute;opacity:0;width:1px;height:1px}.tie-option strong{font-size:11px;display:block}.tie-option small{font-size:9px;display:block;color:#8b987f;margin-top:3px}.tie-art svg{height:40px;width:24px}.checkbox-ui{margin-left:auto;width:18px;height:18px;border:1px solid #c7d2bc;border-radius:5px;background:white;display:grid;place-items:center;color:white;font-size:12px;flex-shrink:0}.tie-option:has(input:checked) .checkbox-ui{background:var(--green);border-color:var(--green)}.tie-option:has(input:checked) .checkbox-ui:after{content:'✓'}.headwear{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.head-choice{border:1px solid #e0e6d8;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 4px 11px;cursor:pointer}.head-choice svg{width:59px;height:39px}.head-choice strong{font-size:10px;margin-top:3px}.notice{font-size:10px;line-height:1.7;color:#78856e;padding:11px 13px;background:#f5f7ef;border-radius:8px;margin-top:18px}.delivery-options{display:grid;gap:10px}.wide-choice{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #e0e6d8;border-radius:11px;cursor:pointer}.delivery-icon{font-size:27px;color:#7a8d6d;width:30px;text-align:center}.wide-choice strong{font-size:12px;display:block}.wide-choice small{font-size:10px;color:#8b977f;display:block;margin-top:3px}.wide-choice b{margin-left:auto;font-size:13px;color:var(--green);visibility:hidden}.wide-choice:has(input:checked) b{visibility:visible}.quantities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:8px}.quantities label{position:relative;padding:19px 5px 15px;border:1px solid #e0e6d8;border-radius:11px;text-align:center;cursor:pointer}.quantities strong{font-family:Manrope,sans-serif;font-size:30px;line-height:1;font-weight:700;display:block}.quantities span{font-size:11px;display:block;margin-top:6px}.quantities small{font-size:9px;display:block;margin-top:13px;color:#8c987e}.quantities em{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--lime);font-size:6px;font-weight:700;font-style:normal;white-space:nowrap;border-radius:5px;padding:4px 6px;letter-spacing:.6px}.caption{color:#8e9984;font-size:10px;margin-top:11px}.delivery-note{background:#f6f8f1;border-radius:10px;padding:15px;display:flex;gap:13px}.delivery-note svg{width:35px;height:35px;flex-shrink:0;stroke:#789161;stroke-width:1.8;fill:none}.delivery-note strong{font-size:11px}.delivery-note p{font-size:10px;color:#849276;margin-top:5px;line-height:1.7}.field-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}.consent{margin-top:22px;display:flex;gap:9px;font-size:10px;color:#6e7f63;line-height:1.6;align-items:flex-start}.consent input{width:17px;height:17px;flex-shrink:0;accent-color:var(--green);margin:0}.error{margin:0 32px 20px;padding:12px;border:1px solid #edb9aa;background:#fff3ec;border-radius:9px;color:#91432e;font-size:12px}.summary{padding:30px 32px}.summary-photo{display:flex;align-items:center;gap:17px;padding:16px;background:#f7f9f2;border-radius:12px}.summary-photo img{width:70px;height:92px;object-fit:contain;background:#e5eddf;border-radius:7px}.pill{font-size:7px;letter-spacing:1px;background:#e6eddb;padding:5px 8px;border-radius:5px;color:#718656;font-weight:700}.summary-photo h3{font-size:17px;margin-top:12px;word-break:break-word}.summary-photo p{font-size:11px;color:#7d8d72;margin-top:3px}dl{margin:25px 0}dl>div{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:11px 0;border-bottom:1px solid #edf0e7;font-size:11px}dt{color:#8b9880}dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.quote-note{padding:19px;border-radius:12px;background:var(--green);color:white}.quote-note>span{font-size:8px;letter-spacing:1.6px;color:#b5c5a7}.quote-note>strong{display:block;font-size:16px;margin-top:6px;color:var(--lime)}.quote-note p{font-size:10px;color:#c4d1ba;line-height:1.7;margin-top:9px}.summary-actions{display:grid;gap:10px;margin-top:23px}.secondary{border:1px solid #dce5d2;border-radius:9px;background:white;color:var(--green);padding:13px;font-size:12px;font-weight:600;min-height:45px}.summary-actions .text-button{margin-top:5px}.copy-status{font-size:11px;color:#597540;text-align:center;margin-top:13px;min-height:17px}
@media(max-width:1100px){.layout{margin:0 38px;gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,520px)}h1{font-size:44px}.site-footer{margin:0 38px}}@media(max-width:850px){.layout{max-width:540px;display:block;margin:0 auto;padding:15px 0 40px}.intro{display:none}.header{max-width:620px;padding:22px 35px}.edition{font-size:8px}.site-footer{max-width:540px;margin:0 auto}.mobile-heading{display:block;padding:25px 28px 0}.mobile-heading .eyebrow{font-size:8px}.mobile-heading h1{font-size:27px;letter-spacing:-1px;margin:10px 0 20px}.steps{background:white;border-top:1px solid #eff2e9}}@media(max-width:560px){body{background:white}.trial{font-size:9px}.header{padding:20px 23px 12px}.brand{font-size:23px}.brand-sub{font-size:7px;letter-spacing:1.5px}.mark{height:40px;width:40px;font-size:30px;line-height:35px}.edition{font-size:7px;letter-spacing:1px;max-width:80px;text-align:right;line-height:1.8}.edition i{display:none}.layout{padding:0 0 15px;margin:0}.workspace{border:0;border-radius:0;box-shadow:none;overflow:visible}.mobile-heading{padding:17px 24px 0}.mobile-heading h1{font-size:26px;margin-bottom:20px}.steps{padding:19px 23px 18px;gap:6px;background:#fafbf7}.steps>span{font-size:9px;gap:5px}.steps b{height:21px;width:21px}.panel{padding:26px 24px 23px}h2{font-size:23px}.subtitle{font-size:11px;margin-bottom:22px}.section-label{font-size:8px}.upload-zone{min-height:270px}.form-footer{position:sticky;bottom:0;padding:16px 24px max(16px,env(safe-area-inset-bottom));box-shadow:0 -7px 20px #273d1905;z-index:5}.primary{padding:12px 15px;gap:15px;font-size:11px}.price strong{font-size:11px}.price small{font-size:7px}.site-footer{margin:0 24px;padding:18px 0;font-size:8px}.site-footer>span:last-child{max-width:150px;text-align:right}.summary{padding:26px 24px}.backgrounds{gap:10px}.swatch{height:40px;width:40px}.choice-card small{font-size:7px}.outfits,.headwear{gap:7px}.choice-card strong{font-size:10px}.error{margin-left:24px;margin-right:24px}.field input,.field textarea,.field select{font-size:16px}.preview-image{height:280px}}@media(prefers-reduced-motion:no-preference){button,.choice-card,.head-choice,.swatch{transition:background .15s,border-color .15s}.panel{animation:arrive .2s ease-out}@keyframes arrive{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}

.sub-options{padding:15px 13px;border:1px solid #e2e9d9;border-radius:10px;background:#fafbf7;margin-top:12px}.option-label{font-size:10px;font-weight:600;display:block;margin-bottom:14px}.sub-options .swatch{width:32px;height:32px}.sub-options .colour-choice{font-size:9px}.sub-options .field{margin-top:0}.headwear{grid-template-columns:repeat(4,minmax(0,1fr))}.head-choice strong{font-size:9px}.nametag-fieldset>.tie-option{margin:0}.nametag-icon{display:grid;place-items:center;background:#26312e;color:white;border-radius:2px;width:37px;height:16px;font-size:6px;letter-spacing:1px}.nametag-preview{display:flex;align-items:center;gap:12px;margin:14px 0 21px;flex-wrap:wrap}.nametag-preview>span{display:inline-block;max-width:100%;overflow-wrap:anywhere;background:#222c29;color:white;border:1px solid #48524c;box-shadow:0 2px 4px #22332215;border-radius:2px;padding:5px 13px;font-weight:700;font-size:12px;letter-spacing:.7px}.nametag-preview small{font-size:8px;color:#8c9982}.side-options{display:flex;gap:14px;flex-wrap:wrap;font-size:11px}.side-options label{display:flex;align-items:center;gap:6px}.side-options input{accent-color:var(--green);width:16px;height:16px;margin:0}
.welcome{max-width:1094px;margin:25px auto 65px;padding:10px 0 0}.welcome-heading{text-align:center}.welcome-heading .eyebrow{justify-content:center;font-size:9px}.welcome-heading h1{font-size:46px;letter-spacing:-2px;line-height:1.2;margin:17px 0 12px}.welcome-heading>p{font-size:14px;color:#859178}.journey{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);gap:15px;margin:38px 0 0}.journey-step{min-width:0}.journey-visual{height:235px;border-radius:20px;position:relative;display:grid;place-items:center;overflow:hidden}.visual-upload{background:#e9eedf}.visual-edit{background:#e2ece5}.visual-done{background:#efeadd}.journey-arrow{align-self:center;color:#a6b495;font-size:23px;margin-bottom:69px;text-align:center}.journey-title{display:flex;align-items:center;gap:9px;margin-top:18px}.journey-title>b{display:grid;place-items:center;border-radius:50%;border:1px solid #d6dfcb;width:24px;height:24px;font-size:8px;flex-shrink:0;color:#7f9368}.journey-title h2{font-size:18px;letter-spacing:-.6px;line-height:1.4}.journey-step>p{font-size:11px;color:#89967d;margin:7px 0 0 33px}.phone-drawing{width:100px;height:170px;border:5px solid #344b3b;border-radius:20px;background:#fbfcf6;position:relative;transform:rotate(-7deg);box-shadow:7px 14px 0 #b6c6a336;padding:17px 6px 0}.phone-drawing>i{width:25px;height:4px;background:#344b3b;position:absolute;top:3px;left:33px;border-radius:5px}.phone-photo{height:91px;border-radius:7px;background:#c6cec0;position:relative;overflow:hidden}.draw-person{position:absolute;inset:0}.draw-person:before{content:'';position:absolute;left:36%;top:15%;width:28%;height:33%;background:#e4bd9c;border-radius:44%;box-shadow:0 -4px 0 2px #2a3e33}.draw-person:after{content:'';position:absolute;left:14%;bottom:-10%;width:72%;height:59%;background:linear-gradient(70deg,transparent 40%,#eff2ea 42% 58%,transparent 60%),#334b3c;border-radius:40% 40% 0 0}.phone-line{height:4px;background:#e1e8d7;border-radius:4px;width:70%;margin:9px auto 0}.phone-line.short{width:48%;margin-top:5px}.phone-upload{position:absolute;right:-26px;bottom:16px;display:grid;place-items:center;width:43px;height:43px;font-size:25px;background:#d9f193;color:#42652b;border-radius:12px;box-shadow:0 6px 15px #31472215}.float-label{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fffffff0;padding:5px 12px;border-radius:20px;font-size:8px;font-weight:600;color:#698054;box-shadow:0 3px 9px #21331b06}.editor-drawing{background:#fff;width:153px;height:154px;transform:rotate(5deg);border-radius:9px;box-shadow:7px 13px 0 #b4c6b039;position:relative;padding:21px 12px 10px}.editor-toolbar{position:absolute;top:10px;left:10px;display:flex;gap:3px}.editor-toolbar i{display:block;width:3px;height:3px;border-radius:50%;background:#b5c2ab}.edited-photo{height:91px;position:relative;overflow:hidden;background:#5795c5;border-radius:3px;width:76px;margin:auto}.crop{position:absolute;width:12px;height:12px;border:2px solid #e9f5db;z-index:2}.tl{top:6px;left:6px;border-right:0;border-bottom:0}.tr{top:6px;right:6px;border-left:0;border-bottom:0}.bl{bottom:6px;left:6px;border-right:0;border-top:0}.br{bottom:6px;right:6px;border-left:0;border-top:0}.editor-swatches{display:flex;justify-content:center;gap:7px;margin:11px auto 0}.editor-swatches span{width:10px;height:10px;border-radius:50%;background:#679ac1}.editor-swatches span:nth-child(2){background:#b7c6b2}.editor-swatches span:nth-child(3){background:#dee9cf}.edit-pencil{position:absolute;right:-16px;bottom:16px;display:grid;place-items:center;background:#476948;color:#e9f2dc;border:4px solid #e2ece5;border-radius:50%;height:44px;width:44px;font-size:24px}.digital-file{position:absolute;left:49px;top:28px;transform:rotate(-9deg);width:92px;height:127px;background:white;padding:10px;border-radius:6px;box-shadow:4px 5px 0 #d0cbb839}.mini-portrait{position:relative;height:83px;background:#5795c5;overflow:hidden;border-radius:3px}.digital-file>span{font-size:5px;display:block;text-align:center;margin-top:9px;letter-spacing:1px;color:#81916e}.digital-file>i{position:absolute;top:-12px;right:-12px;width:28px;height:28px;background:#d9f193;color:#44683a;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px}.parcel{position:absolute;right:34px;bottom:40px;height:81px;width:124px;border:1px solid #bfa77e;border-radius:3px;background:#d0b58a;transform:rotate(6deg);box-shadow:0 8px 0 #a28a6420}.parcel-tape{position:absolute;left:47px;width:21px;height:100%;background:#e2ccaa}.parcel-label{position:absolute;left:13px;top:22px;background:#f5f3e9;padding:7px 8px;width:53px;height:37px;transform:rotate(-2deg)}.parcel-label>b{font-size:5px;letter-spacing:1px;display:block;color:#6c7d58}.parcel-label i{display:block;width:30px;height:2px;background:#d2d8c7;margin-top:3px}.parcel>span{position:absolute;right:12px;bottom:11px;font-size:13px;color:#917c55}.welcome-actions{display:flex;align-items:center;flex-direction:column;gap:14px;margin:37px auto 0}.welcome-actions .primary{min-width:205px;padding:15px 23px;gap:38px;font-size:13px}.welcome-actions>p{font-size:10px;color:#8e9b82}.welcome-actions>p>span{margin:0 6px}.welcome-note{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;border-top:1px solid #e0e7d6;margin-top:35px;padding-top:21px;color:#829474;font-size:10px}@media(max-width:1100px){.welcome{margin-left:38px;margin-right:38px}.journey{gap:9px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr)}.journey-title h2{font-size:15px}.digital-file{left:30px}.parcel{right:20px}}@media(max-width:700px){.welcome{margin:16px 24px 35px;padding:0}.welcome-heading{text-align:left}.welcome-heading .eyebrow{justify-content:flex-start;font-size:8px}.welcome-heading h1{font-size:35px;max-width:310px;letter-spacing:-1.5px;margin:13px 0 10px}.welcome-heading h1 em{display:block}.welcome-heading>p{font-size:11px}.journey{display:flex;flex-direction:column;gap:12px;margin-top:25px}.journey-arrow{display:none}.journey-step{display:grid;grid-template-columns:113px 1fr;grid-template-rows:1fr 1fr;column-gap:17px;border:1px solid #e4eadc;border-radius:13px;overflow:hidden;background:#fbfcf8;min-height:115px}.journey-visual{grid-row:1/3;height:115px;width:113px;border-radius:0;overflow:hidden}.journey-title{align-self:end;margin-top:0;gap:6px;padding-right:7px}.journey-title h2{font-size:14px;letter-spacing:-.3px}.journey-title>b{width:19px;height:19px;font-size:7px}.journey-step>p{margin:6px 9px 0 25px;font-size:9px;line-height:1.7;max-width:145px}.phone-drawing{transform:scale(.53) rotate(-7deg)}.editor-drawing{transform:scale(.54) rotate(5deg)}.float-label{display:none}.digital-file{transform:scale(.52) rotate(-9deg);transform-origin:top left;left:17px;top:15px}.parcel{transform:scale(.57) rotate(6deg);transform-origin:bottom right;right:9px;bottom:17px}.welcome-actions{margin-top:25px;gap:13px}.welcome-actions .primary{width:100%;max-width:none;font-size:13px;padding:14px;justify-content:space-between}.welcome-actions>p{font-size:9px;text-align:center}.welcome-note{gap:9px 19px;font-size:9px;margin-top:25px;padding-top:18px;justify-content:flex-start}}@media(prefers-reduced-motion:no-preference){.phone-upload{animation:float-upload 3s ease-in-out infinite}.edit-pencil{animation:float-upload 3s ease-in-out infinite 1s}.digital-file>i{animation:float-upload 3s ease-in-out infinite 2s}@keyframes float-upload{0%,100%{translate:0 0}50%{translate:0 -5px}}}

.purpose-block{border-top:1px solid #e2e9d9;margin-top:24px;padding-top:4px}.addon-badge{display:inline-block;font-size:8px;font-weight:700;color:#688b48;margin-top:4px;background:#eaf1df;border-radius:4px;padding:1px 5px}.inline-price{color:#688b48;font-size:9px;margin-left:8px}.colour-choice:has(input:disabled){opacity:.4}.price>#price-caveat{display:block;font-size:7px;color:#8d9b80;margin-top:3px;max-width:150px}.allocation-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:11px}.allocation-row input{width:67px;border:1px solid #d7e1cb;border-radius:6px;padding:7px;font-size:14px;color:var(--green);background:white}.sub-options .option-label{line-height:1.5}.head-choice{min-height:90px}

.result-price{display:block;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.6px;color:var(--green);margin:8px 0}.result-price small{display:inline!important;font-size:9px!important;letter-spacing:0;font-weight:400;margin-left:4px}.quantities .quantity-price{font-size:16px;font-weight:700;color:var(--green);margin-top:10px}.wide-choice{padding:16px}.allocation-row:last-child{margin-bottom:3px}#allocation-section{margin-bottom:22px}

.background-price-note{font-size:10px;color:#708761;margin:-5px 0 18px;padding:8px 10px;background:#eff5e5;border-radius:7px;line-height:1.7}

.delivery-options .wide-choice{display:grid;grid-template-columns:30px minmax(0,1fr) auto 13px;gap:10px}.delivery-copy{min-width:0}.delivery-pricing{text-align:right;white-space:nowrap}.delivery-pricing strong{font-size:21px;font-weight:800;line-height:1.2;letter-spacing:-.6px;color:var(--green)}.delivery-pricing small{font-size:8px}.delivery-options .wide-choice b{margin:0}@media(max-width:360px){.delivery-options .wide-choice{padding:12px 10px;grid-template-columns:22px minmax(0,1fr) auto 10px;gap:7px}.delivery-icon{width:22px;font-size:23px}.delivery-pricing strong{font-size:19px}.delivery-copy strong{font-size:11px}.delivery-copy small{font-size:9px}}

.payment-button:disabled{cursor:not-allowed;opacity:.72}.payment-notice{font-size:11px;line-height:1.65;color:#687a5e;padding:0 2px;margin:0 0 9px}.summary-actions .payment-button{width:100%;font-size:14px;min-height:49px}

/* Passport illustration: scalable vector, no external assets. */
.photo-stack.passport-art{height:auto;min-height:266px;max-width:330px;margin:18px 0 24px;display:flex;flex-direction:column;align-items:center}.passport-icon{display:block;width:100%;height:auto;max-height:280px;overflow:visible}.passport-art-caption{font-size:11px;color:#6b7f67;letter-spacing:.2px;text-align:center;margin-top:5px}.passport-art-caption strong{color:#24483e;font-weight:700}

.gpo-brand-logo{width:72px;height:72px;object-fit:contain;flex-shrink:0}.brand .gpo-brand-name{font-size:22px;letter-spacing:-.7px;line-height:1.25}.brand .gpo-brand-name .brand-sub{font-size:9px;letter-spacing:1.8px;margin-top:7px}.gpo-payment-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.gpo-payment-brand img{object-fit:contain;flex-shrink:0}@media(max-width:600px){.gpo-brand-logo{width:56px;height:56px}.brand .gpo-brand-name{font-size:18px}.brand .gpo-brand-name .brand-sub{font-size:8px;letter-spacing:1px}}

/* Two equal package columns, with base prices aligned below the descriptions. */
.delivery-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.delivery-options .wide-choice{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 16px;height:100%}
.delivery-options .delivery-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#edf3e5;font-size:26px;flex-shrink:0}
.delivery-options .delivery-copy{width:100%;min-width:0;flex:1}.delivery-options .delivery-copy>strong{font-size:14px;line-height:1.5;overflow-wrap:break-word}.delivery-options .delivery-copy small{line-height:1.7;margin-top:6px}
.delivery-options .delivery-pricing{width:100%;text-align:left;white-space:normal;margin-top:4px;padding-top:14px;border-top:1px solid #e0e6d8}.delivery-options .delivery-pricing strong{font-size:25px}.delivery-options .delivery-pricing small{font-size:10px;margin-top:4px}
.delivery-options .wide-choice>b{position:absolute;right:12px;top:12px;margin:0}.delivery-options .wide-choice:has(input:checked) .delivery-icon{background:#deebcc}
@media(max-width:480px){.delivery-options{gap:9px}.delivery-options .wide-choice{padding:14px 11px;gap:10px}.delivery-options .delivery-copy>strong{font-size:12px}.delivery-options .delivery-copy small{font-size:10px}.delivery-options .delivery-pricing strong{font-size:23px}}

.consent-group{margin-top:20px}.consent-group .consent{display:flex;align-items:flex-start;gap:10px;margin:12px 0;line-height:1.6}.consent-group .consent input{flex-shrink:0;width:17px;height:17px;margin:2px 0 0}.consent-group .consent span{font-size:12px;color:#526456}

/* Human cartoon portraits across the passport illustrations. */
.cartoon-stack{height:310px;max-width:330px}
.cartoon-stack .back-card{height:274px}
.cartoon-stack .sample-card{width:214px;padding:14px 16px 10px}
.cartoon-stack .sample{aspect-ratio:3/4}
.cartoon-stack .sample::before,.cartoon-stack .sample::after{content:none}
.cartoon-stack .sample img{display:block;width:100%;height:100%;object-fit:cover}
.cartoon-stack .photo-sticker{bottom:22px;right:4px}
.phone-photo,.edited-photo,.mini-portrait{overflow:hidden}
.cartoon-person{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

.konvo-home-link{font-size:12px;font-weight:700;text-decoration:none;color:#244a3e;border:1px solid #bdcbb0;border-radius:9px;padding:10px 15px;margin-left:auto;margin-right:23px;white-space:nowrap}@media(max-width:640px){.konvo-home-link{font-size:10px;padding:9px 11px;margin-right:0}.header:has(.konvo-home-link) .edition{display:none}}
