:root{--bg:#03070b;--panel:#070b10;--text:#f2f4f6;--muted:#9da7b0;--red:#ff343c;--blue:#2ab8ff;--violet:#786cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;letter-spacing:.03em}.nat-header{height:76px;position:absolute;z-index:5;top:22px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:linear-gradient(#02060ae8,transparent)}.nat-brand{color:#fff;text-decoration:none;font-size:19px;letter-spacing:.14em}.wave,.mark{color:var(--red);font-weight:700;letter-spacing:1px;margin-right:12px}.nat-header nav{display:flex;gap:28px;align-items:center}.nat-header nav a{color:#e8ebed;text-decoration:none;font-size:13px}.nat-header nav a:hover{color:#fff}.account{display:inline-flex!important;align-items:center;white-space:nowrap;border:1px solid #8b969f;padding:10px 14px;border-radius:3px;background:#070b10cc;color:#fff!important}.hero{min-height:460px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 105%,#12202a 0,#061018 34%,#02070c 72%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 0.7px,transparent .8px);background-size:63px 57px;opacity:.3}.aurora{position:absolute;inset:-15% -10% 0;background:radial-gradient(ellipse at 20% 48%,#2ac18d66,transparent 19%),radial-gradient(ellipse at 75% 38%,#37d49a66,transparent 20%),radial-gradient(ellipse at 54% 30%,#238d7b44,transparent 24%);filter:blur(20px);transform:rotate(-4deg)}.hero-inner{position:relative;text-align:center;padding-top:130px}.mark{font-size:38px;margin:0 0 10px}.hero h1{font-weight:300;font-size:68px;line-height:.9;letter-spacing:.17em;margin:0}.hero h1 span{font-size:48px}.kicker,.tag{letter-spacing:.35em;color:#d6dadd;font-size:12px}.hero-inner i{display:block;width:34px;height:2px;background:var(--red);margin:20px auto}.products{max-width:1500px;margin:-25px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0 3% 36px}.product{min-height:330px;background:linear-gradient(145deg,#0b1016,#030609);border:1px solid #414850;border-radius:7px;padding:25px;position:relative;box-shadow:0 18px 45px #0009}.product.red{border-color:#5e2629}.product.blue{border-color:#24546b}.product.violet{border-color:#433b75}.product h2{margin:0;font-size:29px;font-weight:600}.product h2 span{font-weight:300;color:#d8dadd}.red h2{color:var(--red)}.blue h2{color:var(--blue)}.violet h2{color:var(--violet)}.product p{text-transform:uppercase;font-size:12px;line-height:1.6;letter-spacing:.16em;color:#c8cdd1;max-width:260px}.coming{position:absolute;z-index:8;left:50%;top:46%;transform:translate(-50%,-50%) rotate(-10deg);width:max-content;max-width:90%;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-size:clamp(38px,4.2vw,64px);font-weight:700;line-height:.9;letter-spacing:-.045em;text-transform:none;color:#f2f2ee;text-shadow:0 2px 0 #000,0 5px 18px #000c;opacity:.94;pointer-events:none;white-space:nowrap}.coming:after{content:"";display:block;height:3px;width:94%;margin:7px auto 0;background:currentColor;border-radius:60%;transform:rotate(-1deg);opacity:.8}.device{height:145px;margin:20px 0;background:linear-gradient(#171c21,#080b0e);border:1px solid #303840;border-radius:4px;padding:22px;box-shadow:inset 0 0 30px #000}.screen{border:1px solid #37434d;background:#03070a;height:70px;padding:13px;font-family:monospace;font-size:20px}.red .screen{color:#ff555b}.blue .screen{color:#55c7ff}.violet .screen{color:#938aff}.screen small{display:block;color:#87919a;font-size:9px;margin-top:8px}.knobs{text-align:right;color:#747e86;margin-top:8px}.product button{background:transparent;color:#aaa;border:1px solid #59616a;padding:10px 18px;letter-spacing:.16em;font-size:10px}.features{border-top:1px solid #20262c;border-bottom:1px solid #20262c;display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6%;gap:20px;background:#05090d}.features div{border-right:1px solid #242a30;padding:0 22px}.features div:last-child{border:0}.features b,.features span{display:block}.features b{font-size:12px;letter-spacing:.12em}.features span{font-size:10px;color:#8e979f;margin-top:7px}.support{text-align:center;padding:80px 20px 100px;background:radial-gradient(ellipse at center,#111a21,#03070b 65%)}.support h3{font-size:28px;font-weight:300}.support p{color:#9da7b0;max-width:700px;margin:auto;line-height:1.7}.nat-footer{border-top:1px solid #1d242a;padding:25px 4%;display:flex;justify-content:space-between;color:#727c84;font-size:10px;letter-spacing:.18em}@media(max-width:900px){.nat-header{top:14px;padding:0 20px}.nat-brand{font-size:14px}.nat-header nav{gap:10px}.nat-header nav a:not(.account){display:none}.account{display:inline-flex!important}.hero h1{font-size:48px}.hero h1 span{font-size:34px}.products{grid-template-columns:1fr;margin-top:0}.features{grid-template-columns:1fr 1fr}.features div{border:0}.nat-footer{gap:12px;flex-direction:column;text-align:center}}
/* Account / customer dashboard */
.account-page{min-height:100vh;background:#03070b}.account-hero{padding:130px 20px 55px;border-bottom:1px solid #20272d;background:radial-gradient(ellipse at 50% 0,#10232c 0,#061018 35%,#03070b 72%);position:relative;overflow:hidden}.account-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff .7px,transparent .8px);background-size:71px 61px;opacity:.18}.account-hero-inner{position:relative;max-width:1180px;margin:auto;text-align:center}.eyebrow{font-size:10px;letter-spacing:.38em;color:#9ba7ae}.account-hero h1{font-size:46px;letter-spacing:.18em;font-weight:300;margin:12px 0}.account-hero p{color:#99a4ac;max-width:650px;margin:auto;line-height:1.7}.account-wrap{max-width:1180px;margin:auto;padding:55px 24px 100px}.account-alert{border:1px solid #783a3d;background:#210c0e;padding:14px 16px;margin-bottom:22px;color:#ffdadd}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.auth-card{border:1px solid #303941;background:linear-gradient(145deg,#0b1016,#05080b);padding:34px;border-radius:6px;box-shadow:0 18px 50px #0007}.auth-label{font-size:9px;letter-spacing:.24em;color:#78858e}.auth-card h2,.dashboard-head h2{font-size:28px;font-weight:300;margin:9px 0 28px}.auth-card label{display:block;font-size:10px;letter-spacing:.12em;color:#aeb7bd;margin:16px 0}.auth-card input[type=text],.auth-card input[type=email],.auth-card input[type=password]{display:block;width:100%;margin-top:8px;background:#020508;border:1px solid #39434b;color:#fff;padding:13px 14px;border-radius:3px;outline:none}.auth-card input:focus{border-color:#7d8991}.auth-card .check{display:flex;gap:8px;align-items:center;letter-spacing:.04em}.auth-card button,.logout-btn{display:inline-block;background:#e6e9eb;color:#06090b;border:0;padding:13px 20px;font-size:10px;font-weight:700;letter-spacing:.16em;text-decoration:none;border-radius:2px;cursor:pointer}.small-link{display:inline-block;margin-top:18px;color:#9ba7ae;font-size:11px}.privacy-note{color:#76818a;font-size:10px;line-height:1.6;margin-top:20px}.dashboard-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252c32;padding-bottom:28px}.dashboard-head h2{margin-bottom:5px}.dashboard-head p{margin:0;color:#77838b}.logout-btn{background:transparent;color:#c7ced2;border:1px solid #46515a}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 50px}.dash-stats div{border:1px solid #283139;background:#070b0f;padding:22px}.dash-stats b,.dash-stats span{display:block}.dash-stats b{font-size:25px;font-weight:300}.dash-stats span{color:#77838b;font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin-top:6px}.section-title{font-size:11px;letter-spacing:.24em;font-weight:400;color:#a8b1b7;margin-bottom:16px}.account-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.account-product{min-height:270px;border:1px solid #333b42;background:linear-gradient(145deg,#0b1015,#040608);padding:23px;display:flex;flex-direction:column;justify-content:space-between;border-radius:5px}.account-product.red{border-top-color:#7d3035}.account-product.blue{border-top-color:#286887}.account-product.violet{border-top-color:#51468a}.account-product h3{font-size:21px;letter-spacing:.06em;margin:12px 0 7px}.account-product p{font-size:9px;letter-spacing:.14em;color:#7f8a92}.product-state{font-size:8px;letter-spacing:.18em;color:#aab2b7;border:1px solid #3b444b;padding:5px 7px}.license-empty{border-top:1px solid #252d33;padding-top:17px}.license-empty span,.license-empty b,.license-empty small{display:block}.license-empty span{font-size:8px;letter-spacing:.2em;color:#657079}.license-empty b{font-size:13px;font-weight:400;margin:7px 0}.license-empty small{font-size:9px;line-height:1.5;color:#69747c}.account-note{margin-top:30px;border:1px solid #263038;background:#060b0f;padding:22px}.account-note b,.account-note span{display:block}.account-note b{font-size:12px;letter-spacing:.06em}.account-note span{font-size:10px;color:#78848c;line-height:1.7;margin-top:7px}@media(max-width:800px){.auth-grid,.account-products,.dash-stats{grid-template-columns:1fr}.dashboard-head{align-items:flex-start;gap:20px;flex-direction:column}.account-hero h1{font-size:34px}}

/* v0.2.2 account navigation */
.account-tabs{display:flex;gap:8px;margin:0 0 28px;border-bottom:1px solid #252c32;padding-bottom:12px}.account-tabs a{color:#87939b;text-decoration:none;font-size:10px;letter-spacing:.18em;padding:11px 15px;border:1px solid transparent}.account-tabs a:hover,.account-tabs a.active{color:#fff;border-color:#3c4851;background:#080d11}.section-title{scroll-margin-top:30px}

/* 0.2.5: actual COMING SOON treatment */
.product { overflow:hidden; }
.product .coming{
  position:absolute !important;
  z-index:30 !important;
  left:50% !important;
  top:52% !important;
  transform:translate(-50%,-50%) rotate(-9deg) !important;
  width:max-content !important;
  max-width:94% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:none !important;
  box-shadow:none !important;
  color:rgba(247,247,240,.95) !important;
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
  font-size:clamp(46px,5vw,78px) !important;
  font-weight:700 !important;
  line-height:.9 !important;
  letter-spacing:-.06em !important;
  text-transform:none !important;
  white-space:nowrap !important;
  text-shadow:0 0 1px rgba(255,255,255,.9), 1px 1px 0 rgba(255,255,255,.22), 0 5px 18px rgba(0,0,0,.85) !important;
  opacity:.96 !important;
  pointer-events:none !important;
}
.product .coming:after{
  content:"" !important;
  display:block !important;
  width:96% !important;
  height:3px !important;
  margin:8px auto 0 !important;
  background:rgba(247,247,240,.85) !important;
  border-radius:50% !important;
  transform:rotate(-1deg) !important;
}
.product > button { display:none !important; }

/* 0.2.6 unmistakable chalk overlay — NEW CLASS to defeat stale .coming rules */
.product .nat-chalk-soon{
 position:absolute !important; z-index:999 !important;
 left:50% !important; top:54% !important;
 transform:translate(-50%,-50%) rotate(-11deg) !important;
 padding:0 !important; border:0 !important; background:transparent !important;
 color:#f4f1e8 !important; white-space:nowrap !important;
 font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive !important;
 font-size:58px !important; font-size:clamp(44px,4.4vw,72px) !important;
 font-weight:700 !important; line-height:1 !important;
 letter-spacing:-3px !important; text-transform:none !important;
 text-shadow:1px 0 #fff8,-1px 1px #fff5,0 5px 18px #000 !important;
 opacity:.96 !important; pointer-events:none !important;
}
.product .nat-chalk-soon::after{
 content:""; display:block; height:4px; width:95%; margin:8px auto 0;
 background:#f4f1e8; opacity:.8; transform:rotate(-2deg); border-radius:50%;
}
@media(max-width:900px){.product .nat-chalk-soon{font-size:48px !important}}

/* 0.2.7 — COMING SOON crosses over the product display/image */
.product .nat-chalk-soon{
  top:67% !important;
  z-index:9999 !important;
  font-size:clamp(48px,4.7vw,76px) !important;
  transform:translate(-50%,-50%) rotate(-10deg) !important;
}
.product .device,
.product .product-visual,
.product img{
  position:relative;
  z-index:2;
}
.product .nat-chalk-soon{
  position:absolute !important;
}

/* 0.2.9 — handwritten overlay, only slightly outside each product card */
.product { overflow:visible !important; }
.product .nat-chalk-soon{
  left:50% !important;
  top:66% !important;
  width:auto !important;
  max-width:none !important;
  font-size:clamp(34px,3.15vw,52px) !important;
  letter-spacing:-2px !important;
  transform:translate(-50%,-50%) rotate(-7deg) !important;
  white-space:nowrap !important;
}
.product .nat-chalk-soon::after{
  width:105% !important;
  height:3px !important;
  margin-top:5px !important;
}

/* 0.3.4 isolated User Account */
.nat34-account{max-width:1100px;margin:auto;color:#eef3f7}
.nat34-account h1{font-size:42px;letter-spacing:.08em}
.nat34-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.nat34-grid>div,.nat34-empty,.nat34-product{background:#070b10;border:1px solid #ffffff20;padding:24px}
.nat34-account label{display:block;margin:12px 0;color:#aeb7c0}
.nat34-account input{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:12px;background:#0d131a;border:1px solid #ffffff25;color:white}
.nat34-account button{padding:12px 18px;background:#d83b3b;color:white;border:0}
.nat34-tabs{margin:18px 0 28px;color:#aeb7c0;letter-spacing:.1em}
.nat34-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.nat34-product span{display:block;margin-top:12px;color:#8fe0a0;font-size:12px;letter-spacing:.1em}
@media(max-width:760px){.nat34-grid,.nat34-products{grid-template-columns:1fr}}

/* 0.3.6 */
.nat-main-nav{display:flex;align-items:center;gap:28px}.nat-nav-dropdown{position:relative}.nat-nav-dropdown>button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:12px 0}.nat-nav-menu{position:absolute;top:100%;left:-16px;min-width:180px;padding:8px;background:#070b10f5;border:1px solid #ffffff20;opacity:0;visibility:hidden;transform:translateY(7px);transition:.18s;z-index:999}.nat-nav-menu a{display:block;padding:11px 13px;white-space:nowrap}.nat-nav-dropdown:hover .nat-nav-menu,.nat-nav-dropdown:focus-within .nat-nav-menu{opacity:1;visibility:visible;transform:none}.nat-about-story,.nat-live-tools{padding:96px 6vw;border-top:1px solid #ffffff12;background:linear-gradient(180deg,#05080d,#080d13)}.nat-live-tools{padding-top:68px;padding-bottom:68px;background:#060a0f}.nat-story-inner{max-width:980px;margin:auto}.nat-story-kicker{font-size:12px;letter-spacing:.22em;color:#8e9aa7;margin-bottom:18px}.nat-about-story h2,.nat-live-tools h2{font-size:clamp(32px,4vw,54px);line-height:1.08;margin:0 0 28px}.nat-about-story p,.nat-live-tools p{max-width:850px;font-size:17px;line-height:1.75;color:#b6c0ca}.nat-security-line{width:100%;text-align:center;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff12;color:#788590;font-size:11px;letter-spacing:.16em}@media(max-width:850px){.nat-main-nav{gap:13px;flex-wrap:wrap}.nat-nav-menu{left:0}.nat-about-story,.nat-live-tools{padding-left:24px;padding-right:24px}}

/* 0.3.7 About sign-off */
.nat-story-signoff{margin-top:42px;padding-top:28px;border-top:1px solid #ffffff18;display:flex;flex-direction:column;gap:8px;color:#9da9b5}
.nat-story-signoff strong{font-size:16px;color:#e6ebef;font-weight:500;letter-spacing:.03em}

/* 0.3.8 M7 demo download center */
.nat-chalk-soon.demo-available{font-size:clamp(28px,3.1vw,46px)!important;color:#f4f7f8!important;transform:translate(-50%,-50%) rotate(-5deg)!important}
.nat-download-center{margin-top:28px;padding:26px;border:1px solid #36414a;border-radius:6px;background:linear-gradient(145deg,#0b1016,#05080b)}
.nat-download-center h2{margin:0 0 10px;font-size:25px;font-weight:300}
.nat-download-center p{color:#9da7b0;line-height:1.6}
.nat-download-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.nat-download-button{display:inline-block;padding:13px 18px;border:1px solid #68747d;border-radius:3px;background:#e6e9eb;color:#06090b!important;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.nat-download-button:hover{background:#fff}
.nat-demo-info{padding:66px 5%;border-top:1px solid #232a31;border-bottom:1px solid #232a31;background:radial-gradient(ellipse at 20% 50%,#13242b,#05090d 58%)}
.nat-demo-inner{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:48px}
.nat-demo-info h2{margin:10px 0 16px;font-size:34px;font-weight:300;letter-spacing:.04em}
.nat-demo-info p{max-width:760px;color:#a4afb7;line-height:1.75;margin:0 0 13px}
.nat-demo-note strong{color:#f2f4f6}
.nat-demo-status{padding:12px 14px;border-left:2px solid var(--red);background:#120a0c;color:#c8d0d5!important}
.nat-demo-status strong{color:#fff}
.nat-demo-button{flex:0 0 auto;display:inline-block;padding:15px 20px;border:1px solid #77838c;border-radius:3px;background:#e6e9eb;color:#06090b;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.13em;text-align:center}
.nat-demo-button:hover{background:#fff}
@media(max-width:850px){.nat-demo-inner{display:block}.nat-demo-button{margin-top:20px}.nat-demo-info h2{font-size:28px}}