:root{--navy:#0b3c5c;--teal:#00bac9;--cream:#fffaf6;--ink:#1f2933;--muted:#64748b;--line:#e3e9ee;--red:#7d1b1d;--orange:#f26522}*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{height:auto;min-height:68px;background:var(--navy);color:white;padding:12px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:1.4rem;font-weight:800;color:white;text-decoration:none;letter-spacing:.02em}.top nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.top nav a,.top .link{color:white;text-decoration:none;font:inherit}.top a:hover,.top .link:hover{text-decoration:underline}.wrap{max-width:1180px;margin:34px auto;padding:0 20px 50px}.wrap.narrow{max-width:600px;margin:8vh auto}.wrap h1{font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.15;color:var(--navy);margin:0 0 22px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:24px;margin:18px 0;box-shadow:0 8px 24px rgba(11,60,92,.05)}.card h2{font-size:1.25rem;color:var(--navy);margin:0 0 14px}.card h3{color:var(--navy)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}.grid .card{margin:0}.notice{padding:14px 16px;background:#e7f7f7;border:1px solid #a8e3e7;border-radius:10px;margin:12px 0 20px}.notice.error{background:#fff0ed;border-color:#ffc9bd;color:#8b241f}label{display:block;font-weight:650;margin:12px 0;color:#344256}label small,small{color:var(--muted);font-weight:400}input,select{width:100%;display:block;padding:11px 12px;margin-top:6px;border:1px solid #cbd5df;border-radius:8px;background:white;color:var(--ink);font:inherit}input:focus,select:focus{outline:3px solid #b7f1f4;border-color:var(--teal)}button,.button{display:inline-block;background:var(--red);color:white;border:0;border-radius:8px;padding:11px 16px;font:700 1rem system-ui,sans-serif;text-decoration:none;cursor:pointer;margin-top:10px}button:hover,.button:hover{background:#5f1114}.small{font-size:.86rem;padding:8px 11px;margin:0}.inline{display:inline;margin:0}.link{background:none;border:0;padding:0;margin:0;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px 16px;align-items:end}.form-grid button{align-self:end;margin-bottom:4px}.check{display:inline-flex;gap:8px;align-items:center;margin:5px 16px 5px 0;font-weight:500}.check input{width:auto;margin:0}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:690px}th,td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--navy);font-size:.9rem;background:#f6fafb}td small{font-size:.82rem}.stack{min-width:145px}.stack input,.stack select{padding:7px;font-size:.85rem}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.tabs a{background:white;border:1px solid var(--line);color:var(--navy);padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:650}.tabs a:hover{border-color:var(--teal)}.foot{text-align:center;color:var(--muted);padding:18px 20px 34px;font-size:.9rem}.narrow .card{margin:0}a{color:var(--navy)}details{margin:18px 0}summary{cursor:pointer;color:var(--navy);font-weight:700}@media(max-width:640px){.top{align-items:flex-start;flex-direction:column}.top nav{gap:14px}.wrap{margin-top:24px;padding-left:14px;padding-right:14px}.card{padding:18px}.form-grid{grid-template-columns:1fr}}
/* Public landing, account entry, and member plot experience */
:root{--navy:#0b3c5c;--teal:#00bac9;--cream:#fffaf6;--ink:#1f2933;--muted:#64748b;--line:#e3e9ee;--red:#7d1b1d;--orange:#f26522;--mist:#eef6f8}
.top{position:sticky;top:0;z-index:20;min-height:74px;padding-left:max(22px,calc((100vw - 1180px)/2));padding-right:max(22px,calc((100vw - 1180px)/2));box-shadow:0 4px 18px rgba(11,60,92,.12)}
.brand{font-size:1.55rem;letter-spacing:-.04em}.brand-dot{color:var(--teal)}.top nav{gap:24px}.top nav a{font-weight:600}.top nav .nav-cta{background:#fff;color:var(--navy);border-radius:999px;padding:9px 16px}.top nav .nav-cta:hover{text-decoration:none;background:#eafcff}
.home-wrap{max-width:1180px;margin:0 auto;padding-top:34px}.hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:38px;min-height:430px;padding:clamp(28px,5vw,62px);border-radius:28px;overflow:hidden;color:#fff;background:radial-gradient(ellipse at 15% 100%,rgba(0,186,201,.18),transparent 42%),linear-gradient(125deg,#082f49,#0b3c5c 55%,#10516a);box-shadow:0 22px 54px rgba(11,60,92,.2)}.hero:after{position:absolute;content:"";width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-160px;top:-185px;z-index:-1;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 72px rgba(255,255,255,.02)}.hero-copy{max-width:560px}.eyebrow{display:block;color:#078b98;font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero .eyebrow{color:#88eaf0}.hero h1,.hero h2{max-width:610px;margin:17px 0 18px;color:white;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.04;letter-spacing:-.045em}.hero-copy>p{max-width:500px;color:rgba(255,255,255,.79);font-size:1.08rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.button-light{background:#fff;color:var(--navy);border-radius:999px;padding:14px 20px}.button-light:hover{background:#dffaff;color:var(--navy)}.hero-login{color:#fff;font-weight:650;text-decoration:none}.hero-login:hover{text-decoration:underline}.hero-disclaimer{display:flex;align-items:center;gap:9px;margin-top:36px;color:rgba(255,255,255,.68);font-size:.78rem}.status-dot,.availability-pill span{width:8px;height:8px;display:inline-block;border-radius:50%;background:#80ecb3;box-shadow:0 0 0 4px rgba(128,236,179,.13)}.hero-visual{min-height:310px;padding:19px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04));backdrop-filter:blur(8px);transform:rotate(1deg)}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;color:rgba(255,255,255,.67);font-size:.62rem;font-weight:750;letter-spacing:.13em}.live-tag{padding:5px 8px;border:1px solid rgba(125,240,209,.45);border-radius:99px;color:#a9f3d7}.parcel-map{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 4px 18px;min-height:205px;transform:perspective(500px) rotateX(8deg) rotateZ(-4deg)}.parcel{display:flex;align-items:center;justify-content:center;min-height:91px;border:1px solid rgba(199,250,239,.48);border-radius:12px;color:rgba(255,255,255,.82);font-weight:750;font-size:.76rem;background:linear-gradient(145deg,rgba(0,186,201,.26),rgba(0,186,201,.06));box-shadow:inset 0 0 26px rgba(255,255,255,.06)}.p2,.p4{background:linear-gradient(145deg,rgba(242,101,34,.27),rgba(242,101,34,.07));border-color:rgba(255,201,165,.5)}.p5{background:linear-gradient(145deg,rgba(128,236,179,.22),rgba(128,236,179,.05))}.map-pin{position:absolute;left:48%;top:42%;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--red);font-size:1.4rem;box-shadow:0 5px 18px #001d2b}.visual-bottom{font-size:.57rem}
.intro-row{display:grid;grid-template-columns:1fr .85fr;align-items:end;gap:34px;padding:70px 8px 27px}.intro-row h2{max-width:540px;margin:10px 0 0;color:var(--navy);font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.025em}.intro-row>p{margin:0 0 2px;color:var(--muted);line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{padding:26px 24px;border:1px solid var(--line);border-radius:18px;background:white;box-shadow:0 8px 24px rgba(11,60,92,.045)}.feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e5f8fa;color:var(--navy);font-size:1.3rem;font-weight:800}.feature-card h3{margin:18px 0 8px;color:var(--navy);font-size:1.06rem}.feature-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}.disclaimer-panel{display:flex;gap:14px;align-items:flex-start;margin:22px 0 48px;padding:18px 20px;border:1px solid #cbe6e9;border-radius:14px;background:#f0fafb;color:#47616f;font-size:.88rem}.disclaimer-panel strong{white-space:nowrap;color:var(--navy)}
.auth-layout{display:grid;grid-template-columns:.8fr 1fr;align-items:center;gap:56px;max-width:950px;margin:20px auto 60px}.auth-aside h2{margin:12px 0;color:var(--navy);font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12;letter-spacing:-.035em}.auth-aside>p{color:var(--muted);line-height:1.8}.auth-note{padding-left:14px;border-left:3px solid var(--teal);font-size:.9rem}.auth-card{padding:30px;margin:0;border-radius:20px;box-shadow:0 18px 42px rgba(11,60,92,.1)}.auth-card h2{font-size:1.35rem}.auth-card form{margin-top:15px}.button-wide{width:100%;padding:13px 18px}.auth-switch{margin:20px 0 0;text-align:center;color:var(--muted);font-size:.9rem}.auth-switch a{font-weight:750}.wrap>h1{font-size:clamp(1.7rem,3vw,2.2rem);margin:10px 0 24px}
.member-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:5px 0 22px;padding:22px 25px;border-radius:18px;background:linear-gradient(115deg,#eaf7f8,#f5fbfb);border:1px solid #d6eaec}.member-welcome h2{margin:5px 0 2px;color:var(--navy);font-size:1.8rem}.member-welcome p{margin:0;color:var(--muted)}.member-code{min-width:175px;padding:12px 16px;border:1px solid rgba(11,60,92,.1);border-radius:12px;background:#fff}.member-code small,.plot-name-row small,.plot-bottom small{display:block;color:var(--muted);font-size:.63rem;font-weight:800;letter-spacing:.1em}.member-code strong{display:block;margin-top:3px;color:var(--red);font-size:1.15rem;letter-spacing:.1em}.member-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;margin-bottom:37px}.stat-card{min-height:127px;padding:18px 19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 6px 18px rgba(11,60,92,.04)}.stat-card>span{display:block;color:var(--muted);font-size:.78rem;font-weight:650}.stat-card>strong{display:block;margin:8px 0 2px;color:var(--navy);font-size:1.23rem}.stat-card>small{font-size:.76rem}.stat-highlight{background:#f0faf4;border-color:#cce9d6}.stat-highlight>strong{color:#22744a}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.section-heading h2{margin:5px 0 2px;color:var(--navy);font-size:1.55rem;letter-spacing:-.025em}.section-heading p{margin:0;color:var(--muted);font-size:.9rem}.availability-pill{display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #cce9d6;border-radius:999px;background:#f0faf4;color:#277149;font-size:.79rem;font-weight:750;white-space:nowrap}.availability-pill span{width:7px;height:7px;background:#39ac69;box-shadow:0 0 0 4px rgba(57,172,105,.12)}.access-note{display:flex;flex-direction:column;gap:3px;margin:0 0 17px;padding:12px 16px;border:1px solid #f0d5a4;border-radius:12px;background:#fffaf0;color:#755417;font-size:.86rem}.access-note strong{font-size:.9rem}.access-ok{border-color:#cce9d6;background:#f0faf4;color:#276b48}.plot-section{margin-bottom:34px}.plot-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:17px}.plot-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(11,60,92,.055);transition:transform .18s ease,box-shadow .18s ease}.plot-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(11,60,92,.1)}.plot-art{position:relative;height:145px;padding:13px;background:linear-gradient(145deg,#d8f2f0,#eaf6f4 52%,#cce9df);overflow:hidden}.plot-art.agri{background:linear-gradient(145deg,#d9edda,#edf4d9 50%,#c8e4cb)}.plot-art:before{position:absolute;content:"";inset:0;background:repeating-linear-gradient(155deg,transparent 0 23px,rgba(11,60,92,.09) 24px 25px,transparent 26px 47px);transform:scale(1.15)}.plot-type,.plot-open{position:relative;z-index:2;display:inline-block;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.9);color:var(--navy);font-size:.69rem;font-weight:800}.plot-open{float:right;background:#effaf2;color:#287247}.plot-lines{position:absolute;inset:28px 35px 15px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px;transform:rotate(-6deg)}.plot-lines i{display:block;border:1px solid rgba(11,60,92,.3);border-radius:5px;background:rgba(255,255,255,.22)}.plot-marker{position:absolute;left:46%;top:34%;display:grid;place-items:center;width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--red);color:white;font-size:1.1rem;box-shadow:0 4px 12px rgba(11,60,92,.25)}.plot-art-caption{position:absolute;right:13px;bottom:10px;color:rgba(11,60,92,.55);font-size:.57rem;font-weight:850;letter-spacing:.11em}.plot-info{padding:17px}.plot-name-row{display:flex;justify-content:space-between;align-items:center}.plot-name-row h3{margin:3px 0 0;color:var(--navy);font-size:1.12rem}.plot-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f1f7f9;color:var(--navy);font-size:1.2rem}.plot-area{min-height:24px;margin:12px 0;color:var(--muted);font-size:.84rem}.plot-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid #edf1f3}.plot-bottom strong{display:block;margin-top:3px;color:var(--navy);font-size:1.03rem}.select-plot{margin:0;padding:9px 11px;border-radius:9px;background:var(--red);font-size:.78rem;white-space:nowrap}.select-plot:hover{background:#5f1114}.select-plot.disabled{background:#a5afb8;cursor:not-allowed}.empty-state{padding:42px 18px;border:1px dashed #bfd1d8;border-radius:16px;background:#f8fbfc;text-align:center}.empty-state>span{font-size:2rem;color:#7b9aa8}.empty-state h3{margin:8px 0;color:var(--navy)}.empty-state p,.muted{color:var(--muted)}.selection-card{padding:22px 24px}.section-heading.compact{margin-bottom:12px}.section-heading.compact h2{font-size:1.28rem}.selection-list{display:grid;gap:8px}.selection-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #edf1f3;border-radius:11px}.selection-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf7f8;color:var(--navy)}.selection-row>div{flex:1}.selection-row strong,.selection-row small{display:block}.selection-row small{margin-top:2px}.selection-status,.selection-free{padding:5px 9px;border-radius:99px;background:#f1f5f8;color:#4c6471;font-size:.72rem;font-weight:750}.selection-free{background:#eef9f1;color:#287247}.demo-footnote{margin:16px 2px 35px;color:var(--muted);font-size:.78rem;line-height:1.6}.foot{border-top:1px solid #e3e9ee;background:#fff}
@media(max-width:780px){.hero{grid-template-columns:1fr;gap:26px}.hero-visual{min-height:280px}.intro-row{grid-template-columns:1fr;gap:12px;padding-top:48px}.auth-layout{grid-template-columns:1fr;gap:14px;margin-top:5px}.auth-aside{padding:0 3px}.auth-aside h2{font-size:2rem}.feature-grid{grid-template-columns:1fr}.disclaimer-panel{flex-direction:column;gap:4px}.member-welcome{align-items:flex-start;flex-direction:column}.member-code{min-width:unset}.selection-row{flex-wrap:wrap}.selection-row>div{min-width:calc(100% - 56px)}}
@media(max-width:540px){.home-wrap{padding:18px 12px 30px}.hero{padding:24px 20px;border-radius:20px}.hero h1,.hero h2{font-size:2.35rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-visual{padding:14px;min-height:245px}.parcel-map{min-height:155px}.parcel{min-height:68px}.visual-bottom{font-size:.48rem}.top{padding:12px 15px}.top nav{gap:13px;font-size:.89rem}.member-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:14px;min-height:120px}.section-heading{align-items:flex-start;flex-direction:column}.availability-pill{align-self:flex-start}.plot-grid-cards{grid-template-columns:1fr}.plot-bottom{align-items:flex-start;flex-direction:column}.plot-bottom form,.plot-bottom button{width:100%}.select-plot{text-align:center}.member-welcome h2{font-size:1.5rem}}