@import url('https://fonts.googleapis.com/css2?family=Lalezar&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Vazirmatn,Tahoma,sans-serif;color:#071d50;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#f5f9ff}a{text-decoration:none;color:inherit}button{font:inherit}.hero{min-height:940px;position:relative;isolation:isolate;overflow:hidden}.hero-art{position:absolute;inset:0;background-image:url('hero.png');background-size:cover;background-position:center center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(255,246,222,.56) 0%,rgba(255,249,231,.38) 28%,rgba(255,255,255,0) 55%);z-index:-1;pointer-events:none}.nav-wrap{padding:18px max(4%,calc((100vw - 1450px)/2));}.nav{height:66px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 12px 40px rgba(12,64,130,.11);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:8px 28px;gap:24px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:25px;font-weight:900;letter-spacing:-1px}.brand-mark{height:43px;width:43px;border:3px solid #12549f;border-radius:50%;display:grid;place-items:center;color:#ffb527;font-size:32px;line-height:1;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#12549f}.brand-mark:before{height:51px;width:2px}.brand-mark:after{width:51px;height:2px}.brand-mark span{position:absolute;font-size:12px;color:#092c70;z-index:2}.nav-links{display:flex;align-items:center;gap:50px;height:100%;font-size:14px;font-weight:800}.nav-links a{height:100%;display:grid;place-items:center;position:relative;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#064abd}.nav-links a.active:after{content:"";position:absolute;bottom:-9px;right:-10px;left:-10px;height:3px;border-radius:4px;background:#1861ff}.login,.primary-cta{background:#ffbf42;color:#171301;box-shadow:inset 0 1px rgba(255,255,255,.6);font-weight:900}.login{border-radius:25px;padding:9px 20px;white-space:nowrap;font-size:16px}.person{font-size:21px;vertical-align:-1px;margin-left:7px}.menu-toggle{display:none}.hero-copy{position:absolute;top:157px;right:max(4%,calc((100vw - 1450px)/2));width:min(560px,37vw);text-align:right}.eyebrow{display:inline-block;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:4px 15px;color:#0e56a3;font-size:13px;font-weight:800}.hero-copy h1{font-size:clamp(42px,4.2vw,76px);line-height:1.25;letter-spacing:-3px;margin:14px 0 18px;font-weight:900;text-shadow:0 3px 1px rgba(255,255,255,.5)}.hero-copy h1 span{white-space:nowrap}.hero-copy p{font-size:20px;line-height:2;color:#324a78;margin:0 0 26px;font-weight:600;max-width:550px}.primary-cta{min-width:280px;min-height:76px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:44px;font-size:20px;transition:transform .2s,box-shadow .2s}.primary-cta:hover,.login:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(237,151,13,.24)}.rocket{font-size:28px}.arrow{font-size:37px;line-height:0;transform:translateY(-3px)}.topic-dock{position:absolute;bottom:0;left:4%;right:4%;min-height:164px;border-radius:32px 32px 0 0;background:rgba(255,255,255,.94);box-shadow:0 -8px 35px rgba(23,65,109,.13);padding:16px 34px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.topic{background:rgba(255,255,255,.83);border:1px solid #e8edf5;border-radius:18px;display:flex;align-items:center;gap:16px;padding:15px 14px;min-width:0;transition:transform .2s,box-shadow .2s}.topic:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(34,73,124,.11)}.topic-icon{width:75px;height:75px;flex:none;border-radius:21px;display:grid;place-items:center;font-size:44px;font-style:normal;line-height:1}.topic-icon.red{background:#ffe0e3;color:#ee2455}.topic-icon.royal{background:#d6e7ff;color:#1160f6}.topic-icon.yellow{background:#ffebbd;color:#f1a900}.topic-icon.green{background:#c9f1df;color:#1eaf7d}.topic-icon.purple{background:#e9d8ff;color:#862de0}.topic-text{min-width:0}.topic-text strong{font-size:16px;white-space:nowrap}.topic-text small{display:block;color:#637496;font-size:12px;white-space:nowrap}.topic-text i{font-style:normal;display:grid;place-items:center;border:1px solid #dce7f6;width:22px;height:22px;border-radius:50%;color:#1165d5;font-size:24px;line-height:0;margin-top:6px}.explore{max-width:1200px;margin:auto;padding:110px 24px 130px}.section-heading{text-align:center}.section-heading span,.map-section span{font-weight:900;color:#1275db;font-size:15px}.section-heading h2,.map-section h2{font-size:clamp(30px,3vw,46px);margin:8px 0;font-weight:900}.section-heading p{font-size:17px;color:#61708a}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px}.explore-card{background:#fff;border:1px solid #e6edfa;box-shadow:0 14px 40px rgba(24,65,120,.06);border-radius:26px;padding:30px}.explore-symbol{font-size:42px}.explore-card h3{font-size:22px;margin:14px 0 6px}.explore-card p{color:#61708a;line-height:1.9;margin:0 0 20px}.explore-card a{font-weight:800;color:#0868ca}.map-section{background:#e7f3ff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px max(7%,calc((100vw - 1200px)/2));min-height:460px}.map-section p{line-height:2;color:#506581;font-size:18px}.secondary-cta{display:inline-block;background:#1267c5;color:#fff;border-radius:30px;padding:12px 24px;font-weight:800;margin-top:14px}.map-preview{height:300px;border-radius:30px;background:url('hero.png') center/cover;box-shadow:0 20px 50px rgba(15,76,137,.17)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 7%;background:#071d50;color:#fff}footer strong{font-size:20px}footer span{color:#b8cbea}footer a{font-size:14px}
@media(max-width:1250px){.nav-links{gap:24px}.hero-copy{width:43vw}.hero-copy h1{font-size:clamp(44px,4.6vw,64px)}.hero-copy p{font-size:17px}.topic-dock{gap:8px;padding:13px}.topic{gap:9px;padding:10px}.topic-icon{width:54px;height:54px;font-size:32px}.topic-text strong{font-size:13px}.topic-text small{font-size:10px}}
@media(max-width:800px){.hero{min-height:950px}.hero-art{background-position:45% center}.nav-wrap{padding:14px}.nav{height:62px;padding:7px 14px}.brand{font-size:20px}.brand-mark{width:35px;height:35px;font-size:24px}.brand-mark:before{height:41px}.brand-mark:after{width:41px}.menu-toggle{display:block;border:0;background:transparent;color:#0b376e;font-size:25px;cursor:pointer;order:2}.login{font-size:12px;padding:8px 12px;margin-right:auto}.person{font-size:15px}.nav-links{display:none;position:absolute;top:80px;right:14px;left:14px;height:auto;background:rgba(255,255,255,.97);border-radius:20px;padding:12px;box-shadow:0 14px 30px rgba(16,59,115,.17);z-index:5;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{width:100%;padding:10px}.nav-links a.active:after{display:none}.hero-copy{top:116px;left:5%;right:5%;width:auto;text-align:right}.hero-copy h1{font-size:clamp(37px,8vw,58px);letter-spacing:-2px}.hero-copy p{font-size:16px;max-width:530px}.primary-cta{min-height:60px;min-width:218px;font-size:16px}.topic-dock{left:3%;right:3%;bottom:0;min-height:260px;grid-template-columns:repeat(2,1fr);border-radius:24px 24px 0 0;gap:8px;padding:12px}.topic:last-child{grid-column:1/-1}.topic-icon{width:46px;height:46px;font-size:27px;border-radius:14px}.topic-text strong{font-size:13px}.topic-text small{font-size:10px}.topic-text i{display:none}.explore{padding:70px 20px}.explore-grid{grid-template-columns:1fr;gap:14px}.map-section{grid-template-columns:1fr;padding:60px 6%;gap:30px}.map-preview{height:250px}}
@media(max-width:480px){.hero{min-height:930px}.hero-art{background-position:45% center}.hero:after{background:linear-gradient(180deg,rgba(255,249,231,.55),rgba(255,249,231,.30) 45%,transparent 74%)}.brand{font-size:17px;gap:6px}.brand-mark{width:30px;height:30px;font-size:22px}.brand-mark:before{height:36px}.brand-mark:after{width:36px}.login{font-size:11px}.hero-copy{top:110px}.eyebrow{font-size:11px}.hero-copy h1{font-size:35px;line-height:1.33;letter-spacing:-1.5px}.hero-copy h1 span{white-space:normal}.hero-copy p{font-size:14px;line-height:1.9;max-width:360px}.topic-dock{min-height:260px}.topic{padding:7px;gap:6px}.topic-icon{width:39px;height:39px;font-size:23px}.topic-text strong{font-size:11px}.topic-text small{font-size:9px;white-space:normal;line-height:1.3}footer{flex-direction:column;text-align:center}}

/* Navigation and hero refinements */
@media(min-width:1400px){
  .hero{min-height:0;aspect-ratio:1672/941}
  .hero-art{background-size:100% 100%;background-position:center}
}
@media(min-width:801px) and (max-width:1399px){
  .hero{min-height:790px}
  .hero-art{background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#dcecf8}
}
.nav-wrap{padding-top:16px}
.nav{height:64px;justify-content:flex-start;gap:0;padding:6px 16px;border:1px solid rgba(182,149,108,.48);border-radius:18px;background:rgba(255,251,242,.42);box-shadow:0 3px 0 rgba(81,63,49,.06),0 12px 28px rgba(76,55,38,.07);backdrop-filter:blur(4px) saturate(1.1)}
.brand{gap:9px;color:#2b2927;font-size:21px;letter-spacing:0;flex:none}
.brand-mark{width:36px;height:36px;border:2px solid #cf9866;background:#fff5e4;color:#bc7342;font-size:25px;box-shadow:inset 0 0 0 4px #fff,0 2px 4px rgba(94,67,47,.13)}
.brand-mark:before,.brand-mark:after,.brand-mark span{display:none}
.nav-links{height:auto;display:flex;justify-content:flex-start;gap:2px;margin-right:24px;color:#5d564e;font-size:13px}
.nav-links a{height:auto;min-height:38px;padding:7px 12px;border-radius:10px;transition:background .2s,color .2s}
.nav-links a:hover{background:#f6ead9;color:#312c28}
.nav-links a.active{background:#f0dcc1;color:#6e402b;box-shadow:inset 0 -2px 0 #d99865}
.nav-links a.active:after{display:none}
.login{margin-right:auto;flex:none;border:1px solid #dba36f;background:#edb47d;color:#30271f;box-shadow:0 2px 0 #c18756;border-radius:10px;font-size:13px;padding:7px 14px}
.login:hover{box-shadow:0 5px 0 #c18756}
.person{color:#8c4a2b;font-size:17px}
.hero-copy{top:160px}
.hero-copy h1{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-size:clamp(40px,3.4vw,57px);font-weight:400;line-height:1.3;letter-spacing:0;color:#302921;text-shadow:0 2px 0 rgba(255,249,232,.9),0 4px 10px rgba(100,69,46,.13);margin:13px 0 15px}
.hero-copy h1 span{white-space:normal}
.hero-copy p{color:#4b463e}
.eyebrow{background:rgba(255,250,239,.86);border-color:#d8b88d;color:#8f5c3b;box-shadow:0 3px 0 rgba(138,98,61,.16)}
@media(min-width:1400px) and (max-width:1550px){.hero-copy{top:145px}.hero-copy h1{font-size:49px}.hero-copy p{font-size:17px}.primary-cta{min-height:65px}}
@media(max-width:1250px){.nav-links{margin-right:13px;gap:0}.nav-links a{padding:8px 9px}.hero-copy h1{font-size:clamp(38px,4vw,51px)}}
@media(max-width:800px){
  .nav{height:58px;border-radius:16px;padding:6px 10px}
  .brand{font-size:19px}.brand-mark{height:31px;width:31px;font-size:22px}
  .menu-toggle{display:grid;place-items:center;flex:none;order:2;border:1px solid #dfb388;border-radius:10px;background:#fff5e7;color:#4b3930;width:39px;height:39px;font-size:22px;cursor:pointer}
  .nav-links{display:none;position:absolute;top:71px;right:14px;left:14px;z-index:5;margin:0;padding:10px;gap:2px;flex-direction:column;background:#fffaf1;border:1px solid #e4c29f;border-radius:17px;box-shadow:0 15px 30px rgba(74,51,30,.15)}
  .nav-links.open{display:flex}.nav-links a{width:100%;padding:10px 14px}
  .login{font-size:12px;padding:8px 11px}.person{font-size:14px}
  .hero-copy{top:125px}.hero-copy h1{font-size:clamp(37px,6.7vw,48px)}
}
@media(max-width:480px){
  .nav{gap:6px;padding:6px 9px}.brand{font-size:16px;gap:5px}.brand-mark{width:30px;height:30px;font-size:21px}
  .login{font-size:10px;padding:7px 8px}.person{font-size:12px;margin-left:3px}
  .menu-toggle{width:34px;height:34px;font-size:19px}
  .hero-copy{top:116px}.hero-copy h1{font-size:clamp(33px,8.4vw,39px);line-height:1.25}.hero-copy p{color:#413b33}
}


/* Keep the entire desktop illustration visible within the hero. */
@media(min-width:801px){.hero-art{background-position:center top;background-repeat:no-repeat;background-color:#dcecf8}}

/* The mission archive continues the app's paper and folder language. */
.mission-board{position:relative;overflow:hidden;padding:105px 24px 120px;background-color:#f2eadb;background-image:linear-gradient(rgba(150,124,91,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(150,124,91,.075) 1px,transparent 1px);background-size:52px 52px}
.mission-board:before{content:"";position:absolute;inset:0 0 auto;height:18px;background:linear-gradient(180deg,rgba(80,61,42,.13),transparent);pointer-events:none}
.board-inner,.field-inner{max-width:1300px;margin:auto}
.board-heading{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-bottom:54px}
.file-kicker{display:inline-flex;align-items:center;gap:9px;color:#a16943;font:700 13px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.11em;direction:ltr}
.signal-dot{height:8px;width:8px;background:#80a68a;border-radius:50%;box-shadow:0 0 0 4px rgba(128,166,138,.2)}
.board-heading h2,.field-paper h2,.closing-note h2{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-weight:400;letter-spacing:0;color:#29251f}
.board-heading h2{font-size:clamp(37px,3.6vw,56px);line-height:1.2;margin:12px 0 5px}
.board-heading p{font-size:17px;line-height:2;color:#696052;max-width:720px;margin:0}
.archive-stamp{display:grid;place-items:center;flex:none;width:118px;height:118px;border:3px double #c88b65;border-radius:50%;color:#ae6c4c;font-weight:900;line-height:1.55;text-align:center;transform:rotate(-12deg);opacity:.85}
.folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}
.folder{--folder:#e9d9ad;--folder-border:#cbbb91;position:relative;padding:24px 13px 13px;border:2px solid var(--folder-border);border-radius:25px 25px 28px 28px;background:var(--folder);box-shadow:0 10px 0 rgba(131,109,76,.16),0 24px 32px rgba(89,72,49,.13);isolation:isolate;transition:transform .25s,box-shadow .25s}
.folder:before{content:"";position:absolute;top:-19px;right:23px;width:126px;height:27px;background:var(--folder);border:2px solid var(--folder-border);border-bottom:0;border-radius:15px 15px 0 0;z-index:-1}
.folder:after{content:"";position:absolute;z-index:-2;inset:9px 5px -8px;background:#d4c59c;border:2px solid #b9a77b;border-radius:25px;transform:rotate(-2deg)}
.folder:hover{transform:translateY(-7px);box-shadow:0 15px 0 rgba(131,109,76,.15),0 31px 35px rgba(89,72,49,.17)}
.folder-nature{--folder:#dce5cb;--folder-border:#b4c2a5}.folder-nature:after{background:#c8d2b5;border-color:#a9b899;transform:rotate(2deg)}
.folder-city{--folder:#e8d8c8;--folder-border:#cdb9aa}.folder-city:after{background:#d8c5b8;border-color:#bca99a}
.folder-sheet{height:100%;position:relative;padding:13px 14px 19px;border:1px solid #dfd5bf;border-radius:13px;background:#fffdf7;box-shadow:0 8px 18px rgba(66,53,40,.13)}
.paperclip{position:absolute;z-index:2;top:-23px;left:39px;width:24px;height:74px;border:4px double #8b98a3;border-radius:18px;transform:rotate(9deg);filter:drop-shadow(2px 3px 2px rgba(0,0,0,.22))}
.paperclip:after{content:"";position:absolute;top:9px;left:5px;width:7px;height:41px;border:2px solid #8b98a3;border-bottom:0;border-radius:8px 8px 0 0}
.case-photo{height:190px;border:9px solid white;border-bottom-width:14px;border-radius:8px;box-shadow:0 4px 13px rgba(56,47,35,.18);background-image:url('hero.png');background-size:330% auto;background-position:45% 32%}
.folder-nature .case-photo{background-position:20% 20%}.folder-city .case-photo{background-position:55% 42%}
.case-meta{display:flex;justify-content:space-between;gap:8px;margin:18px 2px 9px;padding-bottom:9px;border-bottom:2px dashed #d4c9af;color:#8e826e;font-size:11px;font-weight:800}
.case-meta span:first-child{font:700 12px ui-monospace,SFMono-Regular,monospace;direction:ltr}
.folder h3{font-family:Lalezar,Vazirmatn,Tahoma,sans-serif;font-weight:400;font-size:29px;line-height:1.25;margin:0 2px 7px;color:#2b2821}
.folder p{min-height:86px;margin:0 2px 17px;color:#665f53;font-size:14px;line-height:1.9}
.folder a{display:inline-flex;align-items:center;gap:13px;padding:10px 17px;border-radius:11px;background:#302b25;color:#fff9ed;font-weight:800;font-size:13px;transition:transform .2s,background .2s}
.folder a:hover{background:#8c5538;transform:translateX(-3px)}
.folder a span{font-size:19px;line-height:1}
.field-section{background:#eae1d0;padding:110px 24px 115px;overflow:hidden}
.field-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:65px}
.field-paper{position:relative;padding:36px 44px 42px;border:1px solid #d9caaa;border-radius:10px 10px 28px 28px;background-color:#fffdf3;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 39px,rgba(108,174,211,.24) 40px,transparent 41px);box-shadow:0 12px 0 #d6c6a6,0 21px 30px rgba(74,56,36,.13);transform:rotate(-1deg)}
.field-paper:before{content:"";position:absolute;right:14px;top:0;bottom:0;border-right:2px solid rgba(213,126,111,.22)}
.tape{position:absolute;top:-18px;width:90px;height:37px;background:rgba(246,227,177,.68);box-shadow:0 2px 4px rgba(88,65,39,.06);transform:rotate(-7deg)}.tape-one{right:58px}.tape-two{left:47px;transform:rotate(8deg)}
.paper-topline{display:flex;justify-content:space-between;border-bottom:1px dashed #ccb996;padding-bottom:16px;margin-bottom:29px;color:#9a866c;font-weight:900;font-size:12px}.paper-topline span:first-child{direction:ltr;font:700 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}
.section-overline{color:#b07851;font-size:13px;font-weight:900}
.field-paper h2{font-size:clamp(37px,3.3vw,52px);line-height:1.2;margin:8px 0 12px}
.paper-intro{font-size:16px;line-height:2;color:#60584e;margin:0 0 25px;max-width:490px}
.field-steps{list-style:none;padding:0;margin:0}.field-steps li{display:flex;gap:18px;padding:14px 0;border-top:1px dashed #d1c4aa}.field-steps li>span{flex:none;display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#e5ab79;color:#fff;font-weight:900}.field-steps strong{font-size:17px;color:#302b24}.field-steps p{font-size:13px;line-height:1.8;color:#6b6358;margin:3px 0 0}
.field-visual{position:relative;min-height:610px;display:grid;place-items:center}
.field-visual:before{content:"";position:absolute;inset:34px 26px 41px 20px;background:#d9cba4;border:2px solid #bdae88;border-radius:25px;transform:rotate(5deg);box-shadow:0 18px 30px rgba(74,56,36,.11)}
.field-visual:after{content:"";position:absolute;inset:45px 27px 36px 15px;background:#e8dcb9;border:2px solid #c9ba91;border-radius:25px;transform:rotate(-3deg)}
.visual-label{position:absolute;z-index:3;top:14px;right:36px;border-radius:8px 8px 0 0;background:#d8a073;padding:9px 19px;color:#fff;font:800 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;direction:ltr}.visual-label span{font-family:serif}
.map-polaroid{position:relative;z-index:2;width:80%;padding:13px 13px 20px;background:#fffdfa;box-shadow:0 14px 20px rgba(54,47,38,.2);transform:rotate(2deg);text-align:center}
.map-photo{aspect-ratio:1.1;background:url('hero.png') 38% 32%/245% auto;border-radius:3px}
.map-polaroid span{display:block;margin-top:10px;font-size:16px;font-weight:900;color:#5b554c}
.visual-note{position:absolute;z-index:4;left:-9px;bottom:18px;padding:25px 28px;background:#fff6d8;box-shadow:0 10px 15px rgba(69,55,35,.16);transform:rotate(-7deg);line-height:1.8;color:#66573e;font-size:15px}.visual-note:before{content:"";position:absolute;left:34%;top:-13px;width:78px;height:25px;background:rgba(229,204,153,.7);transform:rotate(3deg)}.visual-note strong{color:#3b493d}
.visual-stamp{position:absolute;z-index:4;right:0;bottom:36px;display:grid;place-items:center;width:108px;height:108px;border:3px double #a46d50;border-radius:50%;color:#a46d50;text-align:center;font-size:12px;font-weight:900;line-height:1.2;transform:rotate(12deg);opacity:.8}
.closing-section{padding:110px 24px 120px;background:#f2eadb}.closing-note{position:relative;max-width:920px;margin:auto;text-align:center;padding:65px 50px 60px;border:2px solid #d3bc91;border-radius:24px;background:#fffaf0;box-shadow:0 12px 0 #d8c49a,0 28px 37px rgba(71,53,31,.11);transform:rotate(.5deg)}.closing-note:before,.closing-note:after{content:"";position:absolute;top:-15px;width:100px;height:34px;background:rgba(236,211,158,.65)}.closing-note:before{right:55px;transform:rotate(7deg)}.closing-note:after{left:55px;transform:rotate(-8deg)}.closing-note h2{font-size:clamp(36px,4vw,56px);line-height:1.25;margin:14px 0 7px}.closing-note p{color:#6c6255;font-size:17px;line-height:2;margin:0 0 25px}.closing-note a{display:inline-flex;gap:15px;align-items:center;border-radius:12px;background:#e9ab73;padding:12px 22px;color:#302920;font-weight:900;box-shadow:0 4px 0 #ba7d4e}.closing-note a:hover{transform:translateY(-2px)}.closing-pin{position:absolute;top:16px;left:50%;width:16px;height:16px;background:#b47c51;border:3px solid #e9d3b7;border-radius:50%;box-shadow:0 3px 4px rgba(59,45,30,.2)}
footer{background:#292a27;color:#fff8e9}footer span{color:#d4c9b8}
@media(max-width:1050px){.folder-grid{gap:15px}.folder-sheet{padding:10px}.case-photo{height:155px}.folder h3{font-size:25px}.folder p{font-size:13px}.field-inner{gap:25px}.field-paper{padding:34px 29px}}
@media(max-width:800px){.mission-board{padding:76px 18px 90px}.board-heading{margin-bottom:45px}.archive-stamp{width:85px;height:85px;font-size:12px}.folder-grid{grid-template-columns:1fr;gap:44px;max-width:540px;margin:auto}.folder{padding:19px 12px 12px}.folder-sheet{padding:12px}.case-photo{height:230px;background-size:240% auto}.folder p{min-height:0}.field-section{padding:80px 20px 90px}.field-inner{grid-template-columns:1fr;gap:35px}.field-paper{transform:none}.field-visual{min-height:530px;max-width:570px;width:100%;margin:auto}.closing-section{padding:80px 20px 95px}.closing-note{padding:60px 24px 45px}}
@media(max-width:480px){.board-heading{align-items:flex-start}.board-heading h2{font-size:37px}.board-heading p{font-size:14px}.archive-stamp{display:none}.case-photo{height:175px}.folder h3{font-size:27px}.field-paper{padding:33px 23px 30px}.field-paper h2{font-size:37px}.paper-intro{font-size:14px}.field-steps strong{font-size:15px}.field-visual{min-height:420px}.map-polaroid{width:83%}.visual-label{right:18px}.visual-note{left:0;bottom:-7px;padding:14px 17px;font-size:12px}.visual-stamp{width:75px;height:75px;bottom:0;font-size:9px}.closing-note h2{font-size:35px}.closing-note p{font-size:14px}.closing-note:before,.closing-note:after{width:60px}}

/* Quiet, consistent paper treatment for the sections below the hero. */
.mission-board{background-color:#f5f0e6;background-image:linear-gradient(rgba(133,111,80,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(133,111,80,.04) 1px,transparent 1px);background-size:64px 64px;padding-top:96px;padding-bottom:108px}
.mission-board:before{height:12px;background:linear-gradient(180deg,rgba(80,61,42,.07),transparent)}
.board-heading{margin-bottom:48px}.board-heading h2{font-size:clamp(36px,3.25vw,50px);margin-top:9px}.board-heading p{font-size:16px;color:#70675b}
.archive-stamp{display:none}
.folder-grid{gap:24px}
.folder,.folder-nature,.folder-city{--folder:#e8ddbe;--folder-border:#c8b994;background:#e8ddbe;border:1px solid #c8b994;border-radius:17px;padding:17px 11px 11px;box-shadow:0 5px 0 rgba(125,107,72,.11),0 14px 26px rgba(89,72,49,.08)}
.folder:before{top:-15px;right:23px;width:104px;height:20px;background:#e8ddbe;border:1px solid #c8b994;border-bottom:0;border-radius:9px 9px 0 0}
.folder:after,.folder-nature:after,.folder-city:after{inset:5px 4px -5px;background:#ddd0ab;border:1px solid #c4b58e;border-radius:17px;transform:rotate(-.5deg)}
.folder:hover{transform:translateY(-3px);box-shadow:0 7px 0 rgba(125,107,72,.10),0 18px 27px rgba(89,72,49,.10)}
.folder-sheet{padding:11px 12px 17px;border-color:#e5dcc7;border-radius:9px;background:#fffdf8;box-shadow:0 4px 10px rgba(66,53,40,.06)}
.paperclip{display:none}
.case-photo{height:176px;border-width:5px;border-bottom-width:8px;border-radius:5px;box-shadow:0 3px 9px rgba(56,47,35,.11)}
.case-meta{margin:16px 2px 8px;padding-bottom:8px;border-bottom:1px dashed #d5c9ac;color:#91836d}
.folder h3{font-size:25px;margin-bottom:5px}.folder p{color:#70675b;font-size:13px;line-height:1.85;min-height:78px;margin-bottom:15px}
.folder a{padding:0 1px 3px;border-radius:0;background:none;color:#785b3b;font-size:13px;border-bottom:1px solid #bda77e}.folder a:hover{background:none;color:#3f382f;transform:none}.folder a span{font-size:17px}
.field-section{background:#eee7da;padding-top:98px;padding-bottom:103px}
.field-paper{border-color:#ded2bb;background-color:#fffdf6;box-shadow:0 6px 0 #ded1b9,0 15px 23px rgba(74,56,36,.08);transform:rotate(-.3deg)}
.tape{width:70px;height:27px;top:-12px;background:rgba(235,217,177,.48)}.tape-two{display:none}
.paper-topline{color:#a49680}.field-paper h2{font-size:clamp(36px,3.1vw,48px)}.field-steps li>span{background:#d9b38d}
.field-visual:before{box-shadow:0 11px 21px rgba(74,56,36,.08);transform:rotate(2deg)}.field-visual:after{transform:rotate(-1deg)}
.map-polaroid{box-shadow:0 9px 16px rgba(54,47,38,.13);transform:rotate(1deg)}
.visual-label{background:#c39d75}.visual-note{padding:20px 22px;box-shadow:0 6px 12px rgba(69,55,35,.10);transform:rotate(-3deg)}.visual-stamp{display:none}
.closing-section{background:#f5f0e6;padding-top:95px;padding-bottom:105px}
.closing-note{border:1px solid #d9c9a9;box-shadow:0 6px 0 #dfd2b8,0 17px 25px rgba(71,53,31,.08);transform:none}
.closing-note:before,.closing-note:after{background:rgba(236,219,185,.5)}.closing-note:after{display:none}
@media(max-width:800px){.mission-board{padding:72px 18px 90px}.folder-grid{gap:40px}.folder{padding:17px 11px 11px}.case-photo{height:210px}.folder p{min-height:0}.field-section{padding:76px 20px 88px}.field-paper{transform:none}.closing-section{padding:80px 20px 90px}}
@media(max-width:480px){.case-photo{height:168px}.folder h3{font-size:25px}.field-paper h2{font-size:36px}.visual-note{padding:14px 16px}.board-heading p{font-size:14px}}

/* Device-specific hero art and tighter layouts. */
@media(min-width:801px) and (max-width:1100px){
  .folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin:auto}
  .folder:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 12px)}
}
@media(max-width:700px){
  .hero{height:calc(177.68vw + 260px);min-height:0;overflow:hidden}
  .hero-art{inset:0 0 auto;height:177.68vw;background-image:url('hero-mobile.png');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;background-color:#e8eef5}
  .hero:after{inset:0 0 auto;height:177.68vw;background:linear-gradient(180deg,rgba(255,250,237,.64) 0%,rgba(255,250,237,.53) 18%,rgba(255,250,237,.17) 39%,transparent 57%)}
  .hero-copy{top:106px;right:5%;left:5%;width:auto;max-width:470px}
  .hero-copy h1{font-size:clamp(32px,6.3vw,42px);line-height:1.22;margin:9px 0}
  .hero-copy p{max-width:400px;font-size:14px;line-height:1.75;margin-bottom:14px}
  .primary-cta{min-height:51px;min-width:184px;padding:0 17px;font-size:14px;gap:9px}
  .rocket{font-size:21px}.arrow{font-size:28px}
  .topic-dock{height:260px;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));border-radius:22px 22px 0 0;background:#fffdf8}
  .topic{background:#fffdf8}
}
@media(max-width:480px){
  .hero-copy{top:103px}.hero-copy h1{font-size:clamp(31px,8vw,38px)}
  .hero-copy p{max-width:310px;font-size:13px;line-height:1.7}
  .eyebrow{font-size:10px;padding:3px 11px}
  .topic-dock{left:2%;right:2%;padding:10px;gap:6px}
  .topic{padding:6px}.topic-icon{width:36px;height:36px;font-size:21px}.topic-text strong{font-size:10px}.topic-text small{font-size:9px}
  .field-visual{min-height:390px}.visual-note{max-width:135px}.closing-note{padding-right:18px;padding-left:18px}
}
@media(max-width:360px){
  .brand{font-size:14px}.login{font-size:9px;padding:6px}.nav{gap:4px}
  .hero-copy h1{font-size:29px}.hero-copy p{font-size:12px}
  .topic-text small{display:none}.topic-text strong{font-size:10px}
}

/* On phones the complete illustration leads; copy follows on its own sheet. */
@media(max-width:700px){
  .hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#f5f0e6;overflow:hidden}
  .hero:after{background:linear-gradient(180deg,rgba(255,251,240,.26),transparent 25%)}
  .hero-copy{position:relative;top:auto;right:auto;left:auto;max-width:none;width:auto;margin:calc(177.68vw - 76px) 14px 14px;padding:22px 21px 23px;border:1px solid #e0d0b0;border-radius:18px;background:#fffaf0;box-shadow:0 5px 0 #e5d8bd,0 12px 20px rgba(78,59,35,.09)}
  .hero-copy h1{font-size:clamp(32px,6.5vw,42px);line-height:1.24;margin:9px 0 10px}
  .hero-copy p{max-width:none;font-size:14px;line-height:1.85;color:#5c5347;margin-bottom:17px}
  .topic-dock{position:relative;left:auto;right:auto;bottom:auto;height:auto;min-height:0;margin:0 14px 20px;padding:12px;grid-template-rows:none;grid-auto-rows:minmax(70px,auto);border:1px solid #e5dac5;border-radius:18px;background:#fffdf8;box-shadow:0 8px 18px rgba(78,59,35,.08)}
  .topic{min-height:70px}
}
@media(max-width:480px){
  .hero-copy{margin-right:11px;margin-left:11px;padding:20px 17px}
  .hero-copy h1{font-size:clamp(31px,8vw,37px)}
  .hero-copy p{font-size:13px}
  .topic-dock{margin-right:11px;margin-left:11px}
}

/* Extend the image's sampled top-edge sky before the phone illustration. */
@media(max-width:700px){
  .hero{background:linear-gradient(90deg,#3da2f7 0%,#2ea9fc 50%,#18a0f7 100%) top/100% 102px no-repeat,#f5f0e6}
  .hero-art{top:100px}
  .hero:after{top:100px;height:177.68vw;background:none}
  .hero-copy{position:static;margin-top:calc(177.68vw - 78px)}
  .hero-heading{position:absolute;z-index:2;top:117px;right:5%;left:5%;max-width:430px;text-align:right}
  .hero-heading h1{max-width:370px;font-size:clamp(31px,6.4vw,41px);font-weight:900;line-height:1.2;color:#203050;text-shadow:0 2px 0 rgba(255,255,255,.78),0 4px 11px rgba(255,255,255,.4)}
}
@media(max-width:480px){
  .hero-heading{top:114px}
  .hero-heading h1{font-size:clamp(29px,8vw,36px);line-height:1.18}
  .hero-action p{margin-top:0}
}

/* Brand illustration gently rises above the navigation bar. */
.brand{gap:7px}
.brand-logo{display:block;flex:none;width:76px;height:76px;object-fit:contain;transform:translateY(-8px);filter:drop-shadow(0 3px 3px rgba(62,49,34,.18))}
@media(max-width:800px){.brand-logo{width:62px;height:62px;transform:translateY(-7px)}}
@media(max-width:360px){.brand-logo{width:58px;height:58px;transform:translateY(-12px)}}