/* Pockkit V8.9 — How It Works. Loaded on this page only. */
.hiw-page{overflow:hidden}.hiw-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:85px;align-items:center}.hiw-hero{padding:78px 0 70px;background:linear-gradient(135deg,#fff 40%,#faf8f5)}.hiw-hero h1{font-size:clamp(3rem,4.6vw,5rem)}.hiw-lead{font-size:1.15rem;color:var(--muted);max-width:560px;margin-bottom:26px}.hiw-small{font-size:.86rem;color:var(--muted);margin-top:20px}.hiw-hero-scene{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#f0e5d8,transparent 68%)}.hiw-pocket{position:relative;width:315px;height:350px;display:flex;align-items:center;justify-content:center;max-width:100%}.hiw-pocket>img{width:315px;max-width:100%;filter:drop-shadow(0 15px 18px #0d1b3d15)}.hiw-pocket-items{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:repeat(2,52px);gap:9px}.hiw-pocket-items img{width:50px;height:50px;object-fit:contain}.hiw-message,.hiw-done-note{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;display:flex;align-items:center;gap:15px;padding:20px;font:700 .95rem var(--manrope);z-index:1}.hiw-message{top:5px;left:0;transform:rotate(-5deg)}.hiw-done-note{bottom:8px;right:0;transform:rotate(4deg)}.hiw-message svg,.hiw-done-note svg{width:48px;height:48px;flex:none;overflow:visible}
.hiw-roadmap{padding:34px 0}.hiw-roadmap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.hiw-roadmap a{position:relative;text-decoration:none;display:grid;justify-items:center;gap:7px;padding:15px;border-right:1px solid var(--line);text-align:center}.hiw-roadmap a:last-child{border:0}.hiw-roadmap svg{width:55px;height:55px;overflow:visible;margin-bottom:7px}.hiw-roadmap-number{font:800 .68rem var(--manrope);color:var(--orange);letter-spacing:.1em}.hiw-roadmap strong{font:800 .88rem var(--manrope)}.hiw-roadmap a:hover strong{color:var(--orange)}.hiw-step{padding:74px 0}.hiw-step-label{display:flex;align-items:center;gap:14px;margin-bottom:21px}.hiw-step-label>span{font:800 1.25rem var(--manrope);color:var(--orange);border-bottom:2px solid var(--orange);padding-bottom:4px}.hiw-step-label .eyebrow{margin:0}.hiw-copy h2{font-size:clamp(2.2rem,3.2vw,3.6rem);margin-bottom:24px}.hiw-body{font-size:1.12rem;color:var(--muted)}.hiw-note{margin-top:26px;padding:3px 0 3px 22px;border-left:3px solid var(--orange)}.hiw-note h3{font-size:.95rem;margin:0 0 8px}.hiw-note p{font-size:.98rem;color:var(--muted);margin:0}.hiw-reverse .hiw-art{grid-column:1;grid-row:1}.hiw-reverse .hiw-copy{grid-column:2}.hiw-art{min-width:0}.hiw-request-stack{padding:30px 25px;background:linear-gradient(130deg,#f0e7dc,#fcfaf7);border-radius:24px}.hiw-request-paper{position:relative;background:#fff;box-shadow:0 18px 35px #0d1b3d0c;padding:32px;transform:rotate(-4deg);border:1px solid var(--line);margin-bottom:26px}.hiw-request-paper>span{font:800 .65rem var(--manrope);color:var(--orange);letter-spacing:.1em}.hiw-request-paper strong{display:block;font:800 1.9rem/1.2 var(--manrope);margin:22px 0}.hiw-paper-rule{height:2px;width:60px;background:var(--orange)}.hiw-request-paper p{font-size:.9rem;color:var(--muted)}.hiw-request-paper svg{position:absolute;right:25px;bottom:25px;width:60px;height:60px;overflow:visible}.hiw-request-mini{background:#fff;padding:16px 20px;margin-top:12px;border-radius:8px;border:1px solid var(--line);font:700 .87rem var(--manrope)}.hiw-plan{background:#fff;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow);padding:30px}.hiw-plan-title{display:flex;align-items:center;gap:20px;padding-bottom:23px}.hiw-plan-title svg{width:68px;height:68px;overflow:visible;flex:none}.hiw-plan-title strong{font:800 1.5rem/1.2 var(--manrope)}.hiw-plan-row{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid var(--line)}.hiw-plan-row>span{color:var(--green);background:#edf8f0;border-radius:50%;width:28px;height:28px;text-align:center;line-height:28px;flex:none}.hiw-plan-row strong,.hiw-plan-row small{display:block}.hiw-plan-row strong{font:800 .9rem var(--manrope)}.hiw-plan-row small{margin-top:3px;color:var(--muted);font-size:.84rem}.hiw-in-scene{min-height:400px;background:linear-gradient(135deg,#f0e5d9,#faf8f5);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.hiw-in-scene .hiw-pocket{width:260px;height:290px}.hiw-in-scene .hiw-pocket-items{grid-template-columns:repeat(2,44px);gap:8px}.hiw-in-scene .hiw-pocket-items img{width:42px;height:42px}.hiw-in-label{font:800 1.25rem var(--manrope);color:var(--navy);margin-top:10px}.hiw-delivery{background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;text-align:center;padding:0 28px;overflow:hidden;transform:rotate(3deg)}.hiw-delivery-top{font:800 .65rem var(--manrope);letter-spacing:.1em;color:var(--orange);padding:19px;border-bottom:1px solid var(--line)}.hiw-delivery>svg{width:85px;height:85px;display:block;margin:30px auto 23px;overflow:visible}.hiw-delivery>strong{font:800 1.65rem var(--manrope)}.hiw-delivery p{font-size:.95rem;color:var(--muted);margin:17px 0 27px}.hiw-delivery-footer{background:var(--warm);margin:0 -28px;padding:17px;font:700 .78rem var(--manrope)}.hiw-done-art{min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:24px;background:radial-gradient(ellipse,#edf8ef,#fff 70%);text-align:center}.hiw-done-art svg{width:120px;height:120px;overflow:visible;margin-bottom:25px}.hiw-done-art strong{font:800 2.1rem var(--manrope)}.hiw-done-art>span{font-size:1.03rem;color:var(--muted);margin-top:15px}
.hiw-faq{padding:75px 0}.hiw-faq-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:90px}.hiw-faq h2{font-size:clamp(2.2rem,3vw,3.4rem)}.hiw-faq-grid>div>p:not(.eyebrow){color:var(--muted)}.hiw-faq-icon svg{width:90px;height:90px;overflow:visible;margin-top:25px;transform:rotate(-6deg)}.hiw-faq .faq-list{margin:0}.hiw-faq .faq-list details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px 24px;margin:0 0 12px}.hiw-faq summary{font:800 1rem/1.4 var(--manrope);cursor:pointer}.hiw-faq details p{font-size:.98rem;color:var(--muted);margin-bottom:0}.hiw-final{padding:75px 0;background:#fff}.hiw-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.hiw-actions .text-link{font-weight:700}.hiw-final-photo{position:relative;margin:0;border-radius:24px;overflow:hidden}.hiw-final-photo img{width:100%;height:330px;object-fit:cover}.hiw-final-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#fff);padding:55px 20px 24px;font:800 1rem var(--manrope);text-align:center}.hiw-page svg{max-width:100%}.hiw-page a:focus-visible,.hiw-page summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
@media(max-width:1000px){.hiw-grid{gap:40px}.hiw-faq-grid{gap:40px}.hiw-hero-scene{min-height:440px}.hiw-message,.hiw-done-note{font-size:.8rem;padding:15px;gap:10px}.hiw-request-paper strong{font-size:1.65rem}}
@media(max-width:760px){.hiw-grid,.hiw-faq-grid{grid-template-columns:1fr;gap:30px}.hiw-hero{padding:45px 0 30px}.hiw-hero h1{font-size:clamp(2.9rem,9vw,4rem)}.hiw-lead,.hiw-body{font-size:1.04rem}.hiw-hero-scene{min-height:400px;max-width:450px;width:100%;margin:auto}.hiw-pocket{width:260px;height:310px}.hiw-pocket-items{grid-template-columns:repeat(2,44px);gap:7px}.hiw-pocket-items img{width:42px;height:42px}.hiw-message{top:0}.hiw-done-note{bottom:0}.hiw-roadmap{padding:23px 0}.hiw-roadmap-grid{grid-template-columns:repeat(3,1fr);gap:8px}.hiw-roadmap a{border:0;padding:12px 4px}.hiw-roadmap svg{width:42px;height:42px}.hiw-roadmap strong{font-size:.76rem}.hiw-step{padding:48px 0}.hiw-copy h2{font-size:2.25rem}.hiw-reverse .hiw-copy,.hiw-reverse .hiw-art{grid-row:auto;grid-column:auto}.hiw-art{width:100%;max-width:500px;margin:auto}.hiw-request-stack{padding:25px 18px}.hiw-plan{padding:25px}.hiw-in-scene{min-height:355px}.hiw-faq,.hiw-final{padding:48px 0}.hiw-faq h2{font-size:2.2rem}.hiw-faq-icon{display:none}.hiw-final h2{font-size:2.2rem}.hiw-final-photo img{height:280px}.hiw-faq .faq-list details{padding:18px}.hiw-actions{gap:18px}.hiw-actions .text-link{font-size:.92rem}}

/* V8.10: navy roadmap and consistent numbered badges. */
.hiw-roadmap{background:var(--navy);color:#fff;padding:38px 0}
.hiw-roadmap a{border-right-color:rgba(255,255,255,.16)}
.hiw-roadmap strong{color:#fff}
.hiw-roadmap a{grid-template-columns:1fr;grid-template-rows:64px auto;gap:20px;isolation:isolate}
.hiw-roadmap svg{width:64px;height:64px;grid-column:1;grid-row:1;margin:0}
.hiw-roadmap-number{grid-column:1;grid-row:1;align-self:end;justify-self:center;transform:translate(30px,10px);z-index:1}
.hiw-roadmap-number,.hiw-step-label>.hiw-stage-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font:800 .95rem var(--manrope);letter-spacing:0;border:0;padding:0;flex:none}
.hiw-roadmap-number.hiw-number-done,.hiw-step-label>.hiw-number-done{background:var(--green)}
@media(max-width:760px){.hiw-roadmap{padding:24px 0}.hiw-roadmap a{grid-template-rows:52px auto;gap:17px;border:0}.hiw-roadmap svg{width:52px;height:52px}.hiw-roadmap-number{transform:translate(24px,8px);width:29px;height:29px;font-size:.85rem}}