/* Adapted from the approved interactive HTML concept. */
html[data-atelier] *{box-sizing:border-box}html[data-atelier] body{margin:0;background:var(--bg);color:var(--text);font:var(--type-body)/1.65 "Segoe UI","Noto Sans","Noto Sans Arabic",Arial,sans-serif;-webkit-font-smoothing:antialiased}html[data-atelier] button,html[data-atelier] input,html[data-atelier] select,html[data-atelier] textarea{font:inherit}html[data-atelier] button,html[data-atelier] a,html[data-atelier] input,html[data-atelier] select,html[data-atelier] summary{-webkit-tap-highlight-color:transparent}html[data-atelier] button,html[data-atelier] a{touch-action:manipulation}html[data-atelier] button{cursor:pointer}html[data-atelier] button:disabled{cursor:default;opacity:.6}html[data-atelier] a{color:inherit;text-decoration:none}html[data-atelier] button:focus-visible,html[data-atelier] a:focus-visible,html[data-atelier] input:focus-visible,html[data-atelier] select:focus-visible,html[data-atelier] summary:focus-visible{outline:3px solid var(--at);outline-offset:4px}html[data-atelier] button{color:inherit}html[data-atelier] h1,html[data-atelier] h2,html[data-atelier] h3,html[data-atelier] h4,html[data-atelier] p{margin:0}html[data-atelier] h1,html[data-atelier] h2,html[data-atelier] h3,html[data-atelier] h4,html[data-atelier] strong{color:var(--ink)}html[data-atelier] h1{font-size:clamp(29px,3.1vw,43px);line-height:1.28;letter-spacing:-1.4px;font-weight:740}html[data-atelier] h2{font-size:25px;line-height:1.35;letter-spacing:-.6px}html[data-atelier] h3{font-size:17px;letter-spacing:-.2px}html[data-atelier] p{color:var(--text)}html[data-atelier] svg.i{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}html[data-atelier] .wrap{width:min(1280px,calc(100% - 64px));margin:auto}html[data-atelier] .hidden,html[data-atelier] [hidden]{display:none!important}html[data-atelier] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-atelier] .muted{color:var(--muted)}html[data-atelier] .tiny{font-size:var(--type-note)}html[data-atelier] .small{font-size:var(--type-note)}html[data-atelier] .mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}html[data-atelier] .row{display:flex;align-items:center;gap:10px}html[data-atelier] .between{display:flex;align-items:center;justify-content:space-between;gap:16px}html[data-atelier] .stack{display:grid;gap:14px}html[data-atelier] .eyebrow{font-size:var(--type-note);font-weight:750;letter-spacing:1.5px;text-transform:uppercase;color:var(--at);display:flex;align-items:center;gap:8px}html[data-atelier] .eyebrow:before{content:"";width:18px;height:2px;background:var(--accent)}html[data-atelier] .pill{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;font-size:var(--type-note);font-weight:650;border-radius:6px;background:var(--soft);color:var(--at);white-space:nowrap}html[data-atelier] .pill.green{background:var(--positivebg);color:var(--positive)}html[data-atelier] .pill.amber{background:var(--warningbg);color:var(--warning)}html[data-atelier] .dot{width:6px;height:6px;background:currentColor;border-radius:50%;flex:none}html[data-atelier] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;border:1px solid var(--border);border-radius:9px;background:var(--paper);color:var(--ink);padding:8px 14px;font-size:var(--type-note);font-weight:650;line-height:1.3;transition:background var(--speed),border-color var(--speed),transform var(--speed),box-shadow var(--speed);white-space:nowrap}html[data-atelier] .btn:hover{border-color:var(--at);background:var(--soft);box-shadow:0 4px 12px #16325a0a}html[data-atelier] .btn:active{transform:scale(.975)}html[data-atelier] .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on);box-shadow:0 3px 7px #315be821}html[data-atelier] .btn.primary:hover{background:var(--accent2)}html[data-atelier] .btn.flat{border-color:transparent;background:transparent;box-shadow:none}html[data-atelier] .btn.flat:hover{background:var(--soft)}html[data-atelier] .btn.icon{width:38px;padding:0;flex:none}html[data-atelier] .btn.sm{min-height:32px;font-size:var(--type-note);padding:6px 10px}html[data-atelier] .btn.danger{color:var(--negative)}html[data-atelier] .btn .i{width:16px;height:16px}html[data-atelier] .arrow{transition:transform var(--speed)}html[data-atelier] [dir=rtl] .arrow{transform:rotate(180deg)}html[data-atelier] a:hover .arrow{translate:3px 0}html[data-atelier] [dir=rtl] a:hover .arrow{translate:-3px 0}html[data-atelier] .card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}html[data-atelier] .divider{height:1px;background:var(--line);margin:20px 0}html[data-atelier] .skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:1000;padding:10px;background:var(--accent);color:white}html[data-atelier] .skip:focus{transform:none}html[data-atelier] .announce{background:var(--nav);color:var(--navtext);font-size:var(--type-note);min-height:28px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.1px}html[data-atelier] .announce .dot{background:#83bfa1}html[data-atelier] .announce b{font-weight:550;color:white}html[data-atelier] .site-header{position:sticky;top:0;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}html[data-atelier] .header-inner{height:70px;display:flex;align-items:center;gap:36px}html[data-atelier] .brand{display:inline-flex;align-items:center;gap:10px;direction:ltr;white-space:nowrap;color:var(--ink);font-size:21px;font-weight:780;letter-spacing:-.9px}html[data-atelier] .brand em{font-style:normal;color:var(--at)}html[data-atelier] .brand-mark{width:35px;height:35px;border-radius:10px;background:var(--accent);color:var(--on);display:grid;place-items:center;box-shadow:inset 0 1px 0#ffffff38,0 3px 7px #315be81a}html[data-atelier] .brand-mark svg{width:23px;height:23px;stroke-width:1.5}html[data-atelier] .brand-word small{display:block;letter-spacing:2.3px;font-size:var(--type-note);font-weight:500;color:var(--muted);line-height:1.1;margin-top:2px}html[data-atelier] .main-nav{display:flex;align-items:center;gap:5px;flex:1;height:100%}html[data-atelier] .main-nav a{display:flex;align-items:center;gap:6px;font-size:var(--type-control);font-weight:600;padding:9px 13px;border-radius:7px;position:relative;color:var(--muted);transition:background .2s,color .2s}html[data-atelier] .main-nav a:hover{background:var(--paper2);color:var(--ink)}html[data-atelier] .main-nav a.active{color:var(--at);background:var(--soft)}html[data-atelier] .main-nav a .plus-label{font-size:var(--type-note);border:1px solid var(--line);padding:1px 4px;border-radius:4px;direction:ltr}html[data-atelier] .header-actions{display:flex;align-items:center;gap:7px}html[data-atelier] .header-actions .btn.flat{padding-inline:8px}html[data-atelier] .header-divider{height:22px;border-inline-start:1px solid var(--line);margin:0 6px}html[data-atelier] .menu-toggle{display:none}html[data-atelier] .page{animation:page-in .4s ease both;min-height:65vh}html[data-atelier] .hero{padding:35px 0 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}html[data-atelier] .hero .eyebrow{margin-bottom:10px}html[data-atelier] .hero h1 span{color:var(--at)}html[data-atelier] .hero p{font-size:var(--type-control);margin-top:10px;max-width:620px;line-height:1.9;color:var(--muted)}html[data-atelier] .hero-side{display:grid;gap:10px;justify-items:end;padding-bottom:5px}html[data-atelier] .hero-side>span{display:flex;align-items:center;gap:7px;font-size:var(--type-note);color:var(--muted)}html[data-atelier] .hero-side .i{width:15px;height:15px}html[data-atelier] .workspace{overflow:hidden;border-radius:18px;box-shadow:0 2px 5px #16284d05,0 16px 40px #16284d09}html[data-atelier] .workspace-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--line);background:var(--paper)}html[data-atelier] .workspace-top .row{gap:8px}html[data-atelier] .workspace-top .caption{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .live{display:inline-flex;align-items:center;gap:6px;font-size:var(--type-note);color:var(--positive);white-space:nowrap}html[data-atelier] .live .dot{box-shadow:0 0 0 3px var(--positivebg);animation:breathe 2.4s infinite}html[data-atelier] .work-id{font-size:var(--type-note);font-weight:680;color:var(--ink)}html[data-atelier] .mail-toolbar{display:flex;align-items:center;gap:8px;padding:14px 18px;background:var(--paper2);border-bottom:1px solid var(--line)}html[data-atelier] .address-box{height:45px;display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:var(--paper);border:1px solid var(--border);border-radius:9px;padding-inline:12px}html[data-atelier] .address-box>.i{color:var(--at)}html[data-atelier] .address-value{font-size:var(--type-body);font-weight:650;letter-spacing:-.4px;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:start;white-space:nowrap}html[data-atelier] .ttl{font-size:var(--type-note);color:var(--muted);display:flex;gap:5px;align-items:center;padding-inline-start:10px;border-inline-start:1px solid var(--line);white-space:nowrap}html[data-atelier] .ttl .i{width:13px;height:13px}html[data-atelier] .mail-toolbar>.btn{height:45px}html[data-atelier] .mail-grid{display:grid;grid-template-columns:155px 320px minmax(0,1fr);direction:ltr;height:424px}html[data-atelier] .mail-grid.shared-grid{grid-template-columns:320px minmax(0,1fr)}html[data-atelier] .mail-grid>*{direction:var(--direction,rtl)}html[data-atelier] .advert{background:var(--paper2);border-inline-end:1px solid var(--line);padding:15px;display:flex;flex-direction:column;justify-content:space-between}html[data-atelier] .advert-label{font-size:var(--type-note);letter-spacing:1px;color:var(--muted);text-align:center}html[data-atelier] .ad-reserved{border:1px dashed var(--border);border-radius:8px;flex:1;margin-block:12px;display:grid;align-content:center;justify-items:center;gap:8px;padding:9px;text-align:center;color:var(--muted)}html[data-atelier] .ad-reserved .i{width:28px;height:28px;opacity:.5}html[data-atelier] .ad-reserved strong{font-size:var(--type-note);font-weight:500;color:var(--muted)}html[data-atelier] .ad-reserved p{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .inbox-pane{border-right:1px solid var(--line);min-width:0;display:flex;flex-direction:column;background:var(--paper)}html[data-atelier] .pane-title{display:flex;align-items:center;justify-content:space-between;padding:15px 16px 12px;color:var(--ink);font-size:var(--type-note);font-weight:700}html[data-atelier] .count{font-size:var(--type-note);color:var(--muted);font-weight:500;background:var(--paper2);border:1px solid var(--line);border-radius:5px;min-width:22px;display:inline-grid;place-items:center;padding:0 5px}html[data-atelier] .search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--paper2);border-radius:7px;padding:7px 10px;min-width:0}html[data-atelier] .search .i{width:15px;height:15px;color:var(--muted)}html[data-atelier] .search input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:var(--ink);font-size:var(--type-note)}html[data-atelier] .search input::placeholder{color:var(--muted)}html[data-atelier] .inbox-pane>.search{margin:0 14px 10px}html[data-atelier] .filters{display:flex;gap:4px;padding:0 14px 10px;border-bottom:1px solid var(--line)}html[data-atelier] .filters button{border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:var(--type-note);padding:5px 10px;white-space:nowrap}html[data-atelier] .filters button.active{background:var(--soft);color:var(--at);font-weight:650}html[data-atelier] .message-list{overflow:auto;flex:1;scrollbar-width:thin}html[data-atelier] .message{display:flex;align-items:flex-start;gap:10px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:14px;width:100%;text-align:start;transition:background .15s;position:relative}html[data-atelier] .message:hover{background:var(--paper2)}html[data-atelier] .message.selected{background:var(--soft)}html[data-atelier] .message.selected:before{content:"";width:3px;position:absolute;inset-block:0;inset-inline-start:0;background:var(--accent)}html[data-atelier] .avatar{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;flex:none;font-size:var(--type-note);font-weight:700;color:var(--on);background:var(--accent)}html[data-atelier] .avatar.navy{background:#203751}html[data-atelier] .avatar.plum{background:#7654aa}html[data-atelier] .avatar.green{background:#247864}html[data-atelier] .message-copy{flex:1;min-width:0}html[data-atelier] .message-from{display:flex;justify-content:space-between;gap:7px;color:var(--ink);font-size:var(--type-control);font-weight:680}html[data-atelier] .message-from time{font-size:var(--type-note);font-weight:400;color:var(--muted);white-space:nowrap}html[data-atelier] .message-subject{display:block;font-size:var(--type-note);font-weight:550;margin-top:3px;color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[data-atelier] .message-snippet{font-size:var(--type-note);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}html[data-atelier] .code-chip{display:inline-block;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--at);font-size:var(--type-note);letter-spacing:1.3px;margin-top:6px}html[data-atelier] .reader{min-width:0;overflow:auto;padding:22px 26px;background:var(--paper);scrollbar-width:thin}html[data-atelier] .reader-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}html[data-atelier] .reader-heading h2{font-size:19px;letter-spacing:-.4px;margin-bottom:6px}html[data-atelier] .sender{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .reader-safe{display:flex;gap:6px;align-items:center;font-size:var(--type-note);color:var(--positive);margin-top:15px}html[data-atelier] .reader-safe .i{width:13px;height:13px}html[data-atelier] .reader-letter{margin-top:18px;line-height:1.9;font-size:var(--type-control)}html[data-atelier] .reader-letter p{margin-bottom:13px}html[data-atelier] .otp{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:var(--paper2);max-width:370px;margin:17px 0}html[data-atelier] .otp strong{font-size:28px;letter-spacing:6px}html[data-atelier] .reader-bottom{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}html[data-atelier] .reader-bottom .btn{font-size:var(--type-note);min-height:30px;padding:5px 9px}html[data-atelier] .mail-footer{padding:10px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:var(--type-note);color:var(--muted);background:var(--paper)}html[data-atelier] .mail-footer .row{gap:6px}html[data-atelier] .mail-footer .i{width:13px;height:13px}html[data-atelier] .benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0 0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}html[data-atelier] .benefit-strip>div{display:flex;align-items:center;gap:10px;padding:17px 20px;border-inline-end:1px solid var(--line)}html[data-atelier] .benefit-strip>div:last-child{border:0}html[data-atelier] .benefit-strip .i{width:19px;height:19px;color:var(--at)}html[data-atelier] .benefit-strip b{display:block;font-size:var(--type-note);font-weight:650;color:var(--ink)}html[data-atelier] .benefit-strip small{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .section{padding:58px 0}html[data-atelier] .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}html[data-atelier] .section-head .eyebrow{margin-bottom:10px}html[data-atelier] .section-head p{max-width:550px;font-size:var(--type-note);color:var(--muted);margin-top:8px}html[data-atelier] .text-link{display:inline-flex;align-items:center;gap:7px;color:var(--at);font-size:var(--type-note);font-weight:650}html[data-atelier] .text-link .i{width:15px;height:15px}html[data-atelier] .feature-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:16px}html[data-atelier] .feature{padding:25px;position:relative;overflow:hidden;transition:transform .25s,border-color .25s}html[data-atelier] .feature:hover{transform:translateY(-4px);border-color:var(--border)}html[data-atelier] .feature>span.symbol{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--at);width:40px;height:40px;border-radius:12px;margin-bottom:28px}html[data-atelier] .feature h3{margin-bottom:10px}html[data-atelier] .feature p{font-size:var(--type-note);line-height:1.9;color:var(--muted);margin-bottom:21px}html[data-atelier] .feature:first-child{background:var(--nav);color:var(--navtext);border-color:var(--nav)}html[data-atelier] .feature:first-child :is(h3,p,.text-link){color:var(--navtext)}html[data-atelier] .feature:first-child>span.symbol{background:#ffffff12;color:white}html[data-atelier] .feature .decor{position:absolute;width:140px;height:140px;border:1px solid #ffffff12;border-radius:30px;transform:rotate(25deg);inset-inline-end:-50px;top:-45px}html[data-atelier] .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}html[data-atelier] .guide{display:block;overflow:hidden;transition:transform .2s,border-color .2s}html[data-atelier] .guide:hover{transform:translateY(-3px);border-color:var(--border)}html[data-atelier] .guide-visual{height:127px;background:var(--paper2);border-bottom:1px solid var(--line);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px}html[data-atelier] .guide-visual:before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--grid) 1px,transparent 1px);background-size:16px 16px;mask-image:linear-gradient(transparent,#000)}html[data-atelier] .visual-card{position:relative;width:175px;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);padding:14px;border-radius:9px;display:flex;align-items:center;gap:12px;transform:rotate(-4deg)}html[data-atelier] .visual-card .i{width:23px;height:23px;color:var(--at)}html[data-atelier] .visual-lines{display:grid;gap:6px;flex:1}html[data-atelier] .visual-lines i{display:block;height:4px;background:var(--line);border-radius:4px}html[data-atelier] .visual-lines i:last-child{width:65%}html[data-atelier] .visual-lock{width:60px;height:70px;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:grid;place-items:center;transform:rotate(8deg);box-shadow:var(--shadow)}html[data-atelier] .visual-lock .i{width:29px;height:29px;color:var(--at)}html[data-atelier] .guide-body{padding:20px}html[data-atelier] .guide-body .row{justify-content:space-between;margin-bottom:13px}html[data-atelier] .guide-body h3{font-size:var(--type-body);line-height:1.65;margin-bottom:8px}html[data-atelier] .guide-body p{font-size:var(--type-note);color:var(--muted);line-height:1.8}html[data-atelier] .guide-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;margin-top:18px;color:var(--muted);font-size:var(--type-note)}html[data-atelier] .guide-meta .i{width:14px;height:14px}html[data-atelier] .cta{padding:32px 36px;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:42px}html[data-atelier] .cta h2{font-size:24px}html[data-atelier] .cta p{font-size:var(--type-note);color:var(--muted);margin-top:8px}html[data-atelier] .cta>.row{flex-shrink:0}html[data-atelier] .site-footer{border-top:1px solid var(--line);background:var(--paper)}html[data-atelier] .footer-main{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;padding:36px 0}html[data-atelier] .footer-main .brand{font-size:18px}html[data-atelier] .footer-main .brand-mark{width:30px;height:30px;border-radius:8px}html[data-atelier] .footer-main p{max-width:260px;font-size:var(--type-note);color:var(--muted);margin-top:13px;line-height:1.9}html[data-atelier] .footer-col h4{font-size:var(--type-note);margin:5px 0 14px}html[data-atelier] .footer-col a{display:block;width:fit-content;font-size:var(--type-note);color:var(--muted);margin:9px 0}html[data-atelier] .footer-col a:hover{color:var(--at)}html[data-atelier] .footer-bottom{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;align-items:center;font-size:var(--type-note);color:var(--muted)}html[data-atelier] .footer-bottom .row{gap:18px}html[data-atelier] .prototype-note{font-size:var(--type-note);color:var(--muted);padding:10px 0;text-align:center}html[data-atelier] .page-heading{padding:40px 0 30px;max-width:770px}html[data-atelier] .page-heading p{margin-top:12px;font-size:var(--type-control);color:var(--muted);line-height:1.9}html[data-atelier] .page-heading .eyebrow{margin-bottom:12px}html[data-atelier] .page-heading.center{text-align:center;margin:auto}html[data-atelier] .page-heading.center .eyebrow{justify-content:center}html[data-atelier] .price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:auto}html[data-atelier] .price-card{padding:28px;position:relative}html[data-atelier] .price-card.featured{border:1px solid var(--at);box-shadow:0 0 0 4px var(--soft)}html[data-atelier] .price-card h2{font-size:24px;margin:15px 0 8px;direction:ltr;text-align:start}html[data-atelier] .price-card p{font-size:var(--type-note);color:var(--muted);min-height:46px}html[data-atelier] .price-number{margin:20px 0 6px;display:flex;align-items:baseline;gap:7px;direction:ltr;justify-content:flex-start}html[data-atelier] .price-number strong{font-size:48px;letter-spacing:-2px;line-height:1.2}html[data-atelier] .price-number span{color:var(--muted);font-size:var(--type-note)}html[data-atelier] .price-card>.btn{width:100%;margin:20px 0}html[data-atelier] .checklist{list-style:none;display:grid;gap:12px;margin:0;padding:20px 0 0;border-top:1px solid var(--line);font-size:var(--type-note)}html[data-atelier] .checklist li{display:flex;align-items:center;gap:9px}html[data-atelier] .checklist .i{width:16px;height:16px;color:var(--positive)}html[data-atelier] .faq{max-width:850px;margin:auto}html[data-atelier] .faq details{border-bottom:1px solid var(--line);padding:17px 0}html[data-atelier] .faq summary{font-weight:620;color:var(--ink);cursor:pointer;font-size:var(--type-control)}html[data-atelier] .faq details p{padding-top:12px;font-size:var(--type-note);line-height:1.9;color:var(--muted)}html[data-atelier] .filter-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:14px;margin-bottom:24px}html[data-atelier] .filter-toolbar .search{max-width:350px;flex:1;background:var(--paper);min-height:40px}html[data-atelier] .filter-toolbar .filters{border:0;padding:0}html[data-atelier] .filter-toolbar .filters button{font-size:var(--type-note);padding:9px 13px}html[data-atelier] .article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:32px;max-width:1050px;margin:auto;padding-bottom:50px}html[data-atelier] .toc{padding:20px;height:fit-content;position:sticky;top:94px}html[data-atelier] .toc h3{font-size:var(--type-note);margin-bottom:18px}html[data-atelier] .toc a{display:block;font-size:var(--type-note);color:var(--muted);padding:9px 0;border-bottom:1px solid var(--line)}html[data-atelier] .article-content{padding:32px;min-width:0}html[data-atelier] .article-content p{font-size:var(--type-control);line-height:2.1;margin:14px 0;color:var(--text)}html[data-atelier] .article-content h2{font-size:21px;margin:30px 0 12px;scroll-margin-top:100px}html[data-atelier] .article-content h2:first-child{margin-top:0}html[data-atelier] .callout{background:var(--soft);border-inline-start:3px solid var(--accent);border-radius:8px;padding:17px;font-size:var(--type-note);color:var(--at);line-height:1.9}html[data-atelier] .article-content .checklist{border:0}html[data-atelier] .article-header{max-width:1050px;margin:auto;padding-top:30px}html[data-atelier] .breadcrumbs{font-size:var(--type-note);color:var(--muted);display:flex;gap:8px;margin-bottom:25px}html[data-atelier] .article-header h1{font-size:36px;max-width:800px;line-height:1.5;margin-bottom:15px}html[data-atelier] .article-header>p{max-width:740px;font-size:var(--type-control);color:var(--muted)}html[data-atelier] .article-byline{display:flex;align-items:center;gap:10px;margin:24px 0 30px;color:var(--muted);font-size:var(--type-note)}html[data-atelier] .article-byline .avatar{width:30px;height:30px;border-radius:50%}html[data-atelier] .account-layout{display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;max-width:1010px;margin:44px auto 60px}html[data-atelier] .account-intro h1{font-size:43px;max-width:450px}html[data-atelier] .account-intro p{max-width:420px;font-size:var(--type-control);color:var(--muted);margin-top:15px}html[data-atelier] .account-intro .checklist{border:0;margin-top:20px}html[data-atelier] .account-form{padding:28px}html[data-atelier] .account-form h2{font-size:22px}html[data-atelier] .account-form>p{font-size:var(--type-note);margin:8px 0 23px;color:var(--muted)}html[data-atelier] .field{display:grid;gap:7px;margin:15px 0;color:var(--ink);font-size:var(--type-note);font-weight:600}html[data-atelier] .field input,html[data-atelier] .field select{width:100%;border:1px solid var(--border);border-radius:8px;padding:11px 12px;background:var(--paper2);color:var(--ink);font-size:var(--type-note);min-width:0}html[data-atelier] .form-tabs{display:flex;padding:4px;background:var(--paper2);border:1px solid var(--line);border-radius:8px}html[data-atelier] .form-tabs button{flex:1;padding:8px;border:0;border-radius:5px;background:none;color:var(--muted);font-size:var(--type-note)}html[data-atelier] .form-tabs button.active{background:var(--paper);box-shadow:0 1px 5px #1421390e;color:var(--at);font-weight:650}html[data-atelier] .account-illustration{margin-top:27px;padding:20px;background:var(--paper);border:1px solid var(--line);border-radius:12px;max-width:350px}html[data-atelier] .account-illustration>div{display:flex;align-items:center;gap:10px;padding:10px 0}html[data-atelier] .account-illustration>div+div{border-top:1px solid var(--line)}html[data-atelier] .account-illustration .mini-lines{flex:1;height:5px;background:var(--line);border-radius:5px;max-width:160px}html[data-atelier] .plus-shell{display:grid;grid-template-columns:230px minmax(0,1fr);direction:ltr;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper);min-height:590px;box-shadow:var(--shadow);margin:24px 0 40px}html[data-atelier] .plus-shell>*{direction:var(--direction,rtl)}html[data-atelier] .product-sidebar{padding:18px;background:var(--paper2);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}html[data-atelier] .sidebar-caption{font-size:var(--type-note);letter-spacing:.7px;color:var(--muted);margin:22px 10px 8px;font-weight:650}html[data-atelier] .side-btn{display:flex;align-items:center;gap:10px;border:0;text-align:start;background:transparent;padding:10px;border-radius:8px;color:var(--muted);font-size:var(--type-note);min-height:37px;width:100%}html[data-atelier] .side-btn .i{width:16px;height:16px}html[data-atelier] .side-btn .count{margin-inline-start:auto}html[data-atelier] .side-btn:hover{color:var(--ink);background:var(--paper)}html[data-atelier] .side-btn.active{background:var(--soft);color:var(--at);font-weight:650}html[data-atelier] .sidebar-spacer{flex:1;min-height:30px}html[data-atelier] .sidebar-user{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:17px;font-size:var(--type-note)}html[data-atelier] .sidebar-user .avatar{width:31px;height:31px;font-size:var(--type-note)}html[data-atelier] .sidebar-user b{display:block;color:var(--ink);font-size:var(--type-note)}html[data-atelier] .sidebar-user small{color:var(--muted);font-size:var(--type-note)}html[data-atelier] .plus-main{min-width:0}html[data-atelier] .plus-topbar{padding:18px 21px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}html[data-atelier] .plus-topbar h1{font-size:22px;letter-spacing:-.5px}html[data-atelier] .plus-topbar p{font-size:var(--type-note);color:var(--muted);margin-top:3px}html[data-atelier] .plus-mail .mail-grid{grid-template-columns:300px minmax(0,1fr);height:468px}html[data-atelier] .plus-mail .mail-toolbar{padding:11px 18px}html[data-atelier] .plus-mail .address-value{font-size:var(--type-control)}html[data-atelier] .plus-mail .mail-footer{border-bottom:0}html[data-atelier] .dashboard{padding:24px}html[data-atelier] .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}html[data-atelier] .stat{padding:18px}html[data-atelier] .stat .between{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .stat>.mono{font-size:27px;color:var(--ink);font-weight:700;margin-top:12px;direction:ltr;text-align:start}html[data-atelier] .stat>small{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .stat .i{color:var(--at);width:17px;height:17px}html[data-atelier] .dashboard-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}html[data-atelier] .dashboard-card{padding:20px}html[data-atelier] .dashboard-card h3{font-size:var(--type-control);margin-bottom:16px}html[data-atelier] .activity-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:var(--type-note)}html[data-atelier] .activity-row:last-child{border:0}html[data-atelier] .activity-row>.i{color:var(--at);background:var(--soft);padding:6px;width:31px;height:31px;border-radius:8px}html[data-atelier] .activity-row div{flex:1}html[data-atelier] .activity-row b{display:block;font-size:var(--type-note)}html[data-atelier] .activity-row small{color:var(--muted);font-size:var(--type-note)}html[data-atelier] .progress{height:5px;background:var(--line);border-radius:8px;margin:14px 0}html[data-atelier] .progress span{height:100%;display:block;background:var(--accent);border-radius:8px;width:23%}html[data-atelier] .usage-line{display:flex;gap:5px;align-items:flex-end;height:70px;margin-top:20px;direction:ltr}html[data-atelier] .usage-line i{flex:1;background:var(--soft);border-radius:4px 4px 0 0;border-top:2px solid var(--accent);height:var(--height)}html[data-atelier] .console-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start;padding:30px 0 50px}html[data-atelier] .console-nav{padding:13px;position:sticky;top:95px}html[data-atelier] .console-content{min-width:0}html[data-atelier] .console-content .card{padding:24px;margin-bottom:18px}html[data-atelier] .console-content h1{font-size:28px}html[data-atelier] .console-content h2{font-size:18px;margin-bottom:10px}html[data-atelier] .console-content p{font-size:var(--type-note);color:var(--muted);line-height:1.9}html[data-atelier] .code-block{direction:ltr;text-align:left;background:var(--nav);color:#c8d7ee;border:1px solid #ffffff0a;border-radius:10px;padding:20px;font-size:var(--type-note);line-height:1.9;overflow:auto;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}html[data-atelier] .code-block em{font-style:normal;color:#90b9ff}html[data-atelier] .endpoint{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line);font-size:var(--type-note);direction:ltr}html[data-atelier] .endpoint:last-child{border:0}html[data-atelier] .method{background:var(--positivebg);color:var(--positive);font-weight:750;border-radius:5px;padding:3px 7px;font-size:var(--type-note)}html[data-atelier] .table-wrap{overflow:auto}html[data-atelier] table{width:100%;border-collapse:collapse;font-size:var(--type-note);white-space:nowrap}html[data-atelier] th{text-align:start;padding:12px;color:var(--muted);background:var(--paper2);font-weight:600;border-bottom:1px solid var(--line)}html[data-atelier] td{padding:14px 12px;border-bottom:1px solid var(--line);color:var(--text)}html[data-atelier] td .btn{min-height:29px;padding:4px 9px;font-size:var(--type-note)}html[data-atelier] .checkout-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;max-width:980px;margin:0 auto 55px}html[data-atelier] .order-card,html[data-atelier] .payment-card{padding:25px;height:fit-content}html[data-atelier] .checkout-layout h2{font-size:19px}html[data-atelier] .order-card .price-number{margin:25px 0}html[data-atelier] .payment-choice{padding:16px;border:1px solid var(--border);border-radius:9px;background:var(--paper);text-align:start;color:var(--text);display:flex;align-items:center;gap:12px;margin:10px 0;width:100%;transition:background .2s,border-color .2s}html[data-atelier] .payment-choice.active{border-color:var(--at);background:var(--soft);box-shadow:0 0 0 2px var(--soft)}html[data-atelier] .payment-choice b{display:block;font-size:var(--type-note)}html[data-atelier] .payment-choice small{color:var(--muted);font-size:var(--type-note)}html[data-atelier] .payment-choice>.i{color:var(--at)}html[data-atelier] .payment-choice .choice-radio{width:15px;height:15px;border:1px solid var(--border);border-radius:50%;margin-inline-start:auto}html[data-atelier] .payment-choice.active .choice-radio{border:4px solid var(--accent)}html[data-atelier] .legal-grid{max-width:1050px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding-bottom:50px}html[data-atelier] .legal-grid article{padding:30px}html[data-atelier] .legal-grid h2{font-size:19px;margin:24px 0 12px}html[data-atelier] .legal-grid h2:first-child{margin-top:0}html[data-atelier] .legal-grid p{font-size:var(--type-note);color:var(--muted);line-height:2}html[data-atelier] .legal-grid .toc a.active{color:var(--at)}html[data-atelier] .tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-bottom:50px}html[data-atelier] .tools-grid .card{padding:27px}html[data-atelier] .tools-grid h2{font-size:21px;margin:18px 0 10px}html[data-atelier] .tools-grid p{font-size:var(--type-note);color:var(--muted);margin-bottom:20px;line-height:1.9}html[data-atelier] .tool-icon{width:47px;height:47px;border-radius:12px;background:var(--soft);color:var(--at);display:grid;place-items:center}html[data-atelier] .tool-icon .i{width:24px;height:24px}html[data-atelier] .empty{padding:42px 20px;text-align:center;color:var(--muted);font-size:var(--type-note)}html[data-atelier] .empty .i{width:30px;height:30px;margin-bottom:12px}html[data-atelier] .empty h3{font-size:var(--type-body);margin-bottom:7px}html[data-atelier] .dialog{width:min(520px,calc(100vw - 32px));max-height:85vh;border:1px solid var(--line);border-radius:17px;background:var(--paper);color:var(--text);box-shadow:var(--float);padding:25px;overflow:auto}html[data-atelier] .dialog::backdrop{background:var(--overlay);backdrop-filter:blur(4px)}html[data-atelier] .dialog[open]{animation:modal-in .2s ease both}html[data-atelier] .dialog h2{font-size:20px}html[data-atelier] .dialog p{font-size:var(--type-note);color:var(--muted);margin-top:12px}html[data-atelier] .dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}html[data-atelier] .domain-choices{display:grid;gap:10px;margin-top:20px}html[data-atelier] .domain-choice{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);background:var(--paper2);border-radius:10px;text-align:start;color:var(--ink)}html[data-atelier] .domain-choice:hover,html[data-atelier] .domain-choice.selected{border-color:var(--at);background:var(--soft)}html[data-atelier] .domain-choice .i{color:var(--at)}html[data-atelier] .domain-choice b{font-size:var(--type-note);display:block}html[data-atelier] .domain-choice small{font-size:var(--type-note);color:var(--muted)}html[data-atelier] .domain-choice .pill{margin-inline-start:auto}html[data-atelier] .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);max-width:calc(100vw - 30px);border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:11px 19px;border-radius:10px;box-shadow:var(--float);font-size:var(--type-note);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;text-align:center}html[data-atelier] .toast.show{opacity:1;transform:translate(-50%,0)}html[data-atelier] .page-index{position:fixed;inset-inline-end:20px;bottom:22px;z-index:35}html[data-atelier] .page-index>summary{list-style:none;border:1px solid var(--border);background:var(--paper);color:var(--ink);padding:9px 12px;border-radius:9px;box-shadow:var(--shadow);cursor:pointer;display:flex;align-items:center;gap:7px;font-size:var(--type-note)}html[data-atelier] .page-index>summary::-webkit-details-marker{display:none}html[data-atelier] .page-index>nav{position:absolute;bottom:47px;inset-inline-end:0;background:var(--paper);border:1px solid var(--line);border-radius:12px;width:210px;padding:9px;box-shadow:var(--float)}html[data-atelier] .page-index nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:6px;font-size:var(--type-note)}html[data-atelier] .page-index nav a:hover{background:var(--soft);color:var(--at)}html[data-atelier] .page-index .i{width:14px;height:14px}html[data-atelier] .reveal{animation:page-in .5s both}html[data-atelier] .key{font-family:ui-monospace,monospace;background:var(--paper2);border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:var(--type-note);color:var(--muted)}@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes breathe{50%{box-shadow:0 0 0 5px var(--positivebg)}}@media (min-width:1600px){html[data-atelier] .wrap{width:min(1360px,calc(100% - 96px))}html[data-atelier] .mail-grid{height:465px;grid-template-columns:175px 350px minmax(0,1fr)}}@media (max-width:1100px){html[data-atelier] .wrap{width:calc(100% - 40px)}html[data-atelier] .header-inner{gap:20px}html[data-atelier] .main-nav{gap:0}html[data-atelier] .main-nav a{padding:9px;font-size:var(--type-note)}html[data-atelier] .header-actions>.login-link{display:none}html[data-atelier] .mail-grid{grid-template-columns:115px 280px minmax(0,1fr)}html[data-atelier] .advert{padding:10px}html[data-atelier] .reader{padding:20px}html[data-atelier] .benefit-strip>div{padding:16px 13px}html[data-atelier] .account-layout{gap:35px;grid-template-columns:1fr 410px}html[data-atelier] .plus-shell{grid-template-columns:200px minmax(0,1fr)}html[data-atelier] .plus-mail .mail-grid{grid-template-columns:260px minmax(0,1fr)}html[data-atelier] .feature-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:880px){html[data-atelier] .header-inner{gap:16px;justify-content:space-between;height:65px}html[data-atelier] .brand{font-size:19px}html[data-atelier] .brand-word small{display:none}html[data-atelier] .header-actions{margin-inline-start:auto}html[data-atelier] .header-actions>.desktop-cta{display:none}html[data-atelier] .header-divider{display:none}html[data-atelier] .menu-toggle{display:inline-flex}html[data-atelier] .main-nav{display:none;position:absolute;inset-inline:20px;top:70px;height:auto;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--float);flex-direction:column;align-items:stretch}html[data-atelier] .main-nav.open{display:flex;animation:modal-in .15s ease}html[data-atelier] .main-nav a{padding:11px;font-size:var(--type-control)}html[data-atelier] .hero{align-items:flex-start;padding-top:28px}html[data-atelier] .hero-side{display:none}html[data-atelier] .mail-toolbar{flex-wrap:wrap;padding:12px}html[data-atelier] .address-box{flex:1 0 100%}html[data-atelier] .mail-toolbar>.btn{height:35px;min-height:35px;flex:1;padding-inline:7px;font-size:var(--type-note)}html[data-atelier] .mail-grid{grid-template-columns:265px minmax(0,1fr);height:440px}html[data-atelier] .advert{display:flex;grid-column:1/-1;flex-direction:row;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);padding:7px 12px;height:47px}html[data-atelier] .advert .ad-reserved{margin:0;flex:1;display:flex;justify-content:center;gap:10px;padding:4px 8px;height:30px}html[data-atelier] .advert .ad-reserved .i,html[data-atelier] .advert .ad-reserved p,html[data-atelier] .advert>.tiny{display:none}html[data-atelier] .advert .ad-reserved strong{font-size:var(--type-note)}html[data-atelier] .advert-label{font-size:var(--type-note)}html[data-atelier] .benefit-strip{grid-template-columns:repeat(2,1fr)}html[data-atelier] .benefit-strip>div:nth-child(2){border-inline-end:0}html[data-atelier] .benefit-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}html[data-atelier] .feature-grid{grid-template-columns:1fr}html[data-atelier] .feature{padding:23px}html[data-atelier] .feature>span.symbol{margin-bottom:15px}html[data-atelier] .feature p{max-width:500px}html[data-atelier] .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-atelier] .guide-grid>.guide:last-child:nth-child(odd){grid-column:1/-1}html[data-atelier] .footer-main{grid-template-columns:1.5fr 1fr 1fr;gap:20px}html[data-atelier] .footer-col:last-child{grid-column:2/4}html[data-atelier] .footer-main>div:first-child{grid-row:span 2}html[data-atelier] .cta{padding:26px}html[data-atelier] .cta h2{font-size:21px}html[data-atelier] .account-layout{grid-template-columns:1fr;gap:28px;margin-block:30px}html[data-atelier] .account-intro{display:none}html[data-atelier] .account-form{width:min(460px,100%);margin:auto}html[data-atelier] .article-layout,html[data-atelier] .legal-grid{grid-template-columns:1fr;gap:20px}html[data-atelier] .toc{position:static}html[data-atelier] .article-layout .toc{display:none}html[data-atelier] .plus-shell{grid-template-columns:170px minmax(0,1fr)}html[data-atelier] .product-sidebar{padding:12px}html[data-atelier] .plus-mail .mail-grid{grid-template-columns:1fr;height:auto}html[data-atelier] .plus-mail .inbox-pane{border:0}html[data-atelier] .plus-mail .message-list{max-height:230px}html[data-atelier] .plus-mail .reader{min-height:345px;border-top:1px solid var(--line)}html[data-atelier] .plus-topbar{padding:15px}html[data-atelier] .plus-topbar h1{font-size:19px}html[data-atelier] .plus-topbar .pill{display:none}html[data-atelier] .dashboard{padding:17px}html[data-atelier] .stats{grid-template-columns:1fr;gap:9px}html[data-atelier] .stat{padding:15px}html[data-atelier] .stat>.mono{font-size:23px;margin-top:7px}html[data-atelier] .dashboard-grid{grid-template-columns:1fr}html[data-atelier] .console-layout{grid-template-columns:1fr}html[data-atelier] .console-nav{position:static;display:flex;overflow:auto}html[data-atelier] .console-nav .sidebar-caption{display:none}html[data-atelier] .console-nav .side-btn{min-width:max-content;width:auto}html[data-atelier] .checkout-layout{grid-template-columns:1fr}html[data-atelier] .order-card{order:0}html[data-atelier] .payment-card{order:1}html[data-atelier] .tools-grid{gap:14px}}@media (max-width:590px){html[data-atelier] .wrap{width:calc(100% - 28px)}html[data-atelier] .announce{font-size:var(--type-note);min-height:26px;padding:5px 14px}html[data-atelier] .header-inner{height:61px;gap:8px}html[data-atelier] .brand{font-size:17px;gap:7px;letter-spacing:-.7px}html[data-atelier] .brand-mark{width:31px;height:31px;border-radius:9px}html[data-atelier] .brand-mark svg{width:21px;height:21px}html[data-atelier] .header-actions{gap:3px}html[data-atelier] .header-actions .btn{min-height:34px;font-size:var(--type-note)}html[data-atelier] .header-actions .btn.icon{width:32px}html[data-atelier] .hero{padding:26px 0 22px}html[data-atelier] .hero h1{font-size:28px;letter-spacing:-.8px}html[data-atelier] .hero p{font-size:var(--type-note);line-height:1.9;margin-top:10px}html[data-atelier] .eyebrow{font-size:var(--type-note)}html[data-atelier] .workspace-top{padding:11px 12px}html[data-atelier] .workspace-top .caption{display:none}html[data-atelier] .work-id{font-size:var(--type-note)}html[data-atelier] .workspace{border-radius:12px}html[data-atelier] .mail-toolbar>.btn .i{width:14px;height:14px}html[data-atelier] .mail-toolbar>.btn{font-size:var(--type-note);gap:5px}html[data-atelier] .address-value{font-size:var(--type-control)}html[data-atelier] .ttl{font-size:var(--type-note);gap:4px;padding-inline-start:6px}html[data-atelier] .ttl .i{display:none}html[data-atelier] .mail-grid{grid-template-columns:1fr;height:auto;direction:inherit}html[data-atelier] .mail-grid.shared-grid{grid-template-columns:1fr}html[data-atelier] .inbox-pane{border-right:0}html[data-atelier] .message-list{max-height:230px;min-height:150px}html[data-atelier] .reader{padding:21px 18px;min-height:340px;border-top:1px solid var(--line)}html[data-atelier] .reader-heading h2{font-size:18px}html[data-atelier] .reader-letter{font-size:var(--type-note)}html[data-atelier] .mail-footer{align-items:flex-start;padding:10px 12px;font-size:var(--type-note);flex-wrap:wrap;gap:7px}html[data-atelier] .mail-footer .row{flex-wrap:wrap}html[data-atelier] .benefit-strip{margin-top:17px;border-radius:10px}html[data-atelier] .benefit-strip>div{gap:8px;padding:13px 10px}html[data-atelier] .benefit-strip .i{width:16px;height:16px}html[data-atelier] .benefit-strip b{font-size:var(--type-note)}html[data-atelier] .benefit-strip small{font-size:var(--type-note)}html[data-atelier] .section{padding:36px 0}html[data-atelier] .section-head{align-items:flex-start;gap:15px}html[data-atelier] .section-head h2{font-size:22px}html[data-atelier] .section-head .text-link{max-width:80px;font-size:var(--type-note)}html[data-atelier] .section-head p{font-size:var(--type-note)}html[data-atelier] .guide-grid{grid-template-columns:1fr}html[data-atelier] .guide-grid>.guide:last-child:nth-child(odd){grid-column:auto}html[data-atelier] .guide-visual{height:115px}html[data-atelier] .guide-body{padding:18px}html[data-atelier] .cta{padding:24px;align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}html[data-atelier] .cta .row{width:100%}html[data-atelier] .cta .row>.btn{flex:1}html[data-atelier] .footer-main{grid-template-columns:1fr 1fr;padding-top:28px;gap:25px}html[data-atelier] .footer-main>div:first-child{grid-column:1/-1;grid-row:auto}html[data-atelier] .footer-col:last-child{grid-column:auto}html[data-atelier] .footer-main p{max-width:300px}html[data-atelier] .footer-bottom{gap:15px;align-items:flex-start;flex-direction:column;font-size:var(--type-note);padding-bottom:65px}html[data-atelier] .footer-bottom .row{gap:12px}html[data-atelier] .page-heading{padding:30px 0 23px}html[data-atelier] .page-heading h1{font-size:29px}html[data-atelier] .page-heading p{font-size:var(--type-note)}html[data-atelier] .price-grid{grid-template-columns:1fr;gap:20px}html[data-atelier] .price-card{padding:23px}html[data-atelier] .price-number strong{font-size:42px}html[data-atelier] .filter-toolbar{flex-wrap:wrap;padding:10px}html[data-atelier] .filter-toolbar .search{max-width:none;flex:1 0 100%}html[data-atelier] .filter-toolbar .filters{overflow:auto;width:100%;order:1}html[data-atelier] .filter-toolbar .filters button{flex:none;padding:8px 10px;font-size:var(--type-note)}html[data-atelier] .article-header h1{font-size:27px}html[data-atelier] .article-content{padding:22px}html[data-atelier] .article-content h2{font-size:20px}html[data-atelier] .article-content p{font-size:var(--type-note)}html[data-atelier] .article-byline{gap:8px;font-size:var(--type-note)}html[data-atelier] .plus-shell{grid-template-columns:1fr;direction:inherit;margin-top:18px}html[data-atelier] .product-sidebar{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;gap:4px;flex-wrap:wrap;padding:10px}html[data-atelier] .product-sidebar>.btn{min-height:35px}html[data-atelier] .product-sidebar>.sidebar-caption,html[data-atelier] .sidebar-spacer,html[data-atelier] .sidebar-user{display:none}html[data-atelier] .product-sidebar .side-btn{width:auto;font-size:var(--type-note);min-height:35px;padding:8px}html[data-atelier] .product-sidebar .side-btn .count{display:none}html[data-atelier] .plus-topbar{flex-wrap:wrap;gap:12px}html[data-atelier] .plus-topbar .btn{font-size:var(--type-note)}html[data-atelier] .plus-mail .mail-grid{height:auto}html[data-atelier] .plus-mail .address-value{font-size:var(--type-note)}html[data-atelier] .plus-mail .mail-toolbar .ttl{display:none}html[data-atelier] .stats{grid-template-columns:1fr 1fr;gap:9px}html[data-atelier] .stats>.stat:last-child{grid-column:1/-1}html[data-atelier] .dashboard{padding:16px}html[data-atelier] .dashboard h2{font-size:21px}html[data-atelier] .console-layout{gap:18px}html[data-atelier] .console-content .card{padding:19px}html[data-atelier] .console-content h1{font-size:25px}html[data-atelier] .endpoint{font-size:var(--type-note);gap:6px;overflow-wrap:anywhere}html[data-atelier] .checkout-layout{gap:16px}html[data-atelier] .order-card,html[data-atelier] .payment-card{padding:21px}html[data-atelier] .legal-grid article{padding:23px}html[data-atelier] .tools-grid{grid-template-columns:1fr}html[data-atelier] .page-index{bottom:15px;inset-inline-end:14px}html[data-atelier] .page-index>summary{font-size:var(--type-note)}html[data-atelier] .prototype-note{font-size:var(--type-note)}html[data-atelier] .dialog{padding:20px}html[data-atelier] .otp{padding:12px}html[data-atelier] .otp strong{font-size:25px;letter-spacing:5px}html[data-atelier] .main-nav{top:66px;inset-inline:14px}html[data-atelier] .search input{font-size:var(--type-note)}}@media (prefers-reduced-motion:reduce){html[data-atelier] *,html[data-atelier] *:before,html[data-atelier] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}