/* Photographic hardware with live HTML screens and bounded perspective. */
.ah-hero{background:#0b181d;color:#f4f7f6;position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid #24363c}
.ah-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 36%,#b5a06d0d,transparent 39%),linear-gradient(115deg,#0b181d 35%,#14252b 100%)}
.ah-hero .wrap{position:relative}
.ah-grid{display:grid;grid-template-columns:1fr 1.16fr;gap:24px;min-height:588px;padding:40px 0 28px;align-items:center}
.ah-copy{padding:12px 0 28px;z-index:3;min-width:0}
.ah-eyebrow{margin:0 0 25px;font-size:10px;font-weight:500;letter-spacing:.12em;color:#b7c7cb;display:flex;align-items:center;gap:9px}
.ah-eyebrow>span{width:6px;height:6px;background:#54dcb5;border-radius:50%;box-shadow:0 0 12px #54dcb533;flex-shrink:0}
.ah-copy h1{font:450 clamp(42px,4.7vw,66px)/1.08 Manrope,Arial,sans-serif;letter-spacing:-.055em;color:#f4f7f6;margin:0 0 23px;max-width:600px}
.ah-copy h1>span{display:block;white-space:nowrap}.ah-copy h1>span:last-child{color:#54dcb5}
.ah-description{max-width:410px;color:#afc2c9;font-size:17px;line-height:1.65;font-weight:400;letter-spacing:-.018em;margin:0 0 28px}
.ah-actions{display:flex;gap:12px;flex-wrap:wrap}
.ah-primary,.ah-secondary{border-radius:40px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 23px;gap:20px;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}
.ah-primary{background:#54dcb5;border:1px solid #54dcb5;color:#08251d}.ah-primary span{font-size:20px;font-weight:400}.ah-primary:hover{background:#7aeac9;border-color:#7aeac9;transform:translateY(-2px)}
.ah-secondary{color:#f1f5f3;border:1px solid #779095;background:#0c1a1e66;gap:16px}.ah-secondary:hover{color:#fff;border-color:#d3e2df;background:#193137}.ah-secondary span{font-size:18px;font-weight:400}
.ah-visual{--ah-accent:#286857;--ah-accent-light:#e7efe8;--ah-browser:#f5f1e8;margin:0;position:relative;z-index:2;min-width:0}
.ah-visual[data-ah-theme=lavender]{--ah-accent:#6b568d;--ah-accent-light:#eae2f1;--ah-browser:#f4f0f7}
.ah-visual[data-ah-theme=charcoal]{--ah-accent:#183842;--ah-accent-light:#dce8eb;--ah-browser:#e9eff0}
.ah-stage{width:100%;margin:0;aspect-ratio:1.4;perspective:1700px;touch-action:pan-y;position:relative;outline-offset:5px;cursor:grab;user-select:none;-webkit-user-select:none}
.ah-stage:focus-visible{outline:2px solid #54dcb5;border-radius:16px}.ah-stage.ah-dragging{cursor:grabbing}
.ah-world{position:absolute;inset:0;isolation:isolate;transform-style:flat;transform:rotateX(var(--ah-rx,0deg)) rotateY(var(--ah-ry,-3deg));transform-origin:50% 55%;transition:transform .25s ease-out;will-change:transform}
.ah-dragging .ah-world{transition:none}
.ah-floor{position:absolute;left:7%;bottom:4%;width:90%;height:15%;background:radial-gradient(ellipse,#030809aa,transparent 68%);filter:blur(12px);pointer-events:none;transform:none}
.rh-device{position:absolute;isolation:isolate;transform-style:flat;backface-visibility:hidden;container-type:inline-size;pointer-events:none}
.rh-laptop{left:-6%;top:1%;width:106%;aspect-ratio:3/2;z-index:1;transform:rotateZ(-1deg);filter:drop-shadow(0 15px 15px #0005)}
.rh-phone{right:-4%;bottom:3%;width:31%;aspect-ratio:2/3;z-index:3;transform:rotateZ(2deg);filter:drop-shadow(4px 12px 10px #0006)}
.rh-hardware{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;display:block;pointer-events:none}
.rh-display{position:absolute;z-index:1;overflow:hidden;background:var(--ah-browser);color:#293329;display:flex;flex-direction:column;transition:background .25s;pointer-events:none}
/* Measured from each original, untrimmed alpha image; these are physical display boundaries. */
.rh-laptop-display{left:17.4479%;top:11.6211%;width:65.1693%;height:58.7891%;border-radius:.1cqw}
.rh-phone-display{left:20.8008%;top:6.25%;width:58.3984%;height:86.7839%;border-radius:15.7% / 7.05%}
.rh-desktop-nav{display:flex;align-items:center;justify-content:space-between;gap:2cqw;height:17%;flex-shrink:0;padding:0 4cqw;color:#27352d;font:400 .8cqw/1.3 Manrope,Arial,sans-serif;letter-spacing:0}
.rh-desktop-nav b{font-size:1.65cqw;font-weight:600;letter-spacing:.12em}.rh-desktop-nav>span{margin-left:auto}.rh-desktop-nav i{font-style:normal;font-size:1.1cqw}
.rh-desktop-hero{display:grid;grid-template-columns:43% 57%;flex:1;min-height:0;background:var(--ah-accent-light)}
.rh-desktop-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:3cqw 0 2.1cqw 4cqw;background:var(--ah-browser);transition:background .25s}
.rh-desktop-copy>span{font:500 .65cqw/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#657065;margin-bottom:1.25cqw}
.rh-desktop-copy h2{font:400 3.8cqw/.98 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 1.5cqw;color:#263229}
.rh-desktop-copy p{font:400 .77cqw/1.8 Manrope,Arial,sans-serif;color:#586252;margin:0 0 1.5cqw;letter-spacing:0}
.rh-screen-action{font:600 .79cqw/1.5 Manrope,Arial,sans-serif;color:var(--ah-accent);margin-top:auto;display:flex;align-items:center;gap:1.5cqw}.rh-screen-action i{font-size:1.3cqw;font-style:normal}
.rh-desktop-hero>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:65% 50%;pointer-events:none}
.rh-desktop-footer{height:12%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 4cqw;font:400 .69cqw/1.4 Manrope,Arial,sans-serif;color:#626c61;letter-spacing:0}
.rh-phone-top{height:7%;flex-shrink:0;position:relative}.rh-phone-top>i{position:absolute;left:36.29%;top:16.07%;width:27.59%;height:54.66%;border-radius:100px;background:#070908}.rh-phone-top>i:after{content:'';position:absolute;right:13%;top:28%;width:12%;height:44%;border-radius:50%;background:#17232e;box-shadow:inset 0 0 0 .3cqw #080e14}
.rh-phone-nav{height:8%;display:flex;align-items:center;justify-content:space-between;padding:0 5.6cqw;flex-shrink:0;color:#27352d;font:500 3cqw/1 Manrope,Arial,sans-serif;letter-spacing:.08em}.rh-phone-nav b{font-weight:600;font-size:4.1cqw}.rh-phone-nav>span{font-size:3.6cqw}
.rh-phone-copy{padding:5cqw 5.6cqw 5.3cqw;flex-shrink:0}.rh-phone-copy>span{display:block;font:500 1.9cqw/1.4 Manrope,Arial,sans-serif;letter-spacing:.09em;color:#687267;margin-bottom:2.6cqw}
.rh-phone-copy h3{font:400 9cqw/.99 Georgia,'Times New Roman',serif;letter-spacing:-.05em;margin:0 0 3cqw;color:#293329}.rh-phone-copy p{font:400 2.1cqw/1.6 Manrope,Arial,sans-serif;color:#626a5f;letter-spacing:0;margin:0}
.rh-phone-display>img{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:cover;object-position:66% 50%}
.rh-phone-cta{height:12%;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:2cqw;padding:0 5.6cqw;font:600 2.5cqw/1.4 Manrope,Arial,sans-serif;color:var(--ah-accent)}.rh-phone-cta>span{font-size:4cqw}
.rh-phone-bottom{height:3%;flex-shrink:0;position:relative}.rh-phone-bottom>i{position:absolute;top:30%;left:33%;width:34%;height:.8cqw;border-radius:10px;background:#253528}
.ah-tools{display:flex;align-items:center;justify-content:center;width:max-content;background:#15282e;border:1px solid #385058;border-radius:40px;color:#c2d7d9;box-shadow:none;padding:3px 9px;gap:7px;margin:8px auto 0;max-width:100%;min-height:50px}
.ah-discover{display:flex;align-items:center;color:#cfdfdf;font-size:10px;gap:7px;white-space:nowrap}.ah-discover svg{color:#8eb5af;width:22px;height:22px;flex-shrink:0}
.ah-swatches{display:flex;gap:0;align-items:center}.ah-swatch{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:1px solid transparent;display:grid;place-items:center;padding:8px;background:transparent;cursor:pointer}.ah-swatch>span{width:16px;height:16px;border:1px solid #ffffff38;border-radius:50%;box-shadow:none}.ah-swatch-sage>span{background:#54dcb5}.ah-swatch-lavender>span{background:#bba5d5}.ah-swatch-charcoal>span{background:#7a969f}
.ah-swatch[aria-pressed=true]{background:#29444a;border-color:#779e99;box-shadow:inset 0 0 0 3px #15282e}.ah-swatch:hover{border-color:#8eb5af}
.ah-reset{display:grid;place-items:center;color:#cce1de;background:#20363c;border:1px solid #425b62;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;font-size:21px;cursor:pointer}.ah-reset:hover{background:#304b50}
.ah-instructions{text-align:center;font-size:10px;line-height:1.6;color:#a4bac0;letter-spacing:0;margin:8px 0 0}.ah-instructions>span{border-left:1px solid #40565d;padding-left:8px;margin-left:6px}
.ah-service-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #294047;border-bottom:0;gap:0;padding:24px 0 27px;font-size:14px;letter-spacing:0;line-height:1.5}
.ah-service-strip>a{display:flex;align-items:flex-start;gap:17px;color:#eff4f2;min-width:0;padding:0 30px;border-right:1px solid #2c4247;transition:color .2s}.ah-service-strip>a:first-child{padding-left:0}.ah-service-strip>a:last-child{border:0;padding-right:0}
.ah-service-strip>a>svg{width:28px;height:28px;flex-shrink:0;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ah-service-strip strong{display:block;font-size:14px;font-weight:500;margin-bottom:5px;color:inherit}.ah-service-strip small{display:block;font-size:11px;line-height:1.55;color:#9fb7bf;font-weight:400;letter-spacing:0}.ah-service-strip>a>i{font-style:normal;font-size:18px;margin-left:auto;color:#76979d}.ah-service-strip small>br{display:initial}
.ah-service-strip>a:hover{color:#54dcb5}
.ah-primary:focus-visible,.ah-secondary:focus-visible,.ah-swatch:focus-visible,.ah-reset:focus-visible,.ah-service-strip>a:focus-visible{outline:2px solid #8aebd0;outline-offset:5px}
@media(min-width:1600px){.ah-grid{min-height:610px}.ah-copy h1{font-size:70px}}
@media(max-width:1100px){.ah-grid{min-height:520px;grid-template-columns:1fr 1.08fr;gap:12px;padding:35px 0 27px}.ah-copy h1{font-size:clamp(39px,4.5vw,53px)}.ah-description{font-size:16px;max-width:340px}.ah-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:20px}.ah-primary,.ah-secondary{padding:12px 17px;font-size:11px;gap:12px;min-height:46px}.ah-stage{aspect-ratio:1.28}.rh-laptop{top:8%}.rh-phone{bottom:8%}.ah-instructions>span{display:block;border:0;margin:1px 0 0;padding:0}.ah-service-strip>a{padding:0 23px;gap:12px}.ah-service-strip small{font-size:10px}}
@media(max-width:850px) and (min-width:781px){.ah-copy h1{font-size:37px}.ah-actions{gap:8px}.ah-primary,.ah-secondary{font-size:10px;padding:11px 14px;gap:9px}.ah-grid{min-height:470px}.ah-stage{aspect-ratio:1.13}.rh-laptop{top:14%}.rh-phone{bottom:13%}.ah-discover{font-size:9px;gap:4px}.ah-tools{gap:2px;padding-inline:4px}.ah-discover svg{width:18px;height:18px}.ah-service-strip>a{padding-inline:16px}.ah-service-strip strong{font-size:12px}.ah-service-strip>a>svg{width:24px;height:24px}.ah-service-strip>a>i{display:none}}
@media(max-width:780px){.ah-grid{grid-template-columns:1fr;min-height:0;gap:17px;padding:35px 0 25px}.ah-copy{padding:0;max-width:560px}.ah-eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:18px}.ah-copy h1{font-size:clamp(40px,8vw,58px);line-height:1.07;margin-bottom:20px}.ah-description{font-size:16px;max-width:390px;line-height:1.6;margin-bottom:22px}.ah-actions{gap:11px}.ah-primary,.ah-secondary{min-height:48px;font-size:12px;padding:13px 20px;gap:13px}.ah-visual{width:100%;max-width:600px;margin:0 auto}.ah-stage{aspect-ratio:1.4;width:100%;margin:0}.rh-laptop{top:0}.rh-phone{bottom:2%}.ah-tools{margin-top:10px;gap:8px;min-height:50px;padding:3px 8px}.ah-discover{font-size:10px;gap:6px}.ah-instructions{font-size:10px;margin-top:8px}.ah-instructions>span{display:inline;padding-left:7px;margin-left:6px;border-left:1px solid #40565d}.ah-service-strip{padding:20px 0 23px;gap:14px}.ah-service-strip>a{padding:0 12px;display:block;position:relative}.ah-service-strip>a>svg{width:23px;height:23px;margin-bottom:8px}.ah-service-strip strong{font-size:12px;margin-bottom:5px}.ah-service-strip small{font-size:10px;line-height:1.6}.ah-service-strip>a>i{display:none}}
@media(max-width:440px){.ah-grid{padding-top:29px;gap:22px}.ah-copy h1{font-size:clamp(35px,9.6vw,42px)}.ah-eyebrow{font-size:7.5px;letter-spacing:.09em}.ah-description{font-size:15px;max-width:330px;margin-bottom:21px}.ah-primary,.ah-secondary{font-size:10.5px;padding:12px 16px;gap:12px;min-height:46px}.ah-stage{aspect-ratio:1.35}.rh-laptop{top:3%}.rh-phone{width:32%;bottom:3%}.ah-tools{margin-top:3px;gap:4px;padding:3px 5px}.ah-discover{font-size:9px;gap:4px}.ah-discover svg{width:18px;height:18px}.ah-instructions{font-size:9px}.ah-instructions>span{display:block;border:0;padding:0;margin:1px 0 0}.ah-service-strip{gap:9px;padding:18px 0 22px}.ah-service-strip>a{padding:0 9px}.ah-service-strip strong{font-size:11px}.ah-service-strip small{font-size:9px}.ah-service-strip>a>svg{width:22px;height:22px}}
@media(max-width:340px){.ah-copy h1{font-size:33px}.ah-eyebrow{font-size:6.7px;gap:6px}.ah-description{font-size:14px}.ah-actions{gap:7px}.ah-primary,.ah-secondary{font-size:10px;padding-inline:12px;gap:8px}.ah-tools{gap:2px;padding-inline:3px}.ah-discover{font-size:8px;gap:3px}.ah-discover svg{width:16px;height:16px}.ah-service-strip{gap:7px}.ah-service-strip>a{padding-inline:7px}.ah-service-strip strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ah-world,.ah-primary,.ah-secondary,.rh-display,.rh-desktop-copy,.ah-service-strip>a{transition:none}.ah-primary:hover{transform:none}}
