/* EcoFlo: brand #34AC85, dark green #1E7A5E, text #2E3335 / #5C6366, panels #F1F3F2, lines #E3E6E5 */
body{margin:0;background:#FFFFFF;font-family:Manrope,'Helvetica Neue',Arial,sans-serif;color:#2E3335;font-size:16px;line-height:1.6}
a{color:#2E3335}a:hover{color:#1E7A5E}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid #1E7A5E;outline-offset:2px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;padding:10px 16px;border-radius:8px;z-index:100;font-weight:700}
.skip:focus{left:8px}
.navlinks a{text-decoration:none}
html{scroll-behavior:smooth}
section{scroll-margin-top:80px}
img{height:auto}picture{display:contents}source{display:none}
.tos{display:none}.tos:target,.tos.open{display:flex;position:fixed;inset:0;z-index:50;align-items:center;justify-content:center;padding:20px}.tos-bg{position:absolute;inset:0;background:rgba(20,30,28,0.55)}
@keyframes nudge{0%,100%{transform:translate(0,-50%)}50%{transform:translate(4px,-50%)}}
.parrow{animation:nudge 1.6s ease-in-out infinite}
@media (prefers-reduced-motion: reduce){.parrow{animation:none}html{scroll-behavior:auto}}
.pscroll{background:linear-gradient(to right,#FFFFFF 30%,rgba(255,255,255,0)) left center,linear-gradient(to left,#FFFFFF 30%,rgba(255,255,255,0)) right center,radial-gradient(farthest-side at 0 50%,rgba(46,51,53,0.18),rgba(46,51,53,0)) left center,radial-gradient(farthest-side at 100% 50%,rgba(46,51,53,0.18),rgba(46,51,53,0)) right center;background-repeat:no-repeat;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-attachment:local,local,scroll,scroll}
.mnav{display:none}
.mnav summary::-webkit-details-marker{display:none}
summary::-webkit-details-marker{display:none}
details[open] summary svg{transform:rotate(45deg)}
p,h1,h2,h3{hyphens:manual;word-break:normal}
.pt-in{position:absolute;opacity:0;pointer-events:none}
.pt-p{display:none}
.pt-l{color:#2E3335;background:#FFFFFF}
.pt-in:focus-visible ~ [role=tablist]{outline:2px solid #1E7A5E;outline-offset:2px}
#pt0:checked ~ .pt-p0{display:block}#pt0:checked ~ [role=tablist] .pt-l0{background:#34AC85;color:#FFFFFF}#pt1:checked ~ .pt-p1{display:block}#pt1:checked ~ [role=tablist] .pt-l1{background:#34AC85;color:#FFFFFF}#pt2:checked ~ .pt-p2{display:block}#pt2:checked ~ [role=tablist] .pt-l2{background:#34AC85;color:#FFFFFF}#pt3:checked ~ .pt-p3{display:block}#pt3:checked ~ [role=tablist] .pt-l3{background:#34AC85;color:#FFFFFF}

/* Component styles (extracted from the approved design) */
.s1{font-family: Manrope, 'Helvetica Neue', Arial, sans-serif; color: #2E3335; background: #FFFFFF; font-size: 16px; line-height: 1.6}
.s2{background: rgba(255,255,255,0.96); border-bottom: 1px solid #E3E6E5; position: sticky; top: 0; z-index: 5}
.s3{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: 14px; padding-bottom: 14px; display: flex; align-items: center; justify-content: space-between; gap: 24px}
.s4{display: flex}
.s5{height: 34px; width: auto; display: block}
.s6{display: flex; gap: 28px; font-size: 15px; font-weight: 600}
.s7{position: relative}
.s8{list-style: none; cursor: pointer; width: 44px; height: 44px; border-radius: 10px; background: #F1F3F2; display: flex; align-items: center; justify-content: center}
.s9{position: absolute; right: 0; top: 52px; background: #FFFFFF; border: 1px solid #E3E6E5; border-radius: 14px; padding: 8px; min-width: 200px; display: flex; flex-direction: column; box-shadow: 0 16px 40px rgba(30, 60, 50, 0.12); z-index: 10}
.s10{padding: 12px 14px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 16px}
.s11{background: #34AC85; color: #FFFFFF; border: 2px solid #34AC85; text-decoration: none; font-weight: 700; font-size: 15px; padding: 10px 20px; border-radius: 10px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px}
.s12{background: #F1F3F2; position: relative; overflow: hidden}
.s13{position: absolute; bottom: -260px; left: -220px}
.s14{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; position: relative; padding-top: clamp(48px, 7vw, 96px); padding-bottom: clamp(48px, 7vw, 96px); display: flex; flex-wrap: wrap; gap: 48px clamp(32px, 5vw, 72px); align-items: center}
.s15{flex: 1 1 480px; min-width: 0; display: flex; flex-direction: column; gap: 26px}
.s16{display: inline-flex; align-self: flex-start; align-items: center; gap: 10px; background: #FFFFFF; border-radius: 999px; padding: 8px 18px 8px 8px; font-weight: 700; font-size: 14px; color: #1E7A5E}
.s17{width: 28px; height: 28px; border-radius: 999px; background: #34AC85; display: flex; align-items: center; justify-content: center}
.s18{}
.s19{margin: 0; font-weight: 300; font-size: clamp(42px, 5.6vw, 74px); line-height: 1.05; letter-spacing: -0.03em; color: #2E3335}
.s20{font-weight: 800}
.s21{margin: 0; font-size: clamp(17px, 1.5vw, 20px); color: #5C6366; max-width: 520px}
.s22{display: flex; flex-wrap: wrap; gap: 14px}
.s23{background: #34AC85; color: #FFFFFF; border: 2px solid #34AC85; text-decoration: none; font-weight: 700; font-size: 16px; padding: 14px 26px; border-radius: 10px; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px}
.s24{background: transparent; color: #2E3335; border: 2px solid #2E3335; text-decoration: none; font-weight: 700; font-size: 16px; padding: 14px 26px; border-radius: 10px; min-height: 52px; box-sizing: border-box; display: inline-flex; align-items: center; gap: 10px}
.s25{flex: 1 1 400px; min-width: 0; position: relative}
.s26{width: 100%; aspect-ratio: 5 / 5.4; object-fit: cover; object-position: center 20%; border-radius: 14px; display: block}
.s27{position: absolute; left: -28px; bottom: 40px; max-width: 340px; background: #FFFFFF; border-radius: 18px; padding: 18px 22px 18px 18px; display: flex; align-items: center; gap: 16px; box-shadow: 0 22px 50px rgba(20, 50, 40, 0.16)}
.s28{position: absolute; top: -13px; right: 22px}
.s29{flex: 0 0 auto; width: 72px; height: 72px; border-radius: 999px; background: #34AC85; color: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; box-shadow: inset 0 0 0 4px #34AC85, inset 0 0 0 6px #FFFFFF}
.s30{font-weight: 800; font-size: 19px; line-height: 1}
.s31{font-weight: 800; font-size: 7px; letter-spacing: 0.14em; padding-top: 4px}
.s32{display: flex; flex-direction: column; gap: 3px; line-height: 1.35}
.s33{font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 800; color: #1E7A5E}
.s34{font-weight: 800; font-size: 17px; color: #2E3335}
.s35{font-size: 13.5px; color: #5C6366}
.s36{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-direction: column; gap: 44px}
.s37{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px}
.s38{display: flex; flex-direction: column; gap: 14px}
.s39{margin: 0; font-weight: 300; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.1; letter-spacing: -0.02em; color: #2E3335}
.s40{display: flex; align-items: center; gap: 12px}
.s41{width: 64px; height: 4px; background: #34AC85}
.s42{margin: 0; max-width: 400px; font-size: 17px; color: #5C6366}
.s43{display: flex; flex-wrap: wrap; gap: 20px}
.s44{flex: 1 1 300px; min-width: 0; background: #FFFFFF; border-radius: 14px; padding: 30px; display: flex; flex-direction: column; gap: 14px; border: 1px solid #E3E6E5}
.s45{flex: 0 0 auto; width: 56px; height: 56px; background: #F1F3F2; border-radius: 12px; display: flex; align-items: center; justify-content: center}
.s46{margin: 0; font-weight: 800; font-size: 21px; color: #2E3335}
.s47{margin: 0; font-size: 15px; color: #5C6366}
.s48{list-style: none; margin: 0; padding: 14px 0 0; border-top: 1px solid #E3E6E5; display: flex; flex-direction: column; gap: 8px; font-size: 14px; font-weight: 600; color: #2E3335}
.s49{display: flex; align-items: center; gap: 10px}
.s50{width: 6px; height: 6px; border-radius: 999px; background: #34AC85; flex: 0 0 auto}
.s51{margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 16px; color: #5C6366}
.s52{color: #1E7A5E; font-weight: 700; text-underline-offset: 5px}
.s53{background: #F1F3F2}
.s54{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-wrap: wrap; gap: 48px clamp(40px, 6vw, 80px); align-items: center}
.s55{flex: 1 1 380px; min-width: 0; display: flex; gap: 16px; align-items: flex-start}
.s56{flex: 1 1 0; min-width: 0; aspect-ratio: 3 / 4.4; object-fit: cover; border-radius: 14px; display: block}
.s57{flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding-top: 56px}
.s58{width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 14px; display: block}
.s59{background: #34AC85; color: #FFFFFF; border-radius: 14px; padding: 20px; display: flex; flex-direction: column; gap: 8px}
.s60{font-weight: 300; font-size: 19px; line-height: 1.3}
.s61{flex: 1 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 36px}
.s62{display: flex; flex-wrap: wrap; gap: 28px 32px}
.s63{flex: 1 1 260px; min-width: 0; display: flex; gap: 16px; align-items: flex-start}
.s64{flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; background: #F1F3F2; display: flex; align-items: center; justify-content: center}
.s65{display: flex; flex-direction: column; gap: 4px; min-width: 0}
.s66{margin: 0; font-weight: 800; font-size: 18px; color: #2E3335}
.s67{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-direction: column; gap: 52px}
.s68{display: flex; flex-direction: column; gap: 14px; align-items: center; text-align: center}
.s69{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 36px 20px}
.s70{flex: 1 1 180px; min-width: 0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; position: relative}
.s71{width: 72px; height: 72px; border-radius: 999px; background: #F1F3F2; display: flex; align-items: center; justify-content: center; position: relative}
.s72{position: absolute; top: -4px; right: -4px; width: 26px; height: 26px; border-radius: 999px; background: #34AC85; color: #FFFFFF; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center}
.s73{font-weight: 800; font-size: 18px; color: #2E3335}
.s74{font-size: 15px; color: #5C6366; max-width: 200px}
.s75{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-direction: column; gap: 40px}
.s76{display: flex; flex-wrap: wrap; gap: 40px clamp(40px, 6vw, 80px); align-items: center}
.s77{flex: 1 1 440px; min-width: 0; display: flex; flex-direction: column; gap: 26px}
.s78{margin: 0; font-size: 17px; color: #5C6366}
.s79{display: flex; flex-wrap: wrap; gap: 10px}
.s80{display: inline-flex; align-items: center; gap: 10px; background: #FFFFFF; border: 1px solid #E3E6E5; border-radius: 999px; padding: 10px 18px 10px 12px; font-weight: 700; font-size: 15px; color: #2E3335}
.s81{display: flex; flex-wrap: wrap; gap: 28px 40px; padding-top: 8px}
.s82{font-weight: 800; font-size: 44px; line-height: 1; letter-spacing: -0.02em}
.s83{font-size: 14px; font-weight: 600; color: #5C6366; padding-top: 6px}
.s84{flex: 1 1 420px; min-width: 0; background: #FFFFFF; border-radius: 14px; padding: clamp(16px, 2.5vw, 28px)}
.s85{width: 100%; height: auto; display: block}
.s86{margin: 12px 0 0; display: flex; align-items: center; gap: 10px; font-size: 14px; color: #5C6366}
.s87{width: 12px; height: 12px; border-radius: 999px; background: #34AC85; flex: 0 0 auto}
.s88{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-direction: column; gap: 36px}
.s89{margin: 0; max-width: 420px; font-size: 17px; color: #5C6366}
.s90{border: 1px solid #E3E6E5; border-radius: 14px; overflow: hidden}
.s91{display: flex; flex-wrap: wrap; gap: 8px; padding: 14px; background: #F1F3F2}
.s92{cursor: pointer; padding: 10px 18px; border-radius: 999px; font-weight: 700; font-size: 15px; min-height: 44px; box-sizing: border-box; display: inline-flex; align-items: center}
.s93{overflow-x: auto}
.s94{width: 100%; min-width: 600px; border-collapse: collapse; font-size: 16px; font-weight: 600; color: #5C6366}
.s95{position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0)}
.s96{text-align: left; padding: 16px 20px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #1E7A5E}
.s97{text-align: center; padding: 16px 20px; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #1E7A5E}
.s98{border-top: 1px solid #E3E6E5}
.s99{text-align: left; padding: 16px 20px; font-weight: 700; color: #2E3335}
.s100{padding: 16px 20px; text-align: center}
.s101{display: none; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 999px; background: #34AC85; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(30, 60, 50, 0.25); pointer-events: none}
.s102{display: flex; flex-wrap: wrap; gap: 8px 48px; padding: 8px 20px 20px}
.s103{flex: 1 1 280px; min-width: 0}
.s104{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; color: #1E7A5E; padding: 14px 0 4px}
.s105{display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #E3E6E5; font-size: 16px; color: #5C6366}
.s106{font-weight: 800; color: #2E3335; white-space: nowrap}
.s107{font-size: 12px; font-weight: 600; color: #5C6366}
.s108{border: 1px solid #E3E6E5; border-radius: 14px; padding: clamp(20px, 2.6vw, 28px); display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px}
.s109{flex: 0 0 auto; width: 52px; height: 52px; border-radius: 12px; background: #F1F3F2; display: flex; align-items: center; justify-content: center}
.s110{flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 4px}
.s111{margin: 0; font-weight: 800; font-size: 19px; color: #2E3335}
.s112{margin: 0; font-size: 16px; color: #5C6366}
.s113{color: #1E7A5E; font-weight: 700; font-size: 16px; text-underline-offset: 5px; min-height: 44px; display: inline-flex; align-items: center}
.s114{background: #F1F3F2; border-radius: 14px; padding: clamp(22px, 3vw, 32px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 32px}
.s115{flex: 1 1 380px; min-width: 0; display: flex; flex-direction: column; gap: 6px}
.s116{margin: 0; font-weight: 300; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.2; color: #2E3335}
.s117{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px); display: flex; flex-wrap: wrap; gap: 40px clamp(40px, 6vw, 88px)}
.s118{flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 22px}
.s119{flex: 2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 10px}
.s120{background: #FFFFFF; border: 1px solid #E3E6E5; border-radius: 12px; padding: 0 22px}
.s121{cursor: pointer; list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; font-weight: 700; font-size: 17px; color: #2E3335; min-height: 44px}
.s122{flex: 0 0 auto; width: 32px; height: 32px; border-radius: 999px; background: #F1F3F2; display: flex; align-items: center; justify-content: center}
.s123{margin: 0; padding: 0 0 20px; color: #5C6366; font-size: 16px}
.s124{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: clamp(72px, 9vw, 120px); padding-bottom: clamp(72px, 9vw, 120px)}
.s125{background: #34AC85; color: #FFFFFF; border-radius: 22px; position: relative; overflow: hidden; padding: clamp(28px, 5vw, 64px); display: flex; flex-wrap: wrap; gap: 40px clamp(32px, 5vw, 64px); align-items: center}
.s126{position: absolute; top: -120px; left: -120px}
.s127{flex: 1 1 360px; min-width: 0; display: flex; flex-direction: column; gap: 24px; position: relative}
.s128{margin: 0; font-weight: 300; font-size: clamp(34px, 4.2vw, 52px); line-height: 1.1; letter-spacing: -0.02em; color: #FFFFFF}
.s129{width: 64px; height: 4px; background: #FFFFFF}
.s130{margin: 0; font-weight: 600; font-size: 19px; line-height: 1.5}
.s131{display: flex; flex-direction: column; gap: 16px; padding-top: 6px}
.s132{display: flex; align-items: center; gap: 14px; color: #FFFFFF; text-decoration: none}
.s133{flex: 0 0 auto; width: 46px; height: 46px; border-radius: 12px; background: rgba(255,255,255,0.18); display: flex; align-items: center; justify-content: center}
.s134{display: flex; flex-direction: column; line-height: 1.3}
.s135{font-size: 13px; font-weight: 600; color: #EAF7F1}
.s136{font-weight: 800; font-size: 18px}
.s137{flex: 1 1 380px; min-width: 0; background: #FFFFFF; color: #2E3335; border-radius: 16px; padding: clamp(28px, 4vw, 44px); display: flex; flex-direction: column; align-items: flex-start; gap: 18px; box-sizing: border-box; position: relative}
.s138{width: 64px; height: 64px; border-radius: 16px; background: #F1F3F2; display: flex; align-items: center; justify-content: center}
.s139{margin: 0; font-weight: 300; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -0.01em}
.s140{background: #34AC85; color: #FFFFFF; text-decoration: none; border-radius: 10px; min-height: 56px; padding: 14px 28px; box-sizing: border-box; font-weight: 700; font-size: 17px; display: inline-flex; align-items: center; gap: 10px; align-self: stretch; justify-content: center}
.s141{font-size: 14px; color: #5C6366}
.s142{color: #1E7A5E; font-weight: 700}
.s143{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: 32px; padding-bottom: 32px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px 32px}
.s144{height: 30px; width: auto}
.s145{display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 14px; font-weight: 600}
.s146{color: #5C6366; text-decoration: none}
.s147{max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 5vw, 48px); padding-right: clamp(20px, 5vw, 48px); box-sizing: border-box; padding-top: 16px; padding-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 24px; font-size: 13px; color: #5C6366}
.s148{display: inline-flex; flex-wrap: wrap; gap: 6px 20px}
.s149{color: #5C6366; text-decoration: underline; text-underline-offset: 3px}
.s150{font-weight: 700; color: #1E7A5E}
.s151{position: relative; background: #FFFFFF; border-radius: 16px; width: 100%; max-width: 820px; max-height: 86vh; overflow-y: auto; box-sizing: border-box; padding: clamp(24px, 4vw, 44px); display: flex; flex-direction: column; gap: 24px; box-shadow: 0 24px 60px rgba(0,0,0,0.2)}
.s152{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px}
.s153{margin: 0; font-weight: 300; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.1; letter-spacing: -0.02em; color: #2E3335}
.s154{margin: 0; font-size: 13px; font-weight: 600; color: #5C6366}
.s155{flex: 0 0 auto; width: 44px; height: 44px; border-radius: 999px; background: #F1F3F2; display: flex; align-items: center; justify-content: center; text-decoration: none}
.s156{border-top: 2px solid #34AC85}
.s157{border-bottom: 1px solid #E3E6E5}
.s158{list-style: none; margin: 0; padding: 0 0 22px; display: flex; flex-direction: column; gap: 10px; font-size: 15px; color: #5C6366}
.s159{display: flex; gap: 12px; align-items: flex-start}
.s160{flex: 0 0 auto; margin-top: 7px}

/* Responsive overrides (kept last so they win over component classes) */
@media (max-width: 900px){.navlinks{display:none}.mnav{display:block;margin-left:auto}header > div[class]{gap:10px}}
@media (max-width: 700px){.deco{display:none}.float{position:static;margin-top:12px}}
@media (max-width: 640px){.ptable{min-width:540px;font-size:15px}.ptable th,.ptable td{padding:14px}.ptable th[scope=col]{font-size:11px;letter-spacing:0.1em}.parrow{display:flex}}
.tos:target,.tos.open{display:flex}