:root{--paper:#f6f5f0;--ink:#173b38;--teal:#007e78;--muted:#5d716b;--line:#d9ded4;--mint:#e4ebdf;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,video:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:6px}img{max-width:100%;height:auto}p{line-height:1.7}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.055em;line-height:1.08}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:28px;font-weight:700;letter-spacing:-1.4px}.brand img{object-fit:contain;border-radius:7px}.brand-dot{color:var(--teal)}nav{display:flex;gap:38px;align-items:center;font-size:14px}nav a:hover,.footer a:hover{color:var(--teal)}.nav-contact{border:1px solid #a4b4a7;padding:12px 18px;border-radius:4px}.nav-contact span{margin-left:20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding-top:70px;padding-bottom:73px}.eyebrow{font-family:monospace;font-size:11px;font-weight:600;letter-spacing:1.7px;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:8px}.hero h1{font-size:clamp(46px,4.8vw,68px);margin-top:28px}.hero h1>span{color:var(--teal)}.lead{font-size:16px;color:var(--muted);max-width:440px;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px;font-weight:600;padding:18px 22px;border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:var(--teal)}.hero .button{margin-top:28px}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);margin-top:32px}.tiny-cross{font-size:20px;color:var(--teal)}.hero-art{position:relative;background:#e9eee3;border:1px solid #d9e1d2;border-radius:47% 47% 4px 4px;overflow:hidden;min-width:0;align-self:stretch;display:flex;align-items:center;justify-content:center}.geometry{width:100%;display:block}.art-label{position:absolute;top:52px;font:10px monospace;letter-spacing:2px}.art-caption{position:absolute;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px}.draw-arc{stroke-dasharray:740;stroke-dashoffset:740;animation:draw 3s .2s ease forwards}@keyframes draw{to{stroke-dashoffset:0}}.principle-strip{border-block:1px solid var(--line)}.strip-inner{display:flex;justify-content:space-between;align-items:center;padding-block:24px;font-family:Georgia,serif;font-style:italic;font-size:24px}.strip-symbol{font-size:30px;color:var(--teal)}.product-section{padding-block:85px 76px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.pill{font-size:11px;border:1px solid #c7d5c6;border-radius:30px;padding:8px 12px;background:#eaf0e4}.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:36px}.product-name{display:flex;gap:14px;align-items:center;margin-bottom:21px}.product-name img{border-radius:15px;width:52px;height:52px}.product-name h2{font-size:30px;letter-spacing:-1.3px}.product-name h2 span{font-weight:700}.product-intro h3{font-size:43px}.product-description{font-size:15px;color:var(--muted);max-width:420px}.text-link{display:inline-flex;gap:32px;align-items:center;border-bottom:1px solid var(--teal);padding-bottom:6px;color:var(--teal);font-weight:600;font-size:13px;margin-top:22px}.app-frame{background:#e2e9df;padding:22px 26px 18px;border-radius:6px}.frame-top{display:flex;justify-content:space-between;font:10px monospace;color:#556c61;padding:1px 0 18px}.frame-dots{letter-spacing:4px;color:#9aaa99}.app-frame>img{width:100%;display:block;border:1px solid #d1dbcf;border-radius:3px;box-shadow:0 12px 24px #1c3d3610}.app-frame figcaption{text-align:center;font-family:Georgia,serif;font-size:16px;font-style:italic;color:#506e60;padding-top:18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px}.features article{border-top:1px solid #cbd6c7;padding-top:18px}.feature-number{font:11px monospace;color:var(--teal)}h4{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:16px 0 9px}.features p{font-size:13px;color:var(--muted)}.tutorial-section{background:#173b38;color:#f6f5ef;padding-block:70px}.tutorial-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.tutorial-heading .eyebrow{color:#9fc6b7;margin-bottom:18px}.tutorial-heading h2{font-size:42px}.tutorial-heading>p{font-size:13px;color:#b4c9be}.tutorial-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:start}.tutorial-player{min-width:0;background:#102d2b;border:1px solid #47635a;border-radius:5px;overflow:hidden}.tutorial-player video{display:block;width:100%;aspect-ratio:16/10;object-fit:contain}.tutorial-choice{width:100%;display:flex;align-items:center;text-align:left;gap:17px;color:#d7e2d8;border:0;border-bottom:1px solid #3b5d51;background:none;padding:21px 8px;cursor:pointer}.tutorial-choice>span:first-child{font:10px monospace;align-self:flex-start;padding-top:4px;color:#a5bfae}.tutorial-choice>span:nth-child(2){flex:1;font-size:20px;letter-spacing:-.6px}.tutorial-choice small{display:block;font-size:11px;letter-spacing:0;color:#b2c3b8;margin-top:6px;line-height:1.5}.tutorial-choice.active{background:#244c42;border-radius:3px;border-color:#769f84}.tutorial-choice:hover{background:#244c42}.tutorial-status{font-size:10px;color:#b2c3b8;margin-top:14px}.launch{padding-block:65px;display:grid;grid-template-columns:1fr auto;gap:28px 50px;align-items:center}.launch h2{font-size:36px;margin-top:15px}.launch>div>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:510px;margin-top:17px}.pricing-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:start;gap:45px}.pricing-note>span{font:11px monospace;white-space:nowrap;color:var(--teal);padding-top:4px}.launch .pricing-note p{margin:0;font-size:13px}.pricing-note small{color:var(--muted);font-size:11px}.about-section{background:#e9ece2;border-block:1px solid #dce1d4;padding-block:75px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-section h2{font-size:48px;margin-top:23px}.about-copy p{font-size:14px;color:var(--muted);margin-bottom:17px}.about-copy .about-lead{font-size:23px;line-height:1.45;letter-spacing:-.6px;color:var(--ink)}.contact{position:relative;padding-block:80px}.contact h2{font-size:52px;margin-top:22px}.contact-link{position:absolute;right:0;top:120px;display:flex;gap:70px;align-items:center;font-size:25px;border-bottom:1px solid var(--ink);padding-block:12px}.contact>p:last-child{font-size:12px;color:var(--muted);margin-top:25px}.contact>p a{text-decoration:underline;text-underline-offset:4px}.footer{border-top:1px solid var(--line);padding-block:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer .brand{font-size:23px;color:var(--ink)}.footer>div{display:flex;gap:25px}.skip{position:fixed;top:-100px;left:15px;padding:15px;background:white;z-index:10}.skip:focus{top:15px}.legal{max-width:750px;padding-block:60px}.legal h1{font-size:45px;margin-bottom:20px}.legal h2{font-size:24px;letter-spacing:-.5px;margin:28px 0 12px}.legal p{margin-bottom:14px;font-size:15px;color:var(--muted)}.legal a{text-decoration:underline}.legal ul{font-size:15px;line-height:1.8;color:var(--muted)}@media(min-width:1450px){.hero{gap:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:28px;padding-top:50px}.hero h1{font-size:49px}.art-label{top:35px}.product-intro{gap:35px}.tutorial-layout{gap:25px}.tutorial-choice{padding-block:17px}.tutorial-choice small{font-size:10px}.launch{gap:30px}.launch h2{font-size:31px}.about-grid{gap:40px}.about-section h2{font-size:42px}.contact h2{font-size:44px}.contact-link{gap:35px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{min-height:82px}.brand{font-size:25px}.brand img{width:29px;height:29px}nav{gap:17px;font-size:12px}.nav-contact{padding:8px 10px}.nav-contact span{display:none}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:38px;gap:30px}.hero h1{font-size:clamp(40px,9vw,62px)}.eyebrow{font-size:9px;letter-spacing:1.2px}.lead{font-size:15px;max-width:100%}.hero-art{max-height:430px;aspect-ratio:1.08;align-self:auto}.geometry{height:100%}.art-label{top:38px}.hero-footnote{margin-top:23px}.strip-inner{gap:15px;font-size:clamp(11px,3vw,17px);padding-block:19px}.strip-symbol{font-size:23px}.product-section{padding-block:48px}.product-intro{grid-template-columns:1fr;gap:22px}.product-intro h3{font-size:35px}.product-description{max-width:100%}.product-name h2{font-size:28px}.section-heading{margin-bottom:26px}.app-frame{padding:12px 10px}.frame-top{font-size:7px;gap:5px;padding-bottom:10px}.frame-dots{letter-spacing:1px}.app-frame figcaption{font-size:13px;padding-top:12px}.features{grid-template-columns:1fr;gap:24px;margin-top:28px}.features article{display:grid;grid-template-columns:30px 1fr;gap:0 8px;padding-top:15px}.feature-number{padding-top:4px}.features h4{margin:0 0 10px;font-size:19px}.features p{grid-column:2}.tutorial-section{padding-block:45px}.tutorial-heading{display:block}.tutorial-heading h2{font-size:35px}.tutorial-heading>p{margin-top:20px}.tutorial-layout{grid-template-columns:1fr;gap:18px}.tutorial-choice{padding:17px 10px}.tutorial-choice small{font-size:11px}.launch{padding-block:45px;grid-template-columns:1fr}.launch h2{font-size:33px}.launch>.button{justify-self:start}.pricing-note{display:block}.pricing-note>span{display:block;margin-bottom:10px}.about-section{padding-block:45px}.about-grid{grid-template-columns:1fr;gap:28px}.about-section h2{font-size:40px}.about-copy .about-lead{font-size:22px}.contact{padding-block:50px}.contact h2{font-size:39px}.contact-link{position:static;display:inline-flex;margin-top:22px;font-size:22px}.footer{flex-wrap:wrap;gap:22px}.footer>div{width:100%;justify-content:space-between}.footer>span{font-size:10px}.legal h1{font-size:36px}.legal{padding-block:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.draw-arc{stroke-dashoffset:0}}
