:root{--paper:#f2ece3;--navy:#00243d;--blue:#0647f5;--rule:#82929a;--muted:#e7dfd3;--content:1200px;color-scheme:light;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 40% 30%,#f8f3eb55,transparent 70%),var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px;border-radius:3px}a:hover{color:var(--blue)}img{display:block;max-width:100%;height:auto}svg{fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}.page{width:min(var(--content),calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 22px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:11px;width:252px;flex-shrink:0;mix-blend-mode:multiply}.brand-mark{position:relative;display:block;width:41px;height:65px;overflow:hidden;flex-shrink:0}.brand-mark img{position:absolute;width:128px;max-width:none;height:auto;left:-43.6px;top:-17.2px}/* ⛔ flex:none IS WHAT KEEPS THE NAME WHOLE, and without it the word
   is CUT on a phone: "on mobile the name says laserd" (10 Sep 2026).
   The lockup is laid out at full size and then scaled down at every
   narrow breakpoint (transform:scale on .brand), with .brand's width
   reduced to match what the scale leaves — which is right for the
   OUTER box and was quietly wrong for the inside: .brand is a flex
   row, so a narrower box squeezed the only shrinkable child, this
   one. Its width IS a window onto a cropped image, so squeezing it
   does not scale the word, it slices letters off the end.
   ⚠️ .brand-mark already carried flex-shrink:0, which is why the
   arrow never lost anything and only the name did. */
.brand-word{position:relative;display:block;flex:none;width:200px;height:38px;overflow:hidden}.brand-word img{position:absolute;width:270px;max-width:none;left:-33px;top:-196.5px}.header nav{display:flex;gap:52px;font-size:17px;font-weight:600}.header nav a{padding-block:12px}.intro{padding:88px 0 46px}.intro h1{font-size:clamp(42px,7.5vw,98px);font-weight:900;letter-spacing:-.055em;line-height:1.08}.intro p{font-size:clamp(19px,2.3vw,30px);line-height:1.45;margin-top:23px;letter-spacing:-.018em}.down-link{display:inline-flex;margin-top:30px;color:var(--blue);padding:3px 6px 3px 0}.down-link svg{width:35px;height:40px;stroke-width:3.5}.product{isolation:isolate;position:relative;display:grid;grid-template-columns:34% 66%;align-items:center;border:1px solid #fff9;border-radius:16px;background:radial-gradient(ellipse at 70% 45%,#ead9b9 0%,#efe2ca 50%,#f4e9d7 100%);margin:0 -30px;min-height:700px;padding:56px 36px 46px;scroll-margin-top:40px}.product-copy{position:relative;z-index:2;padding-right:14px;align-self:center}.eyebrow{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.27em;line-height:1.6}.eyebrow span{width:42px;height:1px;background:currentColor;display:inline-block}.sequoia-logo{width:100%;max-width:306px;margin:28px 0 35px;aspect-ratio:250/142}.sequoia-art{display:block;width:100%;height:100%;background-image:url('assets/design-reference.png');background-size:409.6% auto;background-position:7.8% 35.1%;mix-blend-mode:multiply}.product-description{font-size:clamp(19px,1.85vw,25px);line-height:1.48;max-width:340px;letter-spacing:-.01em}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:20px 28px;margin-top:32px;color:#fff;background:var(--navy);border:1px solid var(--navy);border-radius:4px;font-size:20px;font-weight:700;line-height:1.3;transition:background .18s,transform .18s}.button:hover{color:white;background:#063c60;transform:translateY(-2px)}.button span{font-size:25px;font-weight:400}.product-art{min-width:0;position:relative;margin:-110px -34px -40px -26px;z-index:1}.product-art{aspect-ratio:640/700;background-image:url('assets/design-reference.png');background-size:160% auto;background-position:91.145833% 41.866028%;clip-path:polygon(0% 88%,6% 10%,8% 4%,18% 1%,45% 0%,51% 2%,53% 5%,55% 5%,92% 8%,98% 11%,100% 16%,92% 93%,88% 98%,80% 98%,43% 93%,8% 96%,2% 94%)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:40px 0;border-bottom:1px solid var(--rule);gap:0}.feature{display:flex;align-items:flex-start;gap:22px;padding:8px 25px}.feature:first-child{padding-left:0}.feature:last-child{padding-right:0}.feature+.feature{border-left:1px solid #9b9f9f}.feature svg{width:40px;height:42px}.feature h3{font-size:19px;line-height:1.3;letter-spacing:-.025em}.feature p{font-size:16px;line-height:1.5;margin-top:6px;max-width:240px}.contact{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px;position:relative;padding:45px 0 24px;min-height:290px;border-bottom:1px solid var(--rule);overflow:hidden}.contact-copy{position:relative;z-index:1;padding-bottom:15px}.contact h2{font-size:clamp(54px,7vw,88px);line-height:1.12;letter-spacing:-.055em;font-weight:900;margin-top:18px}.email{color:var(--blue);font-size:clamp(25px,3.8vw,49px);letter-spacing:-.035em;line-height:1.4;display:inline-block;margin-top:7px;white-space:nowrap}.email:hover{text-decoration:underline;text-underline-offset:8px}.landscape{width:100%;aspect-ratio:480/200;background-image:url('assets/design-reference.png');background-size:213.333333% auto;background-position:93.75% 91.167665%;mix-blend-mode:multiply;align-self:end}.footer{display:grid;grid-template-columns:1fr 1.25fr .8fr;gap:32px;align-items:center;padding:27px 0 34px;font-size:14px;line-height:1.5}.footer address{font-style:normal;border-left:1px solid var(--rule);border-right:1px solid var(--rule);padding:0 32px}.footer address span{display:block}.footer nav{display:flex;gap:35px;justify-content:flex-end}.footer nav a{text-decoration:underline;text-underline-offset:5px;padding-block:12px}.copyright{white-space:nowrap}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;background:white;padding:14px;z-index:10}.legal-main{max-width:780px;padding:80px 0 100px;min-height:60vh}.legal-main h1{font-size:clamp(40px,6vw,72px);letter-spacing:-.04em;margin-bottom:25px}.legal-main p{font-size:20px;line-height:1.65;margin-top:16px}.legal-main a{text-decoration:underline;text-underline-offset:5px}.back{display:inline-block;margin-bottom:35px}
@media(min-width:1400px){.product{min-height:755px}.product-art{margin-top:-125px}}
@media(max-width:1050px){.page{width:calc(100% - 72px)}.product{margin-inline:-15px;padding:42px 26px;min-height:610px;grid-template-columns:36% 64%}.product-art{margin:-70px -25px -25px -20px}.button{font-size:17px;padding:18px 20px;gap:12px}.feature{gap:14px;padding-inline:18px}.feature h3{font-size:17px}.feature svg{width:34px}.footer{gap:22px}.footer address{padding-inline:22px}.contact{min-height:260px}.brand{transform-origin:left center;transform:scale(.92);width:233px}}
@media(max-width:760px){.page{width:calc(100% - 40px)}.header{padding:16px 0;gap:12px}.brand{transform:scale(.75);width:190px;margin-right:-38px}.header nav{gap:20px;font-size:14px}.intro{padding:48px 0 25px}.intro h1{font-size:clamp(40px,8.8vw,66px);letter-spacing:-.052em}.intro p{font-size:20px;max-width:560px;margin-top:20px}.down-link{margin-top:22px}.down-link svg{width:26px;height:32px}.product{display:flex;flex-direction:column;margin:0;padding:30px 25px 18px;min-height:0;overflow:hidden;border-radius:13px}.product-copy{width:100%;padding:0}.eyebrow{font-size:12px;letter-spacing:.22em}.sequoia-logo{width:260px;max-width:100%;margin:23px 0 24px}.product-description{font-size:20px;max-width:520px}.button{font-size:18px;margin-top:24px;padding:18px 25px}.product-art{width:calc(100% + 42px);margin:22px -21px -4px}.features{grid-template-columns:1fr;padding:17px 0}.feature,.feature:first-child,.feature:last-child{padding:22px 4px;gap:22px}.feature+.feature{border-left:0;border-top:1px solid #c6c5bf}.feature svg{width:36px;height:40px}.feature h3{font-size:20px}.feature p{font-size:17px;max-width:none}.contact{grid-template-columns:1fr;gap:5px;padding:35px 0 18px}.contact h2{font-size:66px}.email{font-size:clamp(25px,6.8vw,43px);white-space:normal;overflow-wrap:anywhere}.landscape{width:85%;max-height:210px;margin-left:auto}.footer{grid-template-columns:1fr auto;padding:26px 0 30px;gap:23px 10px;font-size:13px}.footer address{grid-column:1/-1;grid-row:1;padding:0;border:0;font-size:14px}.footer nav{gap:20px}.copyright{white-space:normal}.legal-main{padding:45px 0 75px}.legal-main p{font-size:18px}}
@media(max-width:360px){.page{width:calc(100% - 28px)}.header nav{gap:13px}.brand{transform:scale(.65);width:164px;margin-right:-45px}.intro h1{font-size:38px}.product{padding-inline:20px}.contact h2{font-size:57px}.footer{grid-template-columns:1fr}.footer nav{justify-content:flex-start}.footer address{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Compact desktop composition: fit the content, rather than scaling the page. */
@media (min-width: 900px) {
  .page { width:min(1080px,calc(100% - 64px)); }
  .header { padding:8px 0; min-height:58px; }
  .brand { transform:scale(.66); transform-origin:left center; width:252px; height:42px; margin-right:-85px; }
  .header nav { font-size:14px; gap:32px; }
  .header nav a { padding:10px 0; }
  .intro { padding:18px 0 16px; }
  .intro h1 { font-size:46px; line-height:1.08; letter-spacing:-.045em; }
  .intro p { font-size:18px; line-height:1.45; margin-top:8px; }
  .down-link { display:none; }
  .product { grid-template-columns:55% 45%; margin:0; min-height:0; padding:18px 28px; border-radius:12px; }
  .product-copy { padding:0 24px 0 0; }
  .eyebrow { font-size:12px; letter-spacing:.2em; gap:14px; }
  .sequoia-logo { width:156px; margin:9px 0 10px; }
  .product-description { font-size:17px; line-height:1.45; max-width:470px; }
  .button { font-size:16px; line-height:1.25; padding:11px 18px; margin-top:12px; gap:13px; }
  .button span { font-size:20px; }
  .product-art { height:clamp(250px,36vh,306px); width:auto; max-width:100%; justify-self:center; margin:-8px 0; }
  .features { padding:12px 0; }
  .feature,.feature:first-child,.feature:last-child { padding:4px 18px; gap:12px; }
  .feature:first-child { padding-left:0; }
  .feature:last-child { padding-right:0; }
  .feature svg { width:29px; height:32px; }
  .feature h3 { font-size:16px; line-height:1.3; }
  .feature p { font-size:14px; line-height:1.4; margin-top:3px; max-width:none; }
  .contact { grid-template-columns:1fr 235px; gap:20px; min-height:0; padding:10px 0 8px; align-items:center; }
  .contact-copy { display:grid; grid-template-columns:auto 1fr; column-gap:24px; align-items:center; padding:0; }
  .contact .eyebrow { grid-column:1/-1; margin-bottom:4px; }
  .contact h2 { font-size:34px; line-height:1.2; letter-spacing:-.04em; margin:0; }
  .email { font-size:26px; line-height:1.3; margin:0; white-space:nowrap; }
  .landscape { width:205px; justify-self:end; margin:0; }
  .footer { grid-template-columns:1fr 1.3fr .7fr; gap:22px; padding:12px 0; font-size:14px; line-height:1.4; }
  .footer address { padding:0 22px; }
  .footer nav { gap:24px; }
  .footer nav a { padding:8px 0; }
}
@media (min-width:900px) and (max-height:740px) {
  .intro { padding:12px 0; }
  .intro h1 { font-size:40px; }
  .intro p { font-size:17px; margin-top:6px; }
  .product { padding:12px 26px; }
  .product-art { height:246px; }
  .sequoia-logo { width:137px; margin:6px 0; }
  .product-description { font-size:16px; line-height:1.4; }
  .button { margin-top:10px; }
  .features { padding:9px 0; }
  .contact { padding:8px 0; }
  .landscape { width:170px; }
  .footer { padding:9px 0; }
}

/* The source artwork has paper-colored pixels; remove them rather than
   multiplying their rectangular backgrounds into the page. Keep phone screens opaque. */
.art-filters { position:absolute; width:0; height:0; overflow:hidden; pointer-events:none; }
.brand { mix-blend-mode:normal; }
.brand-mark, .brand-word, .sequoia-art, .landscape {
  filter:url(#paper-to-alpha);
  mix-blend-mode:normal;
}
