:root{color-scheme:dark;--ink:#f5f5e9;--muted:#b4c9be;--green:#071d19;--green2:#0b2a24;--line:rgba(198,235,209,.16);--gold:#eacb79;--mint:#79e1bc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--green);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-shell{overflow:hidden;background:radial-gradient(circle at 73% 9%,rgba(19,117,104,.3),transparent 26%),radial-gradient(circle at 8% 37%,rgba(22,75,58,.18),transparent 28%),#071d19}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(3.1rem,6.2vw,6.35rem);font-weight:800}h2{font-size:clamp(2.35rem,4.3vw,4.2rem);font-weight:800}h3{font-size:1.3rem;font-weight:700;letter-spacing:-.025em}.site-header{height:92px;display:flex;align-items:center;gap:36px;position:relative;z-index:4}.brand{display:flex;align-items:center;gap:11px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:800;letter-spacing:-.035em;white-space:nowrap;font-size:1rem}.brand img,.footer-brand img{width:42px;height:42px;border-radius:12px}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a,.footer-links a{font-size:.9rem;color:#c3d5ca;transition:color .2s}.site-header nav a:hover,.footer-links a:hover{color:var(--gold)}.language-switch{border:1px solid var(--line);padding:4px;border-radius:999px;display:flex;align-items:center;gap:2px}.language-switch a{font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:6px 11px;border-radius:999px;color:#9eb9ab}.language-switch a[aria-current]{background:#dfc477;color:#153128}.hero{min-height:640px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;position:relative;padding-top:30px;padding-bottom:84px}.hero-copy{position:relative;z-index:2;max-width:700px}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.dot{display:inline-block;width:8px;height:8px;background:#79e1bc;border-radius:50%;margin-right:10px;box-shadow:0 0 13px #79e1bc}.hero h1{margin:19px 0 24px}.hero h1 em{font-style:normal;color:var(--gold)}.lead{max-width:570px;font-size:1.13rem;color:var(--muted);line-height:1.8}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:30px 0 60px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;border-radius:12px;padding:16px 22px;font-size:.92rem;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:#0d241c;box-shadow:0 12px 40px rgba(234,203,121,.14)}.button-primary:hover{box-shadow:0 16px 45px rgba(234,203,121,.25)}.text-link{font-size:.91rem;font-weight:700;color:#dcebe1}.text-link span{color:var(--gold);padding-left:6px}.hero-facts{display:flex;gap:0;flex-wrap:wrap}.hero-facts span{padding:0 25px;border-left:1px solid var(--line);font-size:.8rem;color:#9ab3a5}.hero-facts span:first-child{padding-left:0;border:0}.hero-facts strong{display:block;font:800 1.5rem system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:-.05em;color:var(--ink)}.hero-art{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center}.halo{position:absolute;width:min(550px,100%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(22,176,155,.32),rgba(19,76,70,.17) 43%,transparent 68%);filter:blur(5px)}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid rgba(137,219,184,.12);border-radius:50%;width:100%;aspect-ratio:1;max-width:540px}.hero-art:after{max-width:420px}.hero-icon{width:min(420px,82%);position:relative;z-index:1;border-radius:26%;box-shadow:0 28px 90px rgba(0,0,0,.27);transform:rotate(-5deg)}.floating-note{position:absolute;z-index:2;border:1px solid rgba(234,203,121,.26);border-radius:100px;background:rgba(12,44,37,.88);backdrop-filter:blur(14px);padding:12px 17px;font-size:.78rem;font-weight:700;box-shadow:0 14px 40px rgba(0,0,0,.2)}.floating-note span{color:var(--gold);margin-right:8px}.note-one{top:14%;right:1%}.note-two{bottom:14%;left:0}.section{padding:100px 0}.features{background:#0d2822;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{max-width:660px;margin-bottom:44px}.section-heading h2{margin:12px 0 18px}.section-heading p:last-child{font-size:1.03rem;color:var(--muted)}.section-heading.center{text-align:center;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:linear-gradient(160deg,#14382f,#0b261f);border:1px solid rgba(220,222,166,.13);border-radius:22px;padding:33px 30px 35px;min-height:290px}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(234,203,121,.12);color:var(--gold);font-size:1.45rem;margin-bottom:28px}.feature-card h3{margin-bottom:12px}.feature-card p{color:#abc5b6;font-size:.95rem;line-height:1.75;margin:0}.showcase{background:linear-gradient(180deg,#071d19,#0b2520)}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:940px;margin:auto}.screen-grid figure{margin:0;text-align:center}.screen-frame{border:6px solid #1e3f39;border-radius:30px;padding:5px;overflow:hidden;background:#071511;box-shadow:0 25px 55px rgba(0,0,0,.31);max-height:520px}.screen-frame img{width:100%;height:610px;object-fit:cover;object-position:top}.screen-grid figcaption{font-size:.94rem;font-weight:700;color:#d7e9db;margin-top:20px}.download-band{background:linear-gradient(110deg,rgba(5,43,27,.94),rgba(4,91,49,.84)),url("assets/heritage-mosque.jpg") center/cover;color:#f4f4e9;padding:56px 0;border-top:1px solid rgba(240,211,125,.28);border-bottom:1px solid rgba(240,211,125,.28)}.download-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.download-band .eyebrow{color:#eacb79}.download-band h2{font-size:clamp(2rem,3.1vw,3rem);margin:5px 0}.download-band p:last-child{margin:0;color:#d1e1d2}.button-light{background:#09291f;color:#f9edce;white-space:nowrap}.site-footer{min-height:135px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{display:flex;align-items:center;gap:12px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:.91rem;font-weight:800}.footer-brand small{display:block;color:#809c8e;font:400 .75rem system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0}.footer-links{display:flex;gap:24px}.policy-main{max-width:950px;padding:55px 0 110px}.policy-intro{text-align:center;max-width:760px;margin:0 auto 44px}.policy-intro h1{font-size:clamp(2.8rem,5vw,5rem);margin:12px 0 16px}.policy-intro>p:not(.eyebrow){font-size:1.05rem;color:var(--muted)}.update-date{display:inline-block;color:#c8d7cc;font-size:.84rem;border:1px solid var(--line);border-radius:99px;padding:7px 16px}.policy-card{border:1px solid var(--line);background:#0f2c25;border-radius:24px;padding:18px clamp(24px,5vw,60px)}.policy-card section{padding:30px 0;border-bottom:1px solid var(--line)}.policy-card section:last-child{border:0}.policy-card h2{font-size:1.44rem;letter-spacing:-.025em;margin-bottom:13px}.policy-card p{color:#c6d9cd;font-size:.97rem;line-height:1.85;margin:0 0 13px}.policy-card p:last-child{margin:0}.policy-card a{color:#f1cf7e;text-decoration:underline;text-underline-offset:3px}.policy-card code{font-size:.85rem;color:#f1cf7e}a:focus-visible{outline:3px solid var(--mint);outline-offset:4px}@media(max-width:880px){.hero{grid-template-columns:1fr;padding-top:65px;text-align:center}.hero-copy{margin:auto}.lead{margin:auto}.hero-actions,.hero-facts{justify-content:center}.hero-art{min-height:450px}.hero-icon{width:min(380px,70%)}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:0}.site-header nav{gap:18px}.brand span{font-size:.85rem}.screen-grid{gap:18px}.screen-frame{height:420px}.screen-frame img{height:500px;object-fit:cover}}@media(max-width:650px){.wrap{width:min(100% - 32px,1180px)}.site-header{height:76px;gap:12px;flex-wrap:wrap}.brand img{height:36px;width:36px}.brand span{font-size:.82rem}.site-header nav{order:3;width:100%;justify-content:center;margin:-6px 0 0}.site-header nav a{font-size:.77rem}.language-switch{margin-left:auto}.hero{padding-top:80px;padding-bottom:58px;min-height:0}.hero h1{font-size:clamp(2.8rem,11vw,4rem)}.lead{font-size:1rem}.hero-actions{margin-bottom:38px;gap:18px}.hero-facts span{padding:0 13px;font-size:.69rem}.hero-facts strong{font-size:1.19rem}.hero-art{min-height:330px}.hero-icon{width:min(280px,77%)}.floating-note{font-size:.66rem;padding:7px 10px}.note-one{right:0}.section{padding:72px 0}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.screen-frame{border-width:3px;border-radius:15px;padding:2px;height:245px}.screen-frame img{height:290px}.screen-grid figcaption{font-size:.72rem;line-height:1.35;margin-top:10px}.download-inner{display:block;text-align:center}.download-band .button{margin-top:20px}.site-footer{padding:32px 0;display:block;text-align:center}.footer-brand,.footer-links{justify-content:center}.footer-links{margin-top:24px}.policy-main{padding-top:70px}.policy-card{border-radius:17px}.policy-card section{padding:24px 0}.policy-card h2{font-size:1.22rem}}

.store-badge{display:inline-block;flex:none;transition:transform .2s,filter .2s}.store-badge:hover{transform:translateY(-3px);filter:brightness(1.15)}.store-badge img{width:205px;max-width:100%;height:auto}
.button-disabled{cursor:default;opacity:.9;box-shadow:none}.button-disabled:hover{transform:none}.store-badge-coming{flex:none;text-align:center}.store-badge-coming img{width:190px;opacity:.65;filter:grayscale(.3)}.store-badge-coming span{display:block;margin-top:8px;color:#f6e2a8;font-size:.78rem;font-weight:700;letter-spacing:.06em}

/* A touch of the original site's mosque backdrop and brighter emerald green. */
.hero{isolation:isolate}
.hero::before{content:"";position:absolute;inset:0 -8% 0 32%;z-index:-1;background:url("assets/heritage-mosque.jpg") center/cover no-repeat;opacity:.11;mask-image:linear-gradient(90deg,transparent 0%,#000 45%,transparent 100%);pointer-events:none}
.heritage-line{margin:22px 0 0;color:#a7d7b6;font-size:.79rem;font-weight:700;letter-spacing:.015em}
.heritage-line span{color:#eacb79;padding:0 7px}
.features .eyebrow{color:#78e49c}
.feature-icon{background:rgba(9,156,82,.18);color:#83e6a6;border:1px solid rgba(131,230,166,.15);border-radius:50%}
.feature-card{box-shadow:inset 0 1px 0 rgba(194,255,215,.04)}

/* Feature bubbles orbit in perspective around the app icon. */
.hero-art{min-width:0;perspective:950px;isolation:isolate}
.hero-art::before{max-width:550px;border-color:rgba(131,230,166,.13)}
.hero-art::after{max-width:420px;border-color:rgba(234,203,121,.11)}
.orbit-ring{position:absolute;width:86%;height:86%;max-width:500px;max-height:500px;border:2px solid rgba(96,232,151,.26);border-radius:50%;transform:rotateX(67deg) rotate(-20deg);box-shadow:0 0 35px rgba(9,156,82,.2),inset 0 0 38px rgba(9,156,82,.11);pointer-events:none}
.hero-icon{width:min(340px,64%);z-index:3;border:1px solid rgba(169,253,196,.25);box-shadow:0 36px 75px rgba(0,0,0,.43),0 0 48px rgba(14,172,98,.18),inset 0 1px 0 rgba(255,255,255,.3);animation:icon-float 7s ease-in-out infinite;transform-style:preserve-3d;will-change:transform}
.orbit-features{position:absolute;inset:0;pointer-events:none}
.orbit-badge{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:7px;white-space:nowrap;padding:6px 12px 6px 6px;min-height:38px;border:1px solid rgba(175,236,170,.36);border-radius:999px;background:linear-gradient(135deg,rgba(17,91,55,.96),rgba(8,43,36,.95));color:#f5fff2;font-size:.73rem;font-weight:750;line-height:1;box-shadow:0 8px 25px rgba(0,0,0,.31),0 0 22px rgba(9,156,82,.14),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(10px);transform:translate(-50%,-50%);will-change:transform,opacity;pointer-events:auto}
.orbit-badge span{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#e6d17e;color:#16432f;font-size:1rem;font-weight:800;line-height:1}
.orbit-badge:nth-child(even){border-color:rgba(234,203,121,.4);background:linear-gradient(135deg,rgba(27,88,67,.96),rgba(10,44,38,.95))}
@keyframes icon-float{0%,100%{transform:translateY(4px) rotateY(-8deg) rotateX(4deg) rotateZ(-3deg)}50%{transform:translateY(-10px) rotateY(7deg) rotateX(-3deg) rotateZ(3deg)}}

@media(max-width:880px){.hero-art{min-height:490px}.hero-icon{width:min(340px,62%)}.heritage-line{margin-left:auto;margin-right:auto}}
@media(max-width:650px){.hero-art{min-height:390px;margin-top:7px}.hero-icon{width:min(225px,60%)}.orbit-badge{font-size:.61rem;min-height:31px;padding:4px 8px 4px 4px;gap:5px}.orbit-badge span{width:22px;height:22px;font-size:.85rem}.heritage-line{font-size:.68rem;line-height:1.9;max-width:340px}.heritage-line span{padding:0 3px}.orbit-ring{width:91%;height:91%}}
@media(prefers-reduced-motion:reduce){.hero-icon{animation:none;transform:rotate(-3deg)}.orbit-badge{transition:none}}

/* Developer portfolio */
.developer-hero{min-height:670px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:65px;padding-top:45px;padding-bottom:95px;position:relative;isolation:isolate}
.developer-hero::before{content:"";position:absolute;inset:0 -10% 0 30%;z-index:-1;background:url("assets/heritage-mosque.jpg") center/cover no-repeat;opacity:.13;mask-image:linear-gradient(90deg,transparent,#000 40%,transparent);pointer-events:none}
.developer-hero h1{margin:22px 0 25px;font-size:clamp(4rem,7.3vw,7.5rem)}
.developer-hero h1 em{font-style:normal;color:var(--gold)}
.developer-hero .hero-actions{margin:32px 0 25px}
.developer-hero-foot{font-size:.82rem;color:#86cda5;font-weight:700}
.developer-feature{position:relative;min-height:540px;border:1px solid rgba(167,229,173,.25);border-radius:35px;background:radial-gradient(circle at 50% 28%,rgba(30,183,133,.29),transparent 50%),linear-gradient(145deg,#1a4939,#092a23 73%);box-shadow:0 35px 80px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:58px 42px 40px;overflow:hidden}
.developer-feature::before,.developer-feature::after{content:"";position:absolute;border:1px solid rgba(143,238,168,.13);border-radius:50%;width:410px;aspect-ratio:1;top:5%;pointer-events:none}
.developer-feature::after{width:325px;top:13%;border-color:rgba(234,203,121,.11)}
.developer-feature-tag{position:absolute;top:26px;left:28px;color:#eacb79;font-size:.68rem;font-weight:800;letter-spacing:.18em}
.developer-feature>img{width:min(235px,58%);border-radius:25%;z-index:1;transform:rotate(-5deg);box-shadow:0 25px 65px rgba(0,0,0,.43),0 0 42px rgba(49,201,160,.16);margin-bottom:34px}
.developer-feature>div{z-index:1}
.developer-feature h2{font-size:1.7rem;margin-bottom:10px}
.developer-feature h2 span{color:var(--gold)}
.developer-feature p{font-size:.9rem;color:#c4dfcd;max-width:340px;margin:0 auto 18px}
.developer-feature a{color:#eacb79;font-size:.87rem;font-weight:800}
.developer-feature a:hover{text-decoration:underline;text-underline-offset:4px}
.developer-apps{background:#0c2822;border-top:1px solid var(--line)}
.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.app-card{display:flex;flex-direction:column;min-height:300px;border:1px solid rgba(157,220,171,.18);border-radius:23px;padding:28px;background:linear-gradient(155deg,#153b31,#0b261f 72%);box-shadow:inset 0 1px 0 rgba(255,255,255,.045);transition:transform .25s,border-color .25s}
.app-card:hover{transform:translateY(-5px);border-color:rgba(165,225,159,.4)}
.app-card-icon{width:70px;height:70px;object-fit:cover;border-radius:18px;background:#09251f;box-shadow:0 13px 28px rgba(0,0,0,.24);margin-bottom:23px}
.app-card h3{font-size:1.28rem;margin-bottom:4px}
.app-card-body>p:last-child{color:#a9c6b7;font-size:.88rem;line-height:1.6;margin:14px 0 23px}
.app-package{color:#8fdda9;font-size:.67rem;overflow-wrap:anywhere;letter-spacing:.005em;margin:0}
.app-card-links{border-top:1px solid var(--line);padding-top:18px;margin-top:auto;display:flex;flex-wrap:wrap;gap:12px 22px}
.app-card-links a{font-size:.81rem;color:#f0d584;font-weight:750}
.app-card-links a:hover{text-decoration:underline;text-underline-offset:4px}
.developer-contact{background:linear-gradient(110deg,rgba(5,43,27,.94),rgba(4,91,49,.84)),url("assets/heritage-mosque.jpg") center/cover;padding:65px 0;border-top:1px solid rgba(240,211,125,.22)}
.developer-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.developer-contact h2{font-size:clamp(2.2rem,3.5vw,3.4rem);margin:10px 0}
.developer-contact p:last-child{color:#d2e8d8;margin:0}
@media(max-width:880px){.developer-hero{grid-template-columns:1fr;text-align:center;gap:35px;padding-top:65px}.developer-hero .lead{margin:auto}.developer-hero .hero-actions{justify-content:center}.developer-feature{max-width:540px;width:100%;margin:auto}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.developer-hero{padding-top:86px;padding-bottom:65px;gap:34px}.developer-hero h1{font-size:clamp(3.4rem,15vw,5rem)}.developer-hero .hero-actions{gap:16px}.developer-hero-foot{font-size:.7rem}.developer-feature{min-height:435px;padding:55px 24px 30px;border-radius:25px}.developer-feature>img{width:170px;margin-bottom:22px}.developer-feature h2{font-size:1.38rem}.developer-feature-tag{top:20px;left:18px;font-size:.59rem}.developer-feature::before{width:310px}.developer-feature::after{width:240px}.app-grid{grid-template-columns:1fr}.app-card{min-height:0}.developer-contact-inner{display:block;text-align:center}.developer-contact .button{margin-top:25px;max-width:100%;font-size:.75rem;padding:14px 12px}.site-footer .footer-links{flex-wrap:wrap}}
.policy-app-icon{width:80px;height:80px;object-fit:cover;border-radius:20px;margin:0 auto 20px;box-shadow:0 12px 34px rgba(0,0,0,.27)}
.policy-intro code{font-size:.81rem;color:#a8d8b6;overflow-wrap:anywhere}

/* The original 2016 design beside the coming 4.0 release. */
.origin-band{background:linear-gradient(115deg,#102e25,#0a241f);border-top:1px solid rgba(146,219,161,.18);border-bottom:1px solid rgba(146,219,161,.18)}
.origin-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:72px;padding-top:78px;padding-bottom:78px}
.origin-copy h2{font-size:clamp(2.35rem,4.2vw,4.25rem);margin:12px 0 20px}
.origin-copy>p:last-child{font-size:1rem;line-height:1.85;color:#b8d1c1;max-width:640px;margin:0}
.origin-evolution{display:flex;align-items:center;justify-content:center;gap:22px;border:1px solid rgba(234,203,121,.17);border-radius:29px;background:radial-gradient(circle at 55% 42%,rgba(16,158,103,.14),transparent 66%),rgba(4,31,25,.38);min-height:295px;padding:28px}
.origin-evolution figure{margin:0;text-align:center;min-width:0}
.origin-evolution img{width:145px;height:145px;object-fit:cover;border-radius:30px;box-shadow:0 20px 35px rgba(0,0,0,.28)}
.origin-evolution figcaption{margin-top:14px;color:#eacf7a;font-weight:800;letter-spacing:.08em;font-size:.82rem}
.origin-evolution>span{color:#82d9a1;font-size:2.2rem;transform:translateY(-14px)}
@media(max-width:880px){.origin-inner{grid-template-columns:1fr;gap:32px;text-align:center}.origin-copy>p:last-child{margin-left:auto;margin-right:auto}.origin-evolution{max-width:550px;width:100%;margin:auto}}
@media(max-width:650px){.origin-inner{padding-top:64px;padding-bottom:64px}.origin-copy h2{font-size:clamp(2.2rem,10vw,3.25rem)}.origin-copy>p:last-child{font-size:.92rem}.origin-evolution{min-height:205px;gap:13px;padding:18px;border-radius:20px}.origin-evolution img{width:min(120px,28vw);height:min(120px,28vw);border-radius:24px}.origin-evolution>span{font-size:1.7rem}}

.origin-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;color:#b8d1c1;max-width:640px;margin:0}
.origin-history-link{display:inline-flex;gap:8px;align-items:center;margin-top:22px;color:var(--gold);font-size:.92rem;font-weight:800;text-decoration:underline;text-underline-offset:5px}
.origin-history-link:hover{color:#ffe6a2}

/* Archived screens trace the original counter through version 2 to the upcoming 4.0. */
.journey{background:linear-gradient(180deg,#09231d,#0c2a22);border-top:1px solid var(--line)}
.journey .section-heading{max-width:720px}
.journey-list{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;margin:0}
.journey-list::before{content:"";position:absolute;top:13px;left:4%;right:4%;height:2px;background:linear-gradient(90deg,rgba(234,203,121,.2),rgba(121,225,188,.67),rgba(234,203,121,.68))}
.journey-step{min-width:0;position:relative}
.journey-date{min-height:70px;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:center;gap:3px 10px;padding:0 0 20px;color:var(--gold);font-weight:800}
.journey-date::before{content:"";display:block;flex:none;width:15px;height:15px;border:3px solid #0b2822;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px rgba(234,203,121,.45),0 0 20px rgba(234,203,121,.32);margin-right:4px}
.journey-date span:first-of-type,.journey-date time{font-size:1.25rem;letter-spacing:-.025em;line-height:1}
.journey-date span:last-child{font-size:.68rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:#a9cfb7}
.journey-card{height:100%;overflow:hidden;border:1px solid rgba(167,229,173,.2);border-radius:23px;background:linear-gradient(155deg,#173b30,#0b251f 75%);box-shadow:0 24px 48px rgba(0,0,0,.13)}
.journey-step-current .journey-card{border-color:rgba(234,203,121,.37);background:linear-gradient(155deg,#1a4936,#0b2b23 75%)}
.journey-media{height:350px;margin:0;padding:18px 18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:radial-gradient(circle at 50% 55%,rgba(61,172,117,.2),transparent 70%),rgba(0,18,14,.25);border-bottom:1px solid var(--line)}
.journey-media img{width:auto;height:288px;max-width:100%;object-fit:contain;border-radius:11px;filter:drop-shadow(0 13px 20px rgba(0,0,0,.35))}
.journey-media-archive img{height:286px;border-radius:0}
.journey-media figcaption{font-size:.69rem;color:#a8d3b9;line-height:1.25;text-align:center}
.journey-copy{padding:27px 27px 33px}
.journey-copy h3{font-size:1.25rem;margin:0 0 11px}
.journey-copy p{font-size:.88rem;line-height:1.75;color:#b7d0bf;margin:0}
@media(max-width:880px){.journey-list{gap:14px}.journey-media{height:300px;padding:14px}.journey-media img,.journey-media-archive img{height:238px}.journey-copy{padding:23px 20px 27px}.journey-copy h3{font-size:1.13rem}}
@media(max-width:650px){.journey-list{grid-template-columns:1fr;gap:28px;padding-left:29px}.journey-list::before{top:9px;bottom:20px;left:7px;right:auto;width:2px;height:auto;background:linear-gradient(180deg,rgba(234,203,121,.35),rgba(121,225,188,.75),rgba(234,203,121,.65))}.journey-date{min-height:0;padding:0 0 13px}.journey-date::before{position:absolute;left:-29px;top:1px}.journey-card{height:auto}.journey-media{height:320px}.journey-media img,.journey-media-archive img{height:262px}.journey-copy{padding:24px}.origin-copy>p:not(.eyebrow){font-size:.92rem}}

/* Make the archived original design a clear visual statement on the developer page. */
.developer-original-claim{max-width:610px;margin:0 0 17px;color:var(--gold);font-size:clamp(1.3rem,2.15vw,1.82rem);font-weight:850;line-height:1.27;letter-spacing:-.035em;text-wrap:balance}
.origin-evolution{position:relative;min-height:435px;align-items:center;gap:14px;padding:60px 24px 25px;background:radial-gradient(circle at 50% 46%,rgba(23,166,115,.22),transparent 68%),rgba(4,31,25,.54)}
.origin-evolution .origin-stamp{position:absolute;left:22px;top:19px;border:1px solid rgba(234,203,121,.55);border-radius:100px;background:rgba(234,203,121,.1);padding:7px 13px;color:var(--gold);font-size:.64rem;font-weight:850;letter-spacing:.16em;line-height:1.1;transform:none}
.origin-evolution figure{flex:1;min-width:0}
.origin-evolution img{width:auto;height:300px;max-width:100%;object-fit:contain;border-radius:10px;margin:auto;box-shadow:0 17px 37px rgba(0,0,0,.28)}
.origin-evolution figcaption{margin-top:13px;font-size:.73rem;letter-spacing:.04em}
.origin-evolution .origin-arrow{position:static;flex:none;color:#82d9a1;font-size:2rem;line-height:1;transform:none}
@media(max-width:650px){.developer-original-claim{margin-left:auto;margin-right:auto;font-size:1.35rem}.origin-evolution{min-height:340px;padding:58px 13px 18px;gap:6px}.origin-evolution .origin-stamp{left:15px;top:15px;font-size:.57rem}.origin-evolution img{height:220px;width:auto;border-radius:7px}.origin-evolution figcaption{font-size:.62rem}.origin-evolution .origin-arrow{font-size:1.55rem}}

/* A 2026 anniversary statement between the app introduction and the archive. */
.anniversary-band{position:relative;overflow:hidden;background:linear-gradient(118deg,#f5df9c 0%,#eacb79 55%,#d9ad56 100%);color:#10291e;border-top:1px solid #fff0b9;border-bottom:1px solid #a88136}
.anniversary-band::after{content:"10";position:absolute;right:-2%;bottom:-26%;font-size:clamp(18rem,38vw,38rem);font-weight:900;line-height:1;letter-spacing:-.12em;color:rgba(90,66,16,.065);pointer-events:none}
.anniversary-inner{position:relative;z-index:1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:65px;align-items:center;padding-top:64px;padding-bottom:66px}
.anniversary-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;width:240px;height:240px;border:3px solid rgba(31,61,42,.42);border-radius:50%;box-shadow:0 0 0 11px rgba(31,61,42,.08),inset 0 0 0 9px rgba(255,244,193,.48);transform:rotate(-8deg);text-align:center}
.anniversary-mark strong{font-size:8.3rem;font-weight:900;letter-spacing:-.1em;line-height:.85;margin-right:.09em}
.anniversary-mark span{font-size:1.47rem;font-weight:900;letter-spacing:.18em;line-height:1.1}
.anniversary-mark small{font-size:.71rem;font-weight:850;letter-spacing:.14em;margin-top:7px}
.anniversary-kicker{margin:0 0 12px;font-size:.76rem;font-weight:900;letter-spacing:.2em}
.anniversary-copy h2{font-size:clamp(2.5rem,4.9vw,4.7rem);line-height:1.04;margin:0 0 19px;letter-spacing:-.055em;text-wrap:balance}
.anniversary-copy>p:not(.anniversary-kicker){max-width:750px;margin:0;color:#284431;font-size:1.02rem;line-height:1.75}
.anniversary-copy a{display:inline-flex;gap:8px;align-items:center;margin-top:21px;font-size:.91rem;font-weight:850;text-decoration:underline;text-underline-offset:5px}
.anniversary-copy a:hover{color:#005b3d}
@media(max-width:880px){.anniversary-inner{grid-template-columns:180px minmax(0,1fr);gap:34px}.anniversary-mark{width:180px;height:180px}.anniversary-mark strong{font-size:6.1rem}.anniversary-mark span{font-size:1.12rem}.anniversary-mark small{font-size:.58rem}}
@media(max-width:650px){.anniversary-inner{grid-template-columns:1fr;gap:29px;text-align:center;padding-top:52px;padding-bottom:56px}.anniversary-mark{width:170px;height:170px;margin:auto}.anniversary-mark strong{font-size:5.8rem}.anniversary-copy h2{font-size:clamp(2.25rem,10vw,3.1rem)}.anniversary-copy>p:not(.anniversary-kicker){font-size:.93rem}.anniversary-kicker{font-size:.66rem;letter-spacing:.15em}}