/*
Theme Name: Crystal Nocturne
Theme URI: https://crystalstreamer.com/
Author: Crystal / Tablet Pro
Description: A custom Crystal product website with an accessible interactive tour, pen sketchpad, and Windows preview information.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crystal-nocturne
*/
:root{--bg:#0b1316;--surface:#111e22;--surface-raised:#19282c;--ink:#edf4f1;--muted:#a1b4b4;--accent:#a5ddd0;--line:rgba(178,213,211,.16);--max:1240px;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Aptos,"Segoe UI",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}img,svg{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #8dc9ed;outline-offset:5px}::selection{background:#a5ddd0;color:#122827}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.crystal-site{overflow:hidden}.section-space{padding-block:112px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.18em;line-height:1.5;color:var(--accent);margin-bottom:25px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 13px #a5ddd033;vertical-align:middle}.eyebrow .status-dot{margin-right:10px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:17px 25px;min-height:56px;border-radius:100px;background:var(--accent);color:#163332;font-size:14px;font-weight:600;line-height:1.4;border:1px solid transparent;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{background:#c2eee3;transform:translateY(-2px);box-shadow:0 8px 35px #81c5bb18}.button span{font-size:21px;line-height:1}.button.small{padding:11px 19px;min-height:44px;gap:18px;font-size:12px}.text-link{display:inline-flex;gap:16px;align-items:center;font-size:13px;font-weight:550;border-bottom:1px solid transparent;padding-block:8px}.text-link:hover{border-color:currentColor}.skip-link{position:fixed;z-index:999999;left:20px;top:10px;padding:12px 18px;background:var(--accent);color:#123332;transform:translateY(-180%);border-radius:8px}.skip-link:focus{transform:none}
.site-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:104px;position:relative;z-index:5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:600;letter-spacing:-1.2px}.brand img{object-fit:contain;flex-shrink:0}.site-nav nav{display:flex;gap:34px;margin-left:auto;margin-right:46px}.site-nav nav a{font-size:12px;color:#c0cecd;transition:color .2s}.site-nav nav a:hover{color:var(--accent)}.nav-cta{background:#1b2a2d;color:var(--ink);border-color:#a5ddd040}
.hero{display:grid;grid-template-columns:1.14fr 1fr;align-items:center;min-height:710px;padding-block:68px 80px;position:relative}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(64px,6.9vw,98px);line-height:1.03;font-weight:500;letter-spacing:-.065em}.horizon-word{background:linear-gradient(110deg,#d4eee2 0%,#a7dacb 45%,#84b5c6 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:17px;line-height:1.8;max-width:420px;color:var(--muted);margin-top:30px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.platform-note{display:flex;align-items:center;gap:10px;font-size:10px;color:#94aaaa;margin-top:27px}.platform-note svg{width:13px;height:13px;fill:currentColor;margin-right:4px}.platform-note>span{color:#496368}.hero-art{height:530px;position:relative;isolation:isolate}.art-glow{position:absolute;inset:6% -10%;border-radius:50%;background:radial-gradient(ellipse,#448e8834 0%,#3d828018 35%,transparent 67%);filter:blur(15px);z-index:-1}.hero-crystal{position:absolute;width:470px;max-width:100%;height:auto;left:5%;top:4%;transform:rotate(-9deg);filter:drop-shadow(0 45px 45px #0007);animation:crystal-drift 9s ease-in-out infinite}.orbital{position:absolute;border:1px solid #9edac216;border-radius:50%;transform:rotate(-30deg)}.orbital-one{width:620px;height:360px;left:-30px;top:64px}.orbital-two{width:680px;height:430px;left:-62px;top:30px}.orbital-three{width:740px;height:490px;left:-92px;top:1px;border-style:dashed;opacity:.5}.connection-label{position:absolute;z-index:2;display:flex;align-items:center;gap:15px;padding:17px 21px;background:linear-gradient(125deg,#203236e8,#111d22e8);border:1px solid #b8e3da33;border-radius:15px;box-shadow:0 18px 45px #0004;backdrop-filter:blur(16px);min-width:226px}.connection-label b{display:block;font-size:12px;font-weight:550;letter-spacing:.01em}.connection-label div>span{display:block;color:#9ab6b6;font-size:10px;margin-top:3px}.connection-home{left:10px;top:25px;transform:rotate(-4deg)}.connection-home i{width:5px;height:5px;background:#b2e3d3;border-radius:50%;margin-left:auto}.connection-away{right:-2px;bottom:60px;transform:rotate(3deg)}.connection-away svg{width:23px;height:23px;stroke:#a5ddd0;stroke-width:1.3;fill:none;margin-left:20px}.mini-computer{display:block;width:29px;height:21px;border:1px solid #a5ddd099;border-radius:3px;position:relative;flex-shrink:0;background:linear-gradient(145deg,#a5ddd011,#468f931c)}.mini-computer::after{content:"";position:absolute;height:5px;width:16px;border-bottom:1px solid #a5ddd099;left:5px;top:21px}.mini-tablet{display:block;width:29px;height:21px;border:1px solid #a5ddd099;border-radius:4px;transform:rotate(-8deg);flex-shrink:0}.art-caption{position:absolute;bottom:12px;left:115px;color:#668d8f;font-size:9px;letter-spacing:.23em}.promise-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--line);padding-block:26px;color:#b6c8c7;font-size:12px}.promise-strip span::before{content:"✦";font-size:11px;color:#6e9896;margin-right:15px}
h2{font-size:clamp(38px,4.2vw,58px);font-weight:450;line-height:1.12;letter-spacing:-.05em}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:65px;margin-bottom:53px}.section-heading>p{max-width:370px;color:var(--muted);font-size:15px;line-height:1.85;padding-bottom:5px}.product-stage{width:100%;background:#101a1d;border:1px solid #698a8f55;border-radius:19px;overflow:hidden;box-shadow:0 35px 75px #0003;position:relative}.product-stage>img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#0f191c}.stage-top,.stage-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 27px;font-size:10px;color:#819d9e;background:#162327}.stage-top{border-bottom:1px solid #a5ddd01a}.stage-top>span:first-child{font-size:9px;letter-spacing:.15em;color:#b9d5d0}.stage-top .status-dot{margin-right:10px;width:5px;height:5px}.stage-bottom{background:#111e22;border-top:1px solid #a5ddd01a}.stage-bottom>span:first-child{color:#b8cecb}.experience-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:64px;padding:42px 0 0}.experience-notes>div{position:relative;padding-left:35px}.experience-notes span{position:absolute;left:0;top:2px;color:#60837e;font-size:10px}.experience-notes h3{font-size:16px;font-weight:500;letter-spacing:-.02em;margin-bottom:9px}.experience-notes p{font-size:13px;line-height:1.8;color:var(--muted)}
.places-section{background:#111e21;padding-block:100px;border-block:1px solid #9bbbb818}.places-layout{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:center}.section-description{color:var(--muted);font-size:15px;line-height:1.85;max-width:400px;margin-top:28px}.place-options{display:flex;flex-wrap:wrap;gap:9px;margin:29px 0 17px}.place-option{background:none;color:#91abab;border:1px solid #405858;border-radius:50px;font-size:10px;padding:10px 14px;min-height:42px;transition:all .25s}.place-option:hover{border-color:var(--accent);color:var(--ink)}.place-option.active{background:#a5ddd01a;color:#c5e8df;border-color:#a5ddd088}.place-description{min-height:68px;font-size:12px;line-height:1.8;max-width:395px;color:#a8c2bf}.scenery{height:430px;position:relative;isolation:isolate;border-radius:130px 130px 20px 20px;overflow:hidden;background:linear-gradient(165deg,#88aba6,#d0dfc4 50%,#9aaca5);box-shadow:0 25px 70px #0002;transition:background .7s}.scene-window{position:absolute;inset:45px 70px 80px;border:10px solid #394d4777;border-bottom:0;border-radius:80px 80px 0 0;background:#c5d7c51a;z-index:1;transition:opacity .5s}.scene-window span:nth-child(1){width:8px;height:100%;background:#394d4777;position:absolute;left:50%}.scene-window span:nth-child(2){height:7px;width:100%;background:#394d4777;position:absolute;top:38%}.scene-sun{width:95px;height:95px;background:#eee3b5cc;border-radius:50%;position:absolute;top:76px;right:65px;box-shadow:0 0 80px #f7edd933;transition:transform 1s,background .7s}.scene-hill{position:absolute;inset:auto -20% 53px -30%;height:220px;border-radius:50%;transform:rotate(-14deg);background:#597977;transition:background .7s,transform .7s}.hill-front{background:#304f50;height:180px;transform:rotate(13deg);bottom:17px;left:10%;right:-40%}.scene-desk{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(#657c6d,#394e4a);border-top:1px solid #c9d7b766;z-index:1;transition:background .7s}.scene-laptop{position:absolute;width:240px;height:174px;left:50%;transform:translateX(-50%) rotate(-5deg);bottom:69px;z-index:3}.scene-screen{height:157px;border:5px solid #192c30;border-radius:9px;background:radial-gradient(ellipse at 20% 30%,#31595d,#122b33 70%);box-shadow:8px 12px 22px #0003;padding:12px;display:flex;align-items:center;justify-content:center;gap:12px}.scene-screen img{width:82px;height:82px;filter:drop-shadow(0 8px 8px #0004)}.scene-screen span{font-size:14px;line-height:1.25;font-weight:500;letter-spacing:-.05em;color:#d4eee9}.scene-base{position:absolute;top:158px;left:-22px;right:-22px;height:9px;background:linear-gradient(#9baba6,#3d5859);border-radius:0 0 20px 20px;box-shadow:0 10px 15px #10202b55}.scene-cup{position:absolute;bottom:118px;right:40px;width:35px;height:41px;border-radius:3px 3px 13px 13px;background:#e0dcc299;z-index:2;box-shadow:5px 10px 15px #0002}.scene-cup::after{content:"";position:absolute;left:30px;top:6px;width:16px;height:20px;border:3px solid #e0dcc299;border-radius:50%}.scene-caption{position:absolute;bottom:30px;left:0;right:0;display:flex;gap:10px;align-items:center;justify-content:center;z-index:4;font-size:10px;color:#d6e7de}.scene-caption .status-dot{width:5px;height:5px}.illustration-note{position:absolute;bottom:10px;left:0;right:0;text-align:center;z-index:4;font-size:8px;color:#b5c9c0a8}.scenery[data-scene=cafe]{background:linear-gradient(165deg,#c4a17d,#e4caa5 58%,#9f9882)}.scenery[data-scene=cafe] .scene-sun{transform:translate(-165px,-35px) scale(.5);background:#ffdaa0}.scenery[data-scene=cafe] .scene-desk{background:linear-gradient(#9c8368,#665c50)}.scenery[data-scene=cafe] .scene-hill{background:#9eab97;transform:rotate(-5deg)}.scenery[data-scene=cafe] .hill-front{background:#798b76;transform:rotate(15deg)}.scenery[data-scene=coast]{background:linear-gradient(165deg,#598991,#8ab6b5 55%,#b8cebe)}.scenery[data-scene=coast] .scene-window{opacity:0}.scenery[data-scene=coast] .scene-sun{transform:translate(-70px,-30px) scale(.7);background:#e6e3c5}.scenery[data-scene=coast] .scene-hill{background:#3c8187;transform:rotate(-3deg);border-radius:30%;height:155px;bottom:88px}.scenery[data-scene=coast] .hill-front{background:#5a9d99;transform:rotate(4deg);bottom:41px;height:153px}.scenery[data-scene=coast] .scene-desk{background:linear-gradient(#c1b9a0,#838b79);height:125px}
.ink-section{background:#e9efdf;color:#183533;--accent:#3c7370;--muted:#58716b;--ink:#183533}.ink-layout{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.ink-features{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}.ink-features span{border:1px solid #748f7944;border-radius:50px;padding:7px 12px;font-size:10px}.quiet-note{font-size:11px;line-height:1.8;color:#60796f;max-width:350px}.sketchbook{background:#f7f8ed;box-shadow:4px 5px 0 #dce5d4,0 25px 65px #263e3426;border:1px solid #6f8b6e33;border-radius:12px;overflow:hidden}.sketchbook-top,.sketchbook-bottom{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;color:#5c756f;font-size:10px}.sketchbook-top{border-bottom:1px solid #a7b3a133}.sketchbook-top>span{display:flex;gap:9px;align-items:center}.sketchbook-top i{width:7px;height:7px;border-radius:50%;background:#648e7f}.sketchbook-top button{background:transparent;color:#527169;font-size:10px;border:1px solid #66857b44;border-radius:25px;min-height:36px;padding:6px 12px;display:flex;gap:16px;align-items:center}.sketchbook-top button:hover{background:#e0e9db}.sketchbook-bottom{border-top:1px solid #a7b3a133;padding-block:14px;font-size:9px}.sketchbook-bottom span:first-child{color:#769180}.canvas-wrap{height:315px;position:relative;background-image:radial-gradient(#9bac9a66 .65px,transparent .65px);background-size:19px 19px}.sketch-prompt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;transition:opacity .2s}.sketch-prompt svg{width:250px;height:142px;fill:none;stroke:#579183;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg);margin-top:-20px}.sketch-prompt p{font-family:Georgia,serif;font-size:25px;font-style:italic;color:#4c796c;margin-top:0}.sketch-prompt span{font-size:9px;color:#839886;margin-top:8px}.sketch-prompt.hidden{opacity:0}#ink-canvas{width:100%;height:100%;position:relative;touch-action:none;cursor:crosshair;display:block}
.details-section>.section-heading{margin-bottom:54px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:84px}.feature-grid article{border-top:1px solid var(--line);padding-top:28px}.feature-grid svg{width:28px;height:28px;fill:none;stroke:#8ebeb5;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}.feature-grid h3{font-size:16px;font-weight:500;margin-bottom:13px;letter-spacing:-.025em}.feature-grid p{font-size:12px;color:var(--muted);line-height:1.8;min-height:85px}.feature-tag{display:inline-block;font-size:9px;margin-top:18px;color:#708f8e}.resolution-panel{border:1px solid #a5ddd024;border-radius:20px;padding:52px 64px;background:radial-gradient(ellipse at 94% 70%,#26464966,transparent 64%),#111e22;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.resolution-panel h3{font-size:35px;font-weight:450;letter-spacing:-.04em;line-height:1.17}.resolution-panel p:not(.eyebrow){max-width:320px;font-size:13px;line-height:1.8;color:var(--muted);margin-top:18px}.resolution-panel small{display:block;max-width:320px;font-size:10px;color:#729392;margin-top:18px;line-height:1.7}.resolution-screen{height:220px;position:relative;overflow:hidden;border:5px solid #294147;outline:1px solid #647f8333;border-radius:13px;background:#10252c;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate;box-shadow:0 18px 35px #0003}.pixel-orb{position:absolute;width:370px;height:360px;top:-90px;right:-76px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#c1e7d299,#3f7776 52%,#16444a 70%);z-index:-1;filter:blur(1px);transition:filter .4s}.resolution-screen>span:first-of-type{font-size:28px;font-weight:450;letter-spacing:-.04em;text-shadow:0 2px 14px #12363e}.resolution-screen-caption{font-size:9px;color:#abc7c2;margin-top:5px;text-shadow:0 2px 5px #000}.resolution-options{display:flex;gap:5px;margin:22px 25px 10px;background:#0c191e;border:1px solid #41616544;border-radius:50px;padding:5px}.resolution-options button{flex:1;background:none;border:0;color:#a3bcba;border-radius:40px;padding:9px;min-height:38px;font-size:11px}.resolution-options button.active{background:var(--accent);color:#1b3433}.resolution-options button:hover:not(.active){background:#203b3d}.resolution-example{display:block;font-size:9px;color:#789d9b;text-align:center}
.setup-section{border-block:1px solid var(--line);background:#0e1a1d}.setup-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-top:53px}.step-number{font-size:44px;color:#a5ddd04a;font-weight:300;letter-spacing:-.06em;line-height:1}.setup-steps h3{font-size:19px;font-weight:500;letter-spacing:-.025em;margin:22px 0 13px}.setup-steps p{font-size:13px;color:var(--muted);line-height:1.8;max-width:295px}.setup-footnote{border-top:1px solid var(--line);margin-top:45px;padding-top:22px;font-size:10px;color:#789a99}.faq-section{display:grid;grid-template-columns:.8fr 1fr;gap:100px}.faq-section>div:first-child>p:last-child{margin-top:25px;font-size:13px;line-height:1.8;color:var(--muted)}.faq-section .text-link{color:#bfded6;font-size:12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:75px;font-size:14px;color:#ccded9;padding-block:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:22px;font-weight:300;transition:transform .2s;flex-shrink:0;color:#6c9e95}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 25px 23px 0}.access-section{position:relative;text-align:center;padding:68px 24px 74px;border:1px solid #9bc4c42b;border-radius:23px;background:#101e23;isolation:isolate;overflow:hidden}.access-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 0,#538c853d,transparent 65%)}.access-section>img{margin:0 auto 23px;filter:drop-shadow(0 10px 15px #0004);transform:rotate(-8deg)}.access-section .eyebrow{font-size:9px;margin-bottom:19px}.access-section h2{font-size:clamp(32px,3.7vw,50px);letter-spacing:-.04em}.access-section p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:25px auto}.access-section .button{margin-top:6px}.access-note{display:block;color:#789995;font-size:9px;margin-top:19px}.site-footer{padding-top:73px;padding-bottom:34px}.footer-top{display:flex;align-items:center;gap:35px;margin-bottom:36px}.footer-top .brand{font-size:23px}.footer-top p{font-size:12px;color:#87a09f}.footer-top>a:last-child{margin-left:auto;font-size:11px;color:#bad7d2;display:flex;gap:20px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:23px;font-size:9px;color:#799592}.footer-bottom a:hover{color:var(--ink)}.privacy-note{font-size:10px;color:#90aaa4;margin-top:20px}.privacy-note:not([open]){display:none}.privacy-note:target{display:block}.privacy-note summary{cursor:pointer}.privacy-note p{padding-top:10px;line-height:1.8;max-width:760px}.document-page{padding-block:70px;min-height:70vh}.document-page h1{font-size:48px;letter-spacing:-.04em;margin-bottom:30px}.document-page article{margin-bottom:50px}.document-page p{margin-bottom:22px}.document-page a:not(.button){text-decoration:underline}
@keyframes crystal-drift{0%,100%{transform:translateY(0) rotate(-9deg)}50%{transform:translateY(-12px) rotate(-6deg)}}
@media(min-width:1450px){.hero-art{margin-left:20px}.hero{min-height:765px}.hero-crystal{width:500px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-nav nav{gap:24px;margin-right:18px}.hero{min-height:650px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:76px}.hero-description{font-size:15px;max-width:360px}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px}.hero-art{height:460px}.hero-crystal{top:12%;width:390px;left:0}.connection-label{min-width:190px;padding:13px 16px}.connection-home{left:-10px;top:32px}.connection-away{bottom:24px;right:-10px}.connection-away svg{margin-left:6px}.art-caption{display:none}.orbital-one{left:-100px}.orbital-two{left:-130px}.orbital-three{left:-160px}.section-heading{gap:40px}.section-heading>p{max-width:300px;font-size:13px}.places-layout,.ink-layout{gap:50px}.ink-layout{grid-template-columns:1fr 1.1fr}.feature-grid{gap:24px}.feature-grid h3{font-size:15px}.resolution-panel{gap:50px;padding:40px}.faq-section{gap:60px}.experience-notes{gap:35px}.setup-steps{gap:45px}.canvas-wrap{height:290px}}
@media(max-width:800px){.section-space{padding-block:75px}.site-nav{min-height:87px;gap:20px}.site-nav nav{gap:20px;margin:0}.site-nav nav a{font-size:11px}.site-nav nav a:nth-child(3){display:none}.nav-cta{font-size:10px!important;padding:10px 15px!important}.brand{font-size:23px}.brand img{width:34px;height:34px}.hero{grid-template-columns:1fr 1fr;min-height:590px;padding-block:70px}.hero h1{font-size:60px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;white-space:nowrap}.hero-description{font-size:14px;max-width:340px}.hero-art{height:380px}.hero-crystal{width:320px;max-width:none;left:0;top:30px}.connection-home{top:0;left:10px;transform:rotate(-3deg) scale(.85);transform-origin:top left}.connection-away{bottom:0;right:-15px;transform:rotate(3deg) scale(.85);transform-origin:bottom right}.connection-label{min-width:183px}.orbital{opacity:.45;width:410px;height:290px;left:-70px;top:15px}.orbital-two{width:460px;height:340px;left:-95px;top:-10px}.orbital-three{width:510px;height:390px;left:-120px;top:-35px}.hero-actions .button{font-size:12px;padding:15px 19px;gap:18px;min-height:50px}.hero-actions .text-link{font-size:11px}.promise-strip{font-size:10px;gap:15px}.promise-strip span::before{margin-right:7px}.section-heading{align-items:flex-start;gap:30px}.section-heading>p{max-width:260px;font-size:12px}.experience-notes{gap:20px}.experience-notes h3{font-size:14px}.experience-notes p{font-size:11px}.places-layout{grid-template-columns:1fr 1fr;gap:35px}.places-section{padding-block:75px}.scenery{height:380px;border-radius:80px 80px 16px 16px}.scene-window{inset:30px 30px 80px}.scene-sun{right:35px;width:75px;height:75px}.scene-laptop{width:190px;height:146px}.scene-screen{height:130px;gap:2px}.scene-screen img{width:62px;height:62px}.scene-screen span{font-size:12px}.scene-base{top:131px;left:-13px;right:-13px}.scene-cup{right:16px;bottom:110px;width:27px;height:33px}.scene-cup::after{left:22px}.scene-caption{font-size:9px}.ink-layout{grid-template-columns:1fr;gap:45px}.ink-copy{max-width:520px}.ink-copy .section-description{max-width:500px}.ink-copy .quiet-note{max-width:450px}.sketchbook{max-width:550px;width:100%;margin-inline:auto}.feature-grid{grid-template-columns:repeat(2,1fr);gap:36px}.feature-grid p{min-height:65px}.resolution-panel{padding:32px;gap:35px}.resolution-screen{height:190px}.resolution-panel h3{font-size:29px}.resolution-panel p:not(.eyebrow){font-size:12px}.resolution-options{margin-inline:0}.resolution-screen>span:first-of-type{font-size:24px}.resolution-screen-caption{font-size:8px}.resolution-example{font-size:8px}.setup-steps{gap:30px}.setup-steps h3{font-size:17px}.setup-steps p{font-size:12px}.faq-section{grid-template-columns:.75fr 1fr;gap:35px}.faq-list summary{font-size:12px}.access-section{padding:55px 24px}.footer-top{gap:22px}.footer-top p{font-size:10px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.site-nav{min-height:80px}.site-nav nav{display:none}.site-nav .button{font-size:11px!important}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:50px;padding-bottom:30px;min-height:0}.hero h1{font-size:clamp(53px,12.6vw,74px)}.hero .eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:23px}.hero-description{font-size:14px;line-height:1.8;margin-top:24px;max-width:350px}.hero-actions{flex-direction:row;align-items:center;gap:18px;margin-top:25px}.hero-actions .button{font-size:11px;padding:14px 18px;gap:12px}.hero-actions .text-link{font-size:10px;gap:8px}.platform-note{font-size:9px;margin-top:20px;gap:9px}.hero-art{height:365px;max-width:350px;width:100%;align-self:center;margin-top:32px}.hero-crystal{width:320px;top:0;left:15px}.connection-home{top:15px;left:0}.connection-away{right:0;bottom:28px}.orbital{left:-38px;top:30px}.orbital-two{left:-62px;top:0}.orbital-three{left:-88px;top:-25px}.promise-strip{flex-direction:column;align-items:flex-start;gap:11px;padding:22px 0;font-size:11px}.promise-strip span::before{margin-right:12px}.section-space{padding-block:65px}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:38px}.section-heading{display:block;margin-bottom:33px}.section-heading>p{max-width:100%;font-size:13px;margin-top:22px}.product-stage{border-radius:12px;width:calc(100% + 8px);margin-left:-4px}.stage-top{padding:12px;font-size:8px}.stage-top>span:first-child{font-size:7px;letter-spacing:.09em}.stage-top .status-dot{margin-right:5px;width:4px;height:4px}.stage-bottom{padding:12px;gap:12px;font-size:7px}.stage-bottom>span:first-child{max-width:100px}.experience-notes{grid-template-columns:1fr;padding-top:33px;gap:25px}.experience-notes h3{font-size:15px}.experience-notes p{font-size:12px}.places-section{padding-block:65px}.places-layout{grid-template-columns:1fr;gap:30px}.section-description{font-size:14px;margin-top:23px}.place-options{gap:7px}.place-option{padding:9px 12px;font-size:10px}.place-description{min-height:45px;font-size:12px}.scenery{height:395px;max-width:430px;width:100%;margin-inline:auto}.scene-window{inset:35px 50px 80px}.scene-laptop{width:215px;height:156px}.scene-screen{height:145px;gap:12px}.scene-base{top:146px}.scene-screen img{width:74px;height:74px}.scene-cup{right:31px;bottom:112px}.ink-layout{gap:36px}.ink-features{gap:7px;margin:23px 0}.ink-features span{font-size:9px;padding:6px 10px}.canvas-wrap{height:280px}.sketchbook-top{padding:14px}.sketchbook-bottom{padding:13px 14px;font-size:8px}.feature-grid{gap:30px 24px;margin-bottom:45px}.feature-grid svg{width:26px;height:26px;margin-bottom:20px}.feature-grid h3{font-size:15px;line-height:1.4;min-height:42px}.feature-grid p{font-size:11px;min-height:105px}.feature-tag{font-size:8px;margin-top:13px}.resolution-panel{grid-template-columns:1fr;padding:27px;gap:30px}.resolution-panel h3{font-size:34px}.resolution-panel p:not(.eyebrow){font-size:13px}.resolution-screen{height:210px}.resolution-screen>span:first-of-type{font-size:29px}.resolution-screen-caption{font-size:9px}.resolution-options{margin-top:22px}.resolution-example{font-size:9px}.setup-steps{grid-template-columns:1fr;gap:32px;margin-top:37px}.setup-steps article{padding-left:58px;position:relative}.step-number{position:absolute;top:0;left:0;font-size:35px}.setup-steps h3{margin:0 0 10px;font-size:17px}.setup-steps p{max-width:100%;font-size:12px}.setup-footnote{font-size:10px;line-height:1.8;margin-top:35px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:13px;min-height:68px}.faq-list details p{font-size:12px}.access-section{padding:43px 22px 47px;border-radius:18px}.access-section h2{font-size:32px}.access-section p:not(.eyebrow){font-size:13px}.desktop-break{display:none}.access-section .button{font-size:12px}.access-note{font-size:8px;line-height:1.9;max-width:230px;margin-inline:auto}.access-section>img{width:65px;height:65px}.site-footer{padding-top:45px;padding-bottom:27px}.footer-top{flex-wrap:wrap;gap:20px}.footer-top .brand{font-size:22px}.footer-top p{display:none}.footer-top>a:last-child{font-size:10px}.footer-bottom{gap:12px;flex-wrap:wrap;font-size:8px}.footer-bottom span{flex-basis:100%;margin-bottom:6px}.footer-bottom a:last-child{margin-left:auto}.document-page h1{font-size:37px}.document-page{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-crystal{transform:rotate(-9deg)}}