/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}
::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}
}
}
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}
::file-selector-button{-webkit-appearance:button;appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.table{display:table}
.underline{text-decoration-line:underline}
.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}
}
:root{--ink:#162823;--paper:#f4f0e7;--acid:#cff441;--mint:#b9dfcd;--line:#1628232e}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;margin:0}
a{color:inherit;text-decoration:none}
.nav{border-bottom:1px solid var(--line);z-index:5;justify-content:space-between;align-items:center;max-width:1360px;height:88px;margin:auto;padding:0 5vw;display:flex;position:relative}
.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:19px;font-weight:750;display:flex}
.brand span{background:var(--ink);width:31px;height:31px;color:var(--acid);border-radius:50%;place-items:center;font-family:Georgia,serif;font-style:italic;display:grid}
.navlinks{gap:34px;font-size:13px;font-weight:650;display:flex}
.pill{background:var(--ink);color:#fff;border-radius:99px;align-items:center;gap:28px;padding:17px 23px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}
.pill:hover{background:#29453d;transform:translateY(-2px)}
.pill.small{color:var(--ink);border:1px solid var(--ink);background:0 0;padding:12px 18px}
.hero{max-width:1360px;min-height:710px;margin:auto;padding:105px 8vw 80px;position:relative;overflow:hidden}
.eyebrow,.number{letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:750}
.eyebrow{align-items:center;gap:10px;display:flex}
.eyebrow i{background:var(--acid);border:2px solid var(--ink);border-radius:50%;width:8px;height:8px}
h1,h2{letter-spacing:-.065em;margin:24px 0;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:.88}
h1{max-width:1050px;font-size:clamp(68px,9vw,130px)}
h1 em,h2 em{color:#47675c;font-weight:400}
.lede{color:#53645f;max-width:590px;margin:28px 0 36px;font-size:20px;line-height:1.55}
.actions{align-items:center;gap:28px;display:flex}
.textlink{border-bottom:1px solid var(--ink);padding:8px 0;font-size:13px;font-weight:750}
.textlink span{margin-left:14px}
.hero-note{z-index:2;width:240px;font-size:12px;line-height:1.5;position:absolute;bottom:90px;right:7vw}
.hero-note strong,.hero-note span{display:block}
.hero-note span{color:#687772;margin-top:5px}
.orbit{pointer-events:none;border:1px solid #16282321;border-radius:50%;position:absolute}
.orbit-one{width:510px;height:510px;bottom:-210px;right:-80px}
.orbit-two{background:var(--acid);opacity:.38;width:360px;height:360px;bottom:-135px;right:-5px}
.demo{background:var(--ink);color:#f8f3e9;grid-template-columns:.8fr 1.2fr;align-items:center;gap:7vw;padding:110px max(6vw,50vw - 620px);display:grid}
.section-copy h2,.feature-intro h2,.compare h2,.faq h2,.details h2,.support h2{font-size:clamp(50px,6.5vw,88px)}
.section-copy em{color:var(--acid)}
.section-copy p{color:#a9b8b2;max-width:300px;line-height:1.6}
.video-frame{background:#ffffff0a;border:1px solid #ffffff2e;border-radius:36px;place-items:center;min-height:560px;padding:28px;display:grid;position:relative;overflow:hidden}
.video-frame video{z-index:1;background:#000;border-radius:20px;max-width:100%;height:520px;position:relative;box-shadow:0 30px 70px #00000073}
.phone-glow{background:var(--acid);filter:blur(90px);opacity:.19;border-radius:50%;width:430px;height:430px;position:absolute}
.caption{letter-spacing:.12em;color:#99aaa4;font-size:10px;position:absolute;bottom:13px;left:28px}
.feature-intro{max-width:1360px;margin:auto;padding:110px 7vw 55px;position:relative}
.feature-summary{width:270px;position:absolute;bottom:70px;right:7vw}
.feature-summary strong{font-size:13px}
.feature-summary p{color:#64736e;margin-bottom:0;font-size:13px;line-height:1.55}
.feature-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);max-width:1220px;margin:0 auto 120px;display:grid}
.feature-grid article{border-right:1px solid var(--line);padding:38px 34px 55px}
.feature-grid article:nth-child(4n){border-right:0}
.feature-grid article{border-bottom:1px solid var(--line)}
.feature-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}
.feature-meta span{color:#789188;font-family:Georgia,serif;font-style:italic}
.feature-meta b{letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-align:right;white-space:nowrap;border:1px solid #1628232e;border-radius:99px;padding:7px 10px 6px;font-size:9px;line-height:1}
.feature-meta b[data-group=Screen\ time]{background:#d8f45f}
.feature-meta b[data-group=Navigation]{background:#bcdfea}
.feature-meta b[data-group=Everyday\ context]{background:#f2c6a8}
.feature-meta b[data-group=Personalization]{background:#d9c9ef}
.feature-meta b[data-group="Built to fit"]{background:#b9dfcd}
.feature-meta b[data-group=Privacy]{color:#f8f3e9;background:#29453d;border-color:#29453d}
.feature-grid h3{letter-spacing:-.025em;margin:55px 0 14px;font-size:24px}
.feature-grid p{color:#64736e;font-size:15px;line-height:1.65}
.themes{background:#e7e0d2;grid-template-columns:.78fr 1.22fr;align-items:center;gap:5vw;min-height:850px;padding:110px max(7vw,50vw - 610px);display:grid;overflow:hidden}
.theme-heading h2{font-size:clamp(50px,6.5vw,90px)}
.theme-heading p{color:#5e6e68;max-width:380px;line-height:1.65}
.theme-stack{height:680px;position:relative;isolation:isolate}
.theme-card{border-radius:24px;width:270px;max-width:43%;position:absolute;overflow:hidden;box-shadow:0 24px 55px #16282340;background:#071b2f;transform-origin:50% 85%}
.theme-card img{display:block;width:100%;height:auto}
.theme-card:after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color;opacity:.86}
.theme-card-featured{z-index:10;top:44px;left:0;width:390px;max-width:60%;transform:rotate(-6deg)}
.theme-card-light{z-index:8;top:75px;left:28%;transform:rotate(-1deg)}
.theme-card-spring{z-index:7;top:91px;left:34%;transform:rotate(3deg)}
.theme-card-solarized{z-index:6;top:107px;left:40%;transform:rotate(7deg)}
.theme-card-neon{z-index:5;top:123px;left:46%;transform:rotate(11deg)}
.theme-card-autumn{z-index:4;top:139px;left:52%;transform:rotate(15deg)}
.theme-card-lavender{z-index:3;top:155px;left:58%;transform:rotate(19deg)}
.theme-card-aurora{z-index:2;top:171px;left:64%;transform:rotate(23deg)}
.theme-card-candy{z-index:1;top:187px;left:70%;transform:rotate(27deg)}
.theme-card-autumn:after{background:#8f3d08}.theme-card-lavender:after{background:#8b6bb1}.theme-card-aurora:after{background:#0a7e6d}.theme-card-candy:after{background:#b23b4c}
.compare{background:#f8f6f0;padding:120px max(5vw,50vw - 610px)}
.compare-heading{grid-template-columns:1.2fr .8fr;align-items:end;column-gap:7vw;margin-bottom:70px;display:grid}
.compare-heading .number{grid-column:1/-1}
.compare-heading p{color:#64736e;max-width:390px;margin-bottom:28px;line-height:1.65}
.table-wrap{border:1px solid var(--line);background:var(--paper);border-radius:24px;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:18px 22px}
th{background:var(--ink);color:#f8f3e9;text-align:left;letter-spacing:.13em;text-transform:uppercase;font-size:10px}
th:not(:first-child),td:not(:first-child){text-align:center;width:150px}
tbody tr:hover{background:#cff4411f}
.plan-group:hover{background:0 0}
.plan-group th{text-align:left;color:var(--ink);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 22px}
.plan-group:first-child th{border-top:0}
.plan-group th strong,.plan-group th span{display:block}
.plan-group th strong{letter-spacing:-.035em;text-transform:none;font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:400}
.plan-group th span{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-top:5px;font-size:9px;font-weight:750}
.plan-group.shared th{background:#dbe9df}
.plan-group.upgrade th{background:var(--acid)}
.plan-feature{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
.permission-chip{color:#365249;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#e5ece8;border:1px solid #16282333;border-radius:99px;align-items:center;width:max-content;padding:5px 8px 4px;font-size:8px;font-weight:800;line-height:1;display:inline-flex}
td.yes{font-size:16px;font-weight:800}
td.yes.pro{background:#cff44129}
td.no{color:#96a09c}
tfoot td{border-top:2px solid var(--ink);background:#dbe9df;border-bottom:0;padding-top:27px;padding-bottom:27px}
tfoot td:first-child strong,tfoot td:first-child span,tfoot td:not(:first-child) span{display:block}
tfoot td:first-child strong{font-size:17px}
tfoot td:first-child span,tfoot td:not(:first-child) span{color:#5f706a;margin-top:5px;font-size:11px}
.price{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:33px;font-weight:400;line-height:1;display:block}
tfoot .upgrade-price{background:var(--acid)}
.upgrade-price b{color:#fffdf5;letter-spacing:.11em;white-space:nowrap;background:linear-gradient(135deg,#315f54 0%,#4f796e 100%);border:1px solid #fff3;border-radius:99px;margin-top:13px;padding:8px 11px;font-size:8px;font-weight:900;line-height:1;display:inline-block;box-shadow:0 3px 10px #16282329}
.faq{background:#e7e0d2;grid-template-columns:.72fr 1.28fr;gap:8vw;padding:120px max(5vw,50vw - 610px);display:grid}
.faq-heading{align-self:start;position:sticky;top:45px}
.faq-heading p{color:#64736e;max-width:350px;line-height:1.65}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{cursor:pointer;grid-template-columns:38px 1fr 24px;align-items:center;gap:14px;padding:24px 4px;font-size:17px;font-weight:700;list-style:none;display:grid}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{color:#789188;font-family:Georgia,serif;font-size:13px;font-style:italic}
.faq-list summary b{font-size:22px;font-weight:400;transition:all .2s}
.faq-list details[open] summary b{transform:rotate(45deg)}
.faq-list details p{color:#5b6b65;margin:0 40px 26px 56px;font-size:15px;line-height:1.7}
.details{background:var(--mint);grid-template-columns:1.4fr .6fr;align-items:end;gap:8vw;padding:110px max(7vw,50vw - 610px);display:grid}
.details p{max-width:390px;font-size:17px;line-height:1.7}
.closing span{letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:750}
.support{background:var(--ink);color:#f8f3e9;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:120px max(5vw,50vw - 610px);display:grid}
.support-copy em{color:var(--acid)}
.support-copy p{color:#a9b8b2;max-width:410px;line-height:1.7}
.support-form{grid-template-columns:1fr 1fr;align-content:start;gap:22px;display:grid}
.support-form label{letter-spacing:.12em;text-transform:uppercase;color:#a9b8b2;gap:9px;font-size:10px;font-weight:750;display:grid}
.support-form label:nth-of-type(3),.support-form label:nth-of-type(4){grid-column:1/-1}
.support-form input,.support-form select,.support-form textarea{color:#f8f3e9;width:100%;font:inherit;background:#ffffff0f;border:1px solid #fff3;border-radius:12px;outline:none;padding:15px 16px}
.support-form input:focus,.support-form select:focus,.support-form textarea:focus{border-color:var(--acid)}
.support-form textarea{resize:vertical}
.support-form .pill{background:var(--acid);width:max-content;color:var(--ink);cursor:pointer;border:0}
footer{background:var(--ink);color:#eae8df;justify-content:space-between;align-items:center;min-height:150px;padding:0 max(5vw,50vw - 610px);font-size:12px;display:flex}
footer p{color:#91a19c}
.footer-links{flex-wrap:wrap;gap:24px;display:flex}
@media (max-width:1000px){.feature-grid{grid-template-columns:repeat(2,1fr);margin-inline:7vw}
.feature-grid article:nth-child(2n){border-right:0}
.feature-grid article{border-bottom:1px solid var(--line)}
}
@media (max-width:800px){.navlinks{display:none}
.hero{min-height:720px;padding-top:75px}
.hero-note{margin-top:70px;position:relative;bottom:auto;right:auto}
.orbit-one,.orbit-two{right:-220px}
.demo{grid-template-columns:1fr;padding:80px 7vw}
.video-frame{min-height:500px}
.video-frame video{width:100%;height:auto;max-height:520px}
.feature-intro{padding-bottom:45px}
.feature-summary{width:auto;max-width:390px;margin-top:45px;position:relative;bottom:auto;right:auto}
.feature-grid{grid-template-columns:1fr;margin-inline:7vw}
.feature-grid article{border-right:0;border-bottom:1px solid var(--line);padding-inline:4px}
.feature-grid h3{margin-top:35px}
.themes{grid-template-columns:1fr;min-height:980px}
.theme-stack{height:500px}
.theme-card{max-width:45%}.theme-card-featured{max-width:62%}
.compare-heading,.faq,.support{grid-template-columns:1fr}
.compare-heading p{margin-top:0}
.table-wrap{margin-inline:-2vw}
th,td{padding:15px 12px}
th:not(:first-child),td:not(:first-child){width:92px}
.faq-heading{position:relative;top:auto}
.faq-list details p{margin-left:4px}
.details,.support-form{grid-template-columns:1fr}
.support-form label{grid-column:1/-1}
.pill.small{padding:10px 12px;font-size:11px}
footer{flex-direction:column;align-items:flex-start;gap:25px;padding-block:45px}
footer p{margin:0}
.footer-links{flex-direction:column;gap:14px}
}
@property --tw-blur{syntax:"*";inherits:false}
@property --tw-brightness{syntax:"*";inherits:false}
@property --tw-contrast{syntax:"*";inherits:false}
@property --tw-grayscale{syntax:"*";inherits:false}
@property --tw-hue-rotate{syntax:"*";inherits:false}
@property --tw-invert{syntax:"*";inherits:false}
@property --tw-opacity{syntax:"*";inherits:false}
@property --tw-saturate{syntax:"*";inherits:false}
@property --tw-sepia{syntax:"*";inherits:false}
@property --tw-drop-shadow{syntax:"*";inherits:false}
@property --tw-drop-shadow-color{syntax:"*";inherits:false}
@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --tw-drop-shadow-size{syntax:"*";inherits:false}

/* Keep the introduction and live demo together, with the video near the top. */
.opening{background:linear-gradient(180deg,var(--paper) 0 52%,var(--ink) 52% 100%)}
.opening .hero{min-height:520px;padding-bottom:34px}
.opening .hero-note{bottom:52px}
.opening .demo{padding-top:38px}
.hero{min-height:520px;padding-bottom:34px}
.hero-note{bottom:52px}
.demo{padding-top:38px}
@media (max-width:800px){.opening{background:var(--paper)}
.opening .hero{min-height:auto;padding-bottom:46px}
.opening .hero-note{margin-top:42px}
.opening .demo{padding-top:58px}
.hero{min-height:auto;padding-bottom:46px}
.hero-note{margin-top:42px}
.demo{padding-top:58px}
}

/* The live product video belongs to the opening hero on every screen size. */
.hero>.video-frame{width:min(34vw,430px);min-height:500px;position:absolute;z-index:3;top:54px;right:5vw}
.hero>.video-frame video{width:auto;max-width:88%;height:auto;max-height:430px}
.hero>.video-frame .phone-glow{width:88%;height:82%}
.hero h1{max-width:64%}
.hero .lede{max-width:50%}
.hero .hero-note{width:min(34vw,430px);left:auto;right:5vw;bottom:12px}
.demo:has(.section-copy:only-child){grid-template-columns:1fr;padding-top:62px;padding-bottom:62px}
.demo:has(.section-copy:only-child) .section-copy{max-width:650px}
@media (max-width:800px){.hero>.video-frame{width:100%;min-height:440px;margin:32px 0 26px;position:relative;top:auto;right:auto}
.hero>.video-frame video{max-width:100%;max-height:390px}
.hero>.video-frame .phone-glow{width:88%;height:82%}
.hero h1,.hero .lede{max-width:none}
.hero .hero-note{width:auto;margin-top:36px;position:relative;left:auto;bottom:auto}
.demo:has(.section-copy:only-child){padding-top:54px;padding-bottom:54px}
}

/* Present the live demo inside the supplied keyboard-phone hardware. */
.hero>.video-frame{width:min(29vw,360px);min-height:0;aspect-ratio:263/407;background:url("/media/titan2elite-mockup.png") center/contain no-repeat;border:0;border-radius:0;padding:0;top:28px;right:7vw;overflow:visible;filter:drop-shadow(0 24px 36px #16282338);mix-blend-mode:normal}
.hero>.video-frame video{width:calc(92% - 12px);max-width:none;height:calc(66% - 8px);max-height:none;object-fit:cover;border-radius:10% 10% 7% 7%;position:absolute;top:calc(2.7% + 4px);left:calc(4% + 11px);box-shadow:none}
.hero>.video-frame .phone-glow{display:none}
.hero>.video-frame .caption{width:100%;color:#61716c;text-align:center;bottom:-18px;left:0}
@media (max-width:800px){.hero>.video-frame{width:min(100%,320px);min-height:0;aspect-ratio:263/407;margin:30px auto 42px;top:auto;right:auto}
.hero>.video-frame video{width:calc(92% - 12px);height:calc(66% - 8px);max-width:none;max-height:none}
}

/* Screenshot for the Less friction / More intention section. */
.demo-screenshot{width:100%;max-height:680px;object-fit:contain;border-radius:28px;box-shadow:0 30px 70px #0008}
@media (max-width:800px){.demo-screenshot{max-height:none;border-radius:20px}}