:root{
  --bg:#021216;
  --bg2:#05262a;
  --panel:rgba(7,45,49,.62);
  --panel-strong:rgba(8,57,60,.78);
  --line:rgba(74,239,211,.28);
  --line-soft:rgba(74,239,211,.14);
  --text:#f5fbfb;
  --muted:#b8d2d0;
  --mint:#4df1c8;
  --mint2:#16dfd4;
  --cyan:#42d9ff;
  --shadow:0 18px 60px rgba(0,0,0,.34);
  --glow:0 0 18px rgba(55,245,204,.30),0 0 42px rgba(31,222,199,.14);
  --ease:cubic-bezier(.2,.75,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);color-scheme:dark}
body.home-page{margin:0;background:
  radial-gradient(circle at 14% 5%,rgba(34,208,183,.13),transparent 22%),
  radial-gradient(circle at 88% 11%,rgba(55,207,255,.10),transparent 18%),
  linear-gradient(180deg,#021116 0%,#04191d 55%,#021014 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.skip{position:fixed;top:8px;left:8px;z-index:9999;transform:translateY(-150%);background:#fff;color:#111;padding:8px 12px;border-radius:999px}.skip:focus{transform:none}
.home-wrap{width:min(calc(100% - 40px),1120px);margin-inline:auto}
.glass{background:linear-gradient(145deg,rgba(9,55,58,.66),rgba(2,25,29,.66));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.06),var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
.eyebrow{font-size:11px;letter-spacing:.36em;text-transform:uppercase;font-weight:800;color:#7df5dc}.gradient{background:linear-gradient(90deg,#75ffd9 0%,#35efd3 45%,#40d9ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.icon-svg{width:26px;height:26px;display:block}.icon-svg path,.icon-svg circle,.icon-svg rect,.icon-svg line,.icon-svg polyline{vector-effect:non-scaling-stroke}

/* ---------------- Desktop ---------------- */
.desktop-home{display:block}
.mobile-home{display:none}
.desktop-header{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:720;letter-spacing:-.035em;white-space:nowrap}.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(64,255,208,.26))}.brand strong{font-weight:780;color:#dffefa}.brand span{color:#65edd8;font-weight:480}
.desktop-nav{display:flex;align-items:center;gap:26px;font-size:14px;color:#d2e9e6}.desktop-nav a{padding:16px 2px 13px;position:relative}.desktop-nav a:first-child::after{content:"";position:absolute;left:0;right:0;bottom:5px;height:2px;background:#62f1d4;border-radius:2px}
.top-cta{min-width:222px;height:42px;border-radius:999px;border:1px solid rgba(94,248,222,.55);display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,rgba(21,78,78,.42),rgba(3,28,32,.58));box-shadow:var(--glow);font-size:13px;font-weight:700}

.desktop-hero{height:400px;position:relative;overflow:hidden;border-bottom:1px solid rgba(79,239,213,.46);background:linear-gradient(90deg,#04151b 0%,#082c31 46%,#0c3940 67%,#0a2b33 100%)}
.hero-art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-art::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 92% 43%,rgba(255,225,146,.92) 0 1.2%,rgba(255,225,146,.18) 2%,transparent 6%),
  linear-gradient(110deg,transparent 0 46%,rgba(67,246,207,.09) 58%,rgba(62,211,255,.09) 100%)}
.mountain{position:absolute;left:0;right:0;bottom:0;transform-origin:bottom}.m1{height:76%;background:linear-gradient(180deg,#1e6b70,#09262b);clip-path:polygon(0 100%,0 82%,8% 63%,14% 71%,22% 46%,28% 62%,36% 34%,43% 61%,51% 28%,58% 53%,66% 20%,73% 48%,81% 30%,89% 53%,100% 39%,100% 100%);opacity:.82}.m2{height:56%;background:linear-gradient(180deg,#0c5154,#051a1e);clip-path:polygon(0 100%,0 70%,10% 60%,17% 73%,28% 50%,37% 69%,45% 54%,55% 75%,66% 47%,76% 68%,86% 49%,100% 62%,100% 100%);opacity:.9}.m3{height:36%;background:linear-gradient(180deg,#0a3335,#031416);clip-path:polygon(0 100%,0 65%,9% 75%,18% 62%,29% 82%,38% 66%,48% 80%,58% 61%,69% 78%,80% 61%,91% 73%,100% 67%,100% 100%)}.tree-line{position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(180deg,#07302f,#031113);clip-path:polygon(0 100%,0 76%,4% 58%,7% 74%,11% 50%,14% 72%,19% 42%,22% 70%,28% 47%,31% 74%,36% 53%,41% 76%,47% 45%,51% 72%,57% 49%,61% 73%,66% 52%,70% 76%,76% 48%,80% 72%,86% 43%,90% 70%,95% 48%,100% 69%,100% 100%)}
.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,14,19,.92) 0%,rgba(1,17,21,.78) 39%,rgba(1,17,21,.08) 65%,rgba(0,12,16,.05) 100%)}
.desktop-hero .home-wrap{height:100%;position:relative;z-index:3}.hero-copy{width:52%;padding-top:22px}.hero-copy .eyebrow{margin-bottom:11px}.hero-copy h1{font-size:44px;line-height:1.03;letter-spacing:-.045em;margin:0 0 16px;max-width:540px}.hero-copy p{margin:0;width:480px;max-width:100%;color:#d2e4e2;font-size:15px;line-height:1.45}.hero-actions{display:flex;gap:12px;margin-top:19px}.btn{height:42px;padding:0 28px;border-radius:999px;border:1px solid rgba(107,245,222,.38);display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:780;transition:.25s var(--ease)}.btn.primary{color:#001b17;background:linear-gradient(90deg,#62ffd4,#22e4ce 70%,#27cce9);box-shadow:0 0 24px rgba(45,245,204,.46),0 8px 28px rgba(0,0,0,.26)}.btn.secondary{background:rgba(0,28,33,.46);color:#f3fffc}.btn:hover{transform:translateY(-2px)}
.hero-tagline{display:flex;align-items:center;gap:14px;margin-top:18px;color:#8ebbb6;font-size:10px;letter-spacing:.32em;text-transform:uppercase}.hero-tagline::before{content:"";width:46px;height:1px;background:#67e8cf}

.desktop-phones{position:absolute;right:40px;top:12px;width:470px;height:390px}.phone{position:absolute;border:2px solid rgba(212,240,242,.68);background:linear-gradient(180deg,#173943,#05161c);border-radius:36px;box-shadow:0 20px 42px rgba(0,0,0,.42),0 0 28px rgba(54,235,203,.12);overflow:hidden}.phone::before{content:"";position:absolute;left:50%;top:9px;transform:translateX(-50%);width:35%;height:16px;border-radius:20px;background:#041014;z-index:4}.phone-screen{position:absolute;inset:0;background:radial-gradient(circle at 75% 27%,rgba(48,255,201,.36),transparent 20%),linear-gradient(180deg,#075058,#03191f);padding:76px 24px 24px}.phone-logo-row{display:flex;align-items:center;gap:9px;color:#c9fff5;font-size:18px;font-weight:680}.phone-logo-row img{width:56px;height:56px;filter:drop-shadow(0 0 18px rgba(74,255,210,.28))}.phone-tiny{font-size:10px;line-height:1.75;letter-spacing:.28em;text-transform:uppercase;color:#b4f5e7;margin-top:33px;text-align:center}.phone-main{width:224px;height:410px;right:135px;top:-2px;transform:rotate(5deg)}.phone-back{width:180px;height:330px;right:4px;top:52px;transform:rotate(3deg);opacity:.98}.phone-back .phone-screen{padding:88px 20px 20px}.phone-back-title{font-size:26px;line-height:.95;color:#e6fffa;max-width:118px;margin-top:10px}.phone-main .phone-logo-row{margin-top:7px}.phone-main .phone-tiny{margin-top:26px}
.hero-right-micro{position:absolute;right:0;top:80px;width:115px;text-align:right;font-size:8px;line-height:1.8;letter-spacing:.3em;text-transform:uppercase;color:#d8f6f1}.hero-right-micro.bottom{top:auto;bottom:38px;color:#9dc2bd}

.desktop-section{border-bottom:1px solid rgba(79,239,213,.36);background:linear-gradient(180deg,rgba(4,25,29,.96),rgba(3,19,23,.98))}.featured{padding:20px 0 16px}.section-heading{display:grid;grid-template-columns:250px 1fr auto;gap:22px;align-items:end;margin-bottom:16px}.section-heading h2{font-size:30px;line-height:1.02;margin:4px 0 0;letter-spacing:-.035em}.section-heading p{font-size:13px;line-height:1.45;color:#bcd6d2;max-width:420px}.text-link{font-size:12px;font-weight:800;color:#70efd6;display:flex;gap:8px;align-items:center}.circle-arrow{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:#aaf9ea;background:rgba(255,255,255,.025)}
.product-row{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product-card{height:122px;border-radius:16px;padding:15px;position:relative;display:grid;grid-template-columns:58px 1fr 28px;gap:12px;align-items:start;background:linear-gradient(145deg,rgba(11,66,69,.78),rgba(5,42,46,.60));border:1px solid rgba(81,238,211,.32);box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 26px rgba(0,0,0,.22);transition:.25s var(--ease)}.product-card:hover{transform:translateY(-3px);box-shadow:0 0 22px rgba(47,240,202,.18),0 14px 30px rgba(0,0,0,.30)}.product-icon{width:54px;height:54px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(10,63,68,.9),rgba(4,30,35,.95));border:1px solid rgba(95,245,220,.4);box-shadow:0 0 16px rgba(57,238,207,.18)}.product-icon img{width:44px;height:44px}.product-icon .icon-svg{color:#6ff4da}.product-card h3{font-size:14px;margin:5px 0 4px}.product-card p{font-size:11px;line-height:1.3;color:#b9d6d2;margin:0}.product-card .circle-arrow{margin-top:4px}.product-meta{position:absolute;left:15px;right:15px;bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#a3c8c2}.tag{padding:4px 9px;border-radius:999px;border:1px solid rgba(93,237,211,.20);background:rgba(95,230,206,.08)}

.story{padding:18px 0 0;background:linear-gradient(180deg,#072d33,#04181c);position:relative;overflow:hidden}.story::before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;background:radial-gradient(circle at 56% 30%,rgba(255,255,255,.16),transparent 19%),radial-gradient(circle at 76% 30%,rgba(82,225,204,.12),transparent 18%)}.story-grid{position:relative;z-index:2;display:grid;grid-template-columns:37% 43% 20%;min-height:255px}.story-copy{padding:5px 18px 24px 0}.story-copy h2{font-size:30px;line-height:1.05;margin:5px 0 16px}.story-copy p{font-size:13px;line-height:1.45;color:#c6dcd9}.story-copy .btn{margin-top:16px;height:38px;padding:0 24px}.story-visual{position:relative;overflow:hidden}.story-visual::before{content:"";position:absolute;left:0;right:0;bottom:0;height:66%;background:linear-gradient(180deg,#153e3f,#061517);clip-path:polygon(0 100%,0 70%,13% 59%,27% 70%,38% 54%,49% 68%,63% 48%,76% 69%,88% 54%,100% 63%,100% 100%)}.rock{position:absolute;left:40%;bottom:12px;transform:translateX(-50%);width:180px;height:84px;border-radius:52% 48% 48% 52% / 58% 45% 55% 42%;background:linear-gradient(180deg,#243a3d,#071316);box-shadow:0 15px 26px rgba(0,0,0,.33)}.sprout-stem{position:absolute;left:40%;bottom:69px;width:8px;height:82px;border-radius:7px;background:linear-gradient(180deg,#70f0aa,#278749)}.sprout-leaf{position:absolute;width:76px;height:40px;border-radius:0 100% 0 100%;background:linear-gradient(135deg,#79f3ad,#1d8e56);box-shadow:0 0 18px rgba(79,231,143,.16)}.sprout-leaf.l1{left:calc(40% - 70px);bottom:112px;transform:rotate(-18deg)}.sprout-leaf.l2{left:calc(40% - 2px);bottom:133px;transform:scaleX(-1) rotate(-9deg)}.sprout-leaf.l3{width:51px;height:28px;left:calc(40% - 1px);bottom:168px;transform:rotate(18deg)}.handwriting{position:absolute;right:12px;top:52px;font-size:33px;line-height:1.1;font-family:"Segoe Script","Brush Script MT",cursive;color:rgba(240,255,251,.82);transform:rotate(-8deg)}.stats{margin:0 0 18px;padding:16px 13px;border-radius:16px;align-self:center;background:linear-gradient(180deg,rgba(6,52,57,.78),rgba(3,31,36,.76));border:1px solid var(--line-soft);display:grid;gap:17px}.stat{display:grid;grid-template-columns:33px 1fr;gap:10px;align-items:center}.stat .icon-svg{color:#58f0d3;width:24px;height:24px}.stat strong{display:block;color:#7af1d8;font-size:15px}.stat span{display:block;color:#b2d0cc;font-size:10px}

.capabilities{padding:18px 0 16px}.cap-head{display:grid;grid-template-columns:270px 1fr auto;gap:22px;align-items:end;margin-bottom:13px}.cap-head h2{font-size:27px;margin:4px 0 0}.cap-head p{font-size:12px;color:#b8d2ce;max-width:460px}.cap-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.cap-card{height:114px;border-radius:12px;padding:14px;background:linear-gradient(145deg,rgba(9,58,62,.65),rgba(3,29,34,.58));border:1px solid rgba(79,239,213,.25);transition:.25s var(--ease)}.cap-card:hover{transform:translateY(-2px);box-shadow:0 0 20px rgba(42,234,199,.12)}.cap-card .icon-svg{color:#5ef2d6;margin-bottom:9px}.cap-card h3{font-size:12px;margin:0 0 4px}.cap-card p{font-size:10px;line-height:1.3;color:#aecaC5;margin:0}

.support{padding:16px 0}.support-grid{display:grid;grid-template-columns:29% 1fr 1fr;gap:13px;align-items:center}.support-intro h2{font-size:27px;line-height:1.05;margin:5px 0 0}.support-intro p{font-size:11px;margin-top:7px;color:#aac8c3}.support-box{height:58px;border-radius:11px;padding:10px 14px;display:flex;gap:13px;align-items:center;background:linear-gradient(145deg,rgba(7,55,61,.75),rgba(3,31,36,.72));border:1px solid rgba(81,238,211,.32)}.support-box .mail-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;border:1px solid rgba(95,245,220,.35);box-shadow:0 0 16px rgba(58,239,207,.16)}.support-box .icon-svg{width:20px;height:20px;color:#63f2d6}.support-box strong{font-size:12px}.support-box span{display:block;font-size:9px;color:#a5c9c4;margin-top:2px}

.bottom-cta{height:105px;background:linear-gradient(90deg,#063138 0%,#075d5c 48%,#04343b 100%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.bottom-cta::before{content:"";position:absolute;right:24%;bottom:-80px;width:260px;height:260px;background:url('../img/brand-mark.webp') center/contain no-repeat;opacity:.4;filter:drop-shadow(0 0 22px rgba(55,246,203,.22))}.bottom-cta .home-wrap{height:100%;display:grid;grid-template-columns:1.15fr .95fr auto;gap:30px;align-items:center;position:relative;z-index:2}.bottom-cta h2{font-size:29px;line-height:1.04;margin:3px 0 0}.bottom-cta p{font-size:12px;color:#e0f3f0;max-width:260px}.bottom-cta .btn{min-width:178px}
.desktop-footer{height:120px;background:#021014}.footer-top{display:grid;grid-template-columns:280px 1fr auto;gap:36px;align-items:center;padding-top:15px}.footer-brand .brand{font-size:18px}.footer-brand .brand img{width:38px;height:38px}.footer-brand p{font-size:9px;margin:4px 0 0;color:#94b6b1}.footer-links{display:flex;gap:24px;font-size:10px;color:#a8c8c3;justify-content:center}.footer-motto{font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:#8cb9b2;line-height:1.5;border-left:1px solid rgba(93,239,213,.28);padding-left:20px}.footer-bottom{border-top:1px solid rgba(81,238,211,.18);margin-top:13px;padding-top:10px;display:flex;justify-content:space-between;font-size:9px;color:#7fa29e}

/* ---------------- Mobile ---------------- */
@media(max-width:767px){
  body.home-page{min-width:320px;background:
    radial-gradient(circle at 82% 18%,rgba(29,255,188,.17),transparent 20%),
    radial-gradient(circle at 8% 64%,rgba(24,196,171,.09),transparent 24%),
    linear-gradient(180deg,#02171c 0%,#031217 100%)}
  .desktop-home{display:none}
  .mobile-home{display:block;min-height:100svh;position:relative;overflow:hidden;background:
    radial-gradient(circle at 86% 22%,rgba(25,255,184,.18),transparent 16%),
    radial-gradient(circle at 10% 50%,rgba(29,183,170,.10),transparent 29%),
    linear-gradient(180deg,#03191d 0%,#031217 100%)}
  .mobile-home::before{content:"";position:absolute;top:33px;right:-150px;width:530px;height:190px;border-radius:50%;border-top:1px solid rgba(62,245,214,.31);transform:rotate(-11deg);filter:drop-shadow(0 0 14px rgba(56,242,208,.16));pointer-events:none}
  .mobile-page{width:100%;max-width:430px;margin:0 auto;padding:14px 14px 10px;position:relative;z-index:2}
  .mobile-header{height:78px;display:flex;align-items:flex-start;justify-content:space-between;position:relative}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:20px;letter-spacing:-.04em;font-weight:760}.mobile-brand img{width:58px;height:58px;filter:drop-shadow(0 0 17px rgba(62,255,209,.38));animation:logoPulse 3.8s ease-in-out infinite}.mobile-brand strong{color:#5ef1d4}.mobile-brand span{color:#e7f8f5;font-weight:420}.mobile-menu-button{width:46px;height:46px;border-radius:50%;border:1px solid rgba(74,235,209,.23);background:rgba(5,41,47,.50);display:grid;place-items:center;margin-top:1px;box-shadow:0 0 16px rgba(42,226,193,.12)}.mobile-menu-button svg{width:22px;height:22px}.mobile-menu-button line{stroke:#d8f8f2;stroke-width:1.8;stroke-linecap:round}
  .mobile-hero{height:258px;position:relative}.mobile-hero .eyebrow{display:inline-flex;align-items:center;height:28px;padding:0 13px;border-radius:999px;border:1px solid rgba(72,235,211,.31);background:rgba(3,39,44,.46);font-size:8px;letter-spacing:.28em;margin:7px 0 8px}.mobile-hero h1{position:relative;z-index:3;margin:0;font-size:34px;line-height:1.01;letter-spacing:-.045em;width:320px;max-width:82%}.mobile-hero h1 span{display:block}.mobile-hero-copy{position:relative;z-index:3;width:265px;max-width:70%;font-size:12.5px;line-height:1.42;color:#c8dfdc;margin-top:14px}.mobile-logo-art{position:absolute;z-index:1;right:-12px;top:36px;width:178px;height:178px;object-fit:contain;opacity:.86;filter:drop-shadow(0 0 22px rgba(37,255,197,.39));animation:heroFloat 5.2s ease-in-out infinite}.pixel-cluster{position:absolute;right:8px;top:27px;z-index:2;width:55px;height:55px}.pixel-cluster i{position:absolute;border-radius:5px;background:linear-gradient(135deg,#39ffbe,#28dfff);box-shadow:0 0 16px rgba(55,255,195,.38)}.pixel-cluster i:nth-child(1){width:23px;height:23px;right:0;top:0}.pixel-cluster i:nth-child(2){width:16px;height:16px;right:28px;top:18px}.pixel-cluster i:nth-child(3){width:12px;height:12px;right:3px;top:28px;opacity:.45}
  .mobile-side-words{position:absolute;right:5px;top:135px;font-size:7px;line-height:1.8;letter-spacing:.25em;text-transform:uppercase;color:#75e9d1;text-align:left}.mobile-side-words::after{content:"";display:block;width:24px;height:1px;background:#5de7ce;margin-top:6px}
  .mobile-actions{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:1.18fr .78fr;gap:9px}.mobile-actions .btn{height:49px;padding:0 12px;font-size:12px;white-space:nowrap}.mobile-actions .btn.primary{box-shadow:0 0 20px rgba(49,255,204,.55),0 0 46px rgba(29,217,191,.22),inset 0 1px rgba(255,255,255,.28)}
  .mobile-benefits{height:126px;margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.benefit-card{height:126px;border-radius:18px;padding:13px 8px 10px;text-align:center;background:linear-gradient(180deg,rgba(9,59,59,.68),rgba(4,35,38,.65));border:1px solid rgba(69,234,208,.29);box-shadow:0 0 14px rgba(37,225,193,.08),inset 0 1px rgba(255,255,255,.04);position:relative;overflow:hidden}.benefit-card::after{content:"";position:absolute;left:10%;right:10%;bottom:-18px;height:25px;border-radius:50%;box-shadow:0 0 28px rgba(57,249,202,.22)}.benefit-icon{width:38px;height:38px;border-radius:11px;margin:0 auto 10px;display:grid;place-items:center;border:1px solid rgba(79,245,217,.25);color:#56f1d4;box-shadow:0 0 13px rgba(55,235,202,.14)}.benefit-icon .icon-svg{width:23px;height:23px}.benefit-card h3{font-size:12px;line-height:1.1;margin:0;color:#f3fffc}.benefit-card p{font-size:8.8px;line-height:1.4;color:#acd0cb;margin:7px 0 0}
  .mobile-apps{height:151px;margin-top:17px;border-radius:0;position:relative;overflow:hidden;border-top:1px solid rgba(75,239,212,.10);background:linear-gradient(180deg,rgba(3,25,30,.45),rgba(3,20,25,.35))}.mobile-apps-copy{padding:17px 0 0 6px;width:67%;position:relative;z-index:3}.mobile-apps-copy .eyebrow{font-size:8px}.mobile-apps-copy h2{font-size:23px;letter-spacing:-.04em;margin:8px 0 7px;line-height:1.05}.mobile-apps-copy p{font-size:10.5px;line-height:1.45;color:#b9d3cf;margin:0;max-width:230px}.apps-arrow{position:absolute;left:228px;top:45px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(91,239,214,.25);color:#9df4e3;background:rgba(255,255,255,.025);z-index:4}.mini-phone{position:absolute;right:-13px;bottom:-38px;width:110px;height:162px;border-radius:19px;border:3px solid rgba(189,221,225,.65);background:linear-gradient(180deg,#0d252c,#06171c);transform:rotate(10deg);box-shadow:0 15px 28px rgba(0,0,0,.35)}.mini-phone::before{content:"";position:absolute;left:50%;top:7px;transform:translateX(-50%);width:45px;height:7px;border-radius:10px;background:#020b0e}.mini-screen{position:absolute;inset:15px 7px 7px;border-radius:12px;background:linear-gradient(180deg,#0d454d,#071a22);display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px 6px 8px}.app-tile{border-radius:8px;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;box-shadow:0 0 12px rgba(0,0,0,.18)}.app-tile.a{background:linear-gradient(135deg,#17c884,#0a6f5f)}.app-tile.b{background:linear-gradient(135deg,#2ba9ff,#1558bb)}.app-tile.c{background:linear-gradient(135deg,#8e68ed,#5933a8)}.app-tile.d{background:linear-gradient(135deg,#ffbd36,#ee7b18)}
  .mobile-links{height:109px;margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick-card{height:109px;border-radius:16px;padding:12px;background:linear-gradient(180deg,rgba(8,52,57,.66),rgba(4,31,36,.67));border:1px solid rgba(72,233,208,.28);box-shadow:0 0 15px rgba(37,229,195,.07);display:flex;flex-direction:column;position:relative}.quick-card .icon-svg{width:24px;height:24px;color:#59f0d1;filter:drop-shadow(0 0 8px rgba(54,241,204,.28))}.quick-card strong{font-size:12px;margin-top:7px}.quick-card p{font-size:9px;line-height:1.25;color:#abcac5;margin:6px 15px 0 0}.quick-card b{position:absolute;right:9px;bottom:12px;font-size:20px;font-weight:300;color:#dcfaf5}.mobile-tagline{text-align:center;margin-top:11px;font-size:7.2px;letter-spacing:.36em;text-transform:uppercase;color:#69ccbb}
  .mobile-menu{position:fixed;inset:0;z-index:1000;background:rgba(1,10,13,.78);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:16px;display:none}.mobile-menu.open{display:flex;align-items:flex-start;justify-content:flex-end}.mobile-menu-panel{width:min(84vw,320px);border-radius:22px;padding:18px;background:linear-gradient(180deg,#08363a,#03191e);border:1px solid rgba(77,239,213,.28);box-shadow:0 22px 50px rgba(0,0,0,.42)}.menu-close{float:right;border:0;background:transparent;font-size:28px}.mobile-menu-panel nav{display:grid;gap:4px;clear:both;padding-top:14px}.mobile-menu-panel a{padding:10px 12px;border-radius:10px;color:#def7f2;font-size:14px}.mobile-menu-panel a:hover{background:rgba(82,238,211,.08)}
}
@media(max-width:370px){.mobile-page{padding-inline:10px}.mobile-hero h1{font-size:30px}.mobile-hero-copy{font-size:11.5px}.mobile-actions .btn{font-size:11px}.benefit-card{padding-inline:5px}.benefit-card h3{font-size:11px}.benefit-card p{font-size:8px}.mobile-apps-copy h2{font-size:21px}.quick-card{padding:10px}.quick-card strong{font-size:11px}.quick-card p{font-size:8.4px}}
@keyframes logoPulse{0%,100%{filter:drop-shadow(0 0 12px rgba(56,255,207,.30));transform:translateY(0)}50%{filter:drop-shadow(0 0 22px rgba(56,255,207,.52));transform:translateY(-1px)}}
@keyframes heroFloat{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 22px rgba(37,255,197,.34))}50%{transform:translateY(-3px) scale(1.015);filter:drop-shadow(0 0 32px rgba(37,255,197,.50))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Final visual tuning after rendered mobile audit */
@media(max-width:767px){
  .mobile-hero h1{font-size:32px;width:350px;max-width:90%}
  .mobile-logo-art{right:-18px;top:48px;width:160px;height:160px;opacity:.78}
  .pixel-cluster{right:1px;top:32px;transform:scale(.92)}
  .mobile-hero-copy{width:280px;max-width:73%;margin-top:12px}
  .mobile-side-words{right:4px;top:147px}
  .mobile-hero{height:250px}
  .mobile-benefits{margin-top:7px}
  .mobile-apps{margin-top:14px;height:147px}
  .mobile-links{height:106px;margin-top:7px}
  .quick-card{height:106px}
  .mobile-tagline{margin-top:8px}
  .benefit-card,.quick-card{animation:panelBreath 6.2s ease-in-out infinite}
  .benefit-card:nth-child(2),.quick-card:nth-child(2){animation-delay:1.2s}
  .benefit-card:nth-child(3),.quick-card:nth-child(3){animation-delay:2.4s}
  .benefit-icon,.quick-card .icon-svg{animation:iconGlow 4.8s ease-in-out infinite}
  .mobile-actions .btn.primary{animation:buttonGlow 4.4s ease-in-out infinite}
}
.product-card,.cap-card,.support-box{animation:desktopPanelBreath 7s ease-in-out infinite}
.product-card:nth-child(2),.cap-card:nth-child(2){animation-delay:1.1s}.product-card:nth-child(3),.cap-card:nth-child(3){animation-delay:2.2s}.product-card:nth-child(4),.cap-card:nth-child(4){animation-delay:3.3s}.cap-card:nth-child(5){animation-delay:4.4s}
@keyframes panelBreath{0%,100%{box-shadow:0 0 14px rgba(37,225,193,.07),inset 0 1px rgba(255,255,255,.04)}50%{box-shadow:0 0 22px rgba(44,239,202,.16),0 0 38px rgba(36,210,192,.05),inset 0 1px rgba(255,255,255,.06)}}
@keyframes iconGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(53,238,203,.20))}50%{filter:drop-shadow(0 0 10px rgba(53,255,209,.46))}}
@keyframes buttonGlow{0%,100%{box-shadow:0 0 20px rgba(49,255,204,.50),0 0 42px rgba(29,217,191,.18),inset 0 1px rgba(255,255,255,.28)}50%{box-shadow:0 0 27px rgba(49,255,204,.66),0 0 58px rgba(29,217,191,.26),inset 0 1px rgba(255,255,255,.34)}}
@keyframes desktopPanelBreath{0%,100%{filter:drop-shadow(0 0 0 rgba(47,240,202,0))}50%{filter:drop-shadow(0 0 8px rgba(47,240,202,.06))}}

/* Desktop proportion lock to the supplied 1055×1491 reference */
@media(min-width:768px){
  .desktop-header{height:60px}
  .brand{font-size:21px}.brand img{width:42px;height:42px}
  .desktop-nav{font-size:13px;gap:24px}.top-cta{height:38px;min-width:220px;font-size:12px}
  .desktop-hero{height:366px}
  .hero-copy{padding-top:18px}.hero-copy h1{font-size:42px;margin-bottom:14px}.hero-copy p{font-size:14px}.hero-actions{margin-top:17px}.hero-tagline{margin-top:15px}
  .desktop-phones{height:360px;top:7px}.phone-main{width:210px;height:380px;right:135px}.phone-back{width:170px;height:310px;top:45px}.phone-screen{padding-top:70px}.phone-back .phone-screen{padding-top:78px}
  .featured{height:235px;padding:15px 0 12px;overflow:hidden}
  .section-heading{margin-bottom:11px;grid-template-columns:235px 1fr auto}.section-heading h2{font-size:27px}.section-heading p{font-size:12px}.product-card{height:112px;padding:13px}.product-icon{width:49px;height:49px}.product-icon img{width:40px;height:40px}.product-card h3{font-size:13px}.product-card p{font-size:10px}.product-meta{bottom:8px;left:13px;right:13px}
  .story{height:273px;padding:15px 0 0}.story-grid{height:258px;min-height:0}.story-copy{padding-top:2px}.story-copy h2{font-size:28px;margin-bottom:13px}.story-copy p{font-size:12px}.story-copy .btn{margin-top:13px}.stats{margin-bottom:14px;gap:14px;padding:14px 12px}.handwriting{top:48px;font-size:30px}
  .capabilities{height:201px;padding:14px 0 12px;overflow:hidden}.cap-head{margin-bottom:10px}.cap-head h2{font-size:25px}.cap-head p{font-size:11px}.cap-card{height:101px;padding:12px}.cap-card .icon-svg{margin-bottom:7px;width:23px;height:23px}.cap-card h3{font-size:11px}.cap-card p{font-size:9px}
}

/* 2026-09-18 device polish: minimal iPhone overlap correction */
@media(max-width:767px){
  .mobile-side-words{display:none!important}
}
@media(min-width:390px) and (max-width:767px){
  .mobile-hero-copy{width:268px;max-width:68%}
  .mobile-logo-art{right:-22px}
}