/* Mountain blues, sage greens, and restrained photographic composition. */
:root{--paper:#f4f5ef;--ink:#244652;--muted:#596f73;--line:#d3ddd7;--accent:#bfd0c0;--white:#fcfdf8;--blue:#526f8a;--green:#577761;--sky:#e5eeef}
body{background:radial-gradient(ellipse 65% 42% at 90% 7%,#dfe9e8 0%,transparent 75%),var(--paper)}
header{background:#f4f5eff5}.nav{height:90px}.brand{letter-spacing:-.8px}.brand img{border-radius:11px}.language{min-height:42px}.account-link{background:var(--white);border-color:#c7d5cf}
h1 em{color:var(--blue);font-weight:400}.eyebrow{color:#506f71;font-size:10px;letter-spacing:.17em}.dark .eyebrow{color:#bcd0cf}
.btn{border-radius:6px;background:var(--ink);border-color:var(--ink);padding:14px 23px;min-height:49px}.btn:hover{background:#365e67;border-color:#365e67}.btn.light{background:transparent;border-color:#bdcbc4;color:var(--ink)}.btn.light:hover{background:#e4ece5}.btn.accent{background:#c8d9c6;color:#203f43;border-color:#c8d9c6}.btn.accent:hover{background:#d9e7d2;border-color:#d9e7d2}
.hero{grid-template-columns:.96fr 1.04fr;gap:46px;padding:60px 0 58px;align-items:center}.hero-copy{padding:12px 0}.hero h1{font-size:clamp(48px,6vw,82px);line-height:1.08;letter-spacing:-.055em}.hero p{max-width:430px;line-height:1.8;font-size:15px;margin-bottom:30px}.hero small{display:flex;gap:9px;align-items:start;max-width:400px;line-height:1.8;letter-spacing:0;font-size:11px;margin-top:26px}.status-dot{background:#6f8e72;flex:0 0 6px;height:6px;border-radius:50%;margin-top:7px;box-shadow:0 0 0 4px #dfe9dc}
.photo{display:block;width:100%;height:100%;object-fit:cover}.landscape{margin:0;height:535px;min-height:0;border-radius:10px;background:#5b7180;box-shadow:0 18px 45px -30px #203f4360}.landscape .photo{object-position:52% 50%}.landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#152e39a3,transparent 38%);pointer-events:none}.landscape-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;display:flex;flex-direction:column;gap:6px;color:#f4f6f0;text-shadow:0 1px 5px #102f3b80;font-size:11px}.landscape-caption span:first-child{font-size:9px;letter-spacing:.19em}.landscape-caption span:last-child{font-family:Georgia,serif;font-size:21px;letter-spacing:-.02em}
.strip{padding:23px 0;font-size:12px;justify-content:center;gap:65px}.strip span:before{color:#6c8874}.collection{padding:64px 0 74px}.section-head{margin-bottom:30px}.section-head h2{font-size:48px}.cards{gap:22px}.card{border-radius:9px;border-color:#d3ddd7;box-shadow:0 6px 18px -15px #203f434d}.card-art{height:225px}.arena-art .photo{object-position:60% 48%}.apple-art{background:linear-gradient(135deg,#e1ebdf,#c7d8c3);color:#41664e}.farm-art{background:linear-gradient(135deg,#dfebee,#bbd2d7);color:#406671}.product-symbol{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;padding:20px}.product-symbol svg{width:110px;height:100px;stroke-width:1.1}.product-symbol span{font-size:9px;letter-spacing:.16em;text-transform:uppercase}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff20 1px,transparent 1px),linear-gradient(90deg,#ffffff20 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 80%)}.card-body{padding:25px 25px 22px}.card-body h3{font-size:24px;line-height:1.28}.card-body p{font-size:13px;line-height:1.8;min-height:72px;margin-bottom:23px}.card-body a{min-height:42px;padding-top:13px;font-weight:550}.badge{background:#e1ebdd;color:#3c6148;font-size:10px;padding:4px 11px}.badge.soon{background:#e8eeed;color:#546e74}.card-body .badge{margin-bottom:16px}
.account-story{display:grid;grid-template-columns:.78fr 1fr;gap:0;padding:0;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#233f4e,#244d47)}.story-photo{position:relative;min-height:650px}.story-photo .photo{position:absolute;inset:0;object-position:50% 56%}.story-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#153b3bd9,transparent 55%)}.story-caption{position:absolute;bottom:32px;left:32px;right:32px;z-index:1}.story-caption .eyebrow{margin-bottom:12px;display:block}.story-caption p{font-family:Georgia,serif;font-size:29px;color:#eff3e9;line-height:1.22;letter-spacing:-.03em;max-width:280px;margin:0}.story-content{padding:44px 47px}.story-content h2{font-size:43px;line-height:1.14;max-width:490px}.story-content>p{font-size:13px;line-height:1.8;color:#c0d1cf}.story-content .steps{margin:27px 0 31px;gap:17px}.story-content .step{gap:16px;padding-bottom:16px;border-color:#bbd0c92b}.story-content .step b{color:#c6d8bb}.story-content .step h3{font-size:15px;color:#f4f6ee}.story-content .step p{color:#b7ccca;font-size:12px;line-height:1.7}.end-note{padding:65px 0}.end-note .eyebrow{margin-bottom:13px}.end-note h2{font-size:38px}.foot-top .brand img{width:31px;height:31px}.foot-top .muted{display:block;margin:10px 0 0 42px}.foot-bottom{font-size:11px}
.page-title{padding:58px 0 26px}.page-title h1{color:var(--ink)}.page-title p{line-height:1.8}.product-lead{display:grid;grid-template-columns:.95fr 1.05fr;gap:50px;align-items:center;padding:53px 0 43px;border-bottom:1px solid var(--line)}.product-lead .page-title{padding:0}.product-lead .page-title h1{font-size:64px;margin:14px 0 23px}.product-lead .card-art{height:405px;border-radius:9px}.product-lead .arena-art .photo{object-position:61% 50%}.product-lead .product-symbol svg{width:170px;height:140px}.detail{grid-template-columns:1.1fr .8fr;gap:80px;padding-top:32px;align-items:start}.product-note{margin-top:15px;background:linear-gradient(135deg,#e6efea,#e7eff2);padding:33px;border-color:#c6d7cd}.product-note h3{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.2}.product-note p{line-height:1.8}.product-note .text-link{margin-top:10px}.feature-list li{border-color:#d7e1db}.feature-list li:before{color:#557b68}.callout{background:#e6ede5;color:#365a4b}.callout p{color:#537163}.plan{border-radius:9px;border-color:#cedbd4}.plan.featured{border-color:#4b7169;background:#f7faf4;position:relative}.plan.featured:before{content:'';position:absolute;height:4px;top:-1px;left:19px;right:19px;background:#6d9180;border-radius:0 0 4px 4px}.price{font-size:45px;color:#315e61}.panel{border-color:#d0ddd5;border-radius:9px}.tabs button[aria-pressed=true]{background:#365d68;border-color:#365d68}.account-layout{padding-top:4px}.account-layout>.panel{max-width:850px;background:linear-gradient(115deg,#fdfef8,#e5eeeb)}.support-grid .panel h3{overflow-wrap:anywhere}.support-grid .panel{background:#e7efea}.demo-form input{border-color:#c4d5cc}.nav .account-link:hover{background:#e7eeea}
@media(min-width:1500px){.hero{padding:76px 0 67px}}
@media(max-width:1000px){.hero{gap:26px}.hero h1{font-size:60px}.landscape{height:490px}.strip{gap:30px}.story-content{padding:32px}.story-content h2{font-size:37px}.story-photo{min-height:650px}.product-lead{gap:30px}.product-lead .page-title h1{font-size:52px}.product-lead .card-art{height:380px}.detail{gap:35px}}
@media(max-width:720px){body{background:radial-gradient(ellipse at 95% 3%,#dfe9e8,transparent 35%),var(--paper)}.nav{height:77px}.hero{grid-template-columns:1fr;gap:30px;padding:36px 0 35px}.hero-copy{padding:0}.hero h1{font-size:clamp(45px,11vw,67px);margin-bottom:22px}.hero .eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:21px}.hero p{font-size:14px;line-height:1.8;margin-bottom:23px}.hero small{font-size:10px;margin-top:22px}.hero .actions{gap:10px}.hero .btn{font-size:12px;padding:12px 16px}.landscape{height:355px;min-height:0}.landscape .photo{object-position:55% 45%}.landscape-caption{bottom:21px;left:21px;right:21px}.landscape-caption span:last-child{font-size:22px}.strip{justify-content:flex-start;gap:12px 20px;padding:21px 0;flex-wrap:wrap;font-size:10px}.strip span:before{margin-right:7px}.collection{padding:41px 0 43px}.section-head h2{font-size:38px}.section-head{gap:16px;margin-bottom:25px}.cards{gap:22px}.card-art{height:230px}.card-body p{min-height:0;margin-bottom:19px}.card-body{padding:25px}.account-story{grid-template-columns:1fr}.story-photo{min-height:0;height:350px}.story-photo .photo{object-position:50% 60%}.story-caption{bottom:25px;left:25px}.story-caption p{font-size:28px}.story-content{padding:32px 26px}.story-content h2{font-size:37px}.story-content .steps{margin-block:25px}.end-note{padding:45px 0;gap:22px}.end-note h2{font-size:33px}.foot-top .muted{margin-left:0}.page-title{padding-top:38px}.product-lead{grid-template-columns:1fr;gap:27px;padding:35px 0}.product-lead .page-title h1{font-size:48px}.product-lead .card-art{height:285px}.product-lead .arena-art .photo{object-position:57% 45%}.detail{grid-template-columns:1fr;padding-top:5px;gap:20px;margin-top:30px}.product-note{margin-top:0;padding:26px}.plan{padding:28px}.section{padding-block:45px}.collection{padding-block:41px}.support-grid{gap:28px}.photo{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -20px #24465265}.card-art .photo{transition:transform .5s}.card:hover .photo{transform:scale(1.025)}}
.product-lead,.detail{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.product-lead>*{min-width:0}.product-lead h1{overflow-wrap:anywhere}
@media(max-width:720px){.product-lead,.detail{grid-template-columns:minmax(0,1fr)}.product-lead .page-title h1{font-size:clamp(32px,9vw,48px)}.product-lead:has(.arena-art) .page-title h1{font-size:48px}}
@media(max-width:359px){.nav .language{max-width:49px;font-size:10px}.nav .account-link{font-size:10px;padding:8px 6px;white-space:nowrap}.card-body h3{font-size:23px}}
main:focus{outline:none}
.brand{gap:14px;letter-spacing:0}.brand img,.foot-top .brand img{width:64px;height:38px;border-radius:0;object-fit:contain}.brand-wordmark{font-size:16px;font-weight:650;letter-spacing:.13em;text-transform:uppercase}.foot-top .muted{margin-left:78px}
.arena-logo-frame{display:block;width:160px;height:132px;position:relative;overflow:hidden;background:transparent;mix-blend-mode:multiply}.arena-logo-frame img{position:absolute;width:230px;height:auto;max-width:none;left:-35px;top:-10px}.card-body .arena-card-title{margin:0 0 17px;min-height:0}.product-lead .page-title .arena-product-title{margin:18px 0 23px;line-height:1}.arena-product-title .arena-logo-frame{width:290px;height:245px}.arena-product-title .arena-logo-frame img{width:420px;height:auto;left:-65px;top:-15px}
@media(max-width:1000px){.nav .brand-wordmark{font-size:14px;letter-spacing:.1em}.nav .brand{gap:10px}.nav .brand img{width:53px;height:33px}}
@media(max-width:720px){.nav .brand{gap:8px}.nav .brand img{width:39px;height:28px}.nav .brand-wordmark{font-size:11px;letter-spacing:.08em}.foot-top .muted{margin-left:0}.arena-product-title .arena-logo-frame{width:230px;height:195px}.arena-product-title .arena-logo-frame img{width:334px;height:auto;left:-52px;top:-12px}}
@media(max-width:359px){.nav .brand{gap:6px}.nav .brand img{width:32px;height:24px}.nav .brand .brand-wordmark{font-size:10px;letter-spacing:.06em}}
@media(max-width:720px){.product-lead .arena-art{height:auto;aspect-ratio:1517/1037}.product-lead .arena-art .photo{position:absolute;inset:0;object-position:center}}
