
:root{color-scheme:dark;--bg:#080f1e;--panel:#111e32;--panel2:#14243c;--stroke:#273955;--text:#f3f7ff;--muted:#a4b5cd;--blue:#478cff;--teal:#46d5cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #79b7ff;outline-offset:4px}a:hover{color:#8fc0ff}.wrap{max-width:1160px;margin:auto;padding:0 28px}.top{border-bottom:1px solid #20324c;background:#091323}.navbar{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:19px;letter-spacing:-.6px;font-weight:800;display:flex;align-items:center;gap:12px}.brand-mark{height:37px;width:37px;background:linear-gradient(135deg,#53b1ff,#5961f5);border-radius:11px;display:grid;place-items:center;font-size:23px;box-shadow:0 6px 24px #2865fc55}.navlinks{display:flex;align-items:center;gap:30px;color:#c4d1e4;font-size:14px;font-weight:600}.navlinks a:hover{color:#fff}.hero{position:relative;overflow:hidden;padding:88px 0 82px;background:radial-gradient(ellipse 54% 70% at 82% 42%,#123a67 0%,transparent 75%),radial-gradient(ellipse 45% 60% at 40% 0%,#102045 0%,transparent 80%)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#62a9ff;font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,5.4vw,68px);line-height:1.06;letter-spacing:-2.9px;margin:20px 0}.hero h1 span{color:#69a8ff}.hero p{font-size:18px;color:#b6c7dd;max-width:550px;margin:0 0 31px}.button{display:inline-flex;padding:13px 22px;border-radius:11px;background:#4288fb;color:white;font-size:14px;font-weight:750;box-shadow:0 10px 26px #245ecb35}.button:hover{background:#65a1ff;color:#fff}.button.secondary{border:1px solid #455c78;background:transparent;box-shadow:none}.actions{display:flex;gap:12px;flex-wrap:wrap}.visual{position:relative;min-height:370px}.visual .halo{position:absolute;inset:7% 12%;border-radius:50%;background:#255dbb66;filter:blur(65px)}.floating{position:absolute;border:1px solid #3c5679;background:linear-gradient(145deg,#1b3252,#0b1829);box-shadow:0 20px 55px #010814aa;border-radius:25px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.floating svg{height:76px;width:76px}.floating strong{display:block;font-size:18px}.floating small{color:#aec1dc;font-size:12px}.float1{width:220px;height:255px;top:20px;left:18%;transform:rotate(-10deg)}.float2{width:220px;height:255px;right:0;top:95px;transform:rotate(9deg)}.float3{width:160px;height:155px;bottom:0;left:5%;transform:rotate(5deg);padding:16px}.float3 svg{width:48px;height:48px}.float3 strong{font-size:15px}.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.kicker{font-size:12px;font-weight:800;letter-spacing:.14em;color:#5ca8ff;text-transform:uppercase}.section h2,.page-hero h1{font-size:clamp(31px,4vw,44px);letter-spacing:-1.6px;line-height:1.15;margin:10px 0}.sub{color:var(--muted);margin:0;max-width:700px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.app-card{border:1px solid var(--stroke);background:linear-gradient(155deg,#172842,#101c30 75%);border-radius:21px;padding:26px;min-height:320px;display:flex;flex-direction:column;transition:transform .2s,border .2s}.app-card:hover{transform:translateY(-5px);border-color:#427cc2}.iconbox{height:77px;width:77px;border-radius:21px;display:grid;place-items:center;margin-bottom:26px;box-shadow:inset 0 1px 1px #ffffff55,0 10px 24px #0004}.iconbox svg{height:53px;width:53px}.cloud{background:linear-gradient(135deg,#2375d8,#70b8fc)}.pilot{background:linear-gradient(135deg,#1b8d91,#66d3c6)}.tree{background:linear-gradient(135deg,#27805d,#6ac78a)}.app-card h3{font-size:23px;margin:0 0 9px;letter-spacing:-.7px}.app-card p{margin:0;color:#abbcd3;font-size:14px}.card-link{margin-top:auto;padding-top:27px;color:#7db7ff;font-size:14px;font-weight:750}.soft{background:#0c1728;border-top:1px solid #15253b;border-bottom:1px solid #15253b}.legacy{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.legacy a{display:flex;justify-content:space-between;align-items:center;border:1px solid #293a51;padding:23px;border-radius:14px;background:#111e30;gap:16px}.legacy strong{display:block}.legacy small{display:block;color:#92a7c3}.legacy .arr{color:#80b8ff;font-size:22px}.footer{border-top:1px solid #24334c;padding:32px 0;color:#91a6c1;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:23px}.page-hero{padding:70px 0 55px;background:radial-gradient(ellipse at 90% 5%,#16365f 0,transparent 60%)}.back{font-size:14px;color:#93c1fa}.page-title-row{display:flex;align-items:center;gap:23px;margin:32px 0 0}.page-title-row .iconbox{margin:0}.page-hero p{font-size:18px;color:#aec0da;max-width:770px}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:34px}.detail-grid h2{font-size:26px}.feature-list{padding-left:22px;color:#bfcee3}.feature-list li{margin-bottom:12px}.notice{border:1px solid #405371;background:#172741;border-radius:16px;padding:24px;color:#c1d0e4}.notice strong{color:#fff}.note{font-size:13px;color:#90a4be}.content-width{max-width:780px}.legal{color:#adc1db}.legal h2{color:#fff}.tag{display:inline-block;border:1px solid #395577;border-radius:99px;padding:3px 10px;color:#9fc9fc;font-size:12px;margin-top:16px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:15px}.hero{padding:72px 0 55px}.visual{min-height:300px;max-width:500px;width:100%;margin:auto}.cards{grid-template-columns:1fr}.app-card{min-height:245px}.detail-grid{grid-template-columns:1fr}}@media(max-width:540px){.wrap{padding:0 19px}.navbar{min-height:72px}.brand{font-size:16px}.navlinks{gap:15px;font-size:12px}.hero h1{letter-spacing:-1.8px}.hero p{font-size:16px}.visual{min-height:270px}.float1{left:7%;top:12px;width:180px;height:218px}.float2{width:180px;height:210px;right:3%;top:55px}.float3{display:none}.floating{padding:17px}.floating svg{height:60px;width:60px}.section{padding:59px 0}.legacy{grid-template-columns:1fr}.section-head{display:block}.page-title-row{align-items:start}.page-title-row .iconbox{width:66px;height:66px;flex:none}}

/* Official App Store icons; preserve SVG fallback until artwork loads. */
[data-app-id] { position: relative; overflow: hidden; }
[data-app-id] > img.app-artwork {position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; z-index:2;}

/* Official Apple App Store screenshot galleries */
.gallery-section{padding-top:18px}.gallery-intro{max-width:720px;color:#a9bdd8;margin-bottom:24px}
.screenshot-gallery{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px 3px 24px;scrollbar-color:#5474a2 #101b2c}
.screenshot-gallery>a{flex:0 0 auto;display:block;max-width:290px;scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#14243b;border:1px solid #304967;box-shadow:0 10px 30px #02081588}
.screenshot-gallery img{display:block;width:auto;height:420px;max-width:290px;object-fit:contain}
.gallery-unavailable{color:#a9bdd8;font-size:14px}.gallery-unavailable a{color:#93c1fa;text-decoration:underline}
.feature-shot{margin-top:16px;display:none;max-height:205px;overflow:hidden;border:1px solid #2f4868;border-radius:12px;background:#0e1928;text-align:center}
.feature-shot.has-shot{display:block}.feature-shot img{max-height:205px;max-width:100%;object-fit:contain;vertical-align:middle}
@media(max-width:540px){.screenshot-gallery>a{max-width:230px}.screenshot-gallery img{height:335px;max-width:230px}}

/* Contact support form */
.support-form{display:flex;flex-direction:column;gap:10px;padding:30px;border:1px solid #304361;border-radius:18px;background:#111e32}.support-form label{font-weight:650;color:#dce9fb;font-size:14px;margin-top:11px}.support-form input,.support-form textarea,.support-form select{width:100%;padding:13px 14px;font:inherit;background:#0a1527;color:#fff;border:1px solid #3b5170;border-radius:10px}.support-form input:focus,.support-form textarea:focus,.support-form select:focus{outline:2px solid #65a1ff;outline-offset:1px}.support-form .support-submit{border:0;cursor:pointer;align-self:flex-start;margin-top:16px}.support-form .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-message{border-radius:12px;padding:16px 20px;margin-bottom:24px}.form-message.success{background:#123c37;border:1px solid #2d9388}.form-message.error{background:#3f222e;border:1px solid #a55365}@media(max-width:540px){.support-form{padding:20px}}

/* Crop Applications wheat logo */
.brand-wheat{width:37px;height:37px;object-fit:contain;border-radius:10px;display:block;flex:none}
