/*
Theme Name: InSyncKids
Theme URI: https://insynckids.com
Author: GyamDias Ltd
Author URI: https://gyamdias.com
Description: Premium InSyncKids website for the 3D printed NFC and QR Buddy range.
Version: 5.2.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: insynckids
*/
:root{
  --navy:#071b42;
  --blue:#076cf2;
  --blue-dark:#0759c8;
  --sky:#eaf5ff;
  --green:#3cab3d;
  --purple:#8358d6;
  --red:#ed4c58;
  --gold:#f5a500;
  --ink:#071b42;
  --muted:#536177;
  --line:#e5eaf2;
  --paper:#ffffff;
  --wash:#f7f9fc;
  --shadow:0 18px 50px rgba(7,27,66,.10);
  --shadow-soft:0 10px 30px rgba(7,27,66,.07);
  --radius:28px;
  --max:1680px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.admin-bar .site-header{top:32px}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site{overflow:hidden}
.container{width:min(calc(100% - 56px),var(--max));margin-inline:auto}
.section{padding:84px 0}
.section--soft{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)}
.section-heading{max-width:780px;margin:0 auto 42px;text-align:center}
.section-heading--left{margin-left:0;text-align:left}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:3px;border-radius:99px;background:var(--blue)}
h1,h2,h3,h4{margin-top:0;color:var(--ink);letter-spacing:-.035em}
h1{font-size:clamp(48px,6.3vw,88px);line-height:.98;margin-bottom:22px}
h2{font-size:clamp(38px,4.8vw,64px);line-height:1.02;margin-bottom:16px}
h3{font-size:24px;line-height:1.15}
p{margin-top:0}
.lead{font-size:clamp(18px,2vw,21px);color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 24px;border:1px solid transparent;border-radius:14px;font-weight:900;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:linear-gradient(135deg,var(--blue),#1285ff);color:#fff;box-shadow:0 12px 28px rgba(7,108,242,.24)}
.btn--primary:hover{box-shadow:0 16px 34px rgba(7,108,242,.32)}
.btn--outline{border-color:#7db1ff;background:#fff;color:var(--navy)}
.btn--small{min-height:40px;padding:9px 17px;border-radius:11px;font-size:14px}

/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(7,27,66,.06);backdrop-filter:blur(16px)}
.header-inner{height:78px;display:flex;align-items:center;gap:28px}
.site-branding{display:flex;align-items:center;min-width:max-content}
.custom-logo-link img{max-height:52px;width:auto}
.wordmark{display:inline-flex;align-items:flex-start;color:var(--navy);font-size:clamp(29px,3vw,42px);font-weight:950;letter-spacing:-2.4px;text-decoration:none;line-height:1}
.wordmark span{color:var(--blue)}
.wordmark i{display:inline-block;margin-left:2px;color:var(--red);font-size:.42em;font-style:normal;transform:translateY(-3px)}
.primary-nav{margin-left:auto}
.primary-nav ul{display:flex;align-items:center;gap:25px;margin:0;padding:0;list-style:none}
.primary-nav a{font-size:14px;font-weight:800;text-decoration:none;white-space:nowrap}
.primary-nav a:hover{color:var(--blue)}
.header-actions{display:flex;align-items:center;gap:10px}
.icon-link{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:13px;background:#fff;text-decoration:none}
.cart-count{position:absolute;top:-5px;right:-4px;display:grid;min-width:19px;height:19px;padding:0 5px;place-items:center;border:2px solid #fff;border-radius:99px;background:var(--blue);color:#fff;font-size:10px;font-weight:900}
.menu-toggle{display:none;width:46px;height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--navy)}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:20px;height:2px;margin:5px auto;border-radius:99px;background:currentColor}

/* Hero */
.hero{padding:36px 0 0;background:radial-gradient(circle at 75% 20%,#eef8ff 0,transparent 28%),#fff}
.hero-grid{display:grid;grid-template-columns:.82fr 1.18fr;align-items:stretch;gap:34px}
.hero-copy{padding:38px 0 24px}
.hero-copy h1 strong{color:var(--blue);font-weight:inherit}
.hero-copy .lead{max-width:600px;margin-bottom:23px}
.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:11px 22px;margin:25px 0 29px;padding:0;list-style:none}
.hero-benefits li{display:flex;align-items:center;gap:10px;color:var(--navy);font-size:14px;font-weight:750}
.feature-dot{display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:8px;background:#e8f2ff;color:var(--blue)}
.hero-buttons{display:flex;flex-wrap:wrap;gap:13px}
.hero-media{position:relative;min-height:610px;overflow:hidden;border-radius:28px 28px 0 0;background:#ddeafa}
.hero-media img{width:100%;height:100%;min-height:610px;object-fit:cover;object-position:center center}
.hero-badge{position:absolute;right:24px;top:104px;width:min(220px,40%);padding:22px;border:1px solid rgba(7,27,66,.08);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.hero-badge strong{display:block;font-size:20px;line-height:1.25;margin-bottom:9px}
.hero-badge span{color:var(--muted);font-size:14px}
.hero-proof{display:flex;align-items:center;gap:10px;margin-top:18px;font-size:13px;font-weight:850}
.hero-proof-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:12px;background:#e8f2ff;color:var(--blue)}

/* Benefit rail */
.benefit-rail{position:relative;z-index:4;margin-top:-1px;padding:0 0 22px}
.benefit-rail-inner{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.rail-item{display:flex;align-items:center;gap:12px;min-height:86px;padding:15px 18px;border-right:1px solid var(--line)}
.rail-item:last-child{border-right:0}
.rail-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:13px;color:#fff}
.rail-item:nth-child(1) .rail-icon{background:var(--blue)}
.rail-item:nth-child(2) .rail-icon{background:var(--green)}
.rail-item:nth-child(3) .rail-icon{background:var(--purple)}
.rail-item:nth-child(4) .rail-icon{background:var(--red)}
.rail-item:nth-child(5) .rail-icon{background:#279c55}
.rail-item strong{display:block;font-size:13px;line-height:1.2}
.rail-item span{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.3}

/* Buddies */
.buddy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.buddy-card{position:relative;display:flex;min-height:485px;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow-soft);transition:transform .22s ease,box-shadow .22s ease}
.buddy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.buddy-card--rex{background:linear-gradient(145deg,#f0f8eb,#fff)}
.buddy-card--leo{background:linear-gradient(145deg,#fff6e4,#fff)}
.buddy-card--rocket{background:linear-gradient(145deg,#eef5ff,#fff)}
.buddy-card--panda{background:linear-gradient(145deg,#f5f1fb,#fff)}
.buddy-name{margin-bottom:0;font-size:29px}
.buddy-type{color:var(--muted);font-weight:750}
.buddy-product{height:245px;margin:8px auto 2px;object-fit:contain;filter:drop-shadow(0 16px 14px rgba(7,27,66,.12))}
.buddy-use{display:flex;align-items:flex-start;gap:10px;min-height:65px;margin:0 0 16px;color:var(--navy);font-size:14px;font-weight:750}
.buddy-use svg{flex:0 0 22px;color:var(--blue)}
.palette{display:flex;align-items:center;gap:7px;margin:0 0 18px}
.palette-label{margin-right:4px;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.swatch{width:16px;height:16px;border:2px solid rgba(255,255,255,.9);border-radius:50%;box-shadow:0 0 0 1px rgba(7,27,66,.12)}
.buddy-card .btn{margin-top:auto;align-self:flex-start}
.production-note{display:flex;align-items:center;justify-content:center;gap:9px;margin:24px 0 0;color:var(--navy);font-weight:850;text-align:center}
.production-note svg{color:var(--green)}

/* How */
.how-grid{display:grid;grid-template-columns:.33fr .67fr;align-items:center;gap:35px}
.steps{display:grid;gap:17px;margin-top:28px}
.step{display:grid;grid-template-columns:34px 1fr;gap:13px;align-items:start}
.step-number{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;font-weight:900}
.step p{margin:0;color:var(--muted)}
.flow-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;padding:20px;box-shadow:var(--shadow)}
.flow-card img{width:100%;border-radius:18px}

/* Parent app */
.app-shell{display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:42px}
.app-phone{position:relative;max-width:420px;margin:auto}
.app-phone:before{content:"";position:absolute;inset:8% -5% -4%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#dcecff,transparent 68%)}
.app-phone img{max-height:620px;margin:auto;object-fit:contain}
.app-features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
.app-feature{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-soft)}
.app-feature-icon{display:grid;width:52px;height:52px;margin-bottom:17px;place-items:center;border-radius:17px;background:#edf3ff;color:var(--blue)}
.app-feature:nth-child(2) .app-feature-icon{background:#eef0ff;color:#354eb4}
.app-feature:nth-child(3) .app-feature-icon{background:#eaf8ec;color:var(--green)}
.app-feature h3{margin-bottom:8px;font-size:20px}
.app-feature p{margin:0;color:var(--muted);font-size:14px}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:9px 20px;margin:24px 0 0;padding:0;list-style:none}
.check-list li{display:flex;gap:9px;color:var(--muted);font-size:14px}
.check-list li:before{content:"✓";color:var(--green);font-weight:950}


/* Content and online shop */
.content-wrap{padding:70px 0;min-height:55vh}
.entry-header{max-width:780px;margin-bottom:32px}
.entry-title{font-size:clamp(42px,6vw,72px)}
.entry-content{max-width:850px;color:#283750}
.entry-content a{color:var(--blue)}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,1fr);gap:22px}
.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}
.woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:18px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.woocommerce ul.products li.product a img{border-radius:18px}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:12px!important;background:var(--blue)!important;color:#fff!important}
.woocommerce div.product{padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff}

/* Footer */
.site-footer{padding:62px 0 25px;background:#061631;color:#c9d4e6}
.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:40px}
.footer-brand .wordmark{color:#fff}
.footer-brand p{max-width:410px;margin-top:18px;color:#aebed5}
.footer-heading{margin-bottom:15px;color:#fff;font-size:16px;font-weight:900}
.footer-menu{margin:0;padding:0;list-style:none}
.footer-menu a{display:inline-block;padding:5px 0;color:#c9d4e6;text-decoration:none}
.footer-menu a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#96a8c3;font-size:13px}
.footer-legal{max-width:760px}

@media (max-width:1100px){
  .primary-nav ul{gap:15px}.primary-nav a{font-size:13px}.header-actions .btn{display:none}
  .hero-grid{grid-template-columns:.85fr 1.15fr}.hero-badge{display:none}
  .benefit-rail-inner{grid-template-columns:repeat(3,1fr)}.rail-item:nth-child(3){border-right:0}.rail-item:nth-child(n+4){border-top:1px solid var(--line)}
  .buddy-grid{grid-template-columns:1fr 1fr}.buddy-card{min-height:500px}
  .app-shell{grid-template-columns:.65fr 1.35fr}
}
@media (max-width:900px){
  body.admin-bar .site-header{top:46px}
  .header-inner{height:72px}.menu-toggle{display:block;margin-left:auto}.primary-nav{position:absolute;left:20px;right:20px;top:72px;display:none;margin:0;padding:18px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.primary-nav.is-open{display:block}.primary-nav ul{align-items:stretch;flex-direction:column;gap:2px}.primary-nav a{display:block;padding:12px;border-radius:10px}.primary-nav a:hover{background:#f3f7fd}.header-actions{display:none}
  .hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:12px}.hero-media{min-height:460px;border-radius:28px}.hero-media img{min-height:460px}.hero-badge{display:block}
  .how-grid,.app-shell{grid-template-columns:1fr}.section-heading--left{text-align:center;margin-inline:auto}.steps{max-width:650px;margin-inline:auto}.app-phone{order:2}.app-copy{order:1}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .container{width:min(calc(100% - 24px),var(--max))}.section{padding:60px 0}
  h1{font-size:clamp(45px,14vw,64px)}h2{font-size:clamp(36px,11vw,48px)}
  .wordmark{font-size:31px}.hero{padding-top:20px}.hero-copy{padding-bottom:8px}.hero-benefits{grid-template-columns:1fr}.hero-buttons .btn{width:100%}.hero-media{min-height:400px}.hero-media img{min-height:400px;object-position:52% center}.hero-badge{right:12px;top:18px;width:170px;padding:15px}.hero-badge strong{font-size:16px}.hero-badge span{font-size:12px}
  .benefit-rail{padding-top:12px}.benefit-rail-inner{grid-template-columns:1fr}.rail-item,.rail-item:nth-child(3){border-right:0;border-top:1px solid var(--line)}.rail-item:first-child{border-top:0}
  .buddy-grid{grid-template-columns:1fr}.buddy-card{min-height:0}.buddy-product{height:260px}.production-note{align-items:flex-start}
  .app-features,.check-list{grid-template-columns:1fr}.flow-card{padding:10px;border-radius:20px}.flow-card img{border-radius:14px}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}
  .woocommerce ul.products{grid-template-columns:1fr!important}
}

/* Version 3.1 wide customer-ready layouts */
.header-inner{max-width:1680px;height:84px;gap:34px}
.primary-nav ul{gap:clamp(15px,1.5vw,30px)}
.primary-nav a{font-size:14px}
.hero{padding-top:42px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 0}
.hero-copy .lead{max-width:680px}
.hero-media{border-radius:32px 32px 0 0}
.hero-media img{object-position:50% 53%}
.buddy-card{min-height:555px;padding:28px}
.buddy-product{height:300px}
.section-actions{display:flex;justify-content:center;gap:14px;margin-top:30px}
.section-actions--left{justify-content:flex-start}

.content-wrap--page{min-height:55vh;padding:0}
.content-wrap--page .entry-content{max-width:none}
.entry-content--managed{width:100%}
.entry-content--standard{max-width:1080px!important;padding-top:82px;padding-bottom:92px}
.entry-content--managed>p:empty{display:none}
.entry-content .btn--primary{color:#fff}
.entry-content .btn--outline{color:var(--navy)}
.entry-content .wordmark{text-decoration:none}

.inner-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f4f9ff 0%,#fff 48%,#f8fbff 100%)}
.inner-hero__glow{position:absolute;right:-10%;top:-75%;z-index:-1;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,rgba(7,108,242,.14),rgba(7,108,242,0) 68%)}
.inner-hero__inner{max-width:1180px;padding-top:100px;padding-bottom:100px;text-align:center}
.inner-hero h1{max-width:1050px;margin-right:auto;margin-left:auto}
.inner-hero .lead{max-width:850px;margin-right:auto;margin-left:auto}
.inner-hero__actions{justify-content:center;margin-top:30px}
.page-section{position:relative}
.narrow-container{max-width:980px}

.how-page-grid{display:grid;grid-template-columns:minmax(420px,.75fr) minmax(600px,1.25fr);align-items:center;gap:64px}
.steps--large .step{grid-template-columns:44px 1fr;gap:18px}
.steps--large .step-number{width:38px;height:38px;font-size:15px}
.steps--large .step h3{margin-bottom:6px;font-size:20px}
.flow-card--wide{padding:24px}

.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.content-card{height:100%;padding:34px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft)}
.content-card--blue{background:linear-gradient(145deg,#eaf4ff,#fff)}
.content-card h2{font-size:clamp(32px,3vw,46px)}
.content-card h3{margin-bottom:10px}
.content-card p:last-child{margin-bottom:0;color:var(--muted)}
.content-card a{word-break:break-word}

.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feature-grid--four{grid-template-columns:repeat(4,1fr)}
.feature-grid--three{grid-template-columns:repeat(3,1fr)}
.feature-card{min-height:260px;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-soft)}
.feature-card__icon{display:grid;width:56px;height:56px;margin-bottom:22px;place-items:center;border-radius:18px;background:#eaf3ff;color:var(--blue)}
.feature-card h3{font-size:22px}
.feature-card p{margin-bottom:0;color:var(--muted)}

.app-shell--page{max-width:1380px}
.check-list--large{font-size:16px}
.check-list--large li{font-size:16px;padding:4px 0}

.notice-panel{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:24px;max-width:1180px;padding:38px;border:1px solid #f3d8b2;border-radius:26px;background:#fff8ed;box-shadow:var(--shadow-soft)}
.notice-panel__icon{display:grid;width:62px;height:62px;place-items:center;border-radius:20px;background:#fff;color:#d27600}
.notice-panel h2{font-size:38px}
.notice-panel p{margin-bottom:0;color:#5d4b34}

.story-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.story-grid>div:first-child{grid-row:span 3;padding:30px 40px 30px 0}

.faq-list{display:grid;gap:14px}
.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:var(--shadow-soft)}
.faq-item summary{position:relative;padding:23px 60px 23px 25px;cursor:pointer;color:var(--navy);font-size:18px;font-weight:900;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:28px;font-weight:500}
.faq-item[open] summary:after{content:"-"}
.faq-answer{padding:0 25px 23px;color:var(--muted)}
.faq-answer p{margin:0}

.contact-layout{display:grid;grid-template-columns:minmax(300px,.65fr) minmax(620px,1.35fr);align-items:start;gap:28px}
.contact-sidebar{display:grid;gap:18px}
.contact-panel{padding:38px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.contact-form{display:grid;gap:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{display:grid;gap:8px;color:var(--navy);font-size:14px;font-weight:850}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #cfd8e6;border-radius:13px;background:#fff;padding:14px 15px;color:var(--navy);outline:none;transition:border-color .2s ease,box-shadow .2s ease}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(7,108,242,.10)}
.contact-form textarea{resize:vertical}
.form-message-field{grid-column:1/-1}
.form-consent{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important;font-weight:650!important}
.form-consent input{width:18px;height:18px;margin-top:2px;padding:0}
.form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-message{margin-bottom:20px;padding:15px 18px;border-radius:13px;font-weight:800}
.form-message--success{background:#eaf8ec;color:#176729}
.form-message--error{background:#fff0f1;color:#9e2430}

.policy-layout{display:grid;grid-template-columns:260px minmax(0,920px);justify-content:center;align-items:start;gap:55px}
.policy-meta{position:sticky;top:120px;display:grid;gap:8px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#f8fbff}
.policy-meta strong{margin-top:10px;color:var(--navy)}
.policy-meta strong:first-child{margin-top:0}
.policy-meta span{color:var(--muted)}
.policy-copy h2{margin-top:42px;font-size:30px}
.policy-copy h2:first-child{margin-top:0}
.policy-copy p{color:#34445d}
.policy-copy a{color:var(--blue)}

.availability-badge{display:inline-flex;margin-top:26px;padding:12px 16px;border-radius:99px;background:#fff2cf;color:#775100;font-weight:900}

.empty-state,.account-fallback{max-width:850px;margin:80px auto;padding:48px;border:1px solid var(--line);border-radius:28px;background:#fff;text-align:center;box-shadow:var(--shadow)}
.account-fallback form{display:grid;max-width:480px;margin:25px auto 0;gap:15px;text-align:left}
.account-fallback input{width:100%;padding:13px;border:1px solid var(--line);border-radius:11px}
.error-page{padding:100px 0}
.error-page__inner{max-width:980px;text-align:center}
.error-page__inner .lead{max-width:720px;margin-right:auto;margin-left:auto}
.error-page__inner .hero-buttons{justify-content:center}
.footer-email{display:inline-block;margin-top:6px;color:#fff;font-weight:800}

.woocommerce .woocommerce-breadcrumb{margin-top:30px}
.woocommerce ul.products{grid-template-columns:repeat(4,1fr)}
.woocommerce-page .content-wrap{padding:70px 0}

@media (min-width:1800px){
  .hero-grid{grid-template-columns:.78fr 1.22fr;gap:56px}
  .hero-copy{padding-left:20px}
  .hero-media{min-height:680px}
  .hero-media img{min-height:680px}
  .buddy-product{height:330px}
}

@media (max-width:1300px){
  .header-inner{gap:20px}.primary-nav ul{gap:15px}.primary-nav a{font-size:13px}
  .hero-grid{grid-template-columns:.9fr 1.1fr}
  .how-page-grid{grid-template-columns:1fr;gap:40px}
  .contact-layout{grid-template-columns:.75fr 1.25fr}
  .feature-grid--four{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:1100px){
  .buddy-card{min-height:525px}
  .buddy-product{height:280px}
  .story-grid{grid-template-columns:1fr 1fr}.story-grid>div:first-child{grid-column:1/-1;grid-row:auto;padding:0 0 20px}
  .contact-layout{grid-template-columns:1fr}.contact-sidebar{grid-template-columns:repeat(3,1fr)}
  .policy-layout{grid-template-columns:220px minmax(0,1fr);gap:35px}
}

@media (max-width:900px){
  .container{width:min(calc(100% - 36px),var(--max))}
  .inner-hero__inner{padding-top:75px;padding-bottom:75px}
  .split-feature,.feature-grid,.feature-grid--three,.feature-grid--four,.story-grid{grid-template-columns:1fr 1fr}
  .contact-sidebar{grid-template-columns:1fr}
  .policy-layout{grid-template-columns:1fr}.policy-meta{position:static;grid-template-columns:auto 1fr}
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important}
}

@media (max-width:680px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .inner-hero__inner{padding-top:58px;padding-bottom:58px}
  .inner-hero h1{font-size:clamp(42px,13vw,60px)}
  .split-feature,.feature-grid,.feature-grid--three,.feature-grid--four,.story-grid{grid-template-columns:1fr}
  .feature-card{min-height:0}
  .contact-panel{padding:24px}.form-grid{grid-template-columns:1fr}
  .policy-meta{grid-template-columns:1fr}
  .notice-panel{grid-template-columns:1fr;padding:26px}
  .notice-panel h2{font-size:32px}
  .section-actions,.section-actions--left{justify-content:stretch;flex-direction:column}
  .section-actions .btn{width:100%}
  .entry-content--standard{padding-top:60px;padding-bottom:70px}
}


/* Version 3.2.0: wide, proportionate layout correction
   The page remains wide, but text, imagery and cards are constrained so they
   do not expand or distort on large and ultrawide displays. */
:root{--max:1480px}
.container{width:min(calc(100% - 48px),var(--max))}
.section{padding:76px 0}
.section-heading{max-width:760px;margin-bottom:36px}
h1{font-size:clamp(50px,4.2vw,72px);line-height:1.01}
h2{font-size:clamp(36px,3.2vw,52px);line-height:1.06}
.lead{font-size:clamp(17px,1.35vw,20px);line-height:1.58}

.header-inner{max-width:var(--max);height:78px;gap:26px}
.wordmark{font-size:clamp(30px,2.2vw,39px)}
.primary-nav ul{gap:clamp(14px,1.25vw,24px)}
.primary-nav a{font-size:13px}

.hero{padding-top:26px}
.hero-grid{grid-template-columns:minmax(390px,500px) minmax(0,1fr);gap:30px;align-items:center}
.hero-copy{padding:34px 0 30px}
.hero-copy h1{max-width:520px;margin-bottom:20px}
.hero-copy .lead{max-width:530px;margin-bottom:20px}
.hero-benefits{max-width:530px;margin:22px 0 27px;gap:10px 20px}
.hero-benefits li{font-size:13px;line-height:1.35}
.hero-media{min-height:0;max-height:640px;aspect-ratio:1.32;overflow:hidden;border-radius:28px 28px 0 0}
.hero-media img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center}
.hero-badge{right:5.3%;top:17%;width:29%;min-height:64%;padding:clamp(20px,1.7vw,28px);display:flex;flex-direction:column;justify-content:center;border-radius:24px}
.hero-badge strong{font-size:clamp(17px,1.4vw,21px)}
.hero-badge span{font-size:13px;line-height:1.5}

.benefit-rail-inner{border-radius:20px}
.rail-item{min-height:82px;padding:14px 15px}
.rail-icon{width:39px;height:39px;flex-basis:39px}

.buddy-grid{gap:16px}
.buddy-card{min-height:500px;padding:24px;border-radius:23px}
.buddy-name{font-size:27px}
.buddy-product{height:260px;margin:5px auto 0}
.buddy-use{min-height:58px}

.how-grid{grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:38px}
.flow-card{padding:16px;border-radius:24px}
.app-shell{grid-template-columns:minmax(300px,410px) minmax(0,1fr);gap:46px}
.app-phone{max-width:390px}
.app-phone img{max-height:570px}

.inner-hero__inner{max-width:1080px;padding-top:78px;padding-bottom:78px}
.inner-hero h1,.entry-title{font-size:clamp(44px,4.2vw,62px)}
.entry-content--standard{max-width:980px!important;padding-top:70px;padding-bottom:80px}
.feature-grid,.feature-grid--four,.feature-grid--three{max-width:1400px;margin-inline:auto}
.contact-layout{max-width:1380px;margin-inline:auto;grid-template-columns:minmax(280px,390px) minmax(0,1fr)}
.policy-layout{max-width:1200px;margin-inline:auto}

/* Neutralise the previous ultrawide enlargement rules. */
@media (min-width:1800px){
  .hero-grid{grid-template-columns:minmax(390px,500px) minmax(0,1fr);gap:30px}
  .hero-copy{padding-left:0}
  .hero-media,.hero-media img{min-height:0;max-height:640px}
  .buddy-product{height:260px}
}

@media (max-width:1250px){
  .hero-grid{grid-template-columns:minmax(350px,440px) minmax(0,1fr);gap:24px}
  .hero-copy h1{font-size:clamp(46px,5vw,64px)}
  .hero-badge{width:31%;right:4.5%}
  .primary-nav ul{gap:13px}
  .header-actions .btn{display:none}
}

@media (max-width:1050px){
  .container{width:min(calc(100% - 36px),var(--max))}
  .hero-grid{grid-template-columns:1fr;gap:18px}
  .hero-copy{max-width:720px;padding:28px 0 8px}
  .hero-copy h1,.hero-copy .lead,.hero-benefits{max-width:680px}
  .hero-media{width:100%;max-height:none;aspect-ratio:1.38}
  .hero-badge{right:5%;top:16%;width:29%;min-height:65%}
  .benefit-rail{margin-top:18px}
  .buddy-grid{grid-template-columns:repeat(2,1fr)}
  .buddy-card{min-height:480px}
  .how-grid,.app-shell{grid-template-columns:1fr}
  .how-grid>div:first-child,.app-copy{max-width:780px}
  .app-phone{order:2;max-width:360px}
}

@media (max-width:720px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .section{padding:58px 0}
  h1{font-size:clamp(42px,12vw,56px)}
  h2{font-size:clamp(32px,9vw,44px)}
  .header-inner{height:70px}
  .hero{padding-top:14px}
  .hero-copy{padding-top:20px}
  .hero-benefits{grid-template-columns:1fr;gap:9px}
  .hero-buttons .btn{width:100%}
  .hero-media{aspect-ratio:1.08;border-radius:22px}
  .hero-badge{right:4%;top:13%;width:39%;min-height:70%;padding:16px;border-radius:18px}
  .hero-badge strong{font-size:16px}
  .hero-badge span{font-size:11px}
  .hero-proof{font-size:11px;margin-top:12px}
  .benefit-rail-inner{grid-template-columns:1fr}
  .rail-item{border-right:0;border-bottom:1px solid var(--line)}
  .rail-item:last-child{border-bottom:0}
  .buddy-grid{grid-template-columns:1fr}
  .buddy-card{min-height:0}
  .buddy-product{height:250px}
  .app-features,.check-list{grid-template-columns:1fr}
}


/* Version 3.3 polish: sharper imagery and more premium proportioning */
:root{
  --max:1480px;
  --shadow:0 22px 60px rgba(7,27,66,.12);
  --shadow-soft:0 12px 36px rgba(7,27,66,.08);
}
body{background:#fff;color:var(--ink)}
h1,h2{text-wrap:balance}
h1{font-size:clamp(46px,5.3vw,76px);line-height:1.01;max-width:11ch}
h2{font-size:clamp(34px,3.6vw,54px);line-height:1.05}
.lead{font-size:clamp(17px,1.6vw,20px);line-height:1.65}
.section{padding:88px 0}
.section-heading{max-width:860px;margin-bottom:34px}
.btn{min-height:52px;padding:14px 24px;border-radius:15px}
.site-header{background:rgba(255,255,255,.96)}
.header-inner{height:82px;gap:30px}
.hero{padding:34px 0 14px;background:radial-gradient(circle at 78% 10%,rgba(7,108,242,.08) 0,rgba(7,108,242,0) 32%),linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.hero-grid{grid-template-columns:.9fr 1.1fr;gap:38px;align-items:center}
.hero-copy{padding:32px 0 18px}
.hero-copy .lead{max-width:560px;margin-bottom:20px}
.hero-benefits{gap:12px 20px;margin:22px 0 26px}
.hero-benefits li{font-size:14px}
.hero-media{min-height:620px;border:1px solid rgba(7,27,66,.06);border-radius:32px;background:linear-gradient(180deg,#eef5ff 0%,#fff 100%);box-shadow:var(--shadow);overflow:hidden}
.hero-media img{width:100%;height:100%;min-height:620px;object-fit:cover;object-position:54% center;filter:contrast(1.03) saturate(1.03)}
.hero-badge{top:auto;bottom:26px;right:26px;width:min(240px,38%);padding:22px;border:1px solid rgba(7,27,66,.06);border-radius:24px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px)}
.hero-badge strong{font-size:19px}
.benefit-rail{padding:10px 0 18px}
.benefit-rail-inner{border-radius:24px;box-shadow:var(--shadow-soft)}
.rail-item{min-height:84px;padding:16px 18px}
.rail-item strong{font-size:13px}
.rail-item span{font-size:12px}
.buddy-grid{gap:22px}
.buddy-card{min-height:510px;padding:26px;border-radius:28px}
.buddy-name{font-size:30px}
.buddy-product{height:270px;margin-top:10px;image-rendering:auto}
.buddy-use{min-height:60px;font-size:14px;margin-bottom:14px}
.palette{margin-bottom:16px}
.flow-card,.app-feature,.contact-panel,.content-card,.feature-card{box-shadow:var(--shadow-soft)}
.flow-card{padding:18px}
.flow-card img,.app-phone img,.buddy-product,.hero-media img{backface-visibility:hidden;transform:translateZ(0)}
.app-shell{gap:48px}
.app-phone img{max-height:640px}
.app-features{gap:18px}
.footer-grid{gap:34px}
@media (max-width:1200px){
  h1{font-size:clamp(42px,5vw,64px)}
  .hero-grid{grid-template-columns:1fr;gap:26px}
  .hero-media,.hero-media img{min-height:520px}
}
@media (max-width:900px){
  .hero-copy{text-align:left}
  .hero-media,.hero-media img{min-height:460px}
  .hero-badge{bottom:16px;right:16px;width:185px;padding:16px}
  .buddy-card{min-height:0}
}
@media (max-width:680px){
  .section{padding:64px 0}
  h1{font-size:clamp(40px,13vw,56px)}
  h2{font-size:clamp(31px,9vw,42px)}
  .hero{padding-top:18px}
  .hero-media,.hero-media img{min-height:400px;object-position:60% center}
  .buddy-product{height:250px}
}


/* Version 3.4: corrected hero composition and refined app presentation */
.hero{
  padding:28px 0 18px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}
.hero-grid{
  grid-template-columns:minmax(0,560px) minmax(0,720px);
  gap:44px;
  align-items:center;
}
.hero-copy{
  padding:10px 0 4px;
}
.hero-copy .eyebrow{
  margin-bottom:12px;
  color:var(--blue);
  letter-spacing:.08em;
}
.hero-copy h1{
  max-width:11.2ch;
  margin-bottom:18px;
  font-size:clamp(46px,5vw,72px);
  line-height:1.02;
}
.hero-copy .lead{
  max-width:560px;
  margin-bottom:22px;
  font-size:clamp(18px,1.55vw,21px);
  line-height:1.68;
}
.hero-benefits{
  margin:18px 0 26px;
}
.hero-media{
  min-height:0 !important;
  max-height:690px;
  aspect-ratio:1.02;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:20px 18px 0;
  overflow:hidden;
  background:linear-gradient(180deg,#eef5ff 0%,#ffffff 100%);
  border:1px solid rgba(7,27,66,.06);
  border-radius:34px;
}
.hero-media img{
  width:auto !important;
  height:100% !important;
  max-width:100%;
  min-height:0 !important;
  object-fit:contain !important;
  object-position:center bottom !important;
  filter:none !important;
}
.hero-badge{display:none !important;}
#parent-app .section-heading h2{
  max-width:12ch;
}
.app-shell{
  grid-template-columns:minmax(0,520px) minmax(0,1fr);
  gap:58px;
  align-items:center;
}
.app-phone{
  max-width:520px;
}
.app-phone img{
  width:100%;
  max-height:none;
  object-fit:contain;
}
.app-copy .lead{
  max-width:640px;
}
.app-features{
  margin-top:24px;
}
.app-feature{
  border-radius:24px;
}
@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr;gap:24px;}
  .hero-copy h1{max-width:12ch;}
  .hero-media{aspect-ratio:1.1;max-height:none;}
  .app-shell{grid-template-columns:1fr;gap:28px;}
  .app-phone{max-width:460px;order:2;}
}
@media (max-width:720px){
  .hero-copy h1{font-size:clamp(40px,12vw,56px);}
  .hero-media{padding:12px 10px 0;border-radius:24px;}
  .app-phone{max-width:380px;}
}


/* Version 3.5: integrated flat standing bases for every Buddy */
.buddy-product-stage{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  height:286px;
  margin:8px auto 4px;
  width:100%;
  isolation:isolate;
}
.buddy-product-stage::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:-1;
  width:66%;
  height:28px;
  transform:translateX(-50%);
  border-radius:9px 9px 13px 13px;
  background:linear-gradient(180deg,#24324a 0%,#111827 74%,#09101d 100%);
  box-shadow:0 14px 18px rgba(7,27,66,.22), inset 0 2px 0 rgba(255,255,255,.16);
}
.buddy-product-stage::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:5px;
  z-index:-2;
  width:70%;
  height:24px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(7,27,66,.14);
  filter:blur(8px);
}
.buddy-product-stage .buddy-product{
  height:270px;
  margin:0 auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 12px rgba(7,27,66,.12));
}
.buddy-card--rex .buddy-product-stage::before{background:linear-gradient(180deg,#2f5f2f,#173917 78%,#0d220d)}
.buddy-card--leo .buddy-product-stage::before{background:linear-gradient(180deg,#805318,#4e3009 78%,#2b1b05)}
.buddy-card--rocket .buddy-product-stage::before{background:linear-gradient(180deg,#174e9e,#0d2d61 78%,#071a39)}
.buddy-card--panda .buddy-product-stage::before{background:linear-gradient(180deg,#30343a,#16191e 78%,#090b0e)}
@media (max-width:680px){
  .buddy-product-stage{height:270px}
  .buddy-product-stage .buddy-product{height:250px}
}


/* Version 3.6: accurate NFC only presentation, real interface layouts, no added image bases */
.hero-grid{
  grid-template-columns:minmax(420px,560px) minmax(480px,650px);
  justify-content:space-between;
  gap:52px;
}
.hero-copy h1{
  max-width:12ch;
  font-size:clamp(44px,4.6vw,68px);
  line-height:1.04;
}
.hero-media{
  width:100%;
  max-height:none;
  aspect-ratio:1 / 1.08;
  padding:0;
  background:#eef4fb;
  border-radius:30px;
}
.hero-media img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}
.buddy-card{
  min-height:500px;
}
.buddy-product-stage{
  height:250px;
  margin:12px auto 6px;
}
.buddy-product-stage::before,
.buddy-product-stage::after{
  display:none;
}
.buddy-product-stage .buddy-product{
  width:auto;
  height:235px;
  max-width:100%;
  filter:drop-shadow(0 12px 15px rgba(7,27,66,.14));
}
.journey-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
.journey-card{
  position:relative;
  min-height:280px;
  padding:28px;
  border:1px solid var(--line);
  border-radius:26px;
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.journey-number{
  position:absolute;
  top:20px;
  right:20px;
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.journey-icon{
  display:grid;
  width:58px;
  height:58px;
  margin-bottom:24px;
  place-items:center;
  border-radius:18px;
  background:#eaf3ff;
  color:var(--blue);
}
.journey-card:nth-child(2) .journey-icon{background:#eef8ec;color:var(--green)}
.journey-card:nth-child(3) .journey-icon{background:#f2edff;color:var(--purple)}
.journey-card:nth-child(4) .journey-icon{background:#fff0f1;color:var(--red)}
.journey-card h3{margin-bottom:10px;font-size:22px}
.journey-card p{margin:0;color:var(--muted)}
.app-shell--live{
  grid-template-columns:minmax(500px,650px) minmax(0,1fr);
  gap:60px;
}
.app-demo{
  position:relative;
  min-height:680px;
  border-radius:36px;
  background:radial-gradient(circle at 35% 40%,#dcecff 0,rgba(220,236,255,0) 45%),linear-gradient(145deg,#f9fbff,#eef4ff);
  overflow:hidden;
}
.app-device{
  position:absolute;
  overflow:hidden;
  border:9px solid #101827;
  border-radius:42px;
  background:#f7f9fc;
  box-shadow:0 24px 60px rgba(7,27,66,.20);
}
.app-device--main{
  left:42px;
  top:48px;
  width:330px;
  height:590px;
  z-index:2;
}
.app-device--side{
  right:34px;
  top:118px;
  width:265px;
  height:485px;
  z-index:1;
}
.app-device__notch{
  position:absolute;
  top:0;
  left:50%;
  z-index:4;
  width:110px;
  height:23px;
  transform:translateX(-50%);
  border-radius:0 0 16px 16px;
  background:#101827;
}
.app-screen{
  position:relative;
  height:100%;
  padding:34px 18px 16px;
  background:#f7f9fc;
}
.app-screen__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  color:var(--navy);
  font-size:20px;
  font-weight:900;
}
.app-avatar{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:50%;
  background:var(--navy);
  color:#fff;
  font-size:11px;
}
.app-summary{
  display:grid;
  gap:3px;
  margin-bottom:13px;
  padding:14px;
  border-radius:17px;
  background:linear-gradient(135deg,var(--blue),#1690ff);
  color:#fff;
}
.app-summary strong{font-size:14px}
.app-summary span{font-size:11px;opacity:.9}
.app-child-row{
  display:grid;
  grid-template-columns:48px 1fr auto;
  align-items:center;
  gap:11px;
  margin-bottom:10px;
  padding:10px 11px;
  border:1px solid #e4eaf2;
  border-radius:17px;
  background:#fff;
}
.app-child-row img{
  width:42px;
  height:54px;
  object-fit:contain;
}
.app-child-row strong,
.app-child-row span{display:block}
.app-child-row strong{font-size:14px}
.app-child-row span{color:var(--muted);font-size:10px}
.app-child-row em{
  padding:5px 8px;
  border-radius:99px;
  background:#e9f8ec;
  color:#27833b;
  font-size:9px;
  font-style:normal;
  font-weight:900;
}
.app-activity{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  margin-top:14px;
  padding:12px;
  border-radius:16px;
  background:#fff;
  box-shadow:0 7px 20px rgba(7,27,66,.07);
}
.app-activity>span{
  display:grid;
  width:34px;
  height:34px;
  place-items:center;
  border-radius:11px;
  background:#eaf3ff;
  color:var(--blue);
}
.app-activity strong{display:block;font-size:12px}
.app-activity p{margin:2px 0 0;color:var(--muted);font-size:9px}
.app-nav{
  position:absolute;
  right:15px;
  bottom:12px;
  left:15px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:5px;
  padding-top:10px;
  border-top:1px solid #e2e7ef;
  text-align:center;
  font-size:8px;
  color:#6b7890;
}
.app-nav strong{color:var(--blue)}
.app-status-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--green);
}
.finder-preview{
  text-align:center;
}
.finder-preview img{
  width:88px;
  height:125px;
  margin:0 auto 8px;
  object-fit:contain;
}
.finder-preview strong{
  display:block;
  color:var(--navy);
  font-size:16px;
  line-height:1.25;
}
.finder-preview p{
  margin:10px 0 15px;
  color:var(--muted);
  font-size:11px;
}
.finder-preview .finder-action{
  display:block;
  margin:8px 0;
  padding:10px;
  border-radius:11px;
  background:var(--blue);
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.finder-preview .finder-action.secondary{
  border:1px solid #ccd7e5;
  background:#fff;
  color:var(--navy);
}
.finder-preview small{
  display:block;
  margin-top:14px;
  color:#76839a;
  font-size:8px;
  line-height:1.4;
}
.footer-bottom{
  display:block;
  text-align:center;
}
.footer-legal{
  max-width:none;
  color:#aebed5;
  line-height:1.7;
}
@media (max-width:1180px){
  .hero-grid{grid-template-columns:1fr;gap:28px}
  .hero-media{max-width:760px;margin-inline:auto;aspect-ratio:1.08}
  .journey-grid{grid-template-columns:1fr 1fr}
  .app-shell--live{grid-template-columns:1fr}
  .app-demo{max-width:680px;width:100%;margin-inline:auto}
}
@media (max-width:720px){
  .hero-media{aspect-ratio:1 / 1.15}
  .journey-grid{grid-template-columns:1fr}
  .journey-card{min-height:0}
  .app-demo{min-height:780px}
  .app-device--main{left:50%;top:28px;width:290px;height:540px;transform:translateX(-50%)}
  .app-device--side{right:auto;left:50%;top:520px;width:235px;height:420px;transform:translateX(-50%) scale(.72);transform-origin:top center}
}


/* Version 3.6.1 final visual correction */
.hero{padding:30px 0 12px;background:radial-gradient(circle at 78% 10%,rgba(7,108,242,.06) 0,rgba(7,108,242,0) 30%),linear-gradient(180deg,#fff 0%,#fbfdff 100%);}
.hero-grid{grid-template-columns:minmax(0,540px) minmax(0,700px) !important;gap:42px !important;align-items:center !important;}
.hero-copy{padding:28px 0 16px !important;}
.hero-copy h1{max-width:10.5ch !important;font-size:clamp(46px,4.8vw,70px) !important;line-height:1.03 !important;letter-spacing:-.03em;}
.hero-copy .lead{max-width:560px !important;font-size:clamp(18px,1.4vw,21px) !important;line-height:1.62 !important;}
.hero-benefits{max-width:560px !important;gap:12px 20px !important;}
.hero-media{min-height:700px !important;aspect-ratio:auto !important;max-height:none !important;padding:0 !important;overflow:hidden !important;border-radius:32px !important;background:#eef4fb !important;}
.hero-media img{width:100% !important;height:100% !important;min-height:700px !important;object-fit:cover !important;object-position:center center !important;filter:none !important;}
.buddy-grid{align-items:start;}
.buddy-card{min-height:560px !important;padding:24px !important;}
.buddy-product-stage{height:322px !important;margin:14px auto 10px !important;overflow:visible !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;}
.buddy-product-stage::before,.buddy-product-stage::after{display:none !important;}
.buddy-product-stage .buddy-product{height:300px !important;max-width:94% !important;width:auto !important;object-fit:contain !important;filter:drop-shadow(0 10px 12px rgba(7,27,66,.10)) !important;}
.app-shell--live{grid-template-columns:minmax(0,560px) minmax(0,1fr) !important;gap:54px !important;align-items:center !important;}
.app-demo{min-height:720px !important;}
.app-device--main{left:18px !important;top:42px !important;width:322px !important;height:620px !important;}
.app-device--side{right:10px !important;top:150px !important;width:260px !important;height:472px !important;transform:rotate(0deg) !important;}
@media (max-width:1100px){.hero-grid{grid-template-columns:1fr !important;gap:24px !important;}.hero-copy{padding-top:18px !important;}.hero-media{min-height:560px !important;}.hero-media img{min-height:560px !important;}.app-shell--live{grid-template-columns:1fr !important;gap:30px !important;}.app-demo{max-width:680px !important;width:100% !important;margin-inline:auto !important;}}
@media (max-width:680px){.hero{padding-top:14px !important;}.hero-copy h1{font-size:clamp(40px,12vw,56px) !important;max-width:11ch !important;}.hero-media{min-height:420px !important;border-radius:24px !important;}.hero-media img{min-height:420px !important;}.buddy-card{min-height:0 !important;}.buddy-product-stage{height:290px !important;}.buddy-product-stage .buddy-product{height:272px !important;}.app-demo{min-height:760px !important;}.app-device--main{left:50% !important;top:28px !important;width:286px !important;height:548px !important;transform:translateX(-50%) !important;}.app-device--side{left:50% !important;right:auto !important;top:520px !important;width:228px !important;height:410px !important;transform:translateX(-50%) scale(.76) !important;transform-origin:top center !important;}}

/* Version 3.7 legal page polish */
.policy-copy ul{
  margin:16px 0 24px;
  padding-left:22px;
  color:#34445d;
}
.policy-copy li{
  margin:8px 0;
}
.policy-copy h2{
  scroll-margin-top:110px;
}
.policy-copy p + p{
  margin-top:14px;
}
.policy-meta a{
  color:var(--blue);
  text-decoration:none;
  overflow-wrap:anywhere;
}
.policy-meta a:hover{
  text-decoration:underline;
}
.account-fallback,
.empty-state{
  max-width:820px;
  margin:70px auto;
  padding:48px;
  border:1px solid var(--line);
  border-radius:28px;
  background:#fff;
  box-shadow:var(--shadow-soft);
  text-align:center;
}
.account-fallback h2,
.empty-state h2{
  font-size:clamp(34px,4vw,50px);
}
.account-fallback form{
  max-width:460px;
  margin:28px auto 0;
  text-align:left;
}
.account-fallback input{
  width:100%;
  padding:13px 14px;
  border:1px solid #cfd8e6;
  border-radius:12px;
}
.account-fallback input[type="submit"]{
  width:auto;
  border:0;
  background:var(--blue);
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.legal-form-example{
  margin:20px 0 10px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:#f8fbff;
}
.legal-form-example p{
  margin:9px 0;
}

/* Version 3.8 personalised product presentation */
.section--personalise{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#071b42 0%,#0b2d64 58%,#0c63d8 100%);
  color:#fff;
}
.section--personalise:before{
  content:"";
  position:absolute;
  width:620px;
  height:620px;
  right:-220px;
  top:-250px;
  border-radius:50%;
  background:rgba(255,255,255,.09);
}
.personalise-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);
  gap:70px;
  align-items:center;
}
.personalise-copy .eyebrow{
  color:#8bc1ff;
}
.personalise-copy .eyebrow:before{
  background:#8bc1ff;
}
.personalise-copy h2{
  max-width:12ch;
  color:#fff;
}
.personalise-copy .lead{
  max-width:650px;
  color:#d9e8fb;
}
.personalise-points{
  display:grid;
  gap:14px;
  margin-top:30px;
}
.personalise-points article{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:14px;
  align-items:start;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.personalise-points article>span{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:13px;
  background:#fff;
  color:var(--blue);
  font-weight:950;
}
.personalise-points strong{
  display:block;
  color:#fff;
  font-size:18px;
}
.personalise-points p{
  margin:3px 0 0;
  color:#bfd4ee;
}
.personalise-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:24px 0 0;
  color:#d9e8fb;
  font-size:13px;
}
.personalise-note svg{
  flex:0 0 22px;
  color:#7ee49d;
}
.personaliser{
  padding:24px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:32px;
  background:rgba(255,255,255,.98);
  box-shadow:0 30px 80px rgba(0,0,0,.22);
  color:var(--navy);
}
.personaliser-tabs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  padding:6px;
  border-radius:18px;
  background:#eef3fa;
}
.personaliser-tabs button{
  min-height:44px;
  border:0;
  border-radius:13px;
  background:transparent;
  color:#58667c;
  font-weight:900;
  cursor:pointer;
}
.personaliser-tabs button.is-active{
  background:#fff;
  color:var(--blue);
  box-shadow:0 7px 18px rgba(7,27,66,.10);
}
.personaliser-preview{
  position:relative;
  display:flex;
  height:430px;
  align-items:flex-end;
  justify-content:center;
  margin:18px 0;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(145deg,#eff7ea,#fff);
}
.personaliser-preview--leo{background:linear-gradient(145deg,#fff5df,#fff)}
.personaliser-preview--rocket{background:linear-gradient(145deg,#eaf4ff,#fff)}
.personaliser-preview--panda{background:linear-gradient(145deg,#f5f0fb,#fff)}
.personaliser-preview img{
  width:auto;
  height:405px;
  max-width:84%;
  object-fit:contain;
  filter:drop-shadow(0 18px 20px rgba(7,27,66,.14));
}
.personaliser-name{
  position:absolute;
  left:50%;
  bottom:27px;
  z-index:3;
  min-width:138px;
  max-width:70%;
  padding:9px 16px 8px;
  transform:translateX(-50%);
  overflow:hidden;
  border:2px solid rgba(255,255,255,.25);
  border-radius:13px;
  background:#245c2a;
  color:#fff;
  box-shadow:0 8px 18px rgba(7,27,66,.22);
  font-size:22px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.personaliser-label{
  display:block;
  margin:2px 0 8px;
  color:var(--navy);
  font-size:13px;
  font-weight:900;
}
.personaliser-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
}
.personaliser-controls input{
  width:100%;
  min-height:52px;
  padding:12px 16px;
  border:1px solid #cbd5e3;
  border-radius:14px;
  color:var(--navy);
  font-size:18px;
  font-weight:850;
  text-transform:uppercase;
  outline:none;
}
.personaliser-controls input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(7,108,242,.12);
}
.personaliser small{
  display:block;
  margin-top:8px;
  color:#758198;
}
.buddy-product-stage{
  position:relative;
}
.buddy-nameplate{
  position:absolute;
  left:50%;
  bottom:24px;
  z-index:4;
  min-width:106px;
  max-width:76%;
  padding:7px 12px 6px;
  transform:translateX(-50%);
  overflow:hidden;
  border:2px solid rgba(255,255,255,.3);
  border-radius:11px;
  background:#171717;
  color:#fff;
  box-shadow:0 7px 16px rgba(7,27,66,.22);
  font-size:16px;
  font-weight:950;
  letter-spacing:.04em;
  line-height:1;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.buddy-nameplate--rex{background:#245c2a}
.buddy-personalised{
  display:flex;
  align-items:center;
  gap:8px;
  margin:2px 0 14px;
  color:var(--blue);
  font-size:13px;
}
.buddy-personalised span{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border-radius:9px;
  background:#e9f3ff;
}
.buddy-personalised svg{
  width:17px;
  height:17px;
}
.buddy-card{
  min-height:610px !important;
}
.buddy-product-stage{
  height:330px !important;
}
.buddy-product-stage .buddy-product{
  height:310px !important;
  max-width:95% !important;
}
.buddy-use{
  min-height:68px;
}
@media (max-width:1100px){
  .personalise-grid{grid-template-columns:1fr;gap:38px}
  .personalise-copy h2{max-width:15ch}
  .personaliser{max-width:700px;width:100%;margin-inline:auto}
}
@media (max-width:680px){
  .personaliser{padding:16px;border-radius:24px}
  .personaliser-tabs{grid-template-columns:1fr 1fr}
  .personaliser-preview{height:340px}
  .personaliser-preview img{height:320px}
  .personaliser-name{bottom:20px;min-width:112px;font-size:18px}
  .personaliser-controls{grid-template-columns:1fr}
  .personaliser-controls .btn{width:100%}
  .buddy-card{min-height:0 !important}
  .buddy-product-stage{height:300px !important}
  .buddy-product-stage .buddy-product{height:282px !important}
  .buddy-nameplate{bottom:20px}
}

.insynckids-personalisation-field{
  margin:24px 0;
  padding:22px;
  border:1px solid #cfe0f5;
  border-radius:20px;
  background:linear-gradient(145deg,#f2f8ff,#fff);
}
.insynckids-personalisation-heading{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  margin-bottom:18px;
}
.insynckids-personalisation-heading>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:var(--blue);
  color:#fff;
}
.insynckids-personalisation-heading strong,
.insynckids-personalisation-heading small{
  display:block;
}
.insynckids-personalisation-heading strong{
  color:var(--navy);
  font-size:18px;
}
.insynckids-personalisation-heading small{
  margin-top:2px;
  color:var(--muted);
}
.insynckids-personalisation-field label{
  display:block;
  margin-bottom:8px;
  color:var(--navy);
  font-weight:900;
}
.insynckids-personalisation-field input{
  width:100%;
  min-height:52px;
  padding:12px 15px;
  border:1px solid #bdcadb;
  border-radius:13px;
  background:#fff;
  color:var(--navy);
  font-size:18px;
  font-weight:850;
  text-transform:uppercase;
}
.insynckids-personalisation-field input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(7,108,242,.11);
  outline:none;
}
.insynckids-personalisation-field p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:12px;
}

.hero-personalised-card{
  position:absolute;
  right:22px;
  bottom:22px;
  display:grid;
  grid-template-columns:42px 1fr;
  gap:12px;
  align-items:center;
  max-width:260px;
  padding:15px 17px;
  border:1px solid rgba(7,27,66,.08);
  border-radius:18px;
  background:rgba(255,255,255,.95);
  box-shadow:0 16px 40px rgba(7,27,66,.17);
  backdrop-filter:blur(10px);
}
.hero-personalised-card>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:#e9f3ff;
  color:var(--blue);
}
.hero-personalised-card strong,
.hero-personalised-card small{
  display:block;
}
.hero-personalised-card strong{
  color:var(--navy);
  font-size:14px;
}
.hero-personalised-card small{
  margin-top:3px;
  color:var(--muted);
  font-size:11px;
  line-height:1.35;
}
@media (max-width:680px){
  .hero-personalised-card{right:12px;bottom:12px;max-width:225px;padding:12px}
  .hero-personalised-card>span{width:36px;height:36px}
}


/* Version 3.8.1: the child's name is written on the actual Buddy front panel */
.hero-personalised-card{display:none!important;}
.personaliser-preview{height:450px!important;align-items:center!important;justify-content:center!important;padding:16px!important;}
.personaliser-art,.buddy-art{position:relative;display:block;height:100%;width:auto;margin-inline:auto;}
.personaliser-art{height:420px;}
.personaliser-art--rex,.personaliser-art--leo,.personaliser-art--panda{aspect-ratio:450/1025;}
.personaliser-art--rocket{aspect-ratio:410/1025;}
.personaliser-art img,.buddy-art img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;filter:drop-shadow(0 18px 20px rgba(7,27,66,.14))!important;}
.personaliser-name,.buddy-nameplate{position:absolute!important;z-index:5!important;display:block!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-weight:950!important;letter-spacing:.025em!important;line-height:1!important;text-align:center!important;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 2px rgba(255,255,255,.28)!important;white-space:nowrap!important;overflow:visible!important;transform:translateX(-50%)!important;}
.personaliser-name{font-size:22px!important;}
.personaliser-art--rex .personaliser-name{left:45.5%!important;bottom:13.9%!important;width:57%!important;}
.personaliser-art--leo .personaliser-name{left:46.5%!important;bottom:13.9%!important;width:56%!important;}
.personaliser-art--rocket .personaliser-name{left:36.5%!important;bottom:13.8%!important;width:63%!important;}
.personaliser-art--panda .personaliser-name{left:48.8%!important;bottom:11.8%!important;width:61%!important;}
.buddy-product-stage{height:340px!important;overflow:visible!important;}
.buddy-art{height:325px;}
.buddy-art--rex,.buddy-art--leo,.buddy-art--panda{aspect-ratio:450/1025;}
.buddy-art--rocket{aspect-ratio:410/1025;}
.buddy-nameplate{font-size:16px!important;}
.buddy-art--rex .buddy-nameplate{left:45.5%!important;bottom:13.9%!important;width:57%!important;}
.buddy-art--leo .buddy-nameplate{left:46.5%!important;bottom:13.9%!important;width:56%!important;}
.buddy-art--rocket .buddy-nameplate{left:36.5%!important;bottom:13.8%!important;width:63%!important;}
.buddy-art--panda .buddy-nameplate{left:48.8%!important;bottom:11.8%!important;width:61%!important;}
.buddy-product-stage .buddy-product{height:100%!important;width:100%!important;}
@media(max-width:680px){.personaliser-preview{height:385px!important}.personaliser-art{height:355px}.personaliser-name{font-size:19px!important}.buddy-product-stage{height:310px!important}.buddy-art{height:295px}.buddy-nameplate{font-size:15px!important}}

/* Product page live preview uses the same physical name panel */
.insynckids-product-preview{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:330px;
  margin:18px 0 22px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(145deg,#f4f8fd,#fff);
}
.product-buddy-art{
  position:relative;
  display:block;
  height:310px;
  width:auto;
}
.product-buddy-art--rex,
.product-buddy-art--leo,
.product-buddy-art--panda{aspect-ratio:450/1025;}
.product-buddy-art--rocket{aspect-ratio:410/1025;}
.product-buddy-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 14px 16px rgba(7,27,66,.13));
}
.product-buddy-art [data-product-name-preview]{
  position:absolute;
  z-index:5;
  display:block;
  padding:0;
  color:#fff;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:18px;
  font-weight:950;
  letter-spacing:.025em;
  line-height:1;
  text-align:center;
  text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 2px rgba(255,255,255,.28);
  white-space:nowrap;
  transform:translateX(-50%);
}
.product-buddy-art--rex [data-product-name-preview]{left:45.5%;bottom:13.9%;width:57%;}
.product-buddy-art--leo [data-product-name-preview]{left:46.5%;bottom:13.9%;width:56%;}
.product-buddy-art--rocket [data-product-name-preview]{left:36.5%;bottom:13.8%;width:63%;}
.product-buddy-art--panda [data-product-name-preview]{left:50%;bottom:11.8%;width:78%;}
@media(max-width:680px){
  .insynckids-product-preview{min-height:290px;}
  .product-buddy-art{height:270px;}
  .product-buddy-art [data-product-name-preview]{font-size:16px;}
}
.personaliser-art--panda .personaliser-name{left:50%!important;width:78%!important;}
.buddy-art--panda .buddy-nameplate{left:50%!important;width:78%!important;}


/* Version 3.9.0 approved personalised Buddy homepage */
:root{
  --max:1500px;
  --navy:#081a3d;
  --blue:#0869ec;
  --blue-dark:#0756c5;
  --muted:#536177;
  --line:#e3e9f2;
  --soft-blue:#f3f7ff;
  --soft-green:#f3faef;
  --soft-gold:#fff8e9;
  --soft-lilac:#f7f3fb;
}
.container{width:min(calc(100% - 64px),var(--max));}
.section{padding:92px 0;}
.section-kicker{display:block;margin-bottom:10px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;}
.section-heading--compact{max-width:800px;margin-bottom:38px;}
.section-heading--compact h2{margin-bottom:12px;font-size:clamp(42px,4.2vw,62px);}
.section-heading--compact p{margin:0;color:var(--muted);font-size:18px;line-height:1.65;}

/* Header aligned with the approved layout */
.site-header{background:rgba(255,255,255,.97);box-shadow:0 8px 30px rgba(7,27,66,.04);}
.header-inner{height:84px;gap:24px;}
.wordmark{font-size:clamp(28px,2.5vw,38px);}
.primary-nav ul{gap:31px;}
.primary-nav a{font-size:14px;font-weight:780;}
.header-actions .btn{display:none;}
.icon-link{border:0;background:transparent;width:40px;height:40px;}

/* Hero */
.home-hero{display:grid;grid-template-columns:minmax(420px,47%) minmax(0,53%);min-height:650px;background:#fff;}
.home-hero__copy{display:flex;align-items:center;padding:64px 5vw 66px max(32px,calc((100vw - var(--max))/2));background:linear-gradient(90deg,#fff 0%,#fff 78%,rgba(255,255,255,.92) 100%);}
.home-hero__copy-inner{max-width:610px;}
.home-hero h1{max-width:10ch;margin:0 0 20px;font-size:clamp(54px,5.25vw,82px);line-height:.98;letter-spacing:-.05em;}
.home-hero__strapline{margin:0 0 18px;color:var(--blue);font-size:clamp(21px,2vw,30px);font-weight:900;line-height:1.2;letter-spacing:-.025em;}
.home-hero__text{max-width:560px;margin:0 0 28px;color:#263650;font-size:clamp(17px,1.5vw,21px);line-height:1.62;}
.home-hero__actions{display:flex;flex-wrap:wrap;gap:15px;}
.home-hero__actions .btn{min-width:184px;min-height:58px;border-radius:13px;}
.btn-play{display:grid;width:25px;height:25px;place-items:center;border:2px solid var(--blue);border-radius:50%;color:var(--blue);}
.btn-play svg{width:13px;height:13px;}
.home-hero__truth{display:flex;align-items:flex-start;gap:8px;margin:22px 0 0;color:#617087;font-size:12px;line-height:1.45;}
.home-hero__truth svg{flex:0 0 18px;color:var(--green);}
.home-hero__image{min-height:650px;overflow:hidden;background:#edf4fb;}
.home-hero__image img{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center center;}

/* Live name studio */
.name-studio{position:relative;z-index:5;margin-top:0;padding:0 0 36px;background:#fff;}
.name-studio__inner{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(400px,1.22fr);align-items:center;min-height:365px;overflow:hidden;border:1px solid #e2eaf6;border-radius:28px;background:linear-gradient(115deg,#f6f9ff 0%,#fff 54%,#f4f8ff 100%);box-shadow:0 22px 55px rgba(7,27,66,.08);}
.name-studio__copy{padding:42px 30px 42px 70px;}
.name-studio__copy h2{margin:0 0 7px;font-size:clamp(38px,3.6vw,54px);}
.name-studio__copy>p{margin:0 0 24px;color:var(--muted);font-size:17px;}
.name-studio__label{display:block;margin-bottom:7px;color:var(--navy);font-size:13px;font-weight:900;}
.name-studio__input-wrap{display:grid;grid-template-columns:42px 1fr;align-items:center;max-width:390px;overflow:hidden;border:1px solid #d4ddea;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(7,27,66,.06);}
.name-studio__input-wrap>span{display:grid;height:58px;place-items:center;color:#8794a7;}
.name-studio__input-wrap input{width:100%;height:58px;padding:0 16px 0 0;border:0;outline:0;background:transparent;color:var(--navy);font-size:18px;font-weight:850;text-transform:uppercase;}
.name-studio__copy small{display:block;max-width:410px;margin:10px 0 0;color:#69758a;font-size:12px;line-height:1.45;}
.name-studio__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;}
.name-studio__tabs button{min-width:72px;padding:8px 12px;border:1px solid #d9e2ef;border-radius:10px;background:#fff;color:var(--navy);font-size:12px;font-weight:900;cursor:pointer;}
.name-studio__tabs button.is-active{border-color:var(--blue);background:#eaf3ff;color:var(--blue);}
.name-studio__link{display:inline-flex;align-items:center;gap:8px;margin-top:17px;color:var(--blue);font-size:14px;font-weight:900;text-decoration:none;}
.name-studio__preview{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;height:365px!important;padding:18px!important;overflow:visible!important;background:radial-gradient(circle at 50% 48%,rgba(8,105,236,.09),rgba(8,105,236,0) 58%);}
.personaliser-art{position:relative!important;width:auto!important;height:338px!important;aspect-ratio:800/1050!important;margin:0!important;}
.personaliser-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;}
.personaliser-name{left:50%!important;bottom:7.5%!important;width:54%!important;color:#fff!important;font-size:22px!important;font-weight:950!important;letter-spacing:.015em!important;text-shadow:0 2px 2px rgba(0,0,0,.32)!important;}

/* Buddy cards */
.buddy-showcase{padding-top:70px;}
.buddy-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}
.buddy-card{min-height:650px!important;padding:25px 24px 24px!important;border-color:#e0e6ef!important;border-radius:24px!important;box-shadow:0 14px 35px rgba(7,27,66,.07)!important;}
.buddy-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(7,27,66,.11)!important;}
.buddy-card--rex{background:linear-gradient(160deg,#f2faef 0%,#fff 56%);}
.buddy-card--leo{background:linear-gradient(160deg,#fff7e8 0%,#fff 56%);}
.buddy-card--rocket{background:linear-gradient(160deg,#eef5ff 0%,#fff 56%);}
.buddy-card--panda{background:linear-gradient(160deg,#f7f3fb 0%,#fff 56%);}
.buddy-name{font-size:31px!important;letter-spacing:-.035em;}
.buddy-type{font-size:14px;}
.buddy-product-stage{height:355px!important;margin:5px auto 10px!important;overflow:visible!important;}
.buddy-art{position:relative!important;width:auto!important;height:345px!important;aspect-ratio:800/1050!important;margin:auto!important;}
.buddy-art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;}
.buddy-nameplate{left:50%!important;bottom:7.5%!important;width:54%!important;color:#fff!important;font-size:17px!important;font-weight:950!important;letter-spacing:.012em!important;text-shadow:0 2px 2px rgba(0,0,0,.32)!important;}
.buddy-personalised{margin:0 0 11px!important;color:var(--blue)!important;font-size:13px!important;}
.buddy-personalised span{background:#eaf3ff!important;}
.buddy-use{min-height:65px!important;margin-bottom:15px!important;font-size:13px!important;line-height:1.45!important;}
.palette{margin-bottom:18px!important;}
.buddy-card .btn{width:auto;align-self:flex-start;min-width:132px;}

/* Truth strip */
.product-truth-strip{padding:0 0 54px;background:#fff;}
.product-truth-strip__grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #e3e9f2;border-radius:22px;background:#f8faff;box-shadow:0 12px 28px rgba(7,27,66,.05);}
.product-truth-strip article{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;min-height:108px;padding:19px 22px;border-right:1px solid #e3e9f2;}
.product-truth-strip article:last-child{border-right:0;}
.product-truth-strip article>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:#fff;color:var(--blue);box-shadow:0 7px 16px rgba(7,27,66,.06);}
.product-truth-strip strong{display:block;margin-bottom:3px;font-size:14px;}
.product-truth-strip p{margin:0;color:var(--muted);font-size:12px;line-height:1.4;}

/* What Buddy does */
.what-buddy-does{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);}
.action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto;}
.action-card{position:relative;min-height:300px;padding:34px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow-soft);}
.action-card--blue{background:linear-gradient(145deg,#eef6ff,#fff);}
.action-card--gold{background:linear-gradient(145deg,#fff7e4,#fff);}
.action-card--green{background:linear-gradient(145deg,#eff9ee,#fff);}
.action-card__number{position:absolute;top:22px;right:24px;color:rgba(7,27,66,.14);font-size:54px;font-weight:950;line-height:1;}
.action-card__icon{display:grid;width:58px;height:58px;margin-bottom:25px;place-items:center;border-radius:18px;background:var(--blue);color:#fff;}
.action-card--gold .action-card__icon{background:#f0a317;}
.action-card--green .action-card__icon{background:#3a9a43;}
.action-card h3{margin-bottom:10px;font-size:27px;}
.action-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.65;}

/* Setup */
.setup-section__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.86fr);gap:70px;align-items:center;}
.setup-section h2{max-width:12ch;}
.setup-steps{display:grid;gap:13px;margin:28px 0 30px;}
.setup-steps article{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:start;}
.setup-steps article>span{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:var(--blue);color:#fff;font-size:13px;font-weight:950;}
.setup-steps strong{display:block;margin-bottom:2px;font-size:16px;}
.setup-steps p{margin:0;color:var(--muted);font-size:14px;}
.setup-section__visual{position:relative;min-height:630px;border:1px solid #dce6f3;border-radius:32px;background:radial-gradient(circle at 50% 48%,#fff 0%,#eef5ff 67%,#e8f1ff 100%);box-shadow:var(--shadow);}
.setup-buddy{position:absolute;left:50%;top:50%;width:390px;transform:translate(-50%,-50%);}
.setup-buddy img{width:100%;}
.setup-buddy span{position:absolute;left:50%;bottom:7.6%;width:54%;transform:translateX(-50%);color:#fff;font-size:24px;font-weight:950;text-align:center;text-shadow:0 2px 2px rgba(0,0,0,.3);}
.setup-info-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid rgba(7,27,66,.08);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 12px 28px rgba(7,27,66,.11);font-size:13px;}
.setup-info-card svg{color:var(--blue);}
.setup-info-card--one{left:24px;top:65px;}
.setup-info-card--two{right:20px;top:170px;}
.setup-info-card--three{left:40px;bottom:58px;}

/* Parent account */
.parent-app-section{background:#fff;}
.parent-app-section__grid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(0,1fr);gap:80px;align-items:center;}
.app-demo--compact{min-height:630px!important;max-width:570px;margin:auto;}
.app-demo--compact .app-device--main{left:50%!important;top:30px!important;width:330px!important;height:600px!important;transform:translateX(-50%)!important;}
.feature-checks{display:grid;gap:11px;margin:27px 0 31px;padding:0;list-style:none;}
.feature-checks li{display:flex;gap:11px;color:#34435a;}
.feature-checks li:before{content:"✓";display:grid;flex:0 0 24px;width:24px;height:24px;place-items:center;border-radius:8px;background:#e9f6e8;color:#2f9637;font-weight:950;}

/* Final call to action */
.home-final-cta{padding:24px 0 85px;background:#fff;}
.home-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:46px 52px;border-radius:28px;background:linear-gradient(135deg,#071b42 0%,#0d3f8d 100%);color:#fff;box-shadow:0 22px 48px rgba(7,27,66,.2);}
.home-final-cta h2{max-width:820px;margin-bottom:10px;color:#fff;font-size:clamp(36px,4vw,55px);}
.home-final-cta p{margin:0;color:#d9e6fb;font-size:17px;}
.home-final-cta .section-kicker{color:#8fc3ff;}
.home-final-cta .btn{flex:0 0 auto;background:#fff;color:var(--blue);box-shadow:none;}

/* Product page preview uses the same approved front artwork */
.insynckids-product-preview{min-height:440px!important;}
.product-buddy-art{height:410px!important;aspect-ratio:800/1050!important;}
.product-buddy-art img{object-fit:contain!important;}
.product-buddy-art [data-product-name-preview]{left:50%!important;bottom:7.5%!important;width:54%!important;font-size:21px!important;}

@media(max-width:1180px){
  .primary-nav ul{gap:18px;}
  .home-hero{grid-template-columns:1fr 1fr;}
  .home-hero__copy{padding-left:38px;padding-right:28px;}
  .buddy-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-truth-strip__grid{grid-template-columns:repeat(2,1fr);}
  .product-truth-strip article:nth-child(2){border-right:0;}
  .product-truth-strip article:nth-child(-n+2){border-bottom:1px solid #e3e9f2;}
  .setup-section__grid,.parent-app-section__grid{grid-template-columns:1fr;gap:48px;}
  .setup-section__visual{max-width:720px;width:100%;margin:auto;}
}
@media(max-width:900px){
  .container{width:min(calc(100% - 36px),var(--max));}
  .home-hero{grid-template-columns:1fr;}
  .home-hero__copy{padding:60px 26px 42px;}
  .home-hero__copy-inner{max-width:720px;margin:auto;}
  .home-hero__image{min-height:560px;}
  .home-hero__image img{min-height:560px;object-position:center center;}
  .name-studio__inner{grid-template-columns:1fr;}
  .name-studio__copy{padding:38px 32px 22px;}
  .name-studio__preview{height:360px!important;}
  .action-cards{grid-template-columns:1fr;}
  .action-card{min-height:0;}
  .home-final-cta__inner{display:grid;}
}
@media(max-width:680px){
  .section{padding:68px 0;}
  .header-inner{height:72px;}
  .home-hero h1{font-size:clamp(46px,14vw,64px);}
  .home-hero__strapline{font-size:22px;}
  .home-hero__text{font-size:17px;}
  .home-hero__actions .btn{width:100%;}
  .home-hero__image{min-height:430px;}
  .home-hero__image img{min-height:430px;object-position:56% center;}
  .name-studio{padding-bottom:24px;}
  .name-studio__inner{border-radius:22px;}
  .name-studio__copy{padding:30px 22px 16px;}
  .name-studio__preview{height:330px!important;}
  .personaliser-art{height:310px!important;}
  .name-studio__tabs{display:grid;grid-template-columns:1fr 1fr;}
  .buddy-grid{grid-template-columns:1fr;}
  .buddy-card{min-height:0!important;}
  .buddy-product-stage{height:330px!important;}
  .buddy-art{height:320px!important;}
  .product-truth-strip__grid{grid-template-columns:1fr;}
  .product-truth-strip article{border-right:0;border-bottom:1px solid #e3e9f2;}
  .product-truth-strip article:last-child{border-bottom:0;}
  .setup-section__visual{min-height:530px;}
  .setup-buddy{width:300px;}
  .setup-info-card{font-size:11px;padding:10px 12px;}
  .setup-info-card--one{left:10px;top:30px;}
  .setup-info-card--two{right:10px;top:130px;}
  .setup-info-card--three{left:12px;bottom:28px;}
  .app-demo--compact{min-height:580px!important;}
  .app-demo--compact .app-device--main{width:290px!important;height:540px!important;}
  .home-final-cta__inner{padding:34px 25px;}
  .home-final-cta .btn{width:100%;}
  .product-buddy-art{height:330px!important;}
  .insynckids-product-preview{min-height:360px!important;}
}

/* Uniform placement for the approved front facing artwork */
.personaliser-art--rex,
.personaliser-art--leo,
.personaliser-art--rocket,
.personaliser-art--panda,
.buddy-art--rex,
.buddy-art--leo,
.buddy-art--rocket,
.buddy-art--panda,
.product-buddy-art--rex,
.product-buddy-art--leo,
.product-buddy-art--rocket,
.product-buddy-art--panda{aspect-ratio:800/1050!important;}
.personaliser-art--rex .personaliser-name,
.personaliser-art--leo .personaliser-name,
.personaliser-art--rocket .personaliser-name,
.personaliser-art--panda .personaliser-name,
.buddy-art--rex .buddy-nameplate,
.buddy-art--leo .buddy-nameplate,
.buddy-art--rocket .buddy-nameplate,
.buddy-art--panda .buddy-nameplate,
.product-buddy-art--rex [data-product-name-preview],
.product-buddy-art--leo [data-product-name-preview],
.product-buddy-art--rocket [data-product-name-preview],
.product-buddy-art--panda [data-product-name-preview]{left:50%!important;bottom:7.5%!important;width:54%!important;}

/* v4.0 integration refresh */
.name-studio__inner{grid-template-columns:minmax(320px,.88fr) minmax(360px,1.12fr)!important;min-height:350px!important}
.name-studio__copy{padding:40px 34px 40px 58px!important}
.name-studio__copy h2{font-size:clamp(36px,3.3vw,52px)!important;line-height:1.02!important}
.name-studio__copy>p{max-width:420px!important}
.name-studio__input-wrap{max-width:360px!important}
.name-studio__preview{height:350px!important;padding:22px!important;background:radial-gradient(circle at 50% 48%,rgba(8,105,236,.08),rgba(8,105,236,0) 62%)!important}
.personaliser-art{height:285px!important;aspect-ratio:auto!important}
.personaliser-art img{position:relative!important;width:auto!important;height:100%!important;display:block!important;margin:0 auto!important;object-fit:contain!important;filter:none!important}
.personaliser-name{left:50%!important;bottom:10.5%!important;width:auto!important;min-width:140px!important;padding:8px 18px!important;border-radius:18px!important;background:linear-gradient(180deg,#59b733 0%,#338d1f 100%)!important;box-shadow:0 6px 16px rgba(0,0,0,.16)!important;color:#fff!important;font-size:19px!important;font-weight:950!important;letter-spacing:.02em!important;text-transform:uppercase!important;text-shadow:none!important}
.personaliser-preview--leo .personaliser-name{background:linear-gradient(180deg,#ffbf2f 0%,#ed9500 100%)!important}
.personaliser-preview--rocket .personaliser-name{background:linear-gradient(180deg,#2b7cff 0%,#1656d9 100%)!important}
.personaliser-preview--panda .personaliser-name{background:linear-gradient(180deg,#a56cf4 0%,#7c4fcb 100%)!important}
.buddy-product-stage{display:flex!important;align-items:center!important;justify-content:center!important;height:238px!important;margin:8px 0 10px!important;background:none!important}
.buddy-product-stage::before{display:none!important}
.buddy-art{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;height:228px!important;width:100%!important}
.buddy-product{position:relative!important;inset:auto!important;width:auto!important;height:100%!important;max-width:100%!important;object-fit:contain!important;filter:none!important}
.buddy-nameplate{display:none!important}
.buddy-card{min-height:0!important;padding:24px!important}
.buddy-personalised{margin-top:6px!important}
.setup-section__visual--image{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px!important;border:1px solid #e2eaf6;border-radius:30px;background:linear-gradient(115deg,#f6f9ff 0%,#fff 54%,#f4f8ff 100%);box-shadow:0 22px 55px rgba(7,27,66,.08)}
.setup-section__visual--image img{display:block;width:100%;max-width:540px;height:auto}
@media (max-width:980px){
  .name-studio__inner{grid-template-columns:1fr!important}
  .name-studio__copy{padding:34px 26px 18px!important}
  .name-studio__preview{height:320px!important}
}
@media (max-width:680px){
  .name-studio__copy{padding:28px 20px 14px!important}
  .name-studio__copy h2{font-size:clamp(34px,9vw,42px)!important}
  .name-studio__preview{height:300px!important}
  .personaliser-art{height:250px!important}
  .personaliser-name{min-width:118px!important;padding:7px 14px!important;font-size:17px!important}
  .buddy-product-stage{height:210px!important}
  .buddy-art{height:200px!important}
}

/* v4.2.0 real interactive wide homepage */
:root{--max:1740px;}
.name-studio{padding:46px 0 40px!important;background:#fff!important;}
.name-studio>.container,
.buddy-showcase>.container,
.setup-section>.container{width:min(calc(100% - 48px),1740px)!important;}
.name-studio__inner{
  display:grid!important;
  grid-template-columns:minmax(420px,.92fr) minmax(560px,1.08fr)!important;
  min-height:520px!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #dfe8f5!important;
  border-radius:32px!important;
  background:linear-gradient(118deg,#f7faff 0%,#fff 50%,#f3f8ff 100%)!important;
  box-shadow:0 24px 60px rgba(7,27,66,.09)!important;
}
.name-studio__copy{padding:58px 54px 58px 72px!important;}
.name-studio__copy h2{font-size:clamp(46px,4vw,66px)!important;line-height:1!important;margin-bottom:12px!important;}
.name-studio__copy>p{max-width:520px!important;font-size:19px!important;margin-bottom:28px!important;}
.name-studio__input-wrap{max-width:480px!important;border-radius:14px!important;}
.name-studio__input-wrap input{height:64px!important;font-size:21px!important;}
.name-studio__input-wrap>span{height:64px!important;}
.name-studio__tabs{gap:10px!important;margin-top:22px!important;}
.name-studio__tabs button{min-width:88px!important;padding:11px 16px!important;font-size:13px!important;}
.name-studio__link{margin-top:22px!important;font-size:16px!important;}
.name-studio__preview{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:520px!important;
  padding:28px!important;
  overflow:visible!important;
  background:radial-gradient(circle at 50% 48%,rgba(40,119,236,.10),rgba(40,119,236,0) 62%)!important;
}
.personaliser-art{
  position:relative!important;
  width:auto!important;
  height:480px!important;
  aspect-ratio:800/1050!important;
  margin:0 auto!important;
}
.personaliser-art img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 18px rgba(7,27,66,.12))!important;
}
.personaliser-name{
  position:absolute!important;
  left:50%!important;
  bottom:5.7%!important;
  z-index:5!important;
  width:48%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:29px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.30)!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.buddy-showcase{padding:72px 0 78px!important;}
.buddy-showcase .section-heading{max-width:920px!important;margin-bottom:42px!important;}
.buddy-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;}
.buddy-card{
  min-height:650px!important;
  padding:28px!important;
  border-radius:28px!important;
  box-shadow:0 16px 38px rgba(7,27,66,.08)!important;
}
.buddy-card .buddy-name{font-size:31px!important;}
.buddy-product-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:365px!important;
  margin:8px 0 12px!important;
  overflow:visible!important;
  background:none!important;
}
.buddy-product-stage::before,.buddy-product-stage::after{display:none!important;}
.buddy-art{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:355px!important;
  aspect-ratio:800/1050!important;
  margin:0 auto!important;
}
.buddy-art .buddy-product{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 16px rgba(7,27,66,.11))!important;
}
.buddy-nameplate{
  position:absolute!important;
  left:50%!important;
  bottom:5.7%!important;
  z-index:5!important;
  display:block!important;
  width:48%!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.3)!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
}
.buddy-personalised{margin-top:4px!important;}
.buddy-use{min-height:72px!important;}
.setup-section{padding:84px 0!important;}
.setup-section__grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(620px,.95fr)!important;
  gap:74px!important;
  align-items:center!important;
}
.setup-section__visual{
  position:relative!important;
  min-height:680px!important;
  border:1px solid #dce6f3!important;
  border-radius:32px!important;
  background:radial-gradient(circle at 50% 48%,#fff 0%,#eef5ff 67%,#e8f1ff 100%)!important;
  box-shadow:0 22px 50px rgba(7,27,66,.10)!important;
}
.setup-buddy{position:absolute!important;left:50%!important;top:50%!important;width:auto!important;transform:translate(-50%,-50%)!important;}
.setup-buddy__art{position:relative!important;width:auto!important;height:600px!important;aspect-ratio:800/1050!important;}
.setup-buddy__art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;}
.setup-buddy__art span{
  position:absolute!important;
  left:50%!important;
  bottom:5.7%!important;
  width:48%!important;
  color:#fff!important;
  font-size:32px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.30)!important;
  transform:translateX(-50%)!important;
}
.setup-info-card{font-size:15px!important;padding:16px 20px!important;border-radius:18px!important;}
.setup-info-card--one{left:32px!important;top:64px!important;}
.setup-info-card--two{right:28px!important;top:180px!important;}
.setup-info-card--three{left:44px!important;bottom:64px!important;}
@media(max-width:1250px){
  .name-studio__inner{grid-template-columns:1fr 1fr!important;}
  .name-studio__copy{padding:48px 38px!important;}
  .buddy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .setup-section__grid{grid-template-columns:1fr!important;gap:48px!important;}
  .setup-section__visual{max-width:860px!important;width:100%!important;margin-inline:auto!important;}
}
@media(max-width:900px){
  .name-studio>.container,.buddy-showcase>.container,.setup-section>.container{width:min(calc(100% - 28px),100%)!important;}
  .name-studio__inner{grid-template-columns:1fr!important;}
  .name-studio__preview{height:430px!important;}
  .personaliser-art{height:400px!important;}
  .buddy-card{min-height:0!important;}
}
@media(max-width:680px){
  .name-studio{padding-top:24px!important;}
  .name-studio__copy{padding:30px 22px 18px!important;}
  .name-studio__copy h2{font-size:clamp(38px,11vw,50px)!important;}
  .name-studio__preview{height:360px!important;}
  .personaliser-art{height:330px!important;}
  .personaliser-name{font-size:22px!important;}
  .buddy-grid{grid-template-columns:1fr!important;}
  .buddy-product-stage{height:330px!important;}
  .buddy-art{height:320px!important;}
  .buddy-nameplate{font-size:19px!important;}
  .setup-section__visual{min-height:540px!important;}
  .setup-buddy__art{height:460px!important;}
  .setup-buddy__art span{font-size:24px!important;}
  .setup-info-card{font-size:11px!important;padding:10px 12px!important;}
  .setup-info-card--one{left:10px!important;top:24px!important;}
  .setup-info-card--two{right:10px!important;top:120px!important;}
  .setup-info-card--three{left:10px!important;bottom:24px!important;}
}

/* v4.2.2 controlled Buddy alignment repair */
.name-studio>.container,
.buddy-showcase>.container,
.setup-section>.container{
  width:min(calc(100% - 56px),1660px)!important;
}

.name-studio{
  padding:42px 0 38px!important;
}
.name-studio__inner{
  grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr)!important;
  min-height:500px!important;
  border-radius:30px!important;
}
.name-studio__copy{
  padding:52px 52px 52px 64px!important;
}
.name-studio__copy h2{
  font-size:clamp(44px,3.8vw,66px)!important;
}
.name-studio__preview{
  height:500px!important;
  padding:28px 34px!important;
  overflow:hidden!important;
}
.personaliser-art{
  position:relative!important;
  display:block!important;
  width:min(330px,72%)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
}
.personaliser-art img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 18px rgba(7,27,66,.12))!important;
}
.personaliser-name{
  left:50%!important;
  bottom:6.1%!important;
  width:58%!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.34)!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

.buddy-showcase{
  padding:64px 0 72px!important;
}
.buddy-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.buddy-card{
  min-height:590px!important;
  padding:24px 24px 22px!important;
  border-radius:26px!important;
}
.buddy-card .buddy-name{
  font-size:29px!important;
  margin-bottom:5px!important;
}
.buddy-type{
  font-size:16px!important;
}
.buddy-product-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:300px!important;
  margin:8px 0 14px!important;
  overflow:hidden!important;
  background:none!important;
}
.buddy-product-stage::before,
.buddy-product-stage::after{
  display:none!important;
}
.buddy-art{
  position:relative!important;
  display:block!important;
  width:min(215px,78%)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
}
.buddy-art .buddy-product{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 15px rgba(7,27,66,.11))!important;
}
.buddy-nameplate{
  left:50%!important;
  bottom:6.1%!important;
  width:58%!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.34)!important;
  transform:translateX(-50%)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.buddy-personalised{
  margin-top:2px!important;
}
.buddy-use{
  min-height:64px!important;
}

.setup-section{
  padding:72px 0!important;
}
.setup-section__grid{
  grid-template-columns:minmax(430px,.95fr) minmax(500px,1.05fr)!important;
  gap:54px!important;
  align-items:center!important;
}
.setup-section__visual{
  min-height:600px!important;
  overflow:hidden!important;
}
.setup-buddy{
  left:50%!important;
  top:51%!important;
  transform:translate(-50%,-50%)!important;
}
.setup-buddy__art{
  position:relative!important;
  display:block!important;
  width:min(400px,76%)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
}
.setup-buddy__art img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 16px 20px rgba(7,27,66,.12))!important;
}
.setup-buddy__art span{
  left:50%!important;
  bottom:6.1%!important;
  width:58%!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.34)!important;
  transform:translateX(-50%)!important;
}
.setup-info-card{
  z-index:4!important;
}
.setup-info-card--one{
  left:34px!important;
  top:48px!important;
}
.setup-info-card--two{
  right:28px!important;
  top:158px!important;
}
.setup-info-card--three{
  left:34px!important;
  bottom:46px!important;
}

@media(max-width:1180px){
  .name-studio__inner{
    grid-template-columns:1fr!important;
  }
  .name-studio__copy{
    padding:42px 34px 20px!important;
  }
  .name-studio__preview{
    height:430px!important;
  }
  .personaliser-art{
    width:min(290px,70%)!important;
  }
  .buddy-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .setup-section__grid{
    grid-template-columns:1fr!important;
  }
  .setup-section__visual{
    width:100%!important;
    max-width:820px!important;
    margin-inline:auto!important;
  }
}
@media(max-width:700px){
  .name-studio>.container,
  .buddy-showcase>.container,
  .setup-section>.container{
    width:min(calc(100% - 24px),100%)!important;
  }
  .name-studio__copy{
    padding:28px 20px 14px!important;
  }
  .name-studio__copy h2{
    font-size:clamp(38px,10vw,50px)!important;
  }
  .name-studio__preview{
    height:340px!important;
    padding:18px!important;
  }
  .personaliser-art{
    width:min(230px,76%)!important;
  }
  .personaliser-name{
    font-size:18px!important;
  }
  .buddy-grid{
    grid-template-columns:1fr!important;
  }
  .buddy-card{
    min-height:0!important;
  }
  .buddy-product-stage{
    height:280px!important;
  }
  .buddy-art{
    width:min(205px,72%)!important;
  }
  .setup-section__visual{
    min-height:500px!important;
  }
  .setup-buddy__art{
    width:min(300px,74%)!important;
  }
  .setup-info-card{
    font-size:11px!important;
    padding:10px 12px!important;
  }
  .setup-info-card--one{left:10px!important;top:20px!important;}
  .setup-info-card--two{right:10px!important;top:100px!important;}
  .setup-info-card--three{left:10px!important;bottom:20px!important;}
}


/* v4.2.3 precise scale correction */
.name-studio__preview{
  height:500px!important;
  min-height:500px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.personaliser-art{
  width:250px!important;
  max-width:250px!important;
  margin:0 auto!important;
}
.personaliser-art img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.personaliser-name{
  bottom:6.2%!important;
  width:58%!important;
  font-size:21px!important;
}

.buddy-product-stage{
  height:300px!important;
  min-height:300px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.buddy-art{
  width:178px!important;
  max-width:178px!important;
  margin:0 auto!important;
}
.buddy-art .buddy-product{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.buddy-nameplate{
  bottom:6.2%!important;
  width:58%!important;
  font-size:16px!important;
}

.setup-section__visual{
  min-height:600px!important;
  overflow:hidden!important;
}
.setup-buddy__art{
  width:320px!important;
  max-width:320px!important;
  margin:0 auto!important;
}
.setup-buddy__art img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}
.setup-buddy__art span{
  bottom:6.2%!important;
  width:58%!important;
  font-size:21px!important;
}

@media(max-width:1180px){
  .name-studio__preview{height:420px!important;min-height:420px!important;}
  .personaliser-art{width:220px!important;max-width:220px!important;}
  .setup-buddy__art{width:290px!important;max-width:290px!important;}
}
@media(max-width:700px){
  .name-studio__preview{height:330px!important;min-height:330px!important;}
  .personaliser-art{width:175px!important;max-width:175px!important;}
  .personaliser-name{font-size:16px!important;}
  .buddy-product-stage{height:270px!important;min-height:270px!important;}
  .buddy-art{width:160px!important;max-width:160px!important;}
  .setup-buddy__art{width:235px!important;max-width:235px!important;}
}

/* Version 4.3.0 professional Buddy integration */
.home-hero{
  grid-template-columns:minmax(430px,48%) minmax(0,52%)!important;
  min-height:560px!important;
  max-height:620px!important;
}
.home-hero__copy{padding-top:48px!important;padding-bottom:48px!important;}
.home-hero h1{font-size:clamp(48px,4.7vw,72px)!important;max-width:10.5ch!important;}
.home-hero__image{min-height:560px!important;max-height:620px!important;}
.home-hero__image img{
  min-height:560px!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center 44%!important;
}

.name-studio{padding:54px 0 46px!important;background:#fff!important;}
.name-studio>.container,
.buddy-showcase>.container,
.setup-section>.container{width:min(calc(100% - 64px),1640px)!important;}
.name-studio__inner{
  display:grid!important;
  grid-template-columns:minmax(420px,.95fr) minmax(440px,1.05fr)!important;
  min-height:510px!important;
  border:1px solid #dce6f3!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(115deg,#f8fbff 0%,#fff 52%,#f0f6ff 100%)!important;
  box-shadow:0 20px 50px rgba(7,27,66,.08)!important;
}
.name-studio__copy{padding:54px 52px 54px 64px!important;}
.name-studio__copy h2{font-size:clamp(44px,3.7vw,64px)!important;line-height:1!important;margin-bottom:12px!important;}
.name-studio__copy>p{max-width:540px!important;font-size:18px!important;margin-bottom:26px!important;}
.name-studio__input-wrap{max-width:480px!important;border-radius:14px!important;}
.name-studio__input-wrap input{height:62px!important;font-size:20px!important;}
.name-studio__input-wrap>span{height:62px!important;}
.name-studio__tabs{gap:10px!important;margin-top:21px!important;}
.name-studio__tabs button{min-width:84px!important;padding:10px 14px!important;font-size:13px!important;}
.name-studio__link{margin-top:20px!important;font-size:15px!important;}
.name-studio__preview{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:510px!important;
  padding:30px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 46%,rgba(7,108,242,.08),rgba(7,108,242,0) 66%)!important;
}
.personaliser-art{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:430px!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
}
.personaliser-art img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 24px rgba(7,27,66,.12))!important;
}
.personaliser-name{
  position:absolute!important;
  left:50%!important;
  bottom:6.45%!important;
  z-index:5!important;
  width:72%!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:25px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.28)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}

.buddy-showcase{padding:76px 0 74px!important;}
.buddy-showcase .section-heading{max-width:900px!important;margin-bottom:36px!important;}
.buddy-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important;align-items:stretch!important;}
.buddy-card{
  min-height:560px!important;
  padding:26px 26px 24px!important;
  border-radius:26px!important;
  overflow:hidden!important;
}
.buddy-card .buddy-name{font-size:30px!important;line-height:1!important;margin-bottom:5px!important;}
.buddy-card .buddy-type{font-size:16px!important;}
.buddy-product-stage{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:300px!important;
  margin:8px 0 14px!important;
  overflow:visible!important;
}
.buddy-product-stage::before,.buddy-product-stage::after{display:none!important;}
.buddy-art{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:280px!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
}
.buddy-art img{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 18px rgba(7,27,66,.10))!important;
}
.buddy-nameplate{
  position:absolute!important;
  left:50%!important;
  bottom:6.45%!important;
  z-index:5!important;
  width:72%!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.28)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.buddy-personalised{margin-top:0!important;margin-bottom:10px!important;}
.buddy-use{min-height:58px!important;margin-bottom:16px!important;}
.palette{margin-top:4px!important;margin-bottom:18px!important;}
.buddy-card .btn{margin-top:auto!important;align-self:flex-start!important;}
.buddy-card--rex .btn{background:linear-gradient(135deg,#349b24,#51bd31)!important;}
.buddy-card--leo .btn{background:linear-gradient(135deg,#ed9200,#ffb21b)!important;}
.buddy-card--rocket .btn{background:linear-gradient(135deg,#0a5de0,#2384ff)!important;}
.buddy-card--panda .btn{background:linear-gradient(135deg,#30343a,#555b64)!important;}

.setup-section{padding:72px 0!important;}
.setup-section__grid{
  grid-template-columns:minmax(430px,.95fr) minmax(460px,1.05fr)!important;
  gap:52px!important;
  align-items:center!important;
}
.setup-section__grid>div:first-child h2{font-size:clamp(44px,3.9vw,64px)!important;max-width:11ch!important;}
.setup-section__visual{
  position:relative!important;
  min-height:560px!important;
  border:1px solid #dce6f3!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:radial-gradient(circle at 50% 48%,#fff 0%,#eef5ff 67%,#e7f0ff 100%)!important;
  box-shadow:0 20px 50px rgba(7,27,66,.08)!important;
}
.setup-buddy{position:absolute!important;left:50%!important;top:50%!important;width:auto!important;transform:translate(-50%,-50%)!important;}
.setup-buddy__art{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:410px!important;
  margin:0 auto!important;
}
.setup-buddy__art img{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 24px rgba(7,27,66,.12))!important;
}
.setup-buddy__art span{
  position:absolute!important;
  left:50%!important;
  bottom:6.45%!important;
  z-index:5!important;
  width:72%!important;
  transform:translateX(-50%)!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#fff!important;
  font-size:23px!important;
  font-weight:950!important;
  line-height:1!important;
  text-align:center!important;
  text-shadow:0 2px 2px rgba(0,0,0,.28)!important;
  white-space:nowrap!important;
}
.setup-info-card{max-width:220px!important;padding:16px 18px!important;border-radius:18px!important;}
.setup-info-card--one{left:34px!important;top:42px!important;}
.setup-info-card--two{right:34px!important;top:150px!important;}
.setup-info-card--three{left:34px!important;bottom:44px!important;}

@media (max-width:1120px){
  .home-hero{grid-template-columns:1fr!important;max-height:none!important;}
  .home-hero__image{min-height:480px!important;max-height:520px!important;}
  .home-hero__image img{min-height:480px!important;}
  .name-studio__inner,.setup-section__grid{grid-template-columns:1fr!important;}
  .name-studio__copy{padding:42px 36px 18px!important;}
  .name-studio__preview{height:430px!important;}
  .personaliser-art{height:360px!important;}
  .buddy-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .setup-section__visual{max-width:820px!important;width:100%!important;margin-inline:auto!important;}
}
@media (max-width:700px){
  .name-studio>.container,.buddy-showcase>.container,.setup-section>.container{width:min(calc(100% - 24px),100%)!important;}
  .home-hero__copy{padding:42px 22px 34px!important;}
  .home-hero h1{font-size:clamp(42px,12vw,58px)!important;}
  .home-hero__image{min-height:390px!important;max-height:430px!important;}
  .home-hero__image img{min-height:390px!important;object-position:55% center!important;}
  .name-studio{padding:28px 0!important;}
  .name-studio__copy{padding:30px 22px 16px!important;}
  .name-studio__copy h2{font-size:clamp(38px,10vw,50px)!important;}
  .name-studio__preview{height:350px!important;padding:18px!important;}
  .personaliser-art{height:300px!important;}
  .personaliser-name{font-size:20px!important;}
  .buddy-grid{grid-template-columns:1fr!important;}
  .buddy-card{min-height:0!important;}
  .buddy-product-stage{height:280px!important;}
  .buddy-art{height:260px!important;}
  .setup-section__visual{min-height:500px!important;}
  .setup-buddy__art{height:330px!important;}
  .setup-info-card--one{left:16px!important;top:18px!important;}
  .setup-info-card--two{right:16px!important;top:100px!important;}
  .setup-info-card--three{left:16px!important;bottom:18px!important;}
}