:root {
  --ink:#071a3a;
  --navy:#061a3b;
  --pink:#f72574;
  --orange:#ff673a;
  --blue:#087cc5;
  --teal:#08aaa9;
  --purple:#a540cb;
  --muted:#617087;
  --line:#dfe7f1;
  --paper:#ffffff;
  --soft:#f7f9fc;
  --shadow:0 20px 55px rgba(19,48,88,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.site-header{width:min(1180px,calc(100% - 40px));height:94px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:20}
.brand img{width:150px;display:block}
.site-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}
.site-nav a{transition:.2s ease}.site-nav a:hover{color:var(--pink)}
.nav-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:999px;font-family:"Manrope",sans-serif;font-weight:800;transition:.25s ease}
.nav-button{padding:14px 24px;color:#fff;background:linear-gradient(90deg,var(--orange),var(--pink));box-shadow:0 10px 25px rgba(247,37,116,.2)}
.button{padding:16px 25px}
.button-primary{color:#fff;background:linear-gradient(90deg,var(--orange),var(--pink));box-shadow:0 12px 28px rgba(247,37,116,.22)}
.button:hover,.nav-button:hover{transform:translateY(-2px)}
.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:7px 0;transition:.25s}
.hero{min-height:620px;padding:48px max(30px,calc((100vw - 1180px)/2)) 70px;display:grid;grid-template-columns:.78fr 1.22fr;gap:52px;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 14% 65%,rgba(247,37,116,.11),transparent 32%),radial-gradient(circle at 89% 34%,rgba(57,177,255,.18),transparent 35%),linear-gradient(135deg,#fff 20%,#fafdff 100%)}
.hero::after{content:"";position:absolute;left:-5%;bottom:-66px;width:110%;height:110px;background:white;border-radius:50% 50% 0 0/60% 60% 0 0}
.hero-copy{position:relative;z-index:3}.eyebrow,.section-kicker{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--pink)}
h1,h2,h3{font-family:"Manrope",sans-serif}h1{font-size:clamp(48px,5vw,72px);line-height:1.02;margin:16px 0 24px;letter-spacing:-.055em}h1 em,h2 em{font-style:normal;color:var(--pink)}
.hero-copy>p{font-size:17px;line-height:1.7;color:#34445b;max-width:520px}.hero-signoff{margin:26px 0 28px}.hero-signoff strong{color:var(--ink)}
.hero-showcase{height:500px;position:relative;z-index:2}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-one{width:360px;height:360px;background:rgba(93,203,255,.2);right:10px;top:20px}.orb-two{width:260px;height:260px;background:rgba(247,37,116,.1);left:40px;bottom:0}
.laptop{position:absolute;width:min(640px,90%);left:2%;top:40px;transform:perspective(900px) rotateY(-2deg)}.laptop-screen{height:350px;background:#f8fbff;border:13px solid #121820;border-radius:18px 18px 8px 8px;box-shadow:0 28px 50px rgba(0,23,55,.24);overflow:hidden}.laptop-base{width:110%;height:18px;background:linear-gradient(#666,#191c22);border-radius:3px 3px 20px 20px;margin-left:-5%;box-shadow:0 12px 15px rgba(0,0,0,.24)}
.mock-topbar{height:70px;background:#fff;padding:14px 18px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:12px}.mock-topbar img{width:140px}.mock-topbar span{background:#f2f6fa;border-radius:8px;padding:10px;font-size:11px}.mock-topbar strong{font-size:15px}.mock-topbar small{display:block;font-size:8px;font-weight:500}.mock-banner{margin:18px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#eef8ff,#a6ddfa);display:flex;flex-direction:column}.mock-banner span{font-size:11px}.retailer-row{display:flex;gap:8px;margin:0 18px}.retailer-row i{font-style:normal;font-size:10px;font-weight:700;background:#fff;border:1px solid #dde6ef;padding:12px 9px;border-radius:8px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px}.mock-stats div{background:#fff;padding:12px;border-radius:8px;box-shadow:0 6px 16px rgba(41,71,107,.08)}.mock-stats strong,.mock-stats small{display:block}.mock-stats strong{font-size:13px}.mock-stats small{font-size:8px;color:var(--muted)}
.phone{position:absolute;width:190px;height:385px;right:0;top:105px;background:#fff;border:9px solid #111820;border-radius:34px;padding:34px 14px 16px;box-shadow:0 28px 48px rgba(0,23,55,.3);z-index:4}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:85px;height:18px;background:#111820;border-radius:0 0 12px 12px}.phone>img{width:110px}.phone p{display:flex;flex-direction:column;font-size:9px;line-height:1.4;margin:25px 0 14px}.phone p b{font-size:11px}.phone-search{background:#f2f6fa;border-radius:999px;padding:9px 10px;color:#96a1b0;font-size:8px}.phone-icons{display:flex;gap:8px;margin:15px 0}.phone-icons i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:white;font-style:normal;font-size:10px}.cause-card{padding:12px;border-left:3px solid #19bddd;background:#f8fbff;border-radius:6px;display:flex;flex-direction:column;font-size:8px;gap:4px}.cause-card strong{color:#16a34a;font-size:8px}
.products{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:75px 0 95px}.section-heading{text-align:center;max-width:760px;margin:0 auto 45px}.section-heading h2{font-size:clamp(38px,4vw,54px);line-height:1.08;letter-spacing:-.04em;margin:12px 0 15px}.section-heading p{color:var(--muted);line-height:1.7}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.product-card{min-height:610px;background:white;border:1px solid var(--line);border-radius:22px;padding:27px 22px 24px;position:relative;overflow:hidden;box-shadow:0 12px 30px rgba(25,63,107,.07);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);transition:.25s ease}.flagship{background:white;border:1px solid rgba(247,37,116,.45);box-shadow:0 18px 45px rgba(247,37,116,.13),inset 0 0 0 5px rgba(247,37,116,.025)}.flagship::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(255,103,58,.12),transparent 38%),radial-gradient(circle at 0 100%,rgba(247,37,116,.08),transparent 35%);pointer-events:none}.flagship::after{content:"";position:absolute;left:18px;right:18px;bottom:18px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--pink))}.corner-ribbon{position:absolute;top:18px;left:-36px;transform:rotate(-45deg);width:145px;text-align:center;background:linear-gradient(90deg,var(--orange),var(--pink));color:#fff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:8px}.corner-ribbon.purple{left:auto;right:-42px;transform:rotate(45deg);width:175px;background:linear-gradient(90deg,#874bc5,#c44ed8)}
.product-logo{height:145px;display:flex;align-items:center;justify-content:center;margin:15px 0 8px;position:relative;z-index:1}.product-logo img{max-height:118px;max-width:100%;object-fit:contain}.flagship-logo{height:145px;margin:15px 0 8px;padding:0}.flagship-logo img{max-height:118px}.home-logo img{max-height:118px}.monitor-logo img{max-height:118px}.lists-logo img{max-height:118px}
.product-card h3{font-size:17px;margin:10px 0 12px;color:var(--pink);position:relative;z-index:1;min-height:25px;display:flex;align-items:center;gap:5px;white-space:nowrap}.product-card h3 span{font-size:14px}.product-card h3.blue{color:var(--blue)}.product-card h3.teal{color:var(--teal)}.product-card h3.purple-text{color:var(--purple)}.product-summary{font-size:13px;line-height:1.6;min-height:64px}.product-card ul{padding:0;margin:10px 0 24px;list-style:none}.product-card li{font-size:12px;line-height:1.5;margin:10px 0;padding-left:20px;position:relative}.product-card li::before{content:"✓";position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:white;font-size:8px}.blue-list li::before{background:var(--blue)}.teal-list li::before{background:var(--teal)}.purple-list li::before{background:var(--purple)}
.product-button{margin-top:auto;position:relative;z-index:1;border-radius:999px;padding:14px 18px;text-align:center;font-weight:800;font-size:13px;color:white;background:linear-gradient(90deg,var(--orange),var(--pink))}.blue-button{background:linear-gradient(90deg,#086bb0,#1199e5)}.teal-button{background:linear-gradient(90deg,#079898,#17c6b2)}.outline-button{background:white;color:var(--purple);border:1px solid var(--purple)}
.impact-panel{width:min(1180px,calc(100% - 40px));margin:0 auto 24px;background:linear-gradient(120deg,#071a3a,#0d2a55);border-radius:26px;padding:44px;color:white;display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:25px;box-shadow:0 24px 60px rgba(1,23,54,.2)}.impact-brand{padding-right:20px;border-right:1px solid rgba(255,255,255,.16)}.impact-brand img{width:180px;filter:brightness(0) invert(1);opacity:.95}.impact-brand p{font-size:12px;line-height:1.6;color:rgba(255,255,255,.75)}.button-light{background:linear-gradient(90deg,var(--orange),var(--pink));color:white;padding:12px 17px;font-size:12px}.impact-item{padding-left:5px}.impact-icon{font-size:36px;color:var(--pink);height:55px}.impact-item h3{font-size:14px}.impact-item p{font-size:11px;line-height:1.6;color:rgba(255,255,255,.7)}
.about-strip{width:min(1180px,calc(100% - 40px));margin:22px auto 70px;padding:25px 34px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(90deg,#f5fcff,#fff8fb);display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 30px rgba(21,57,97,.07)}.about-strip>div{display:flex;align-items:center;gap:18px}.heart-bubble{width:58px;height:58px;border:3px solid var(--pink);border-radius:50%;display:grid;place-items:center;color:var(--pink);font-size:25px}.about-strip p{margin:0;display:flex;flex-direction:column}.about-strip strong{font-family:"Manrope";font-size:20px}.about-strip small{margin-top:4px;color:var(--muted)}
.contact{text-align:center;padding:95px 25px;background:linear-gradient(135deg,#fff4f8,#f2fbff)}.contact h2{font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-.04em;margin:15px 0}.contact p{color:var(--muted);margin:0 auto 28px;max-width:650px}
.site-footer{background:#061a3b;color:white;padding:42px max(30px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-brand img{width:130px;filter:brightness(0) invert(1);opacity:.95}.site-footer p,.site-footer a{font-size:11px;color:rgba(255,255,255,.68)}.site-footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.site-footer strong{font-size:12px;margin-bottom:4px}
.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}
@media(max-width:1020px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{max-width:720px}.hero-showcase{max-width:760px;width:100%;margin:auto}.product-grid{grid-template-columns:repeat(2,1fr)}.impact-panel{grid-template-columns:repeat(2,1fr)}.impact-brand{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);padding:0 0 25px}}
@media(max-width:740px){.site-header{height:76px}.brand img{width:130px}.menu-toggle{display:block;position:relative;z-index:31}.site-nav{position:fixed;inset:0;background:white;padding:120px 30px 40px;flex-direction:column;align-items:flex-start;font-size:22px;transform:translateX(100%);transition:.3s}.site-nav.open{transform:none}.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-5px) rotate(-45deg)}.hero{padding:45px 20px 80px;display:block}.hero-showcase{height:430px;margin-top:30px;transform:scale(.88);transform-origin:top center;margin-bottom:-55px}.laptop{left:-8%;width:115%;top:20px}.laptop-screen{height:300px}.phone{right:-7%;top:90px}.mock-topbar{grid-template-columns:110px 1fr auto}.mock-topbar img{width:100px}.product-grid{grid-template-columns:1fr}.products{padding-top:55px}.product-card{min-height:auto}.product-logo{height:135px}.impact-panel{grid-template-columns:1fr;padding:30px}.about-strip{flex-direction:column;align-items:flex-start;gap:22px}.about-strip .button{width:100%}.site-footer{grid-template-columns:1fr;gap:30px}.contact{padding:75px 20px}}

/* Final refinements */
.hero-showcase{height:530px}
.device-glow{position:absolute;width:520px;height:390px;right:0;top:52px;border-radius:50%;background:radial-gradient(circle,rgba(62,185,246,.28),rgba(247,37,116,.07) 52%,transparent 72%);filter:blur(10px)}
.laptop{width:min(665px,92%);left:-1%;top:42px;transform:perspective(1100px) rotateY(-4deg) rotateX(1deg);filter:drop-shadow(0 34px 35px rgba(0,23,55,.22))}
.laptop-lid{padding:10px 10px 13px;background:linear-gradient(145deg,#242b34,#06090d);border-radius:22px 22px 10px 10px;position:relative}
.laptop-camera{position:absolute;top:5px;left:50%;width:5px;height:5px;border-radius:50%;background:#52606f;z-index:2}
.laptop-screen{height:360px;border:0;border-radius:12px;background:#f7fbff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.laptop-base{width:111%;height:22px;margin-left:-5.5%;background:linear-gradient(180deg,#e7e9eb 0,#949ba2 35%,#42474d 60%,#171a1e 100%);border-radius:2px 2px 22px 22px;box-shadow:0 15px 17px rgba(0,0,0,.25);position:relative}
.laptop-base span{position:absolute;width:95px;height:5px;left:50%;top:0;transform:translateX(-50%);background:#81878e;border-radius:0 0 8px 8px}
.mock-content{margin:16px 18px 12px;padding:22px;background:linear-gradient(135deg,#eef8ff 0,#9edbfa 100%);border-radius:14px;min-height:112px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;overflow:hidden}
.mock-content:after{content:"";position:absolute;width:220px;height:145px;border-radius:50%;right:-50px;top:-65px;background:rgba(255,255,255,.34)}
.mock-copy{display:flex;flex-direction:column;gap:7px;z-index:1}.mock-copy b{font-family:"Manrope",sans-serif;font-size:17px;line-height:1.15}.mock-copy span{font-size:10px}.mock-pill{z-index:1;background:white;color:var(--blue);padding:9px 11px;border-radius:999px;font-size:9px;font-weight:800;box-shadow:0 7px 18px rgba(9,87,145,.12)}
.mock-link{text-align:right;margin:-5px 18px 0;font-size:8px;font-weight:800;color:var(--blue)}
.phone{width:205px;height:420px;right:-8px;top:92px;border:8px solid #10151b;border-radius:39px;padding:29px 14px 18px;background:linear-gradient(#fff,#f7fbff);box-shadow:0 35px 52px rgba(0,23,55,.35);transform:rotate(2deg)}
.phone:after{content:"";position:absolute;inset:3px;border:1px solid rgba(255,255,255,.55);border-radius:30px;pointer-events:none}.phone-notch{width:91px;height:20px}.phone-status{font-size:7px;font-weight:800;display:flex;justify-content:space-between;margin:0 2px 15px}.phone-status span{font-size:5px}.phone>img{width:122px;margin-bottom:22px}.cause-card{padding:14px 12px;border-left:4px solid #19bddd;box-shadow:0 8px 18px rgba(20,73,113,.08);font-size:8px;gap:5px}.cause-card b{font-size:9px}.cause-card small{color:var(--muted);line-height:1.35}.featured-label{display:block;margin:18px 0 10px;font-size:9px}.phone-icons{gap:10px}.phone-icons i{width:29px;height:29px;box-shadow:0 5px 10px rgba(0,0,0,.12)}.phone-nav{position:absolute;left:12px;right:12px;bottom:8px;border-top:1px solid #e5ebf2;padding-top:8px;display:flex;justify-content:space-around;color:#7a8799;font-size:11px}
.flagship-logo{height:160px;background:transparent;border:0;box-shadow:none;padding:0;margin-top:18px}
.flagship::after{display:none}
.contact p{max-width:none;white-space:nowrap}
@media(max-width:1020px){.contact p{white-space:normal}.hero-showcase{max-width:790px}.phone{right:0}}
@media(max-width:740px){.hero-showcase{height:455px}.laptop{left:-9%;width:118%}.phone{right:-5%;transform:scale(.9) rotate(2deg);transform-origin:top right}.mock-content{padding:16px}.mock-copy b{font-size:14px}}

/* Product alignment and refreshed hero visual */
.product-logo,.flagship-logo{height:148px;min-height:148px;margin:15px 0 8px;padding:0;background:transparent;border:0;box-shadow:none}
.product-logo img{display:block;max-width:100%;object-fit:contain}
.flagship-logo img{max-height:112px}
.home-logo img{max-height:124px}
.monitor-logo img{max-height:145px;max-width:110%}
.lists-logo img{max-height:118px}
.product-card h3{margin-top:10px}

.hero-showcase{height:548px;position:relative;isolation:isolate}
.showcase-aura{position:absolute;inset:25px -35px 10px 20px;border-radius:48% 52% 45% 55%;background:radial-gradient(circle at 70% 28%,rgba(85,198,255,.34),transparent 38%),radial-gradient(circle at 28% 78%,rgba(247,37,116,.13),transparent 42%),linear-gradient(135deg,rgba(244,250,255,.85),rgba(255,245,250,.65));filter:blur(2px);z-index:-2}
.showcase-laptop{position:absolute;left:-2%;top:35px;width:min(690px,94%);filter:drop-shadow(0 34px 32px rgba(4,27,58,.25));transform:perspective(1200px) rotateY(-3deg)}
.showcase-lid{padding:9px 9px 12px;background:linear-gradient(145deg,#303943,#080b0f 65%);border-radius:22px 22px 10px 10px;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.showcase-camera{position:absolute;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#607080;transform:translateX(-50%);z-index:3}
.showcase-screen{height:370px;background:#f7fbff;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(20,62,99,.08)}
.preview-toolbar{height:30px;display:grid;grid-template-columns:70px 1fr 55px;align-items:center;padding:0 14px;background:#eef3f8;border-bottom:1px solid #dfe8f1}
.toolbar-dots{display:flex;gap:5px}.toolbar-dots span{width:7px;height:7px;border-radius:50%;background:#b6c1cd}.toolbar-dots span:first-child{background:#ff7f67}.toolbar-dots span:nth-child(2){background:#ffc455}.toolbar-dots span:nth-child(3){background:#5dca89}
.toolbar-address{justify-self:center;width:70%;padding:5px 12px;border-radius:999px;background:#fff;color:#8190a1;font-size:7px;text-align:center;box-shadow:0 1px 4px rgba(10,40,70,.06)}
.toolbar-status{justify-self:end;font-size:7px;font-weight:900;letter-spacing:.08em;color:#12a36d;background:#ddf8ec;padding:4px 7px;border-radius:999px}
.preview-header{height:62px;display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:14px;padding:0 18px;background:#fff}
.preview-header img{width:132px;max-height:44px;object-fit:contain}.preview-cause{justify-self:start;background:#f2f7fb;color:#263c55;font-size:8px;font-weight:700;padding:8px 12px;border-radius:9px}.preview-cause span{color:#6f8297;margin-left:6px}.preview-total{text-align:right}.preview-total strong{display:block;font-family:"Manrope";font-size:14px}.preview-total small{display:block;color:#718197;font-size:7px}
.preview-banner{margin:12px 16px 10px;min-height:128px;padding:20px 23px;border-radius:16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(125deg,#eef8ff 0,#b5e6ff 48%,#6fc7f3 100%);position:relative;overflow:hidden}.preview-banner:before,.preview-banner:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.25)}.preview-banner:before{width:210px;height:210px;right:-70px;top:-115px}.preview-banner:after{width:130px;height:130px;right:80px;bottom:-95px}.preview-banner>div:first-child{position:relative;z-index:1}.preview-kicker{display:block;font-size:7px;letter-spacing:.15em;font-weight:900;color:#0b699d;margin-bottom:7px}.preview-banner strong{font-family:"Manrope";font-size:18px;line-height:1.05;color:#071f3f}.preview-banner p{font-size:8px;max-width:245px;margin:7px 0 0;color:#34506b}.preview-bubble{width:86px;height:86px;border-radius:50%;display:grid;place-content:center;text-align:center;background:#fff;box-shadow:0 14px 30px rgba(12,91,139,.16);position:relative;z-index:1}.preview-bubble b{font-family:"Manrope";font-size:19px;color:#0b79b5}.preview-bubble span{font-size:8px;color:#62768b}
.preview-retailers{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:0 16px}.preview-retailers span{height:32px;display:grid;place-items:center;background:#fff;border:1px solid #e5edf5;border-radius:8px;font-size:9px;font-weight:800;color:#203d59;box-shadow:0 4px 10px rgba(21,66,105,.05)}
.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 16px}.preview-stats div{padding:10px 12px;border-radius:9px;background:#fff;border:1px solid #e6eef6}.preview-stats small{display:block;color:#8190a1;font-size:7px}.preview-stats strong{font-family:"Manrope";font-size:13px;color:#0b2545}
.showcase-base{width:111%;height:24px;margin-left:-5.5%;background:linear-gradient(180deg,#f0f2f4 0,#aeb5bc 34%,#656c73 52%,#20252a 100%);border-radius:3px 3px 24px 24px;box-shadow:0 15px 18px rgba(0,0,0,.24);position:relative}.showcase-base span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:110px;height:6px;border-radius:0 0 8px 8px;background:#8f969d}
.showcase-phone{position:absolute;right:-2px;top:92px;width:210px;height:425px;border:8px solid #10151b;border-radius:40px;padding:28px 14px 18px;background:linear-gradient(#fff,#f7fbff);box-shadow:0 32px 50px rgba(1,25,55,.36),inset 0 0 0 1px rgba(255,255,255,.55);transform:rotate(1.5deg);z-index:4;overflow:hidden}
.showcase-phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:92px;height:20px;background:#10151b;border-radius:0 0 13px 13px}.showcase-phone-status{display:flex;justify-content:space-between;font-size:6px;font-weight:800;margin:0 3px 14px}.showcase-phone-status span:last-child{font-size:4px}.phone-brand{display:block;width:126px;max-height:39px;object-fit:contain;margin:0 auto 15px}.phone-greeting{display:flex;flex-direction:column;gap:3px;margin-bottom:12px}.phone-greeting strong{font-size:10px}.phone-greeting span{font-size:7px;color:#76879a}.phone-support-card{padding:12px 11px;border:1px solid #e5eef6;border-left:4px solid #19bddd;border-radius:10px;background:#fff;box-shadow:0 8px 18px rgba(20,73,113,.09);display:flex;flex-direction:column;gap:4px}.phone-support-card small{font-size:6px;letter-spacing:.08em;color:#74869a}.phone-support-card strong{font-size:9px;color:#112b49}.phone-support-card strong em{color:#16aa6e;font-style:normal}.phone-support-card span{font-size:8px;font-weight:700}.phone-support-card p{font-size:6.5px;line-height:1.35;color:#718197;margin:0}.phone-section-label{display:block;margin:15px 0 8px;font-size:6px;letter-spacing:.1em;font-weight:900;color:#75869a}.phone-retailer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.phone-retailer-grid i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#09213f;color:#fff;font-size:11px;font-weight:900;font-style:normal;box-shadow:0 5px 10px rgba(0,0,0,.12)}.phone-retailer-grid i:nth-child(2){background:#ef476f}.phone-retailer-grid i:nth-child(3){background:#18a6a6}.phone-retailer-grid i:nth-child(4){background:#ff8b3d}.phone-bottom-nav{position:absolute;left:12px;right:12px;bottom:9px;padding-top:8px;border-top:1px solid #e6edf4;display:flex;justify-content:space-around;color:#78899b;font-size:11px;background:#f9fcff}
.showcase-float-card{position:absolute;left:6%;bottom:18px;z-index:6;display:flex;align-items:center;gap:10px;padding:11px 15px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 18px 32px rgba(5,37,72,.18);backdrop-filter:blur(8px)}.showcase-float-card>span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--pink));color:#fff;font-weight:900}.showcase-float-card div{display:flex;flex-direction:column}.showcase-float-card small{font-size:7px;color:#718197}.showcase-float-card strong{font-family:"Manrope";font-size:14px;color:#09213f}
.contact-email{margin-top:16px!important;font-size:14px;color:var(--muted)!important;white-space:normal!important}.contact-email a{color:var(--pink);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1020px){.showcase-laptop{left:2%;width:82%}.showcase-phone{right:2%}.showcase-float-card{left:7%}}
@media(max-width:740px){.hero-showcase{height:470px;transform:none;margin-bottom:-20px}.showcase-laptop{left:-14%;top:25px;width:118%;transform:scale(.88);transform-origin:top left}.showcase-phone{right:-6%;top:105px;transform:scale(.76) rotate(1.5deg);transform-origin:top right}.showcase-float-card{left:1%;bottom:10px;transform:scale(.88);transform-origin:left bottom}.preview-toolbar{grid-template-columns:55px 1fr 45px}.preview-header{grid-template-columns:115px 1fr auto}.preview-header img{width:105px}.preview-banner{min-height:112px;padding:17px}.preview-banner strong{font-size:15px}.product-logo,.flagship-logo{height:138px;min-height:138px}.monitor-logo img{max-height:136px}}

/* Final navigation and anchor refinements */
#about{scroll-margin-top:118px}

/* Premium connected-product hero */
.hero-showcase{height:565px;position:relative;isolation:isolate;overflow:visible}
.hero-orbit{position:absolute;border-radius:50%;z-index:-2;filter:blur(1px)}
.orbit-one{width:590px;height:480px;right:-55px;top:12px;background:radial-gradient(circle at 48% 44%,rgba(100,204,255,.34),rgba(100,204,255,.06) 48%,transparent 70%)}
.orbit-two{width:430px;height:350px;left:20px;bottom:0;background:radial-gradient(circle,rgba(255,56,133,.14),transparent 68%)}
.device-laptop{position:absolute;left:-4%;top:48px;width:710px;filter:drop-shadow(0 36px 34px rgba(4,28,59,.27));transform:perspective(1400px) rotateY(-2deg)}
.laptop-shell{padding:10px 10px 13px;border-radius:24px 24px 12px 12px;background:linear-gradient(145deg,#343b43 0,#07090c 70%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);position:relative}
.laptop-camera{position:absolute;top:4px;left:50%;width:5px;height:5px;border-radius:50%;background:#647281;transform:translateX(-50%);z-index:3}
.laptop-display{height:397px;border-radius:13px;overflow:hidden;background:#f5f9fd;box-shadow:inset 0 0 0 1px rgba(13,47,83,.1)}
.app-browserbar{height:29px;display:grid;grid-template-columns:70px 1fr 35px;align-items:center;padding:0 12px;background:#e9eef4;border-bottom:1px solid #dae3ec}
.browser-dots{display:flex;gap:5px}.browser-dots i{width:7px;height:7px;border-radius:50%;background:#ff796b}.browser-dots i:nth-child(2){background:#ffc14e}.browser-dots i:nth-child(3){background:#51c67b}
.browser-url{justify-self:center;width:68%;padding:5px 10px;border-radius:999px;background:white;color:#7b8b9c;text-align:center;font-size:7px;box-shadow:0 2px 5px rgba(10,38,68,.05)}.browser-url span{font-size:6px}.browser-menu{text-align:right;color:#8897a6;font-size:9px}
.app-topbar{height:62px;display:grid;grid-template-columns:145px 1fr auto;align-items:center;gap:15px;padding:0 18px;background:#fff;border-bottom:1px solid #edf2f7}.app-topbar img{width:132px;max-height:44px;object-fit:contain}.app-topbar button{justify-self:start;border:0;background:#f1f5f9;padding:9px 12px;border-radius:9px;font:700 8px "DM Sans";color:#243b55}.app-topbar button span{margin-left:7px;color:#8090a1}.app-raised{text-align:right}.app-raised strong{display:block;font:800 14px "Manrope"}.app-raised small{display:block;font-size:7px;color:#7e8e9f}
.app-content{height:306px;display:grid;grid-template-columns:1fr 157px;gap:11px;padding:12px}.app-main{min-width:0}.app-hero-card{height:126px;padding:17px 20px;border-radius:15px;background:linear-gradient(125deg,#e9f8ff 0,#bfeaff 48%,#82d1f7 100%);position:relative;overflow:hidden}.app-hero-card:after{content:"";position:absolute;width:185px;height:185px;border-radius:50%;right:-62px;top:-88px;border:28px solid rgba(255,255,255,.28)}.app-hero-card span{display:block;font-size:6.5px;letter-spacing:.12em;color:#0879ac;font-weight:900;margin-bottom:5px}.app-hero-card h3{font:800 20px/1.02 "Manrope";margin:0;color:#071d3c}.app-hero-card p{width:62%;font-size:7px;line-height:1.35;color:#35526e;margin:6px 0 8px}.app-hero-card button{border:0;border-radius:999px;padding:7px 11px;background:#071f40;color:#fff;font:700 7px "DM Sans";position:relative;z-index:2}.app-hero-card button b{margin-left:7px}
.app-retailers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.app-retailers div{height:45px;border:1px solid #e5ecf3;border-radius:8px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 10px rgba(8,44,79,.04)}.app-retailers b{font:800 10px "Manrope";color:#102a47}.app-retailers div:nth-child(2) b{color:#e84673}.app-retailers div:nth-child(4) b{color:#e53b2e}.app-retailers span{font-size:5.5px;color:#7d8c9c}
.app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.app-metrics div{padding:8px 9px;border-radius:8px;border:1px solid #e5edf5;background:#fff}.app-metrics span{display:block;font-size:5.5px;color:#7b8b9c}.app-metrics strong{display:block;font:800 12px "Manrope";color:#0b2747;margin:2px 0}.app-metrics small{font-size:5.2px;color:#18a36f}
.app-sidebar{padding:12px 10px;background:#fff;border:1px solid #e6edf4;border-radius:13px;box-shadow:0 8px 18px rgba(15,57,94,.07)}.side-title{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:800;color:#18334f}.side-title b{color:#12a56e;background:#e7f8f1;padding:3px 5px;border-radius:99px;font-size:5.5px}.impact-ring{width:88px;height:88px;margin:14px auto;border-radius:50%;background:conic-gradient(#17b4d9 0 74%,#e9f0f6 74%);display:grid;place-items:center}.impact-ring:before{content:"";position:absolute;width:67px;height:67px;border-radius:50%;background:#fff}.impact-ring div{position:relative;z-index:1;text-align:center}.impact-ring strong{display:block;font:800 14px "Manrope"}.impact-ring small{font-size:5.5px;color:#7d8c9c}.side-activity{display:flex;gap:7px;padding:8px 0;border-top:1px solid #edf2f6}.side-activity i{width:7px;height:7px;margin-top:2px;border-radius:50%;background:#16b5d8;box-shadow:0 0 0 4px #e2f8fd}.side-activity:nth-child(4) i{background:#f33f7e;box-shadow:0 0 0 4px #ffebf2}.side-activity p{margin:0}.side-activity strong,.side-activity span{display:block}.side-activity strong{font-size:6px;color:#203a56}.side-activity span{font-size:5.3px;color:#8090a1;margin-top:2px}
.laptop-deck{width:113%;height:25px;margin-left:-6.5%;border-radius:3px 3px 26px 26px;background:linear-gradient(180deg,#f3f4f5 0,#aab0b5 35%,#5f656b 54%,#20252a 100%);box-shadow:0 15px 18px rgba(0,0,0,.22);position:relative}.laptop-deck span{position:absolute;left:50%;top:0;transform:translateX(-50%);width:118px;height:6px;border-radius:0 0 9px 9px;background:#92989e}
.device-phone{position:absolute;right:-8px;top:91px;width:215px;height:434px;padding:29px 14px 18px;border:8px solid #11161c;border-radius:42px;background:linear-gradient(180deg,#fff,#f5faff);box-shadow:0 34px 54px rgba(3,28,59,.38),inset 0 0 0 1px rgba(255,255,255,.55);z-index:5;transform:rotate(1.4deg);overflow:hidden}.phone-island{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:76px;height:18px;border-radius:99px;background:#11161c}.phone-status{display:flex;justify-content:space-between;font-size:6px;font-weight:800;margin:0 3px 10px}.phone-home-logo{display:block;width:135px;height:55px;object-fit:contain;margin:0 auto 5px}.phone-search{height:34px;border:1px solid #e2ebf3;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#8796a6;font-size:7px;box-shadow:0 5px 12px rgba(15,57,94,.05)}.phone-search span{font-size:12px}.phone-cause-active{margin-top:10px;padding:11px 10px;border-radius:11px;background:#fff;border-left:4px solid #16b9d9;box-shadow:0 8px 18px rgba(12,58,95,.1);display:flex;flex-direction:column;gap:3px}.phone-cause-active small{font-size:5.5px;letter-spacing:.09em;color:#7c8d9f}.phone-cause-active strong{font-size:8.5px;color:#102a47}.phone-cause-active em{font-style:normal;color:#13a66e}.phone-cause-active span{font-size:7px;font-weight:700}.phone-label{margin:13px 0 7px;font-size:5.8px;letter-spacing:.1em;font-weight:900;color:#7c8c9c}.phone-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.phone-quick-grid div{text-align:center}.phone-quick-grid b{width:30px;height:30px;margin:auto;border-radius:9px;background:#0b2442;color:#fff;display:grid;place-items:center;font:800 10px "Manrope"}.phone-quick-grid div:nth-child(2) b{background:#ef476f}.phone-quick-grid div:nth-child(3) b{background:#17aeb8}.phone-quick-grid div:nth-child(4) b{background:#ff873e}.phone-quick-grid span{display:block;font-size:5px;color:#75869a;margin-top:3px}.phone-saving{margin-top:13px;padding:10px;border-radius:11px;background:linear-gradient(125deg,#fff2f6,#f1fbff);border:1px solid #e9edf3}.phone-saving span{display:block;font-size:5.5px;color:#f13a79;font-weight:900;letter-spacing:.08em}.phone-saving strong{display:block;font:800 13px "Manrope";color:#102b49;margin:2px 0}.phone-saving small{display:block;font-size:5.6px;line-height:1.3;color:#768799}.phone-nav{position:absolute;bottom:8px;left:12px;right:12px;padding-top:8px;border-top:1px solid #e4ebf2;display:flex;justify-content:space-around;color:#7e8e9e;font-size:11px;background:#f7fbff}
.floating-stat{position:absolute;z-index:8;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:14px;border:1px solid rgba(255,255,255,.78);background:rgba(255,255,255,.93);box-shadow:0 18px 34px rgba(5,38,74,.18);backdrop-filter:blur(10px);animation:floatCard 5s ease-in-out infinite}.floating-stat>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff6d27,#f3237c);color:white;font-weight:900}.floating-stat div{display:flex;flex-direction:column}.floating-stat small{font-size:6.5px;color:#78899a}.floating-stat strong{font:800 12px "Manrope";color:#0a2545}.stat-raised{left:2%;bottom:8px}.stat-alert{right:0;top:20px;animation-delay:-1.7s}.stat-alert>span{background:linear-gradient(135deg,#14b8c2,#1a89db)}.stat-active{right:7%;bottom:1px;animation-delay:-3s}.stat-active>i{width:11px;height:11px;border-radius:50%;background:#15b874;box-shadow:0 0 0 6px rgba(21,184,116,.15)}.stat-active strong{text-transform:uppercase;color:#0da168;letter-spacing:.04em}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:1020px){.device-laptop{left:1%;width:82%}.device-phone{right:1%}.stat-alert{right:5%}.stat-active{right:9%}}
@media(max-width:740px){#about{scroll-margin-top:92px}.hero-showcase{height:480px;margin-bottom:-15px;overflow:hidden}.device-laptop{left:-23%;top:42px;width:128%;transform:scale(.82);transform-origin:top left}.device-phone{right:-7%;top:111px;transform:scale(.72) rotate(1.4deg);transform-origin:top right}.floating-stat{transform:scale(.82);animation:none}.stat-raised{left:1%;bottom:16px;transform-origin:left bottom}.stat-alert{right:0;top:17px;transform-origin:right top}.stat-active{display:none}.orbit-one{right:-180px}.app-content{grid-template-columns:1fr 145px}}

/* Launch-ready interaction and hero details */
.product-card{
  transition:transform .34s cubic-bezier(.2,.75,.25,1),box-shadow .34s ease,border-color .34s ease,background-color .34s ease;
  will-change:transform;
}
.product-card:hover{
  transform:translateY(-11px) scale(1.018);
  box-shadow:0 28px 62px rgba(16,53,92,.16);
  border-color:rgba(42,126,190,.25);
}
.product-card.flagship:hover{box-shadow:0 30px 68px rgba(247,37,116,.21),0 10px 24px rgba(255,106,43,.11)}
.product-card:nth-child(2):hover{box-shadow:0 28px 62px rgba(20,145,220,.18)}
.product-card:nth-child(3):hover{box-shadow:0 28px 62px rgba(13,174,166,.19)}
.product-card:nth-child(4):hover{box-shadow:0 28px 62px rgba(139,75,197,.18)}
.product-button{
  overflow:hidden;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,filter .28s ease,border-color .28s ease;
  box-shadow:0 9px 20px rgba(15,52,88,.10);
}
.product-button::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(105deg,transparent 15%,rgba(255,255,255,.30) 45%,transparent 72%);
  transform:translateX(-125%);transition:transform .55s ease;
}
.product-button span{display:inline-block;margin-left:8px;transition:transform .28s ease}
.product-button:hover,.product-button:focus-visible{transform:translateY(-3px) scale(1.025);box-shadow:0 15px 30px rgba(14,52,91,.20);filter:saturate(1.08)}
.product-button:hover::before,.product-button:focus-visible::before{transform:translateX(125%)}
.product-button:hover span,.product-button:focus-visible span{transform:translateX(7px)}
.outline-button::before{background:linear-gradient(105deg,transparent 15%,rgba(139,75,197,.14) 45%,transparent 72%)}
.outline-button:hover{border-color:#8b4bc5;background:#fbf7ff}
.product-accent{position:absolute;right:17px;top:19px;width:52px;height:45px;z-index:0;opacity:.48;transition:transform .34s ease,opacity .34s ease;pointer-events:none}
.product-card:hover .product-accent{transform:translate(-3px,3px) scale(1.08) rotate(-2deg);opacity:.76}
.product-accent i,.product-accent b{position:absolute;display:grid;place-items:center;font-style:normal}
.accent-shop i{right:1px;top:1px;width:28px;height:28px;border-radius:50%;background:#ffe9f1;color:#f32678;font-size:13px}
.accent-shop b{left:2px;bottom:0;color:#ff7137;font-size:27px;transform:rotate(-8deg)}
.accent-home i{right:0;top:0;width:27px;height:27px;border-radius:50%;background:#e6f6ff;color:#148fd0;font-size:17px}
.accent-home b{left:0;bottom:0;color:#1cb6cf;font-size:30px;line-height:1}
.accent-monitor svg{width:50px;height:38px;overflow:visible}.accent-monitor polyline{fill:none;stroke:#13aaa6;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.accent-monitor circle{fill:#13aaa6}
.accent-lists i{right:1px;top:1px;width:26px;height:26px;border-radius:9px;background:#f3e8ff;color:#9148c9;font-size:13px}.accent-lists b{left:1px;bottom:0;color:#bf4ccf;font-size:29px}
.monitor-logo img{max-height:142px;max-width:112%}

.floating-card{position:absolute;z-index:9;border:1px solid rgba(255,255,255,.82);background:rgba(255,255,255,.94);box-shadow:0 20px 42px rgba(5,38,74,.19);backdrop-filter:blur(12px);animation:floatCard 6.3s ease-in-out infinite}
.price-trend{left:-2%;top:9px;width:178px;padding:10px 12px 9px;border-radius:15px;animation-delay:-2.1s}
.float-card-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.float-card-head span{font:800 7px "Manrope";color:#0a2948}.float-card-head b{font-size:5.5px;letter-spacing:.09em;color:#10a39e;background:#e7f9f7;padding:3px 5px;border-radius:999px}.price-trend svg{display:block;width:100%;height:40px;margin:4px 0 2px}.price-trend polyline{fill:none;stroke:#12aaa5;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.price-trend circle{fill:#12aaa5}.trend-fill{fill:url(#priceFill)}.float-card-foot{display:flex;align-items:center;justify-content:space-between}.float-card-foot strong{font:800 8px "Manrope";color:#0a2948}.float-card-foot span{font-size:6px;font-weight:900;color:#fff;background:#11aaa4;padding:3px 5px;border-radius:999px}
.payout-card{left:42%;bottom:-10px;display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:14px;animation-delay:-4.2s}.payout-icon{width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#ff7a32,#f42b7b);color:#fff;display:grid;place-items:center;font:900 15px "Manrope"}.payout-card div{display:flex;flex-direction:column}.payout-card small{font-size:6px;color:#78899a}.payout-card strong{font:800 12px "Manrope";color:#0a2545}.payout-card em{font-style:normal;font-size:5.5px;color:#11a36f;font-weight:800}

@media(max-width:1020px){.price-trend{left:0}.payout-card{left:35%;bottom:-7px}}
@media(max-width:740px){
  .product-card:hover{transform:translateY(-6px) scale(1.008)}
  .product-accent{right:15px;top:18px}
  .monitor-logo img{max-height:136px}
  .price-trend{display:none}
  .payout-card{left:38%;bottom:13px;transform:scale(.78);transform-origin:center bottom;animation:none}
}
@media(prefers-reduced-motion:reduce){.product-card,.product-button,.product-button span,.product-button::before,.product-accent,.floating-card{transition:none;animation:none}}