@font-face{font-family:Plate;src:url('./assets/plate-gothic-one-two.woff') format('woff');font-display:swap}
@font-face{font-family:CocoSmallCaps;src:url('./assets/coco-gothic-smallcaps-bold.ttf') format('truetype');font-display:swap}
@font-face{font-family:Coco;src:url('./assets/coco-gothic-regular.ttf') format('truetype');font-display:swap}
:root{--yellow:#ffdc00;--ink:#101112;--silver:#c4c8cc;--disabled:#c4c9cd;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#f7f7f6}
body{min-width:960px;margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:linear-gradient(118deg,#fff 0%,#fbfbfa 35%,#f4f4f2 68%,#fff 100%)}
button,a{font:inherit}
a{text-decoration:none;color:inherit}
button,a{cursor:pointer}
.landing{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.98) 0 22%,rgba(246,246,244,.72) 54%,rgba(255,255,255,.96) 82%)}
.site-header{position:absolute;z-index:5;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:100%;padding:29px clamp(38px,3.3vw,72px)}
.wordmark{display:flex;align-items:center;gap:8px;font-family:Plate,Arial,sans-serif;font-size:14px;line-height:18px;letter-spacing:.035em}
.wordmark strong{color:var(--yellow);font-weight:400}
.wordmark span{color:#bfc3c7}
.login-button{display:flex;align-items:center;justify-content:center;width:92px;height:18px;padding-top:1px;border-radius:6px;background:var(--yellow);color:#fff;font-family:Plate,Arial,sans-serif;font-size:9px;line-height:1;letter-spacing:.08em;transition:filter .2s}
.login-button:hover{filter:brightness(.94)}
.hero{position:relative;display:grid;grid-template-columns:1fr minmax(180px,16vw) 1fr;align-items:center;min-height:760px;height:100vh;padding:0 clamp(58px,7vw,150px)}
.hero-tentacle{position:absolute;z-index:2;top:-2px;left:50%;width:clamp(430px,35vw,680px);height:100%;object-fit:cover;object-position:50% 100%;transform:translateX(-50%)}
.hero-title{position:relative;z-index:1;margin:0;color:#c7cbd0;font-family:Plate,Arial,sans-serif;font-size:clamp(23px,2.15vw,42px);font-weight:400;letter-spacing:.055em;white-space:nowrap}
.hero-title--left{grid-column:1;text-align:right;padding-right:clamp(8px,1vw,22px)}
.hero-title--right{grid-column:3;text-align:left;padding-left:clamp(8px,1vw,22px)}
.pricing{position:relative;min-height:100vh;padding:72px clamp(70px,8.8vw,180px) clamp(90px,9vw,180px)}
.billing-switch{display:flex;align-items:center;justify-content:center;width:clamp(360px,34vw,620px);height:29px;margin:0 auto 40px;padding:4px;border-radius:999px;background:rgba(255,255,255,.78);box-shadow:0 9px 34px rgba(34,39,43,.08)}
.billing-option{height:21px;flex:1;border:0;border-radius:999px;background:transparent;color:#c3c7ca;font-family:Plate,Arial,sans-serif;font-size:9px;letter-spacing:.09em;transition:background .2s,color .2s}
.billing-option.is-active{background:var(--yellow);color:#fff}
.billing-option:focus{outline:0}.billing-option:focus-visible{box-shadow:0 0 0 2px var(--yellow)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(44px,5vw,92px);width:100%}
.plan{min-width:0}
.plan-name{display:grid;place-items:center;height:77px;margin:0 0 8px;border-radius:30px;background:rgba(255,255,255,.84);box-shadow:0 14px 38px rgba(31,36,39,.08);color:#c4c8cc;font-family:Plate,Arial,sans-serif;font-size:clamp(18px,1.55vw,28px);font-weight:400;letter-spacing:.04em}
.plan-card{min-height:800px;padding:27px clamp(35px,4vw,72px) 58px;border-radius:30px;background:rgba(255,255,255,.86);box-shadow:0 14px 38px rgba(31,36,39,.08);font-family:Coco,Arial,sans-serif}
.price-row{min-height:59px;display:flex;align-items:flex-end;justify-content:center;gap:13px;white-space:nowrap}
.price-row--sale{align-items:center}
.current-price{color:var(--yellow);font-family:Arial,Helvetica,sans-serif;font-size:clamp(35px,3vw,54px);font-weight:700;line-height:1}
.old-price{color:#abb0b4;font-family:Arial,Helvetica,sans-serif;font-size:clamp(20px,1.65vw,30px);font-weight:700;text-decoration-thickness:2px}
.old-price:empty{display:none}
.period-label{display:block;height:43px;padding-top:8px;color:#bec3c6;text-align:center;font-size:8px;font-weight:700;letter-spacing:.1em}
.feature-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.feature-list li{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;min-height:49px;font-family:Coco,Arial,sans-serif;font-size:clamp(11px,.9vw,16px);font-variant-caps:small-caps;font-weight:400;letter-spacing:.01em}
.feature-list b{width:92px;color:var(--yellow);font-family:Arial,sans-serif;font-size:20px;font-weight:400;text-align:center}
.feature-list em{width:92px;font-family:Arial,Helvetica,sans-serif;font-size:.86em;font-style:normal;font-weight:400;text-align:center}
.feature-list .is-disabled{color:var(--disabled)}
@media(min-width:1800px){.hero{height:min(72vw,1120px)}.plan-card{min-height:900px}.feature-list li{min-height:55px}}
@media(max-width:1100px){.hero{height:760px}.pricing{padding-inline:55px}.pricing-grid{gap:32px}.plan-card{padding-inline:35px}.feature-list li{font-size:11px}}