/* Dense illustrated composition, scoped to the public page. */
.illustrated-site .wrap{width:min(1160px,calc(100% - 64px))}
.hero-world .site-header{margin-top:14px;min-height:72px}
.hero-world .hero{min-height:350px}
.hero-world .hero-copy{padding:22px 0 42px}
.hero-world .hero h1{font-size:61px;margin:8px 0 13px;line-height:1.03}
.hero-world .hero-copy>p:not(.micro){font-size:14px;line-height:1.55}
.hero-world .hero-actions{margin:17px 0 11px}
.hero-speech{top:17px;left:43%;font-size:22px;padding:12px 18px}
.hero-flight{position:absolute;left:-40px;top:125px;width:110px;height:230px;pointer-events:none}
.hero-world:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#d4f2fae6 0%,#d4f2fab8 29%,#d4f2fa00 53%);pointer-events:none}
.hero-world .hero{position:relative;z-index:1}
.illustrated-site .trust-strip{padding:10px 22px;max-width:870px;margin-top:-13px}
.illustrated-site .section-heading{margin-bottom:12px}
.illustrated-site .section-heading h2{font-size:32px;line-height:1.05;margin:3px 0 0}
.illustrated-site .section{padding-top:26px}
.illustrated-site .eyebrow{font-size:9px}
.discovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;position:relative;align-items:start}
.discovery-grid>.section,.process-cluster>.section{padding-top:27px}
.process-cluster{min-width:0}
.discovery-grid .floating-leaf{width:28px;height:28px}
.how-illustrated .steps{gap:18px;align-items:stretch}
.how-illustrated .step{min-height:215px;padding:17px 15px 72px;border-radius:17px 23px 19px 21px;border-color:#b8dce9;box-shadow:none}
.how-illustrated .step h3{font-size:25px;line-height:1.08;max-width:140px;margin:5px 0 0}
.how-illustrated .step p{font-size:11px;line-height:1.55;margin-top:8px}
.how-illustrated .step-art{left:auto;right:14px;top:auto;bottom:10px;width:58px;height:58px;transform:rotate(-6deg)}
.how-illustrated .step:nth-child(2) .step-art{transform:rotate(8deg)}
.how-illustrated .step-no{font-size:10px;top:10px;right:10px;width:19px;height:19px}
.step-connector{position:absolute;right:-30px;top:46%;width:38px;height:27px;z-index:3;pointer-events:none;transform:rotate(-5deg)}
.step:nth-child(2) .step-connector{transform:rotate(5deg)}
.journey-section{margin-top:23px}
.journey-section .section-heading{margin-bottom:10px}
.journey-section .section-heading h2{font-size:30px}
.journey-section .small-cloud{width:65px;height:30px}
.journey-grid{gap:10px}
.journey-grid article{padding:5px 5px 10px;border-radius:14px 18px 15px 20px;background:#f9fbee;border-color:#dce7c7}
.journey-grid .sprite{width:84px}
.journey-grid h3{font-size:23px;line-height:1.1;margin-top:0}
.journey-grid p{font-size:9px;line-height:1.35;margin:5px 0 0}
.journey-grid article:not(:last-child):after{content:'';background:url('assets/sketch-arrow.svg') center/contain no-repeat;width:22px;height:20px;right:-16px;top:48%}
.discovery-note{display:flex;align-items:center;gap:9px;position:relative;margin-top:13px;padding:8px 16px 8px 4px;border-bottom:1px dashed #bfd1ad;min-height:63px}
.discovery-note>svg{width:57px;height:57px;flex-shrink:0;transform:rotate(12deg)}
.discovery-note strong{font:700 25px/1.1 Amatic,cursive;display:block;color:#293f32}
.discovery-note a{font-size:11px;font-weight:600;color:#0985cd;display:flex;align-items:center;gap:10px;text-decoration:none;margin-top:5px}
.discovery-note a svg{width:43px;height:24px;transform:rotate(-7deg)}
.discovery-note>.note-star{width:35px;height:35px;margin-left:auto;transform:rotate(-10deg)}
#items .section-heading{position:relative}
.category-loop{width:59px;height:47px;transform:rotate(20deg);margin-right:13px}
.illustrated-site .item-grid{grid-template-columns:repeat(2,1fr);gap:10px}
.illustrated-site .item-card{padding:12px 17px 5px;min-height:166px;position:relative;border-radius:19px 24px 17px 21px}
.illustrated-site .item-card h3{font-size:26px;line-height:1.1}
.illustrated-site .item-card p{font-size:10px;line-height:1.35;margin-top:4px}
.illustrated-site .item-card .sprite{width:120px;max-width:none;align-self:center;margin-top:0}
.illustrated-site .item-card:first-child{grid-column:auto}
.item-card.search-card{background:#fff8de}
.illustrated-site .search-art{height:auto;object-fit:contain}
.item-card.peach{background:#fff2e7}
.new-category-sprite{background:url('assets/food-beauty-v3.png') no-repeat;background-size:200% auto;background-position-y:50%;aspect-ratio:1}
.food-art{background-position-x:0%}.beauty-art{background-position-x:100%}
.illustrated-site .section-note{font-size:10px;margin:7px 0 0}
.illustrated-site .terms-grid{gap:16px;grid-template-columns:1fr 1.5fr}
.illustrated-site .price-note{padding:19px 24px;border-radius:19px}
.illustrated-site .price{font-size:33px;margin:12px 0 8px}
.illustrated-site .price-note>p{font-size:12px;line-height:1.5;margin:6px 0;max-width:80%}
.price-calculator{width:74px;height:74px;top:38px;right:13px}
.illustrated-site .delivery-note{padding:18px 24px;border-radius:19px}
.illustrated-site .delivery-note h3{font-size:30px;margin:6px 0}
.delivery-copy{grid-template-columns:1fr 104px}
.delivery-copy .sprite{width:104px}
.delivery-copy p{font-size:11px;line-height:1.5;margin:8px 0}
.illustrated-site .delivery-note .micro{font-size:10px;line-height:1.4;margin-top:5px}
.about-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:27px;margin-top:28px;align-items:start}
.illustrated-site .about-note{margin-top:0;padding:20px 23px;display:flex;flex-direction:column;gap:5px;border-radius:21px 24px 18px 20px;min-height:295px}
.illustrated-site .about-note h2{font-size:30px;line-height:1.05;margin:5px 0}
.illustrated-site .about-note p{font-size:12px;line-height:1.5;margin:9px 0}
.illustrated-site .about-note .text-link{font-size:11px}
.about-note img{width:100%;max-width:365px;max-height:108px;object-fit:contain;margin-top:auto}
.illustrated-site .faq-section{display:block;padding-top:0}
.faq-intro{min-height:0;display:flex;align-items:center;gap:15px;position:relative;margin-bottom:4px;flex-wrap:wrap}
.faq-intro .eyebrow{width:100%}
.illustrated-site .faq-intro h2{font-size:32px;margin:0}
.illustrated-site .faq-intro p{font-size:11px;margin:0}
.faq-intro .text-link{margin-left:auto;font-size:11px}
.faq-loop{position:absolute;right:-25px;top:33px;width:46px;height:68px;transform:rotate(14deg);pointer-events:none}
.illustrated-site .faq-list details{padding:12px 0}
.illustrated-site .faq-list summary{font-size:12px;line-height:1.45}
.illustrated-site .faq-list p{font-size:11px;line-height:1.5}
.illustrated-site .contact-banner{padding:14px 22px;gap:18px;margin-top:24px;min-height:103px;border-radius:24px 18px 23px 20px}
.contact-banner>.sprite{width:90px}
.illustrated-site .contact-banner h2{font-size:30px;margin-top:3px;line-height:1.1}
.contact-banner p{font-size:11px;margin-top:4px}
.illustrated-site .site-footer{margin-top:18px;padding:17px 0}
.faq-loop{right:4px;top:-25px;width:34px;height:46px}
@media(max-width:1000px){
  .illustrated-site .wrap{width:calc(100% - 40px)}
  .hero-world .hero h1{font-size:52px}
  .hero-world .hero-copy{width:55%}
  .hero-world .hero-speech{top:14px;left:auto;right:10px;font-size:20px;padding:10px 16px}
  .discovery-grid{gap:22px}
  .how-illustrated .steps{gap:10px}
  .how-illustrated .step{padding:14px 12px 70px;min-height:230px}
  .how-illustrated .step h3{font-size:23px}
  .how-illustrated .step p{font-size:10px}
  .step-connector{right:-20px;width:27px}
  .journey-grid{gap:6px}
  .journey-grid .sprite{width:65px}
  .journey-grid h3{font-size:21px}
  .journey-grid p{font-size:8px}
  .illustrated-site .item-card{padding:12px 13px 6px}
  .illustrated-site .item-card h3{font-size:24px}
  .illustrated-site .item-card .sprite{width:115px}
  .about-faq{gap:20px;grid-template-columns:1fr 1.3fr}
  .faq-intro{gap:9px}
  .faq-intro .text-link{margin-left:0}
}
@media(max-width:760px){
  .discovery-grid{display:block}
  .how-illustrated .steps{gap:18px}
  .how-illustrated .step{min-height:185px;font-size:12px}
  .how-illustrated .step p{font-size:11px}
  .journey-grid .sprite{width:84px}
  .journey-grid p{font-size:10px}
  .illustrated-site .item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .illustrated-site .item-card,.illustrated-site .item-card:first-child{grid-column:auto;display:flex;padding:11px 12px;min-height:160px;gap:0}
  .illustrated-site .item-card h3,.illustrated-site .item-card:first-child h3{font-size:24px}
  .illustrated-site .item-card .sprite{width:95px}
  .illustrated-site .item-card p,.illustrated-site .item-card:first-child p{font-size:9px}
  .about-faq{grid-template-columns:1fr}
}
@media(max-width:600px){
  .illustrated-site .wrap{width:calc(100% - 32px)}
  .hero-world{min-height:555px;background-size:100% 100%,auto 300px}
  .hero-world:before{display:none}
  .hero-world .site-header{min-height:62px;margin-top:11px}
  .hero-world .hero{min-height:482px}
  .hero-world .hero-copy{width:100%;padding:20px 5px 0}
  .hero-world .hero h1{font-size:43px;margin:9px 0 12px}
  .hero-world .hero-copy>p:not(.micro){font-size:12px;line-height:1.55}
  .hero-world .hero-actions{margin:14px 0 9px;gap:9px}
  .hero-world .hero-actions .button{font-size:10px;padding:11px 12px;min-height:41px}
  .hero-world .hero-speech{top:auto;left:0;right:auto;bottom:134px;font-size:20px;padding:10px 16px}
  .hero-flight{left:-45px;top:404px;width:90px;height:140px}
  .illustrated-site .trust-strip{grid-template-columns:1fr;padding:10px 18px;gap:5px;margin-top:-10px}
  .illustrated-site .trust-strip span{font-size:10px}
  .illustrated-site .trust-strip i{font-size:18px}
  .illustrated-site .section{padding-top:22px}
  .illustrated-site .section-heading h2{font-size:31px}
  .how-illustrated .steps{grid-template-columns:1fr;gap:12px}
  .how-illustrated .step{min-height:105px;padding:17px 19px 15px 89px}
  .how-illustrated .step h3{font-size:26px;max-width:none;margin:0}
  .how-illustrated .step p{font-size:11px;line-height:1.5;margin:6px 0 0}
  .how-illustrated .step-art{top:23px;left:12px;right:auto;bottom:auto;width:65px;height:65px}
  .step-connector{right:22px;top:auto;bottom:-20px;width:32px;height:23px;transform:rotate(75deg)}
  .step:nth-child(2) .step-connector{transform:rotate(92deg)}
  .journey-section{margin-top:19px}
  .journey-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}
  .journey-grid article,.journey-grid article:last-child{grid-column:auto;display:block;text-align:center;padding:5px 2px 7px}
  .journey-grid .sprite{width:56px;max-width:100%;margin:0 auto}
  .journey-grid h3{font-size:clamp(15px,5vw,19px);line-height:1.1;margin-top:3px}
  .journey-grid p{display:none}
  .journey-grid article:not(:last-child):after{display:block;width:13px;height:15px;right:-10px;top:42%}
  .discovery-note{margin-top:8px;padding:4px 9px 7px 0;gap:7px;min-height:57px}
  .discovery-note>svg{width:43px;height:43px}
  .discovery-note strong{font-size:23px}
  .discovery-note a{font-size:10px;gap:8px}
  .discovery-note>.note-star{width:27px;height:27px}
  .illustrated-site .item-grid{grid-template-columns:1fr;gap:9px}
  .illustrated-site .item-card,.illustrated-site .item-card:first-child{display:grid;grid-template-columns:1fr 106px;min-height:112px;padding:8px 17px;align-items:center;gap:7px}
  .illustrated-site .item-card h3,.illustrated-site .item-card:first-child h3{font-size:28px;line-height:1.1}
  .illustrated-site .item-card p,.illustrated-site .item-card:first-child p{font-size:10px}
  .illustrated-site .item-card .sprite,.illustrated-site .item-card:first-child .sprite{width:106px;margin:0}
  .category-loop{width:45px;height:41px;margin:0}
  .illustrated-site .terms-grid{grid-template-columns:1fr;gap:12px}
  .illustrated-site .price-note,.illustrated-site .delivery-note{padding:17px 20px}
  .illustrated-site .price{font-size:31px}
  .illustrated-site .price-note>p{font-size:11px;max-width:82%}
  .price-calculator{width:65px;height:65px;right:10px;top:43px}
  .delivery-copy{grid-template-columns:1fr 80px}
  .delivery-copy .sprite{width:80px}
  .delivery-copy p{font-size:10px}
  .about-faq{gap:23px;margin-top:22px}
  .illustrated-site .about-note{padding:19px 20px;min-height:0;gap:4px}
  .illustrated-site .about-note h2{font-size:29px}
  .illustrated-site .about-note p{font-size:11px;line-height:1.55}
  .about-note img{max-height:105px;margin-top:6px}
  .illustrated-site .faq-section{padding-top:0}
  .faq-intro{padding:0;gap:9px;min-height:0}
  .illustrated-site .faq-intro h2{font-size:32px}
  .faq-intro .text-link{margin-left:auto;font-size:10px}
  .faq-loop{right:4px;top:-25px;width:34px;height:46px}
  .illustrated-site .faq-list details{padding:12px 0}
  .illustrated-site .faq-list summary{font-size:11px}
  .illustrated-site .contact-banner{grid-template-columns:73px 1fr;gap:9px;padding:14px 17px;margin-top:21px}
  .contact-banner>.sprite{width:78px}
  .illustrated-site .contact-banner h2{font-size:28px}
  .contact-banner p{font-size:10px}
  .illustrated-site .contact-banner>.button{font-size:11px}
  .illustrated-site .site-footer{padding:17px 0;margin-top:14px;font-size:10px}
}
@media(max-width:360px){.hero-world .hero h1{font-size:39px}}
