body{background:#fafbfd}nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav-activate{padding:13px 20px;border:1px solid #dce4eb;border-radius:99px;background:white}.guide-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:50px 0 75px;gap:40px}.back{font-size:12px;color:#718496;display:block;margin-bottom:48px}.guide-hero h1{font-size:64px;letter-spacing:-3px;line-height:1.12}.guide-hero h1 em{color:#8399aa}.intro{font-size:17px;line-height:1.8;max-width:470px;color:#738496;margin:25px 0 30px}.scope{font-size:11px;color:#7a8996;margin-top:20px}.primary-cta{border-radius:99px}.hero-art{position:relative;display:grid;place-items:center;min-height:400px}.hero-art>img{width:330px;max-width:85%;position:relative;mix-blend-mode:multiply}.orbit{position:absolute;width:350px;height:350px;border:1px solid #e3eaf0;border-radius:50%;background:radial-gradient(circle,#edf2f6,transparent 70%)}.hero-caption{font-size:13px;letter-spacing:.02em;margin-top:20px}.green-dot{display:inline-block;width:7px;height:7px;background:#6e9584;border-radius:50%;margin-right:9px}.prepare{padding:35px 0;border-top:1px solid #e3e9ee;border-bottom:1px solid #e3e9ee;display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:30px}.prepare h2{font-size:26px;margin:10px 0}.prepare ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:14px}.prepare li span{color:#91a2b0;font-size:10px;margin-right:14px}.guide-steps{padding-top:25px}.guide-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:72px 0;border-bottom:1px solid #e7ebef}.guide-step:nth-child(even) .step-copy{order:2}.guide-step:nth-child(even) .illustration{order:1}.step-tag{font-size:11px;letter-spacing:.18em;color:#8497a6}.step-copy h2{font-size:43px;letter-spacing:-1.8px;line-height:1.15;margin:20px 0}.step-copy p{font-size:15px;line-height:1.85;color:#738393;max-width:420px}.step-copy strong{font-weight:600;color:#344f65}.step-copy .small-note{font-size:12px;color:#84929f}.step-copy a{border-bottom:1px solid #afbeca}.illustration{min-height:350px;border-radius:30px;background:radial-gradient(ellipse at 50% 40%,#fff,#edf2f6);position:relative;display:flex;align-items:center;justify-content:center;padding:35px;overflow:hidden}.floating-note{position:absolute;bottom:24px;background:#ffffffdf;border:1px solid #e1e8ed;border-radius:99px;padding:10px 16px;font-size:11px;color:#6a8193;box-shadow:0 8px 25px #19354a08}.parcel{width:290px;height:220px;background:linear-gradient(120deg,#eee6da,#e1d5c3);border:1px solid #d7c9b6;border-radius:9px;transform:rotate(-5deg);box-shadow:0 22px 32px #2c405b16;position:relative;padding:28px}.parcel-seam{position:absolute;height:100%;width:38px;background:#ffffff30;left:43%;top:0}.parcel>img{width:95px;opacity:.7;position:relative}.sample-label{background:#fff;border-radius:4px;padding:17px 12px;position:relative;margin-top:25px;box-shadow:0 2px 5px #324a5e09}.sample-label span{font-size:8px;letter-spacing:.13em;display:block}.sample-label strong{display:block;font-size:16px;letter-spacing:.04em;margin:9px 0}.sample-label small{font-size:8px;color:#8b98a2}.phone{width:184px;background:white;border:5px solid #d2dde5;border-radius:28px;padding:14px 14px 24px;box-shadow:15px 18px 35px #29485e15;transform:rotate(5deg);text-align:center;margin-bottom:20px}.phone-speaker{height:5px;background:#c4d1db;border-radius:99px;width:42px;margin:0 auto 18px}.phone-logo{width:32px;display:block;margin:0 auto 10px}.phone>small{font-size:6px;letter-spacing:.1em}.phone>strong{display:block;text-align:left;font-size:24px;letter-spacing:-1px;margin:16px 0 0;line-height:1.1}.phone em{font-style:normal;color:#8b9fac}.phone-shield{width:85px;display:block;margin:5px auto;mix-blend-mode:multiply}.mini-button{display:block;background:#1b3c58;color:white;font-size:11px;border-radius:99px;padding:14px;text-align:center}.phone .mini-button{font-size:8px;padding:10px}.mock-form,.review-card,.email-card{width:100%;max-width:330px;border:1px solid #e2e9ef;background:#fff;border-radius:18px;padding:26px;box-shadow:0 18px 35px #29485e09}.progress{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px}.progress b,.progress span{padding:7px 10px;border-radius:50%;background:#edf2f5}.progress b{background:#294c65;color:#fff}.progress i{height:1px;background:#dae2e9;width:25px}.mock-form h3,.review-card h3{font-size:20px;letter-spacing:-.5px;margin:22px 0}.mock-form label{display:block;font-size:9px;color:#718394;margin-top:14px}.mock-form label span{display:block;border:1px solid #dfe7ed;border-radius:7px;padding:11px 8px;margin-top:6px;color:#365166;font-size:11px}.mock-form label b{float:right;color:#608877}.mini-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-fields label span{font-size:8px}.mock-form>small{font-size:8px;color:#95a2ad;display:block;margin-top:16px}.invoice{width:270px;background:white;padding:25px;border:1px solid #dbe4ec;border-radius:4px;transform:rotate(-7deg);box-shadow:0 20px 35px #2a465e12;min-height:245px}.invoice-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:30px}.invoice-head img{width:65px}.paper-line{height:5px;width:50%;background:#e5ebef;margin:10px 0;border-radius:5px}.paper-line.long{width:85%}.invoice-table{display:grid;grid-template-columns:1fr 1fr;gap:14px 6px;border-block:1px solid #e2e9ef;padding:17px 0;margin:20px 0;font-size:8px}.invoice-table span{color:#95a2ac}.upload-badge{position:absolute;bottom:34px;right:25px;display:flex;align-items:center;gap:14px;border:1px solid #dfe7ed;border-radius:14px;background:white;padding:16px 22px;box-shadow:0 10px 25px #23435b0c}.upload-badge svg{width:24px;height:24px}.upload-badge strong{display:block;font-size:12px}.upload-badge small{display:block;font-size:9px;color:#83929e;margin-top:5px}.review-card p{font-size:12px;color:#718292;padding:8px 0}.review-card p b{color:#648d79;margin-right:12px}.review-card .mini-button{margin-top:22px}.email-card{text-align:center;padding:22px}.email-top{display:flex;justify-content:space-between;border-bottom:1px solid #e8edf1;padding-bottom:15px;font-size:8px;letter-spacing:.1em}.email-card>img{width:95px;mix-blend-mode:multiply;margin-top:16px}.email-card h3{font-size:19px;letter-spacing:-.5px;margin:7px 0}.email-card p{font-size:10px;color:#8a98a5;line-height:1.6}.email-reference{background:#f4f7f9;border-radius:9px;padding:18px;margin:20px 0 12px}.email-reference small{display:block;font-size:7px;letter-spacing:.14em}.email-reference strong{display:block;font-size:14px;margin-top:9px;letter-spacing:.06em}.email-card>small{font-size:8px;color:#92a0ac}.download-guide{margin:65px 0;padding:35px 40px;background:#edf2f6;border:1px solid #e3eaf0;border-radius:22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.download-guide h2{margin:10px 0;font-size:30px}.download-guide p{font-size:13px;color:#7c8b98}.download-guide button{border:1px solid #cdd9e3;border-radius:99px;padding:15px 24px;background:#fff;color:#8a9aa7;font:inherit;font-size:13px;cursor:not-allowed}.download-guide small{display:block;font-size:10px;color:#8796a3;line-height:1.6;margin-top:10px;text-align:center}.guide-help{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:20px 0 70px}.guide-help h2{font-size:35px}.questions details{border-bottom:1px solid #dfe7ed;padding:20px 0}.questions summary{font-size:14px;cursor:pointer;line-height:1.5}.questions p{font-size:13px;line-height:1.8;color:#7d8c99}.questions a{text-decoration:underline}.guide-finish{text-align:center;border-top:1px solid #e3e9ef;padding:65px 0}.guide-finish h2{font-size:35px}.help-links{display:flex;justify-content:center;gap:30px;margin-top:35px;font-size:12px;color:#74899a}footer{font-size:11px}
.guide-hero.guide-heading{display:block;padding:45px 0 38px}.guide-heading h1{font-size:clamp(34px,4.2vw,52px);letter-spacing:-1.8px;line-height:1.15;margin:16px 0}.guide-heading .intro{max-width:700px;margin:16px 0 0;font-size:16px}.label-scene{flex-direction:column;gap:32px;padding:36px 26px;min-height:350px}.actual-label{display:block;width:100%;height:auto;border-radius:3px;box-shadow:0 2px 5px #19354a12}.label-caption{font-size:11px;line-height:1.6;text-align:center;color:#6a8193}.label-scene .labelled-parcel{width:100%;max-width:360px;height:auto;padding:26px;transform:rotate(-4deg);border-radius:8px}.labelled-parcel .parcel-brand{width:82px;margin-bottom:20px}.label-on-box{position:relative;isolation:isolate}.code-underline{position:absolute;left:5.5%;bottom:8.4%;width:47%;height:5.8%;border-radius:2px;background:rgba(246,207,83,.32);mix-blend-mode:multiply;pointer-events:none;clip-path:inset(0 100% 0 0);animation:highlight-code 5s ease-in-out infinite}@keyframes highlight-code{0%,12%{clip-path:inset(0 100% 0 0);opacity:1}48%,84%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:0}}@media(prefers-reduced-motion:reduce){.code-underline{animation:none;clip-path:inset(0);opacity:1}}
@media(max-width:900px){.guide-step{gap:40px}.guide-hero h1{font-size:50px}.hero-art{min-height:320px}.orbit{width:260px;height:260px}.guide-step h2{font-size:36px}.illustration{padding:24px}.guide-help{gap:35px}.sample-label strong{font-size:11px;white-space:nowrap;letter-spacing:0}.parcel{padding:20px}.guide-heading h1{font-size:38px}.label-scene{padding:16px;min-height:270px}}
@media(max-width:650px){nav{gap:12px;font-size:11px}.nav-activate{padding:11px 13px}.brand>span{display:none}.guide-hero{grid-template-columns:1fr;padding:20px 0 45px;gap:5px}.back{margin-bottom:32px}.guide-hero h1{font-size:43px;letter-spacing:-2px}.intro{font-size:15px}.hero-art{min-height:260px}.hero-art>img{width:210px}.hero-caption{margin-top:5px}.orbit{width:230px;height:230px}.prepare{grid-template-columns:1fr;gap:10px}.prepare ul{font-size:12px;gap:20px 10px}.prepare li span{margin-right:7px}.guide-step{grid-template-columns:1fr;gap:24px;padding:44px 0}.guide-step:nth-child(even) .step-copy,.guide-step:nth-child(even) .illustration{order:initial}.guide-step h2{font-size:35px}.step-copy p{font-size:14px}.illustration{min-height:330px}.download-guide{display:block;padding:28px;margin:40px 0}.download-guide>div:last-child{margin-top:22px}.download-guide small{text-align:left}.guide-help{grid-template-columns:1fr;gap:0;padding-bottom:40px}.guide-help h2{font-size:30px}.guide-finish{padding:40px 0}.guide-finish h2{font-size:29px}.help-links{flex-direction:column;gap:16px}.sample-label strong{font-size:14px}}
