/* REMEGEO: protected palette, local imagery and device-provided typography. */
:root{color-scheme:light;--navy:#031c3c;--navy-2:#072a52;--cyan:#00cfe0;--bg:#f4f7fb;--card:#fff;--text:#0f1b2b;--muted:#56647b;--line:#e2e8f0;--chip:#e6f6f9;--control-border:#616978;--accent-hover:#00b6c6;--link:#072a52;--focus:#007f98;--shadow:0 8px 28px rgba(3,28,60,.06);--header-height:84px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#061120;--card:#0c1a2d;--text:#e7eef7;--muted:#9fb0c4;--line:#1b2c45;--chip:#072a52;--control-border:#7c8795;--accent-hover:#3de6f7;--link:#00cfe0;--focus:#00cfe0;--shadow:0 8px 28px rgba(0,0,0,.18)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#061120;--card:#0c1a2d;--text:#e7eef7;--muted:#9fb0c4;--line:#1b2c45;--chip:#072a52;--control-border:#7c8795;--accent-hover:#3de6f7;--link:#00cfe0;--focus:#00cfe0;--shadow:0 8px 28px rgba(0,0,0,.18)}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-block-start:var(--header-height)}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans","Noto Sans Arabic",Tahoma,sans-serif}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{text-wrap:balance}
a{color:var(--link);text-underline-offset:5px}
button,summary{font:inherit;cursor:pointer}
button,a,summary{-webkit-tap-highlight-color:transparent}
img{display:block;max-inline-size:100%;block-size:auto}
:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
#main:focus{outline:none}
section[id],.anchor-alias{scroll-margin-block-start:20px}
.anchor-alias{display:block;block-size:0}
.wrap{inline-size:min(calc(100% - 80px),1120px);margin-inline:auto}
.wide{inline-size:min(96%,1600px);margin-inline:auto}
.editorial-wrap{inline-size:min(90%,1440px);margin-inline:auto}
.eyebrow{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:.025em}
html[data-lang="en"] [data-l]:not([data-l="en"]),html[data-lang="ar"] [data-l]:not([data-l="ar"]),html[data-lang="ckb"] [data-l]:not([data-l="ckb"]),html:not([data-lang]) [data-l]:not([data-l="en"]){display:none!important}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.4}
html[dir="rtl"] .eyebrow{letter-spacing:0}
.skip-link{position:fixed;inset-block-start:12px;inset-inline-start:20px;z-index:50;display:inline-flex;align-items:center;min-block-size:48px;padding:12px 20px;border-radius:12px;background:var(--cyan);color:var(--navy);transform:translateY(-200%)}
.skip-link:focus{transform:none}

/* Fabrica navigation with the existing native menu and preference controls. */
.site-header{position:sticky;inset-block-start:0;z-index:20;background:var(--bg);border-block-end:1px solid var(--line)}
.site-header .wrap{inline-size:min(94%,1600px);min-block-size:84px;padding-block:10px;display:flex;align-items:center;gap:20px}
.brand{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;min-block-size:52px;color:var(--text);text-decoration:none;font-size:17px;font-weight:800;letter-spacing:.035em}
.brand img{box-sizing:content-box;inline-size:36px;block-size:36px;padding:9px}
.nav{display:flex;flex:1;align-items:center;justify-content:space-evenly;gap:4px}
.nav a{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;padding:10px 8px;color:var(--text);border-radius:999px;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:background-color 160ms ease-out}
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}
.langs{display:flex;gap:2px;padding:3px;border:1px solid var(--control-border);border-radius:999px}
.langs button{min-inline-size:44px;min-block-size:44px;padding:8px 11px;border:0;border-radius:999px;color:var(--text);background:transparent;font-size:13px;font-weight:600;transition:background-color 160ms ease-out}
.langs button[aria-pressed="true"]{background:var(--cyan);color:var(--navy);font-weight:700}
.theme-control{min-inline-size:76px;min-block-size:44px;padding:9px 14px;border:1px solid var(--control-border);border-radius:999px;background:transparent;color:var(--text);font-size:13px;transition:background-color 160ms ease-out}
.mobile-menu{display:none}
.mobile-menu summary{display:flex;align-items:center;justify-content:center;min-inline-size:76px;min-block-size:44px;padding:10px 18px;border:1px solid var(--control-border);border-radius:999px;list-style:none;font-size:14px;font-weight:600}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu nav{position:absolute;inset-block-start:100%;inset-inline:3%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:16px;border:1px solid var(--control-border);border-radius:0 0 20px 20px;background:var(--card);box-shadow:var(--shadow)}
.mobile-menu nav a{display:flex;align-items:center;min-block-size:48px;min-inline-size:44px;padding:12px;border-radius:8px;color:var(--text);text-decoration:none;transition:background-color 160ms ease-out}
.header-layout.compact-nav .nav{position:absolute;visibility:hidden;inline-size:max-content;pointer-events:none}
.header-layout.compact-nav .mobile-menu{display:block;margin-inline-start:auto}
.header-layout.compact-nav .header-tools{margin-inline-start:auto}
.btn,.back-top{display:inline-flex;justify-content:center;align-items:center;min-inline-size:44px;min-block-size:52px;padding:14px 26px;border:1px solid transparent;border-radius:999px;background:var(--cyan);color:var(--navy);text-decoration:none;text-align:center;font-size:17px;font-weight:600;line-height:1.45;transition:background-color 160ms ease-out,border-color 160ms ease-out,transform 120ms ease-out}
.btn:active,.paired-action:active{transform:translateY(1px)}
.btn-outline{background:transparent;border-color:var(--control-border);color:var(--text)}
.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:14px;min-block-size:44px;min-inline-size:44px;padding-block:8px;font-weight:500}
.inline-arrow{font-size:30px;line-height:1}
html[dir="rtl"] .inline-arrow{transform:rotate(180deg)}
@media(hover:hover) and (pointer:fine){
.btn:hover{background:var(--accent-hover)}
.btn-outline:hover{border-color:var(--focus);background:var(--chip);color:var(--text)}
.nav a:hover,.mobile-menu nav a:hover,.theme-control:hover,.langs button:not([aria-pressed="true"]):hover{background:var(--chip)}
.text-link:hover,.footer-legal a:hover{text-decoration-thickness:2px}
}

/* Fabrica: upper name and opposite copy, full capture, lower light pair. */
.hero{inline-size:min(calc(100% - 16px),1600px);margin-inline:auto;border-radius:28px;background:var(--navy);color:#fff}
.hero-stage{position:relative;inline-size:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;aspect-ratio:1.53;min-block-size:780px;padding:7% 3% 5%}
.hero-title{grid-column:1/10;grid-row:1;align-self:start;font-size:clamp(80px,12.5vw,208px);font-weight:800;line-height:.95;letter-spacing:-.05em;white-space:nowrap;text-wrap:nowrap}
html[dir="rtl"] .hero-title{line-height:.95;letter-spacing:-.05em}
.hero-lead{grid-column:10/13;grid-row:1;align-self:start;margin-block-start:48px;max-inline-size:26ch;color:#cfe3f1;font-size:19px;line-height:1.65}
.hero-capture{position:absolute;inset-inline-start:42%;inset-block-start:31%;inline-size:18%;aspect-ratio:9/20}
.hero-capture img{inline-size:100%;block-size:100%;object-fit:contain}
.hero-pair{position:absolute;inset-inline-end:3%;inset-block-end:9%;inline-size:28%;display:grid;grid-template-columns:44% 56%;border-radius:24px;background:#fff;color:var(--navy)}
.hero-pair figure{display:flex;align-items:center;padding:8px}
.hero-remi{inline-size:100%;aspect-ratio:1;object-fit:contain}
.hero-action{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-inline-size:0;padding:16px}
.hero-mark{box-sizing:content-box;inline-size:44px;block-size:44px;padding:11px}
.hero-action .btn{inline-size:100%;padding:12px 14px;font-size:15px}
.hero :focus-visible{outline-color:var(--cyan)}
.hero-action :focus-visible{outline-color:var(--navy)}

/* Avoora: wide media, local inset caption, open explanatory columns. */
.feature-section{padding-block:clamp(56px,5.5vw,96px)}
.story-frame{position:relative;aspect-ratio:207/100;border-radius:24px;overflow:hidden;background:var(--navy)}
.story-image{position:absolute;inset:0;overflow:hidden}
.story-photo{inline-size:100%;block-size:100%;object-fit:cover;object-position:60% 50%}
.story-caption{position:absolute;inset-inline:4%;inset-block-end:6%;display:flex;align-items:center;gap:clamp(16px,2vw,32px);padding:20px 24px;border-radius:12px;background:rgba(3,28,60,.94);color:#fff}
.story-caption .eyebrow{flex:0 0 auto}
.story-caption h2{flex:0 1 auto;max-inline-size:60%;font-size:clamp(28px,3.4vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.035em}
.caption-rule{flex:1 1 32px;min-inline-size:24px;block-size:1px;background:#9fb0c4}
.caption-meta{flex:0 0 auto;font-size:17px}
.alarm-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 64px;margin-block-start:48px}
.alarm-notes dt{margin-block-end:10px;font-size:21px;font-weight:650;line-height:1.4}
.alarm-notes dd{color:var(--muted);font-size:18px}
.place-section{padding-block-start:24px}
.place-frame{aspect-ratio:179/100;background:var(--chip)}
.place-art{position:absolute;inset:0}
.location-art{position:absolute;inset-inline-end:7%;inset-block-start:1%;inline-size:52%;block-size:78%;object-fit:contain}
.place-copy{margin-block-start:40px}
.place-intro{font-size:21px}
.place-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-block-start:24px;font-size:19px;color:var(--muted)}

/* Mello: one tall and one wide photograph with two smaller text tiles. */
.tasks-section{padding-block:80px 112px}
.section-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:end}
.task-heading>div{grid-column:1/9}
.task-heading .eyebrow{margin-block-end:16px}
.task-heading h2{font-size:clamp(48px,5.5vw,88px);line-height:1.06;font-weight:800;letter-spacing:-.04em}
.section-support{font-size:18px;line-height:1.65}
.task-heading .section-support{grid-column:10/13;color:var(--muted)}
.task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1.16fr 1fr;gap:14px;aspect-ratio:1.76;margin-block-start:64px}
.task-tile{position:relative;inline-size:100%;display:flex;flex-direction:column;justify-content:flex-end;min-inline-size:0;padding:28px;border:1px solid var(--control-border);border-radius:24px;overflow:hidden}
.task-name{grid-column:1/3;grid-row:1/3}
.task-details{grid-column:3/5;grid-row:1}
.task-subtasks{grid-column:3;grid-row:2;background:var(--cyan);color:var(--navy)}
.task-expenses{grid-column:4;grid-row:2;background:var(--navy-2);color:#fff}
.photo-tile{color:#fff;background:var(--navy)}
.photo-tile img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.task-name img{object-position:50% 50%}
.task-details img{object-position:52% 50%}
.photo-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,28,60,.97) 0%,rgba(3,28,60,.82) 22%,rgba(3,28,60,0) 65%);pointer-events:none}
.tile-copy{position:relative;z-index:1}
.tile-copy h3{margin-block-end:12px;font-size:clamp(25px,2.45vw,38px);font-weight:750;line-height:1.1;letter-spacing:-.025em}
.tile-copy p{font-size:18px;line-height:1.6}

/* Cipher: split heading and three square-edged bordered media units. */
.notes-section{padding-block:64px 112px;background:var(--navy);color:#fff}
.notes-section>.wide>.eyebrow{margin-block-end:16px;color:var(--cyan)}
.notes-heading{align-items:start}
.notes-heading h2{grid-column:1/8;font-size:clamp(40px,4.3vw,72px);font-weight:600;line-height:1.12;letter-spacing:-.02em;color:var(--cyan)}
.notes-heading .section-support{grid-column:8/13;padding-inline-start:32px;border-inline-start:1px solid var(--cyan);color:#cfe3f1}
.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block-start:40px}
.note-unit{min-inline-size:0;padding:16px;border:1px solid #00a4b8;background:#061120}
.note-unit img{inline-size:100%;aspect-ratio:11/9;object-fit:cover;object-position:50% 50%}
.note-unit:first-child img{object-position:52% 50%}
.note-copy{min-block-size:244px;padding:20px 4px 16px}
.note-copy h3{font-size:34px;font-weight:500;line-height:1.2;color:var(--cyan)}
.note-rule{display:block;inline-size:48px;block-size:2px;margin-block:24px;background:var(--cyan)}
.note-copy p{max-inline-size:34ch;color:#cfe3f1;font-size:18px}

/* Stodio: open regular-weight statement and a complete three-pose band. */
.remi-section{padding-block:104px 96px}
.remi-wrap{inline-size:min(93%,1520px);margin-inline:auto}
.capsule-label{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--chip);margin-block-end:24px}
.remi-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}
.remi-heading>div{grid-column:1/9}
.remi-heading h2{font-size:clamp(38px,4.5vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.035em}
.remi-caveat{margin-block-start:20px;font-size:18px;color:var(--muted)}
.remi-account{grid-column:10/13;align-self:end;justify-self:end;font-size:20px;text-decoration:none}
.remi-account>[data-l]{text-decoration:underline;text-underline-offset:5px}
.remi-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:72px}
.remi-band figure{display:flex;align-items:center;justify-content:center;block-size:clamp(300px,35vw,560px);padding:16px;border-radius:24px;background:var(--chip)}
.remi-band img{inline-size:100%;block-size:100%;object-fit:contain}

/* Ariyana: account statement opposite the official protected identity. */
.account-section{padding-block:88px 144px}
.account-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}
.account-copy{grid-column:1/9}
.account-copy>.eyebrow{margin-block-end:32px;font-size:18px}
.account-copy h2{font-size:clamp(32px,3.35vw,66px);font-weight:800;line-height:1.12;letter-spacing:-.035em}
.account-explanation{margin-block-start:28px;max-inline-size:64ch;color:var(--muted);font-size:18px}
.account-explanation p+p{margin-block-start:16px}
.legal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-block-start:32px}
.account-logo{grid-column:9/13;margin-block-start:32px;padding:16.666%}
.account-logo img{inline-size:100%;aspect-ratio:1;object-fit:contain}

/* Cipher disclosures, then Mitchy's centered contact statement. */
.faq-section{padding-block:64px 120px;background:var(--navy);color:#fff}
.faq-wrap{inline-size:min(92%,1440px);margin-inline:auto}
.faq-wrap>.eyebrow{text-align:center;color:var(--cyan);margin-block-end:24px}
.faq-wrap>h2{max-inline-size:14em;margin-inline:auto;text-align:center;color:var(--cyan);font-size:clamp(40px,4.2vw,72px);font-weight:600;line-height:1.1;letter-spacing:-.02em}
.faq-list{inline-size:min(72%,1080px);margin:64px auto 0}
.faq-item{border:1px solid #00a4b8;background:var(--navy-2)}
.faq-item+.faq-item{margin-block-start:14px}
.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-block-size:64px;min-inline-size:44px;padding:18px 24px;list-style:none;color:var(--cyan);font-size:18px;font-weight:600;text-transform:uppercase}
.faq-item summary::-webkit-details-marker{display:none}
.chevron{inline-size:12px;block-size:12px;flex:0 0 12px;border-inline-end:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(45deg);margin:0 4px 6px;transition:transform 180ms ease-out}
.faq-item[open] .chevron{transform:rotate(225deg);margin-block-end:0}
.answer{padding:0 24px 24px;color:#cfe3f1;font-size:17px}
.answer a{color:var(--cyan);margin-block-start:12px}
.faq-section :focus-visible,.contact-section :focus-visible,.landing-footer :focus-visible{outline-color:var(--cyan)}
.contact-section{min-block-size:720px;padding:144px 0 96px;display:grid;place-items:center;text-align:center;background:var(--navy);color:#fff}
.contact-inner{inline-size:min(90%,1440px)}
.contact-heading{font-size:clamp(40px,4.7vw,88px);font-weight:700;line-height:1.08;letter-spacing:-.035em}
.heading-line{display:block}
.muted-line{color:#9fb0c4}
.maker-details{margin-block-start:32px;color:#cfe3f1;font-size:18px}
.email{display:inline-block;max-inline-size:100%;overflow-wrap:anywhere}
.product-name{white-space:nowrap}
.contact-action{margin-block-start:32px;min-block-size:56px;padding-inline:32px;border-color:var(--cyan);color:#fff}
@media(hover:hover) and (pointer:fine){.contact-action:hover{background:var(--cyan);color:var(--navy);border-color:var(--cyan)}.faq-item summary:hover{background:#103b66}}

/* Canvasly: giant centered type, one paired anchor and low legal grouping. */
.site-footer{padding-block:40px;background:var(--navy);color:#cfe3f1}
.site-footer>.wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.site-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.site-footer a{display:inline-flex;align-items:center;justify-content:center;min-inline-size:44px;min-block-size:44px;color:#cfe3f1}
.site-footer nav a{padding-block:8px}
.footer-brand{color:#fff;font-size:20px;font-weight:800}
.landing-footer{display:grid;grid-template-rows:auto 1fr auto;min-block-size:min(69.5vw,1112px);padding:28px 3% 40px}
.footer-top{display:flex;justify-content:space-between;align-items:start;gap:24px}
.footer-logo{box-sizing:border-box;inline-size:96px;block-size:96px;padding:16px}
.footer-logo img{inline-size:64px;block-size:64px;object-fit:contain}
.back-top{background:transparent;border-color:#7c8795;padding-inline:24px;font-size:16px}
.footer-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;padding-block:64px 88px}
.footer-center h2{max-inline-size:85%;color:#fff;text-align:center;font-size:clamp(64px,8.4vw,148px);font-weight:800;line-height:.94;letter-spacing:-.045em}
.site-footer .paired-action{display:inline-flex;gap:4px;color:var(--navy);text-decoration:none;transition:transform 120ms ease-out}
.action-arrow{display:grid;place-items:center;inline-size:72px;block-size:72px;border-radius:50%;background:var(--cyan);font-size:42px;line-height:1;transition:background-color 160ms ease-out}
.action-label{display:inline-flex;align-items:center;justify-content:center;min-block-size:72px;padding:20px 32px;border-radius:999px;background:var(--cyan);color:var(--navy);font-size:20px;font-weight:500;text-align:center;line-height:1.4;transition:background-color 160ms ease-out}
html[dir="rtl"] .action-arrow{transform:scaleX(-1)}
.paired-action:focus-visible{outline-color:var(--cyan)}
.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:32px}
.footer-bottom>.footer-brand{grid-column:1}
.footer-legal{grid-column:2;text-align:center}
.footer-legal nav{justify-content:center}
.footer-legal>p{margin-block-start:8px;font-size:16px}
@media(hover:hover) and (pointer:fine){.paired-action:hover .action-label,.paired-action:hover .action-arrow{background:var(--accent-hover)}.back-top:hover{background:var(--navy-2);border-color:var(--cyan)}}

/* Legal pages retain their complete existing source. */
.page-hero{padding-block:72px 56px;background:var(--navy);color:#fff}
.page-hero h1{margin-block-end:16px;font-size:clamp(36px,4vw,60px);line-height:1.15;letter-spacing:-.025em}
.page-hero p{color:#cfe3f1;font-size:18px}
.doc{max-inline-size:900px;margin:48px auto 0;padding:0 20px 96px;font-size:18px;line-height:1.75}
.doc section{padding:48px 56px;border:1px solid var(--line);border-radius:24px;background:var(--card)}
.doc h2{margin-block-end:24px;font-size:32px;line-height:1.3}
.doc h3{padding-block-start:28px;margin-block:40px 16px;border-block-start:1px solid var(--line);font-size:22px;line-height:1.4}
.doc p{margin-block:18px}
.doc ul,.doc ol{padding-inline-start:28px}
.doc li{margin-block:10px}
.doc a{display:inline-flex;align-items:center;min-inline-size:44px;min-block-size:44px;max-inline-size:100%;padding-inline:2px;overflow-wrap:anywhere;vertical-align:middle}
.muted{color:var(--muted);font-size:14px}
body:not(.landing) .site-header .wrap{flex-wrap:wrap}

/* Derived medium transformations, preserving source order. */
@media(min-width:768px) and (max-width:1199px){
.wrap{inline-size:calc(100% - 64px)}
.hero-stage{aspect-ratio:1.28;min-block-size:800px;padding-block-start:8%}
.hero-title{font-size:11.7vw}
.hero-lead{margin-block-start:32px;font-size:18px}
.hero-capture{inset-inline-start:34%;inset-block-start:31%;inline-size:23%}
.hero-pair{inline-size:36%}
.story-frame{aspect-ratio:16/10}
.story-caption h2{font-size:3.4vw}
.place-frame{aspect-ratio:4/3}
.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;aspect-ratio:auto}
.task-name{grid-column:1;grid-row:1;aspect-ratio:4/5}
.task-details{grid-column:2;grid-row:1;align-self:start;aspect-ratio:16/10;min-block-size:340px}
.task-subtasks{grid-column:1;grid-row:2;min-block-size:260px}
.task-expenses{grid-column:2;grid-row:2;min-block-size:260px}
.task-heading>div{grid-column:1/9}
.task-heading .section-support{grid-column:9/13}
.notes-heading h2{grid-column:1/8;font-size:4vw}
.notes-heading .section-support{grid-column:8/13;padding-inline-start:24px;font-size:17px}
.notes-grid{grid-template-columns:1fr;gap:0}
.note-unit{display:grid;grid-template-columns:40% 60%;padding:0}
.note-unit+.note-unit{border-block-start:0}
.note-unit img{block-size:100%;aspect-ratio:4/3}
.note-copy{padding:32px;min-block-size:0}
.account-copy h2{font-size:3.5vw}
.faq-list{inline-size:88%}
.footer-center h2{font-size:8vw}
}
@media(max-width:1199px){
.header-layout .nav{display:none}
.header-layout .mobile-menu{display:block}
.header-layout .brand{margin-inline-end:auto}
.site-header .wrap{gap:12px}
.header-layout .header-tools{margin-inline-start:auto}
}
@media(max-width:767px){
:root{--header-height:132px}
.wrap,.wide,.editorial-wrap{inline-size:calc(100% - 40px)}
.site-header .wrap{inline-size:calc(100% - 40px);min-block-size:0;padding-block:8px;gap:8px 12px;flex-wrap:wrap}
.brand{font-size:15px;gap:4px}
.brand img{inline-size:32px;block-size:32px;padding:8px}
.header-tools{inline-size:100%;justify-content:space-between;gap:12px}
.langs{padding:2px}
.langs button{padding-inline:10px;font-size:13px}
.theme-control{min-inline-size:72px;padding-inline:12px}
.mobile-menu nav{inset-inline:20px;padding:12px}
.hero{border-radius:24px}
.hero-stage{display:flex;flex-direction:column;gap:0;min-block-size:0;aspect-ratio:auto;padding:44px 20px 40px}
.hero-title{font-size:17vw;line-height:.98;letter-spacing:-.055em}
.hero-lead{align-self:flex-end;inline-size:78%;max-inline-size:28ch;margin-block:28px 32px;font-size:17px}
.hero-capture{position:static;inline-size:48%;max-inline-size:240px;margin-inline:auto}
.hero-pair{position:static;inline-size:100%;margin-block-start:40px;border-radius:20px}
.hero-pair figure{padding:6px}
.hero-action{padding:14px 12px;gap:8px}
.hero-mark{inline-size:36px;block-size:36px;padding:9px}
.hero-action .btn{padding-inline:10px;font-size:14px}
.feature-section{padding-block:56px}
.story-frame{aspect-ratio:auto;border-radius:20px}
.story-image{position:relative;aspect-ratio:4/3}
.alarm-frame .story-photo{object-position:78% 50%}
.story-caption{position:relative;inset:auto;display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:-24px 5% 5%;padding:16px}
.story-caption .eyebrow{grid-column:1;grid-row:1;font-size:12px}
.story-caption h2{grid-column:1/-1;grid-row:2;max-inline-size:100%;font-size:clamp(24px,5.4vw,36px);line-height:1.16}
.caption-meta{grid-column:2;grid-row:1;font-size:14px}
.caption-rule{display:none}
.alarm-notes{grid-template-columns:1fr;gap:28px;margin-block-start:32px}
.alarm-notes dt{font-size:20px}
.alarm-notes dd{font-size:17px}
.place-section{padding-block-start:16px}
.place-art{position:relative;aspect-ratio:1}
.location-art{inset-inline-end:5%;inset-block-start:2%;inline-size:90%;block-size:75%}
.place-frame .story-caption{margin-block-start:-40px}
.place-copy{margin-block-start:28px}
.place-intro{font-size:20px}
.place-examples{grid-template-columns:1fr;gap:20px;margin-block-start:20px;font-size:18px}
.tasks-section{padding-block:56px 72px}
.section-heading{display:block}
.task-heading h2{font-size:clamp(36px,7.8vw,56px);line-height:1.08}
.task-heading .section-support{margin-block-start:24px;max-inline-size:38ch;font-size:17px}
.task-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px;aspect-ratio:auto;margin-block-start:32px}
.task-name,.task-details{grid-column:1/-1;grid-row:auto}
.task-subtasks{grid-column:1;grid-row:auto;min-block-size:260px}
.task-expenses{grid-column:2;grid-row:auto;min-block-size:260px}
.task-tile{padding:24px;border-radius:20px}
.photo-tile{display:block;padding:0}
.photo-tile img{position:static;block-size:auto}
.task-name img{aspect-ratio:4/5}
.task-details img{aspect-ratio:16/10}
.photo-tile::after{display:none}
.photo-tile .tile-copy{margin-block-start:-40px;padding:20px 24px 24px;background:rgba(3,28,60,.95)}
.tile-copy h3{font-size:28px}
.tile-copy p{font-size:17px}
.notes-section{padding-block:48px 72px}
.notes-section>.wide>.eyebrow{margin-block-end:16px;font-size:13px}
.notes-heading h2{font-size:clamp(32px,7.5vw,54px)}
.notes-heading .section-support{margin-block-start:20px;border:0;padding:0;font-size:17px}
.notes-grid{grid-template-columns:1fr;gap:0;margin-block-start:32px}
.note-unit{display:grid;grid-template-columns:44% 56%;padding:0}
.note-unit+.note-unit{border-block-start:0}
.note-unit img{block-size:100%;aspect-ratio:4/5}
.note-copy{min-block-size:0;padding:24px 20px}
.note-copy h3{font-size:24px}
.note-copy p{font-size:17px}
.note-rule{inline-size:36px;margin-block:16px}
.remi-section{padding-block:56px 72px}
.remi-wrap{inline-size:calc(100% - 40px)}
.remi-heading{display:block}
.remi-heading h2{font-size:10vw;max-inline-size:8.6em;line-height:1.1}
.remi-caveat{margin-block-start:16px;font-size:17px}
.remi-account{margin-block-start:16px;font-size:18px}
.remi-band{grid-template-columns:1fr 2fr 1fr;gap:8px;margin-block-start:40px}
.remi-band figure{block-size:clamp(200px,58vw,420px);padding:4px;border-radius:20px}
.account-section{padding-block:64px 88px}
.account-layout{display:block}
.account-copy>.eyebrow{margin-block-end:24px}
.account-copy h2{font-size:clamp(30px,8.2vw,54px)}
.account-explanation{margin-block-start:24px;font-size:17px}
.account-logo{display:none}
.legal-actions{gap:12px 20px;margin-block-start:28px}
.legal-actions .btn{font-size:16px;padding-inline:24px}
.faq-section{padding-block:32px 64px}
.faq-wrap>.eyebrow{margin-block-end:16px}
.faq-wrap{inline-size:calc(100% - 40px)}
.faq-wrap>h2{font-size:clamp(32px,8.2vw,50px)}
.faq-list{inline-size:100%;margin-block-start:28px}
.faq-item summary{min-block-size:64px;padding:16px 20px;font-size:16px;gap:20px}
.answer{padding:0 20px 20px;font-size:17px}
.contact-section{min-block-size:0;padding-block:96px 88px}
.contact-inner{inline-size:calc(100% - 40px)}
.contact-heading{font-size:clamp(34px,9vw,58px)}
.maker-details{margin-block-start:28px;font-size:17px}
.contact-action{margin-block-start:28px;background:var(--cyan);color:var(--navy)}
.contact-action:focus-visible{outline-color:#fff}
.landing-footer{min-block-size:215vw;padding:24px 20px 28px}
.footer-logo{inline-size:72px;block-size:72px;padding:12px}
.footer-logo img{inline-size:48px;block-size:48px}
.back-top{min-block-size:44px;max-inline-size:60%;padding:10px 18px;font-size:14px}
.footer-center{gap:28px;padding-block:160px 56px}
.footer-center h2{max-inline-size:100%;inline-size:100%;font-size:12.4vw;line-height:.98}
.action-arrow{inline-size:56px;block-size:56px;font-size:34px;flex:0 0 56px}
.action-label{min-block-size:56px;padding:14px 22px;font-size:17px}
.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:16px}
.footer-brand{font-size:18px}
.footer-legal nav{gap:4px 20px}
.footer-legal nav a{font-size:15px}
.footer-legal>p{font-size:14px}
.page-hero{padding-block:48px 40px}
.page-hero h1{font-size:36px}
.page-hero p{font-size:16px}
.doc{margin-block-start:24px;padding-block-end:56px;font-size:17px}
.doc section{padding:28px 20px;border-radius:20px}
.doc h2{font-size:28px}
.doc h3{margin-block-start:32px;font-size:21px}
body:not(.landing) .site-header .brand{inline-size:100%}
body:not(.landing) .site-header .nav{flex-basis:100%;justify-content:space-between;flex-wrap:wrap}
body:not(.landing) .site-header .nav a{padding-inline:6px;font-size:13px}
body:not(.landing) .site-footer .wrap{flex-direction:column;align-items:start}
}
@media(max-width:480px){.task-subtasks,.task-expenses{grid-column:1/-1;min-block-size:224px}html[dir="rtl"] .note-unit{grid-template-columns:1fr}html[dir="rtl"] .note-unit img{aspect-ratio:11/9;block-size:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.btn,.nav a,.theme-control,.langs button,.chevron,.mobile-menu nav a,.paired-action,.action-label,.action-arrow,.back-top{transition:none!important}.btn:active,.paired-action:active{transform:none}}

/* Reset password page (reset.html): one centred card in the site's colours. */
.site-footer strong{color:#fff}
.reset-main{display:flex;justify-content:center;align-items:flex-start;padding:48px 16px 64px;min-block-size:60vh}
.reset-card{inline-size:min(100%,460px);background:var(--card);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:32px 28px}
.reset-card h1{font-size:26px;line-height:1.3;color:var(--text);margin-block-end:8px}
.reset-card p{color:var(--text)}
.reset-card .muted{color:var(--muted)}
.reset-card bdi{font-weight:600;color:var(--text);overflow-wrap:anywhere}
.reset-badge{display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:18px;margin-block-end:18px;background:var(--chip);color:#007f98}
.reset-badge.ok{background:#e6f6ec;color:#16794a}
.reset-badge.warn{background:#fff4e5;color:#b45309}
:root[data-theme="dark"] .reset-badge.ok{background:#0f2e22;color:#4ade80}
:root[data-theme="dark"] .reset-badge.warn{background:#3a2a10;color:#fbbf24}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .reset-badge.ok{background:#0f2e22;color:#4ade80}:root:not([data-theme="light"]) .reset-badge.warn{background:#3a2a10;color:#fbbf24}}
.reset-field{display:block;margin-block-start:18px}
.reset-field .label{display:block;font-size:14px;font-weight:600;margin-block-end:6px;color:var(--text)}
.reset-input{display:flex;align-items:center;gap:4px;min-block-size:56px;padding-inline:16px 6px;border:1.5px solid var(--control-border);border-radius:16px;background:var(--card)}
.reset-input:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px rgba(0,127,152,.22)}
.reset-input input{flex:1;min-inline-size:0;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-size:17px;padding-block:12px}
.reset-eye{min-inline-size:48px;min-block-size:44px;padding-inline:10px;border:0;border-radius:12px;background:transparent;color:var(--focus);font-size:14px;font-weight:700}
.reset-eye:hover{background:var(--chip)}
.rules{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.rule{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4;color:var(--muted)}
.rule::before{content:"";flex:0 0 auto;inline-size:18px;block-size:18px;box-sizing:border-box;border:2px solid currentColor;border-radius:50%}
.rule.met{color:var(--text)}
.rule.met::before{border-color:#007f98;background:#007f98 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9.55 17.6 4.4 12.45l1.42-1.41 3.73 3.73 8.63-8.63 1.42 1.41z'/%3E%3C/svg%3E") center/14px no-repeat}
.rule.miss{color:#c62828}
:root[data-theme="dark"] .rule.miss{color:#f87171}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .rule.miss{color:#f87171}}
.rule[hidden]{display:none}
.reset-error{margin-block-start:14px;font-size:14px;color:#c62828}
:root[data-theme="dark"] .reset-error{color:#f87171}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .reset-error{color:#f87171}}
.reset-button{inline-size:100%;min-block-size:56px;margin-block-start:24px;border:0;border-radius:999px;background:#007f98;color:#fff;font-size:16px;font-weight:700;transition:background-color 160ms ease-out}
.reset-button:hover{background:#006b80}
.reset-button[disabled]{opacity:.55;cursor:progress}
.reset-spinner{inline-size:32px;block-size:32px;margin-block-end:14px;border:3px solid var(--line);border-block-start-color:#007f98;border-radius:50%;animation:reset-spin 900ms linear infinite}
@keyframes reset-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.reset-spinner{animation:none}}
@media(max-width:520px){.reset-main{padding-block:24px 40px}.reset-card{padding:26px 20px;border-radius:20px}.reset-card h1{font-size:23px}}