/*
 * Spaceron responsive mobile layer
 * Built from the approved 20-screen mobile design set.
 * Desktop rules remain in app.css; this file only activates on compact screens.
 */
@media (max-width: 767px) {
  :root {
    --mobile-gutter: 16px;
    --mobile-panel: linear-gradient(145deg, rgba(7,20,37,.97), rgba(2,9,18,.98));
    --mobile-line: rgba(111,154,205,.30);
    --mobile-blue: #208eff;
    --shell: calc(100% - (var(--mobile-gutter) * 2));
  }

  html { scroll-padding-top: 72px; }
  body { min-width: 0 !important; font-size: 14px; background:#01050c; }
  body::selection { background:#1876d8; color:#fff; }
  .site-bg { background:radial-gradient(520px 260px at 83% 13%,rgba(16,104,204,.26),transparent 68%),linear-gradient(180deg,#01040a,#020a15 58%,#01050a); }
  .site-bg .earth-arc { width:780px;height:350px;left:-265px;top:260px;opacity:.8; }
  .shell,.shell-exact,.stories-shell,.about-shell,.faq-shell,.contact-shell,.kit-shell,.verification-shell { width:calc(100% - 32px) !important; margin-inline:auto !important; }

  /* Compact header shared by all public pages. */
  .site-header { position:sticky;top:0;height:66px;background:rgba(1,5,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(122,160,203,.13); }
  .header-inner { height:66px !important; width:100% !important; padding:0 14px; margin:0 !important; display:grid !important; grid-template-columns:1fr 44px !important; gap:8px !important; }
  .brand { width:max-content;display:flex;align-items:center; }
  .brand img { width:126px !important;height:52px;object-fit:contain;object-position:left center; }
  .nav-toggle { display:grid !important; place-items:center; width:42px;height:42px;padding:8px;border:1px solid rgba(118,155,198,.20);border-radius:8px;background:#07111e; }
  .nav-toggle span:not(.sr-only) { width:20px;height:1px;margin:2.5px;background:#dbe5ef;transition:.2s; }
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .primary-nav { position:fixed !important; z-index:90; inset:66px 10px auto 10px !important; max-height:calc(100vh - 82px); overflow:auto; display:none !important; gap:4px !important; padding:10px !important; border:1px solid #1c416b !important; border-radius:12px !important; background:rgba(3,12,24,.98) !important; box-shadow:0 24px 60px rgba(0,0,0,.65) !important; }
  .primary-nav.open { display:flex !important; }
  .primary-nav a { min-height:44px;padding:0 13px !important;display:flex;align-items:center;border-radius:7px;font-size:13px !important;color:#d5dce5; }
  .primary-nav a.active { color:#fff;background:linear-gradient(90deg,#0b376d,#071d38);border:1px solid #1b6fc2; }
  .primary-nav a.active::after { display:none !important; }
  .header-cta { display:none !important; }

  main { overflow:hidden; }
  br { content:""; }
  .button,.home-primary,.gift-primary,.how-primary,.kit-primary,.verification-primary { min-height:44px;border-radius:5px; }

  /* Generic mobile presentation language. */
  .home-card,.dashboard-panel,.panel,.how-journey,.accepted-panel,.time-panel,.receive-panel,
  .packages-compare,.addons-panel,.included-panel,.packages-trust,.gift-moment-card,.gift-experience-card,
  .stories-featured,.stories-card,.about-principles,.about-values,.about-timeline,.about-team,
  .faq-list,.faq-promise-card,.contact-form-exact,.contact-method,.contact-personal,.contact-next,
  .kit-includes,.kit-detail-card,.kit-benefits,.verification-proof,.verified-journey,.verification-rigor {
    border-color:var(--mobile-line) !important;
    background:var(--mobile-panel);
    box-shadow:0 18px 48px rgba(0,0,0,.22);
  }
  .home-kicker,.how-kicker,.packages-kicker,.gift-kicker,.stories-kicker,.about-kicker,.faq-kicker,.contact-kicker,.kit-kicker,.verification-kicker,
  .section-kicker,.gift-section-kicker,.side-kicker { font-size:9px !important;letter-spacing:.16em !important;color:#47aaff !important; }

  /* 01 — Home */
  body.home-exact:not(.how-exact):not(.packages-exact):not(.gift-exact):not(.stories-exact):not(.about-exact):not(.faq-exact):not(.contact-exact):not(.journey-kit-exact) .home-stage { min-height:0;height:auto;padding:0 0 18px; }
  .home-stage { min-width:0 !important; }
  .home-space { height:470px; }
  .home-earth { right:-240px !important;top:160px !important;width:770px !important;height:300px !important;opacity:.58 !important; }
  .home-hero { height:auto !important;min-height:515px !important;padding:31px 0 0 !important;display:block !important; }
  .home-copy { position:relative !important;z-index:4;width:64% !important;padding:0 !important; }
  .home-kicker { margin:0 0 10px !important; }
  .home-copy h1 { margin:0 !important;font-size:39px !important;line-height:.98 !important;letter-spacing:-.045em !important;font-weight:300 !important; }
  .home-intro { margin:14px 0 0 !important;font-size:11.5px !important;line-height:1.55 !important;color:#c9c8c4 !important; }
  .home-actions { margin-top:18px !important;display:grid !important;gap:10px !important;width:166px; }
  .home-primary { width:166px !important;height:39px !important;font-size:10px !important; }
  .home-watch { font-size:9.5px !important;gap:7px !important; }
  .watch-circle { width:27px !important;height:27px !important;font-size:8px !important; }
  .home-product { right:-134px !important;top:104px !important;width:330px !important;height:310px !important;transform:rotate(-2deg); }
  .home-product img { width:100% !important;height:100% !important;object-fit:contain !important; }
  .home-lower { position:relative !important;z-index:5;margin-top:-86px !important; }
  .home-process { height:auto !important;grid-template-columns:repeat(3,1fr) !important;padding:9px 6px !important;border-radius:6px; }
  .journey-step { min-height:86px !important;padding:8px 5px !important;border-right:1px solid rgba(128,160,197,.16) !important;border-bottom:1px solid rgba(128,160,197,.16);display:grid !important;grid-template-columns:24px 15px 1fr !important;align-content:center; }
  .journey-step:nth-child(3n){border-right:0 !important}.journey-step:nth-child(n+4){border-bottom:0}
  .journey-step svg{width:23px !important;height:23px !important}.journey-step b{font-size:10px !important}.journey-step span{font-size:7px !important;line-height:1.25 !important;letter-spacing:.03em !important}
  .home-cards { grid-template-columns:1fr !important;gap:8px !important;margin-top:8px !important; }
  .home-card { min-height:153px !important;height:auto !important;padding:14px !important;grid-template-columns:1.1fr .9fr !important;overflow:hidden; }
  .home-card .card-copy { z-index:2; }
  .home-card h2 { font-size:11px !important;margin:0 0 8px !important; }
  .home-card p { font-size:9px !important;line-height:1.45 !important;margin:0 0 8px !important; }
  .home-card a { font-size:8px !important; }
  .home-card img { position:static !important;width:100% !important;height:116px !important;object-fit:contain !important;align-self:center; }
  .home-cta { height:auto !important;min-height:85px !important;margin-top:8px !important;padding:14px 15px !important;display:grid !important;grid-template-columns:1fr 142px !important;gap:10px !important;text-align:left !important; }
  .home-cta h2 { font-size:15px !important;margin:0 !important; }.home-cta p{font-size:9px !important;margin:4px 0 0 !important}.home-cta a{width:142px !important;height:38px !important;font-size:9px !important}
  .home-trust { height:auto !important;grid-template-columns:1fr 1fr !important;padding:10px 5px !important;font-size:8px !important; }
  .home-trust>div { min-height:32px !important;padding:0 8px !important;border-bottom:1px solid rgba(130,160,195,.14); }.home-trust .trusted-label{grid-column:1/-1;text-align:center;border-right:0 !important}

  /* 02 — How it works */
  .how-stage { min-height:0 !important;height:auto !important;padding-bottom:18px !important; }
  .how-space { height:405px !important; }.how-earth{right:-260px !important;top:125px !important;width:770px !important;height:300px !important}
  .how-hero { height:auto !important;min-height:410px !important;padding:31px 0 0 !important;display:block !important; }
  .how-copy { width:62% !important;padding:0 !important;position:relative;z-index:3; }
  .how-copy h1 { font-size:36px !important;line-height:1 !important;margin:8px 0 13px !important;font-weight:300 !important; }.how-copy>p:last-of-type{font-size:10.5px !important;line-height:1.55 !important}
  .how-product { right:-135px !important;top:65px !important;width:335px !important;height:310px !important; }.how-product img{width:100% !important;height:100% !important;object-fit:contain !important}
  .how-content { margin-top:-44px !important; }
  .how-journey { height:auto !important;padding:15px 10px !important; }
  .how-journey>header h2 { font-size:13px !important; }.how-journey>header p{font-size:8.5px !important}
  .how-steps { grid-template-columns:1fr 1fr !important;height:auto !important;gap:0 !important;margin-top:12px !important; }
  .how-step { min-height:154px !important;padding:12px 10px !important;border-right:1px solid rgba(135,166,201,.18) !important;border-bottom:1px solid rgba(135,166,201,.18) !important; }
  .how-step:nth-child(even){border-right:0 !important}.how-step:nth-last-child(-n+2){border-bottom:0 !important}
  .how-step .step-number{width:23px !important;height:23px !important;font-size:9px !important}.how-step svg{width:35px !important;height:35px !important;margin:7px auto !important}.how-step h3{font-size:10px !important;margin:4px 0 !important}.how-step p{font-size:7.7px !important;line-height:1.4 !important}
  .how-bottom { grid-template-columns:1fr !important;height:auto !important;gap:8px !important;margin-top:8px !important; }
  .accepted-panel,.time-panel,.receive-panel { height:auto !important;min-height:170px !important;padding:15px !important; }
  .accepted-panel h2,.time-panel h2,.receive-panel h2{font-size:12px !important}.accepted-panel p,.time-panel p,.receive-panel p{font-size:8.5px !important}
  .accepted-icons{grid-template-columns:repeat(4,1fr) !important}.accepted-icons span{font-size:7px !important}.time-flow{grid-template-columns:repeat(4,1fr) !important}.time-flow span{font-size:7px !important}.estimate strong{font-size:13px !important}
  .how-footer-main { grid-template-columns:1fr !important;gap:20px !important;padding:24px 0 !important; }.how-footer-links{grid-template-columns:1fr 1fr !important;gap:18px !important}.how-connect{width:100% !important}.how-footer-trust{grid-template-columns:1fr 1fr !important;height:auto !important;padding:8px 14px !important}.how-footer-trust>div{min-height:43px !important;font-size:8px !important}

  /* 03 — Packages */
  .packages-stage { min-height:0 !important;height:auto !important;padding-bottom:20px !important; }
  .packages-hero { min-height:430px !important;height:auto !important;padding-top:30px !important;overflow:hidden; }
  .packages-copy { width:64% !important;padding:0 !important;position:relative;z-index:5; }.packages-copy h1{font-size:35px !important;line-height:1 !important}.packages-copy>p:last-child{font-size:10px !important;line-height:1.5 !important}
  .packages-product { right:-210px !important;top:132px !important;width:575px !important;height:210px !important;transform:none !important; }.packages-product .packages-reference-art{width:575px !important;height:210px !important;object-fit:contain !important}
  .packages-content { margin-top:-42px !important;width:calc(100% - 32px) !important; }
  .packages-compare { height:auto !important;overflow:visible !important;padding:12px !important; }
  .compare-grid { min-width:0 !important;grid-template-columns:repeat(3,1fr) !important; }
  .compare-head { height:auto !important;gap:7px;border:0 !important; }.compare-head>h2{grid-column:1/-1;padding:0 0 8px !important;font-size:10px !important}.plan-head{min-height:114px;border:1px solid rgba(128,160,197,.24) !important;border-radius:5px;padding:10px 4px;text-align:center}.plan-head strong{font-size:11px !important}.plan-head span{font-size:8px !important}.plan-head b{font-size:15px !important}.legacy-head em{top:-13px;height:18px;font-size:7px}
  .compare-body { height:auto !important;margin-top:10px; }.feature-row{height:auto !important;min-height:44px;grid-template-columns:1fr 34px 34px 34px !important}.feature-name{padding:7px 5px !important}.feature-name svg{width:18px !important;height:18px !important;margin-right:7px !important}.feature-name b{font-size:8px !important}.feature-name small{font-size:6.8px !important;white-space:normal !important}.availability{font-size:13px !important}.compare-actions{grid-template-columns:repeat(3,1fr) !important;height:auto !important;gap:7px;margin-top:10px}.compare-actions>div:first-child{display:none}.package-select{width:100% !important;height:35px !important;font-size:8px !important;gap:4px !important}.legacy-select{height:35px !important;border:1px solid #3c9ff6 !important;border-radius:4px !important}
  .packages-lower { grid-template-columns:1fr !important;height:auto !important;gap:8px !important; }.addons-panel,.included-panel{padding:14px !important}.addons-panel h2,.included-panel h2{font-size:10px !important}.addons-panel>p,.included-panel>p{font-size:8px !important}.addons-panel label{height:34px !important;font-size:8px !important}.addons-button{height:39px !important;font-size:9px !important}.included-grid{grid-template-columns:1fr 1fr !important;height:auto !important}.included-grid>div{min-height:108px !important}.included-grid svg{width:34px !important;height:34px !important}.included-grid b{font-size:9px !important}.included-grid span{font-size:7px !important}
  .packages-trust { grid-template-columns:1fr 1fr !important;height:auto !important;padding:4px 8px !important; }.packages-trust>div{min-height:70px !important;grid-template-columns:42px 1fr !important;padding:8px !important}.packages-trust b{font-size:9px !important}.packages-trust small{font-size:7px !important}.packages-footer{grid-template-columns:1fr !important;gap:12px !important;padding:18px 0 !important}.packages-footer-brand img{width:120px !important;height:55px !important}.packages-footer nav{justify-content:flex-start !important;gap:14px !important;font-size:9px !important}.packages-social{justify-content:flex-start !important}.packages-footer>p{text-align:left !important;font-size:8px !important}

  /* 04 — Gift */
  .gift-stage { min-height:0 !important;height:auto !important;padding-bottom:18px !important; }
  .gift-hero { height:auto !important;min-height:450px !important;padding-top:31px !important;overflow:hidden; }.gift-copy{width:62% !important;padding:0 !important;position:relative;z-index:4}.gift-copy h1{font-size:35px !important;line-height:1 !important}.gift-copy>p:last-of-type{font-size:10px !important;line-height:1.5 !important}.gift-actions{display:grid !important;gap:8px !important;width:165px !important}.gift-actions a{width:165px !important;height:39px !important;font-size:9px !important}
  .gift-hero-ribbon{display:none !important}.gift-hero-art{right:-188px !important;top:115px !important;width:520px !important;height:285px !important;transform:none !important}.gift-hero-art img{width:100% !important;height:100% !important;object-fit:contain !important}
  .gift-content{margin-top:-35px !important}.gift-moments,.gift-experience{padding:15px 11px !important}.gift-moments>header h2,.gift-experience>header h2{font-size:13px !important}.gift-moments>header p,.gift-experience>header p{font-size:8px !important}.gift-moment-grid{grid-template-columns:1fr 1fr !important;gap:7px !important}.gift-moment-card{height:170px !important}.gift-moment-card>img{height:93px !important}.gift-moment-body{height:77px !important;padding:8px !important}.gift-moment-body svg{width:19px !important;height:19px !important}.gift-moment-body h3{font-size:8.5px !important}.gift-moment-body p{font-size:6.7px !important}
  .gift-experience-grid{grid-template-columns:1fr !important;gap:7px !important}.gift-experience-card{min-height:150px !important;height:auto !important;grid-template-columns:43% 57% !important}.gift-experience-card img{height:100% !important;min-height:150px !important}.gift-experience-copy{padding:12px !important}.gift-step-number{width:23px !important;height:23px !important;font-size:8px !important}.gift-experience-copy h3{font-size:10px !important}.gift-experience-copy p{font-size:7.5px !important}.gift-experience-copy a{font-size:7.5px !important}
  .gift-cta{width:100% !important;height:auto !important;min-height:145px !important;grid-template-columns:45px 1fr !important;padding:16px !important}.gift-cta h2{font-size:13px !important}.gift-cta p{font-size:8px !important}.gift-cta>a{grid-column:1/-1 !important;width:100% !important;height:39px !important;margin:10px 0 0 !important;font-size:9px !important}.gift-trust{grid-template-columns:1fr 1fr !important;height:auto !important;padding:6px !important}.gift-trusted{grid-column:1/-1 !important}.gift-trust>div{min-height:44px !important;font-size:7px !important;border-bottom:1px solid rgba(130,160,195,.15)}

  /* 05 — Stories */
  .stories-stage { min-height:0 !important;height:auto !important;padding:28px 0 18px !important; }
  .stories-top{grid-template-columns:1fr !important;height:auto !important}.stories-intro{padding:0 0 14px !important}.stories-intro h1{font-size:34px !important;line-height:1 !important}.stories-intro>p:last-child{font-size:9.5px !important;line-height:1.5 !important}
  .stories-featured{height:auto !important;min-height:240px !important;grid-template-columns:57% 43% !important}.featured-copy{padding:14px !important}.featured-copy h2{font-size:15px !important}.featured-copy blockquote{font-size:8px !important;line-height:1.55 !important}.featured-copy a{font-size:8px !important}.featured-art{overflow:hidden}.featured-art img{width:215px !important;max-width:none !important;height:100% !important;object-fit:contain !important;transform:translateX(-22px)}
  .stories-grid{grid-template-columns:1fr 1fr !important;height:auto !important;gap:7px !important;margin-top:8px !important}.stories-card{height:225px !important}.stories-card>img{height:116px !important}.stories-card-body{height:auto !important;min-height:109px !important;padding:9px !important}.stories-card h3{font-size:9.5px !important}.stories-card p{font-size:7px !important;line-height:1.4 !important}.stories-card a{font-size:7px !important}
  .stories-cta{height:auto !important;min-height:145px !important;grid-template-columns:1fr !important;padding:14px !important;text-align:center}.stories-earth{display:none}.stories-cta h2{font-size:15px !important}.stories-cta p{font-size:8px !important}.stories-cta a{width:100% !important;height:39px !important;font-size:9px !important}.stories-trust{height:auto !important;grid-template-columns:1fr 1fr !important;padding:6px !important}.stories-trusted{grid-column:1/-1 !important}.stories-trust>div{min-height:44px !important;font-size:7px !important}

  /* 06 — About */
  .about-stage{min-height:0 !important;height:auto !important;padding:28px 0 18px !important}.about-earth{right:-330px !important;top:115px !important;width:790px !important;height:310px !important}.about-hero{height:auto !important;min-height:385px !important;display:block !important}.about-intro{width:62% !important;position:relative;z-index:4}.about-intro h1{font-size:34px !important;line-height:1 !important}.about-intro>p:last-child{font-size:9.5px !important;line-height:1.5 !important}.about-product{right:-125px !important;top:90px !important;width:325px !important;height:275px !important}.about-product img{width:100% !important;height:100% !important;object-fit:contain !important}
  .about-principles{grid-template-columns:1fr 1fr !important;height:auto !important}.about-principle{min-height:91px !important;padding:11px !important}.about-principle svg{width:23px !important;height:23px !important}.about-principle h3{font-size:9px !important}.about-principle p{font-size:6.8px !important}
  .about-middle{grid-template-columns:1fr !important;height:auto !important;gap:8px !important}.about-values,.about-timeline{padding:14px !important}.about-values h2,.about-timeline h2,.about-team h2{font-size:12px !important}.about-value{min-height:63px !important}.about-value h3{font-size:9px !important}.about-value p{font-size:7px !important}.about-timeline-grid{grid-template-columns:1fr 1fr !important;gap:7px !important}.about-time-item{min-height:79px !important}.about-time-item h3{font-size:8.5px !important}.about-time-item p{font-size:6.7px !important}.about-timeline-line{display:none !important}
  .about-team{height:auto !important;padding:14px !important}.about-team-grid{grid-template-columns:1fr 1fr !important;height:auto !important;gap:7px !important}.about-person{min-height:76px !important;padding:8px !important}.about-silhouette{width:43px !important;height:43px !important}.about-person h3{font-size:8.5px !important}.about-person p{font-size:6.5px !important}.about-cta{height:auto !important;min-height:125px !important;grid-template-columns:1fr !important;text-align:center;padding:15px !important}.about-cta-earth{display:none}.about-cta h2{font-size:14px !important}.about-cta p{font-size:8px !important}.about-cta a{width:100% !important;height:38px !important;font-size:9px !important}.about-trust{height:auto !important;grid-template-columns:1fr 1fr !important;padding:6px !important}.about-trusted{grid-column:1/-1 !important}.about-trust>div{min-height:44px !important;font-size:7px !important}

  /* 07 — Verification */
  .verification-stage{min-height:0 !important;height:auto !important;padding:28px 0 18px !important}.verification-earth{right:-330px !important;top:95px !important;width:790px !important;height:310px !important}.verification-hero{height:auto !important;min-height:410px !important}.verification-copy{width:61% !important;position:relative;z-index:4}.verification-copy h1{font-size:34px !important;line-height:1 !important}.verification-copy>p{font-size:9.5px !important;line-height:1.5 !important}.verification-trust-line{font-size:7px !important}.verification-hero-art{right:-126px !important;top:118px !important;width:330px !important;height:235px !important}.verification-hero-art img{max-width:none !important}.verification-hero-art .verification-card{width:180px !important}.verification-hero-art .verification-capsule{width:78px !important}.verification-hero-art .verification-certificate{width:190px !important}
  .verification-proof{padding:14px !important}.verification-proof>header h2,.verified-journey>header h2{font-size:12px !important}.verification-proof>header p,.verified-journey>header p{font-size:7.5px !important}.verification-proof-grid{grid-template-columns:1fr 1fr !important;height:auto !important;gap:7px !important}.verification-proof-card{height:150px !important;padding:10px !important}.verification-proof-card svg{width:31px !important;height:31px !important}.verification-proof-card h3{font-size:8.5px !important}.verification-proof-card p{font-size:6.7px !important}
  .verified-journey{height:auto !important;padding:14px !important}.verified-journey ol{grid-template-columns:1fr 1fr !important;gap:7px !important}.verified-journey li{min-height:103px !important;padding:11px !important}.verified-journey li b{font-size:9px !important}.verified-journey li p{font-size:7px !important}.verified-line{display:none !important}.verification-rigor{grid-template-columns:1fr !important;height:auto !important}.verification-rigor>*{min-height:49px !important}.verification-rigor-brand{grid-template-columns:92px 1fr !important}.verification-rigor-brand img{width:82px !important}.verification-rigor b{font-size:8.5px !important}.verification-rigor small{font-size:6.8px !important}.verification-footer{grid-template-columns:1fr !important;height:auto !important;padding:16px !important;text-align:center}.verification-footer nav{justify-content:center !important;flex-wrap:wrap !important;gap:13px !important;font-size:8px !important}.verification-social{justify-content:center !important}

  /* 08 — FAQ */
  .faq-stage{min-height:0 !important;height:auto !important;padding:28px 0 18px !important}.faq-earth-line{right:-330px !important;top:95px !important;width:790px !important;height:310px !important}.faq-hero{height:auto !important;min-height:360px !important}.faq-copy{width:61% !important;position:relative;z-index:4}.faq-copy h1{font-size:33px !important;line-height:1 !important}.faq-copy>p:last-child{font-size:9px !important}.faq-product{right:-105px !important;top:77px !important;width:280px !important;height:260px !important;transform:none !important}.faq-product img{width:100% !important;height:100% !important;object-fit:contain !important}
  .faq-content{grid-template-columns:1fr !important;height:auto !important;gap:8px !important}.faq-list{padding:8px 12px !important}.faq-row{min-height:44px !important}.faq-question{min-height:44px !important;font-size:8.5px !important}.faq-answer p{font-size:7.5px !important;line-height:1.5 !important}.faq-promise{min-height:0 !important}.faq-promise-card{min-height:310px !important;height:auto !important;padding:15px !important}.faq-promise-card h2{font-size:13px !important}.faq-promise-card p{font-size:8px !important}.faq-promise-card img{width:240px !important;right:-58px !important;bottom:-30px !important}.faq-cta{height:auto !important;min-height:120px !important;grid-template-columns:1fr !important;text-align:center;padding:15px !important}.faq-cta-earth{display:none}.faq-cta-copy h2{font-size:14px !important}.faq-cta-copy p{font-size:8px !important}.faq-cta a{width:100% !important;height:38px !important;font-size:9px !important}.faq-trust{height:auto !important;grid-template-columns:1fr 1fr !important;padding:6px !important}.faq-trusted{grid-column:1/-1 !important}.faq-trust>div{min-height:44px !important;font-size:7px !important}

  /* 09 — Contact */
  .contact-stage{min-height:0 !important;height:auto !important;padding:28px 0 18px !important}.contact-main{grid-template-columns:1fr !important;height:auto !important;gap:8px !important}.contact-intro h1{font-size:34px !important;line-height:1 !important}.contact-intro>p{font-size:9.5px !important}.contact-methods{grid-template-columns:1fr 1fr !important;gap:7px !important}.contact-method{min-height:102px !important;padding:10px !important}.contact-method svg{width:23px !important;height:23px !important}.contact-method h3{font-size:8.5px !important}.contact-method p,.contact-method a{font-size:6.8px !important}.contact-personal{min-height:145px !important;padding:12px !important;grid-template-columns:60px 1fr !important}.contact-personal img{width:52px !important;height:52px !important}.contact-personal h2{font-size:11px !important}.contact-personal p{font-size:7.5px !important}.contact-form-exact{height:auto !important;padding:14px !important}.contact-form-exact h2{font-size:13px !important}.contact-form-grid{grid-template-columns:1fr !important}.contact-form-grid label{font-size:8px !important}.contact-form-grid input,.contact-form-grid select{height:38px !important}.contact-form-grid textarea{height:92px !important}.contact-form-exact button{height:39px !important;font-size:9px !important}
  .contact-next{height:auto !important;padding:14px !important}.contact-next h2{font-size:12px !important}.contact-next-grid{grid-template-columns:1fr !important;gap:7px !important}.contact-next-grid article{min-height:98px !important;padding:10px !important;grid-template-columns:36px 24px 1fr !important}.contact-next-grid h3{font-size:9px !important}.contact-next-grid p{font-size:7px !important}.contact-next-line,.contact-kit-art{display:none !important}.contact-trust{grid-template-columns:1fr 1fr !important;height:auto !important;padding:6px !important}.contact-trust>div{min-height:48px !important;font-size:7px !important}.contact-footer{grid-template-columns:1fr !important;gap:12px !important;padding:18px 0 !important}.contact-footer nav{justify-content:flex-start !important;flex-wrap:wrap !important}.contact-footer nav a{font-size:8px !important;margin:4px 10px 4px 0 !important;padding:0 !important}.contact-social{justify-content:flex-start !important}

  /* 10 — Journey Kit */
  .kit-stage{min-height:0 !important;height:auto !important;padding:28px 0 18px !important}.kit-earth{right:-330px !important;top:100px !important;width:790px !important;height:310px !important}.kit-hero{height:auto !important;min-height:420px !important}.kit-copy{width:61% !important;padding:0 !important;position:relative;z-index:4}.kit-copy h1{font-size:34px !important;line-height:1 !important}.kit-copy>p:last-child{font-size:9px !important}.kit-hero-product{right:-135px !important;top:70px !important;width:340px !important;height:315px !important}.kit-hero-product img{width:100% !important;height:100% !important;object-fit:contain !important}.kit-copy a{width:160px !important;height:39px !important;font-size:9px !important}
  .kit-includes{height:auto !important;padding:14px !important}.kit-includes h2{font-size:12px !important}.kit-includes ol{grid-template-columns:1fr 1fr !important;gap:0 !important}.kit-includes li{min-height:97px !important;padding:10px !important}.kit-includes li img{width:48px !important;height:48px !important}.kit-includes li h3{font-size:8.5px !important}.kit-includes li p{font-size:6.6px !important}.kit-includes-line{display:none !important}
  .kit-detail-grid{grid-template-columns:1fr 1fr !important;height:auto !important;gap:7px !important}.kit-detail-card{min-height:185px !important;height:auto !important;display:block !important}.kit-detail-card img{width:100% !important;height:110px !important}.kit-detail-card>div{padding:9px !important}.kit-detail-card h3{font-size:8.5px !important}.kit-detail-card p{font-size:6.7px !important}.kit-detail-card:last-child{grid-column:1/-1;display:grid !important;grid-template-columns:42% 58% !important;min-height:118px !important}.kit-detail-card:last-child img{height:118px !important}
  .kit-benefits{grid-template-columns:1fr 1fr !important;height:auto !important}.kit-benefits>div{min-height:61px !important;padding:8px !important}.kit-benefits b{font-size:8px !important}.kit-benefits small{font-size:6.5px !important}.kit-cta{height:auto !important;min-height:132px !important;grid-template-columns:1fr !important;padding:14px !important;text-align:center}.kit-cta h2{font-size:14px !important}.kit-cta p{font-size:8px !important}.kit-cta a{width:100% !important;height:39px !important;font-size:9px !important}.kit-footer{grid-template-columns:1fr 1fr !important;height:auto !important;padding:6px !important}.kit-footer>div{min-height:44px !important;font-size:7px !important}

  /* Shared dialogs, toast and footer fit. */
  dialog { width:calc(100% - 30px) !important;max-width:420px !important;padding:20px !important; }
  .toast,.package-toast,.gift-toast,.kit-toast { left:15px !important;right:15px !important;bottom:18px !important;width:auto !important;transform:translateY(140%) !important;text-align:center;font-size:11px !important; }
  .toast.show,.package-toast.show,.gift-toast.show,.kit-toast.show { transform:none !important; }
}

@media (max-width: 390px) {
  :root { --mobile-gutter: 13px; }
  .shell,.shell-exact,.stories-shell,.about-shell,.faq-shell,.contact-shell,.kit-shell,.verification-shell { width:calc(100% - 26px) !important; }
  .home-copy h1,.how-copy h1,.packages-copy h1,.gift-copy h1,.stories-intro h1,.about-intro h1,.faq-copy h1,.contact-intro h1,.kit-copy h1,.verification-copy h1 { font-size:32px !important; }
  .home-product{right:-148px !important}.how-product{right:-150px !important}.gift-hero-art{right:-210px !important}.about-product,.faq-product,.kit-hero-product,.verification-hero-art{right:-145px !important}
}

/* Final compact-canvas normalization. The desktop artboards use fixed heights and
   higher-specificity page selectors; these rules deliberately neutralize them. */
@media (max-width: 767px) {
  body.home-exact,
  body.verification-exact {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .home-exact .site-header,
  .verification-exact .site-header,
  .how-exact .site-header,
  .faq-exact .site-header,
  .contact-exact .site-header,
  .journey-kit-exact .site-header {
    position: sticky !important;
    inset: 0 0 auto !important;
    z-index: 100 !important;
    height: 66px !important;
    background: rgba(1, 5, 12, .92) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(122, 160, 203, .13) !important;
    backdrop-filter: blur(16px) !important;
  }

  .home-exact .header-inner,
  .verification-exact .header-inner,
  .how-exact .header-inner,
  .faq-exact .header-inner,
  .contact-exact .header-inner,
  .journey-kit-exact .header-inner {
    width: 100% !important;
    max-width: none !important;
    height: 66px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    grid-template-columns: minmax(0, 1fr) 44px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .home-exact .brand,
  .verification-exact .brand,
  .how-exact .brand,
  .faq-exact .brand,
  .contact-exact .brand,
  .journey-kit-exact .brand {
    align-self: center !important;
    margin: 0 !important;
  }

  .home-exact .brand img,
  .verification-exact .brand img,
  .how-exact .brand img,
  .faq-exact .brand img,
  .contact-exact .brand img,
  .journey-kit-exact .brand img {
    width: 126px !important;
    height: 52px !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .home-exact .primary-nav,
  .verification-exact .primary-nav,
  .how-exact .primary-nav,
  .faq-exact .primary-nav,
  .contact-exact .primary-nav,
  .journey-kit-exact .primary-nav {
    inset: 66px 10px auto 10px !important;
    padding: 10px !important;
    gap: 4px !important;
    align-self: auto !important;
  }

  .home-exact .primary-nav a,
  .verification-exact .primary-nav a,
  .how-exact .primary-nav a,
  .faq-exact .primary-nav a,
  .contact-exact .primary-nav a,
  .journey-kit-exact .primary-nav a {
    min-height: 44px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }

  .home-exact main,
  .verification-exact main,
  .how-exact main,
  .gift-exact main,
  .stories-exact main,
  .about-exact main,
  .faq-exact main,
  .contact-exact main,
  .journey-kit-exact main,
  .packages-exact main {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .home-stage,
  .how-stage,
  .packages-stage,
  .gift-stage,
  .stories-stage,
  .about-stage,
  .faq-stage,
  .contact-stage,
  .kit-stage,
  .verification-stage {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  .home-stage:after { height: 470px !important; pointer-events: none !important; }
  .home-exact .home-lower {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: -86px auto 0 !important;
  }
  .home-exact .home-cards {
    width: 100% !important;
    height: auto !important;
  }
  .home-exact .home-process {
    width: 100% !important;
    margin: 0 0 8px !important;
  }
  .home-exact .home-cta,
  .home-exact .home-trust {
    width: 100% !important;
  }

  .how-content,
  .packages-content,
  .gift-content,
  .stories-shell,
  .about-shell,
  .faq-shell,
  .contact-shell,
  .kit-shell,
  .verification-shell {
    max-width: none !important;
  }

  .packages-lower,
  .gift-content,
  .stories-top,
  .stories-grid,
  .about-middle,
  .about-bottom,
  .faq-content,
  .contact-main,
  .contact-next,
  .kit-content,
  .verification-content {
    height: auto !important;
    min-height: 0 !important;
  }

  .home-exact .site-footer,
  .how-exact .site-footer,
  .packages-exact .site-footer,
  .gift-exact .site-footer,
  .stories-exact .site-footer,
  .about-exact .site-footer,
  .faq-exact .site-footer,
  .contact-exact .site-footer,
  .journey-kit-exact .site-footer,
  .verification-exact .site-footer {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .home-exact .home-lower { width: calc(100% - 26px) !important; }
}

@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .home-stage,
  .how-stage,
  .packages-stage,
  .gift-stage,
  .stories-stage,
  .about-stage,
  .faq-stage,
  .contact-stage,
  .kit-stage,
  .verification-stage {
    overflow-x: clip !important;
    overflow-y: visible !important;
  }
}


/* Fix 03 — semantic responsive component normalization.
   Full-page design screenshots and invisible hotspots were removed. */
@media (max-width: 767px) {
  :root { --mobile-gutter: 16px; }
  html { font-size: 16px; text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
  body { font-size: 1rem !important; line-height: 1.5; }
  main { overflow: visible !important; }
  .shell,.shell-exact,.stories-shell,.about-shell,.faq-shell,.contact-shell,.kit-shell,.verification-shell {
    width: min(100% - 32px, 680px) !important;
    max-width: 680px !important;
  }
  h1,.home-copy h1,.how-copy h1,.packages-copy h1,.gift-copy h1,.stories-copy h1,
  .about-copy h1,.faq-copy h1,.contact-copy h1,.kit-copy h1,.verification-copy h1 {
    font-size: clamp(2.15rem, 10vw, 3.6rem) !important;
    line-height: 1.03 !important;
    text-wrap: balance;
  }
  h2 { font-size: clamp(1.25rem, 5.7vw, 1.8rem) !important; line-height:1.2 !important; }
  h3 { font-size: 1.05rem !important; line-height:1.3 !important; }
  p,li,dd,dt,blockquote,label,input,select,textarea { font-size:.9375rem !important; line-height:1.55 !important; }
  small,.small { font-size:.8125rem !important; line-height:1.45 !important; }
  a,button,input,select,textarea { -webkit-tap-highlight-color: transparent; }
  a.button,button,.button,.home-primary,.gift-primary,.how-primary,.kit-primary,.verification-primary,
  input[type="submit"],button[type="submit"] { min-height: 44px !important; font-size:.875rem !important; }
  input:not([type="checkbox"]):not([type="radio"]),select,textarea {
    min-height:44px !important; width:100%; max-width:100%; box-sizing:border-box;
  }
  textarea { min-height:120px !important; }
  .home-stage,.how-stage,.packages-stage,.gift-stage,.stories-stage,.about-stage,.faq-stage,
  .contact-stage,.kit-stage,.verification-stage { height:auto !important; min-height:0 !important; }
  .home-hero,.how-hero,.packages-hero,.gift-hero,.stories-hero,.about-hero,.faq-hero,
  .contact-hero,.kit-hero,.verification-hero { height:auto !important; min-height:420px !important; }
  .home-copy,.how-copy,.packages-copy,.gift-copy,.stories-copy,.about-copy,.faq-copy,
  .contact-copy,.kit-copy,.verification-copy { width:100% !important; max-width:36rem; }
  .home-product,.how-product,.packages-product,.gift-product,.stories-product,.about-product,
  .faq-product,.contact-product,.kit-product,.verification-product { opacity:.56; pointer-events:none; }
  .home-process,.how-steps,.package-grid,.gift-moment-grid,.stories-grid,.about-values-grid,
  .faq-grid,.kit-detail-grid,.verification-grid { grid-template-columns:1fr !important; height:auto !important; }
  .journey-step,.how-step,.package-card,.gift-moment-card,.stories-card,.about-value,
  .faq-item,.kit-detail-card,.verification-card { min-height:0 !important; height:auto !important; }
  .home-card,.home-cta,.home-trust,.how-journey,.accepted-panel,.time-panel,.receive-panel,
  .packages-compare,.addons-panel,.gift-experience-card,.stories-featured,.about-principles,
  .about-values,.about-timeline,.faq-list,.contact-form-exact,.contact-method,.kit-includes,
  .verification-proof { height:auto !important; min-height:0 !important; }
  .sp-mobile-home { display:block; }
  .sp-mobile-home h1 { font-size:clamp(2.05rem,9vw,3rem) !important; }
  .sp-mobile-home h2 { font-size:1.4rem !important; }
  .sp-mobile-home p,.sp-mobile-home small,.sp-mobile-home strong,.sp-mobile-home a { font-size:.875rem !important; }
  .sp-mobile-journey ol,.sp-mobile-package-grid,.sp-mobile-proof>div { grid-template-columns:1fr !important; }
  .sp-mobile-journey-line { display:none; }
  .sp-mobile-journey li { min-height:112px; }
  .sp-mobile-package-card,.sp-mobile-proof a { min-height:112px; }
  .sp-mobile-story { grid-template-columns:1fr !important; }
  .sp-mobile-story img { max-height:240px; object-fit:contain; }
  .site-footer { height:auto !important; }
}
@media (min-width:768px) { .sp-mobile-home { display:none !important; } }
