:root{--ink:#111823;--muted:#5b6470;--paper:#f7f7f3;--mist:#eef2f2;--white:#fff;--blue:#2f9fdc;--line:#11182326;--pad:clamp(1.4rem, 4.6vw, 4.8rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--blue);color:var(--white)}.site-header{z-index:20;height:5.25rem;padding:0 var(--pad);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.site-logo{width:9.25rem;display:block}.site-logo img{width:100%;height:auto;display:block}.site-header nav{letter-spacing:.16em;align-items:center;gap:clamp(1.5rem,2.8vw,2.8rem);font-size:.61rem;font-weight:700;display:flex}.site-header nav a{border-bottom:1px solid #0000;padding:.4rem 0}.site-header nav a:hover{border-color:currentColor}.hero{min-height:max(42rem,100svh);padding:8rem var(--pad) clamp(3rem, 6vh, 4.5rem);background:radial-gradient(circle at 82% 19%, #2f9fdc21, transparent 30%), var(--mist);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-copy{z-index:3;max-width:34rem;position:relative}.eyebrow,.section-name{color:#1118237a;letter-spacing:.19em;margin:0;font-size:.58rem;font-weight:700}.hero h1{letter-spacing:-.06em;margin:1.25rem 0 0;font-size:clamp(3.2rem,5vw,5rem);font-weight:590;line-height:1}.hero-description{color:var(--muted);margin:1.5rem 0 0;font-size:clamp(.9rem,1.2vw,1rem);line-height:1.9}.scroll-cue{z-index:3;right:var(--pad);color:#11182380;letter-spacing:.17em;align-items:center;gap:.85rem;font-size:.53rem;font-weight:700;display:flex;position:absolute;bottom:clamp(3rem,6vh,4.5rem)}.scroll-cue i{background:var(--line);width:2.5rem;height:1px;display:block;overflow:hidden}.hero-atom{z-index:1;aspect-ratio:1;pointer-events:none;place-items:center;width:min(44vw,38rem);display:grid;position:absolute;top:clamp(5.5rem,9vh,7rem);right:clamp(-1rem,1vw,2rem)}.atom-core{aspect-ratio:1;border:clamp(.58rem, .78vw, .75rem) solid var(--ink);color:#0000;border-radius:50%;place-items:center;width:clamp(4.2rem,5.6vw,5.25rem);display:grid}.atom-ring{border:1px solid #2f9fdc94;border-radius:50%;width:94%;height:34%;animation:17s linear infinite orbit-a;position:absolute}.atom-ring i{background:var(--blue);border-radius:50%;width:.76rem;height:.76rem;position:absolute;top:50%;left:-.4rem;box-shadow:0 0 0 .48rem #2f9fdc17}.atom-ring-b{border-color:#11182333;animation:22s linear infinite reverse orbit-b}.atom-ring-b i{background:var(--ink);box-shadow:none}.atom-ring-c{animation:26s linear infinite orbit-c}.atom-ring-c i{background:#8fd1f2}@keyframes orbit-a{to{transform:rotate(360deg)}}@keyframes orbit-b{0%{transform:rotate(60deg)}to{transform:rotate(420deg)}}@keyframes orbit-c{0%{transform:rotate(-60deg)}to{transform:rotate(300deg)}}.about{padding:clamp(6rem, 10vw, 9rem) var(--pad);background:var(--paper);grid-template-columns:minmax(8rem,.55fr) minmax(20rem,1.45fr);gap:clamp(3rem,9vw,9rem);display:grid}.about-content{max-width:47rem}.about h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,3.6vw,3.7rem);font-weight:500;line-height:1.45}.about-content>p{width:min(100%,30rem);color:var(--muted);margin:2.25rem 0 0 auto;font-size:.9rem;line-height:2}.product{min-height:51rem;padding:clamp(5.5rem, 8vw, 7rem) var(--pad) 0;background:var(--ink);color:var(--white);grid-template-columns:minmax(17rem,.75fr) minmax(25rem,1.25fr);display:grid;position:relative;overflow:hidden}.product-copy{z-index:3;align-self:center;padding-bottom:clamp(4rem,8vw,7rem);position:relative}.section-name-light{color:#ffffff6e}.product-heading{align-items:center;gap:1rem;margin-top:2.8rem;display:flex}.pattask-mark{background:var(--blue);width:2.4rem;height:2.4rem;color:var(--white);border-radius:.68rem;flex:none;place-items:center;font-size:1.22rem;font-weight:800;display:grid}.product h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.8rem,4.5vw,4.5rem);font-weight:580;line-height:1}.product-tagline{color:#8bd4f7;margin:1.6rem 0 0;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:620}.product-description{color:#ffffff94;margin:1.75rem 0 2rem;font-size:.84rem;line-height:1.9}.text-link{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(100%,17rem);padding:.85rem 0;font-size:.72rem;font-weight:700;display:flex}.text-link i{color:var(--blue);font-size:.95rem;font-style:normal;transition:transform .18s}.text-link:hover i{transform:translate(.2rem,-.2rem)}.text-link-light{border-color:#ffffff4d}.product-screens{z-index:2;align-self:end;min-height:45rem;position:relative}.phone{background:var(--white);border:.4rem solid #070a10;border-radius:2.35rem;margin:0;position:absolute;bottom:-13%;overflow:hidden;box-shadow:0 2.4rem 5rem #00000061}.phone img{width:100%;height:auto;display:block}.phone-front{z-index:2;width:min(42%,20rem);left:12%;transform:rotate(-2deg)}.phone-back{opacity:.75;width:min(34%,16rem);right:5%;transform:translateY(8%)rotate(4deg)}.contact{padding:clamp(6rem, 10vw, 9rem) var(--pad);background:var(--paper);grid-template-columns:minmax(12rem,.65fr) minmax(22rem,1.35fr);align-items:start;gap:clamp(4rem,10vw,10rem);display:grid}.contact-title h2{letter-spacing:-.05em;margin:1.4rem 0 0;font-size:clamp(2rem,3vw,3rem);font-weight:510;line-height:1.2}.contact-links{border-top:1px solid var(--line)}.contact-links a{border-bottom:1px solid var(--line);grid-template-columns:4rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;padding:1.8rem 0;display:grid}.contact-links a>span{color:#1118236e;letter-spacing:.16em;font-size:.53rem;font-weight:700}.contact-links strong{letter-spacing:-.035em;white-space:nowrap;min-width:0;font-size:clamp(1.2rem,2vw,1.85rem);font-weight:500}.contact-links i{color:var(--blue);font-size:1rem;font-style:normal;transition:transform .18s}.contact-links a:hover i{transform:translate(.2rem,-.2rem)}footer{min-height:5.5rem;padding:1.5rem var(--pad);border-top:1px solid var(--line);background:var(--paper);color:#11182380;letter-spacing:.13em;grid-template-columns:1fr auto auto;align-items:center;gap:clamp(2rem,5vw,5rem);font-size:.52rem;display:grid}footer p{white-space:nowrap;margin:0}.footer-name{color:var(--ink);align-items:center;gap:.6rem;font-weight:700;display:flex}.footer-name i{background:var(--blue);border-radius:50%;width:.4rem;height:.4rem}footer nav{gap:1.7rem;font-weight:700;display:flex}footer nav a:hover{color:var(--ink)}@media (max-width:900px){.hero-atom{opacity:.65;width:34rem;right:-6rem}.about{grid-template-columns:8rem 1fr;gap:3rem}.product{grid-template-columns:.82fr 1.18fr}.product-screens{min-height:40rem}.phone-front{width:52%;left:5%}.phone-back{width:43%;right:-5%}}@media (max-width:700px){:root{--pad:1.25rem}.site-header{height:4.5rem}.site-logo{width:8.2rem}.site-header nav{gap:1rem;font-size:.53rem}.site-header nav a:first-child{display:none}.hero{min-height:36rem;padding-top:5.5rem;padding-bottom:3.25rem}.hero h1{margin-top:1rem;font-size:clamp(2.35rem,10.5vw,2.75rem)}.hero-description{margin-top:1.2rem;font-size:.84rem}.hero-atom{opacity:.56;width:18.5rem;top:4.75rem;right:-4.5rem}.atom-core{border-width:.5rem;width:3.4rem}.scroll-cue{display:none}.about{grid-template-columns:1fr;gap:2.5rem;padding-top:5rem;padding-bottom:5.5rem}.about h2{font-size:clamp(1.75rem,7.8vw,2.05rem);line-height:1.55}.about-content>p{width:100%;margin-top:1.7rem;font-size:.84rem}.product{grid-template-columns:1fr;min-height:49rem;padding-top:4.75rem}.product-copy{align-self:start;padding-bottom:1.5rem}.product-heading{margin-top:2.25rem}.product h2{font-size:clamp(2.8rem,13vw,3.35rem)}.product-screens{min-height:28rem}.phone{border-width:.3rem;border-radius:1.9rem;bottom:-11%}.phone-front{width:52%;left:8%}.phone-back{width:43%;right:0}.contact{grid-template-columns:1fr;gap:3rem;padding-top:5rem;padding-bottom:5.5rem}.contact-title h2{font-size:1.9rem}.contact-links a{grid-template-columns:minmax(0,1fr) auto;gap:.6rem;padding:1.45rem 0}.contact-links a>span{grid-column:1/-1}.contact-links strong{font-size:clamp(1.15rem,5.5vw,1.4rem)}footer{min-height:7rem;padding-top:1.4rem;padding-bottom:max(1.4rem, env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:1.25rem}footer nav{grid-area:1/1/auto/-1;gap:1.4rem}.footer-name{grid-area:2/1}footer>p:last-child{grid-area:2/2}}@media (max-width:370px){.site-header nav a:nth-child(2){display:none}.hero h1{font-size:2.25rem}.about h2{font-size:1.65rem}.contact-links strong{font-size:1.05rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}