:root{--bg:#FBF5EC;--bg2:#F3E7D6;--text:#2B211C;--text2:#5C4A3F;--muted:#7A5E50;--accent:#B9502F;--round:ui-rounded,"SF Pro Rounded",-apple-system,system-ui,sans-serif;--sans:-apple-system,system-ui,"Segoe UI",Roboto,sans-serif;--card:linear-gradient(160deg,#FFFFFF 0%,#FFF7EC 100%);--shadow:0 1px 2px rgba(120,70,30,.08),0 18px 40px -18px rgba(170,85,35,.32);--night:linear-gradient(160deg,#3A59A6 0%,#1F3470 100%);--sun:linear-gradient(160deg,#FFDD94 0%,#F4AC38 100%);--btn:linear-gradient(160deg,#DC7853,#B9502F);color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1328px;margin:0 auto;padding-left:56px;padding-right:56px}
.top{background:radial-gradient(90% 70% at 85% 10%,#FFD9B8 0%,rgba(255,217,184,0) 60%) 0 0/100% 1100px no-repeat,linear-gradient(180deg,#FCEFE2 0%,var(--bg) 100%) 0 0/100% 1100px no-repeat;background-color:var(--bg)}
.top+footer{margin-top:0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:24px}
.brand{display:flex;align-items:center;gap:10px;font:700 21px var(--round)}
.brand img{width:38px;height:38px;border-radius:10px;box-shadow:0 2px 4px rgba(120,50,20,.15),0 14px 28px -12px rgba(150,60,25,.55)}
.links{display:flex;align-items:center;gap:28px;font:500 16px var(--sans)}
.links a{color:var(--text2);padding:10px 0}
.links a[aria-current=page]{color:var(--accent);font-weight:600}
.badge{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}
.badge img{display:block;height:54px;width:auto}
.badge span{font:500 15px var(--sans);color:var(--muted)}
.links .badge img{height:40px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 640px;gap:56px;align-items:center;padding-top:40px;padding-bottom:96px}
.hero-text{display:flex;flex-direction:column;gap:28px}
.app-icon{width:152px;height:152px;border-radius:36px;box-shadow:0 2px 4px rgba(120,50,20,.15),0 24px 44px -16px rgba(150,60,25,.55)}
h1{margin:0;font:700 76px/1.02 var(--round);letter-spacing:-2px;text-wrap:balance}
.lead{margin:0;font:400 21px/1.5 var(--sans);color:var(--text2);max-width:520px;text-wrap:pretty}
.art{position:relative;height:720px}
.art .illo{position:absolute;left:0;top:40px;width:560px;height:600px;object-fit:cover;border-radius:32px;box-shadow:0 30px 60px -24px rgba(150,60,25,.45)}
.phone{position:absolute;right:0;top:0;width:330px;border-radius:52px;padding:10px;background:#1C1714;box-shadow:0 40px 60px -20px rgba(90,35,10,.45),inset 0 0 0 2px #3A302A}
.phone img{display:block;width:100%;height:auto;border-radius:42px}
section{padding-top:104px;padding-bottom:40px}
h2{margin:0 0 44px;font:700 44px/1.1 var(--round);letter-spacing:-1px;max-width:720px;text-wrap:balance}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.card{border-radius:32px;padding:28px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:20px}
.num{font:700 13px var(--round);color:var(--accent);letter-spacing:.6px}
h3{margin:0;font:700 24px/1.2 var(--round);letter-spacing:-.2px;text-wrap:pretty}
.card p{margin:10px 0 0;font:400 17px/1.55 var(--sans);color:var(--text2);text-wrap:pretty}
.drive{border-radius:22px;padding:18px;background:var(--night);box-shadow:0 18px 36px -14px rgba(31,52,112,.55),inset 0 1px 0 rgba(255,255,255,.14);color:#FFF3DF;display:flex;flex-direction:column;gap:10px}
.drive .row{display:flex;align-items:center;justify-content:space-between}
.drive .live{display:flex;align-items:center;gap:8px;font:600 14px var(--sans)}
.drive .dot{width:8px;height:8px;border-radius:50%;background:#FF8A5C;box-shadow:0 0 8px #FF8A5C}
.drive .clock{font:700 26px var(--round);font-variant-numeric:tabular-nums}
.drive .saved{display:flex;align-items:center;gap:8px;font:500 14px var(--sans);color:#D3DCF7}
.rules{border-radius:22px;padding:8px 18px 14px;background:#fff;box-shadow:var(--shadow)}
.rules .r{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;font:600 15px var(--sans)}
.rules .r b{font:700 17px var(--round)}
.rules .src{font:13px var(--sans);color:var(--muted);padding-top:4px}
.rules .src b{color:var(--accent);font-weight:600}
.exports{display:flex;flex-direction:column;gap:8px}
.exports div{height:46px;display:flex;align-items:center;justify-content:center;font:600 14px var(--sans)}
.exports .pdf{border-radius:99px;background:var(--btn);color:#fff;font-size:15px;box-shadow:0 18px 36px -14px rgba(185,80,47,.55),inset 0 1px 0 rgba(255,255,255,.25)}
.exports .two{display:grid;grid-template-columns:1fr 1fr;gap:8px;height:auto}
.exports .two div{border-radius:16px;background:#fff;color:var(--accent);box-shadow:var(--shadow)}
.exports .two .form{background:var(--sun);color:#3A2610}
.cta{padding-top:64px;padding-bottom:112px}
.cta-box{border-radius:36px;padding:44px 52px;background:var(--night);box-shadow:0 18px 36px -14px rgba(31,52,112,.55),inset 0 1px 0 rgba(255,255,255,.14);color:#FFF4E0;display:flex;align-items:center;justify-content:space-between;gap:40px}
.cta-box .t{font:700 36px/1.2 var(--round);letter-spacing:-.4px;text-wrap:pretty;max-width:640px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.chips span{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.12);font:600 14px var(--sans);white-space:nowrap}
.cta-box .badge span{color:#D3DCF7}
footer{background:linear-gradient(180deg,var(--bg2),#EBDBC6);padding:48px 0 56px}
.foot{display:flex;justify-content:space-between;gap:48px}
.foot .brand img{width:32px;height:32px;border-radius:8px}
.foot .by{font:15px var(--sans);color:var(--text2);margin-top:12px}
.foot .by a{text-decoration:underline;text-underline-offset:3px}
.foot .right{display:flex;flex-direction:column;gap:14px;max-width:560px}
.foot nav{display:flex;flex-wrap:wrap;gap:8px 24px;font:600 16px var(--sans)}
.foot nav a{color:var(--accent);padding:6px 0}
.foot p{margin:0;font:14px/1.55 var(--sans);color:var(--muted);text-wrap:pretty}
.page{max-width:780px;margin:0 auto;padding:48px 24px 112px;display:flex;flex-direction:column;gap:28px}
.page h1{font-size:60px}
.date{margin:0;font:500 15px var(--sans);color:var(--muted)}
.pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.pills div{border-radius:22px;background:var(--card);box-shadow:var(--shadow);padding:16px 18px;display:flex;align-items:center;gap:10px;font:700 17px var(--round)}
.pills i{width:12px;height:12px;border-radius:6px;background:var(--accent);flex:none}
.pills div:nth-child(2) i{background:#2C4A94}
.pills div:nth-child(3) i{background:#F4AC38}
.pills div:nth-child(4) i{background:#86695A}
.doc{border-radius:28px;background:var(--card);box-shadow:var(--shadow);padding:36px;display:flex;flex-direction:column;gap:26px}
.doc h2{margin:0 0 8px;font:700 22px/1.25 var(--round);letter-spacing:0}
.doc p{margin:0;font:400 17px/1.6 var(--sans);color:#46382F;text-wrap:pretty}
.doc p+p{margin-top:10px}
.doc a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mail{display:inline-flex;align-self:flex-start;align-items:center;min-height:52px;padding:0 26px;border-radius:99px;background:var(--btn);color:#fff;font:600 17px var(--sans);box-shadow:0 14px 26px -8px rgba(185,80,47,.6),inset 0 1px 0 rgba(255,255,255,.25)}
.nf{max-width:640px;margin:0 auto;padding:72px 24px 112px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.nf img{width:min(420px,100%);height:auto;border-radius:28px;box-shadow:0 30px 60px -24px rgba(150,60,25,.45)}
.nf p{margin:0;font:400 19px/1.5 var(--sans);color:var(--text2)}
.nf h1{font-size:56px}
.nf .mail{align-self:center}
@media (max-width:1180px){.hero{grid-template-columns:1fr}.art{max-width:640px}}
@media (max-width:900px){.grid{grid-template-columns:1fr}.cta-box{flex-direction:column;align-items:flex-start}.foot{flex-direction:column;gap:24px}}
@media (max-width:640px){
.wrap{padding-left:20px;padding-right:20px}
.nav{padding-top:18px;padding-bottom:18px}
.brand{font-size:19px}.brand img{width:34px;height:34px;border-radius:9px}
.links{gap:18px;font-size:15px}.links .badge{display:none}
.hero{padding-top:20px;padding-bottom:24px;gap:36px}
.hero-text{gap:22px}
.app-icon{width:104px;height:104px;border-radius:24px}
h1{font-size:44px;line-height:1.05;letter-spacing:-1.2px}
.lead{font-size:18px}
.badge img{height:50px}
.art{height:auto;padding-bottom:0}
.art .illo{position:static;width:100%;height:300px}
.phone{position:relative;right:auto;top:auto;width:250px;margin:-90px auto 0;border-radius:40px;padding:8px}
.phone img{border-radius:33px}
section{padding-top:64px;padding-bottom:24px}
h2{font-size:32px;margin-bottom:28px}
.card{padding:22px;border-radius:28px}
.cta{padding-top:40px;padding-bottom:72px}
.cta-box{padding:32px 26px;border-radius:30px}
.cta-box .t{font-size:28px}
footer{padding:40px 0 44px}
.page{padding-top:28px}
.page h1{font-size:42px}
.doc{padding:24px;border-radius:24px}
.nf h1{font-size:40px}
}